body{
    --background:var(--background-);
    --primary:var(--primary-);
    --secondary:var(--secondary-);
    --color:var(--color-);
    --color-light:var(--color-light-);
}
main{
    min-height:100vh;
    position:relative;
    background-color:var(--background);
    color:var(--color-light);
    display:flex;
    align-items: center;
    width:100%;
    margin-top:-68px;
    z-index:2;
}
main.height-half{
    min-height:50vh;
}
main.height-half .header-images img:last-of-type{
    display:none;
}
main h1{
    font-size:2.9em;
    color:white;
}
main label{
    background-color:var(--secondary);
    color:black;
    padding:3px 10px;
    border-radius:30px;
    text-transform: uppercase;
    font-size:1.1em;
    margin-bottom:10px;
}
main label > a,
main label > a:hover{
    text-decoration: none;
    color:black;
    font-weight: bold;
}
main .header-images{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
    overflow:hidden;
}
main .header-images > img{
    position:absolute;
    z-index:-1;
    user-select: none;
    pointer-events: none;
}
main .header-images > img:first-of-type{
    width:1270px;
    left:calc(1270px / -2);
    top:calc(1200px / -2);
}
main .header-images > img:last-of-type{
    width:600px;
    right:calc(600px / -5);
    bottom:calc(600px / -4);
}
@media (max-width: 939px){
    main .header-images > img:last-of-type{
        display:none;
    }
}
.portfolio-section{
    margin-top:200px;
    margin-bottom:100px;
}
.portfolio-section .row{
    margin-bottom:150px;
}
.portfolio-section .row a,
.portfolio-section .row a:hover{
    cursor: pointer;
    color:black;
    text-decoration: underline;
}
.portfolio-section .portfolio-btn{
    margin-top:200px;
    text-align: center;
}
.portfolio-section .portfolio-btn a{
    text-decoration: none;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:auto;
    user-select: none;
    width:100px;
    height:100px;
    border:none;
    border-radius:100px;
    font-size:1.3em;
    box-shadow:0px 0px 16px var(--primary);
    border:5px solid var(--primary);
    background-color:white;
    color:var(--primary);
    transition: .7s;
}
.portfolio-section .portfolio-btn a:hover{
    color:white;
    background-color:var(--primary);
    box-shadow:0px 0px 26px var(--primary);
}
@media (max-width:757px){
    h2{
        margin-top:20px;
    }
}
.aboutUs-section{
    position:relative;
    padding-top:200px;
    padding-bottom:100px;
    background-color:var(--background);
    color:var(--color-light);
    z-index:1;
}
.aboutUs-section .background-images > img{
    position:absolute;
    z-index:-1;
    user-select: none;
    pointer-events: none;
}
.aboutUs-section .background-images{
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:-1;
}
.aboutUs-section .background-images > img:first-of-type{
    width:700px;
    right:calc(1270px / -6);
    top:calc(1200px / -5);
}
.aboutUs-section .background-images > img:last-of-type{
    width:500px;
    left:calc(600px / -5);
    bottom:calc(600px / -6);
}
.aboutUs-section div > h1{
    color:white;
    max-width:900px;
}
.aboutUs-section .slider{
    padding-top:100px;
}
.aboutUs-section .slider .slideItem > div{
    min-height:600px;
    padding:15px;
}
.aboutUs-section .slider .slideItem .content{
    background-color:white;
    height:100%;
    max-height: 600px;
    height:100%;
    color:var(--color);
    border:5px solid white;
    border-radius:20px;
    overflow:hidden;
}
.aboutUs-section .slider .slideItem .content > img{
    min-height: 600px;
    width:100%;
    min-width: 100%;
    left:50%;
    position:relative;
    transform: translate(-50%);
}
@media (max-width:600px){
    .aboutUs-section .slider .slideItem .content > img{ 
        width:auto;
        max-width: 200%;
    }
}
.aboutUs-section .navigation-btn{
    text-align: end;
    margin-top:-25px;
    margin-right:50px;
    z-index:999;
    position: relative;
}
.aboutUs-section .navigation-btn button{
    background-color:var(--primary);
    width:60px;
    height:60px;
    color:white;
    font-size:1.2em;
    border:none;
    margin:0px 10px;
    box-shadow:0px 0px 16px var(--primary);
    border-radius:100px;
    transition: box-shadow .3s;
}
.aboutUs-section .navigation-btn button.slick-disabled{
    box-shadow:0px 0px 6px var(--primary);
    cursor:no-drop
}
.proces-section{
    margin-top:200px;
    margin-bottom:200px;
}
.proces-section .row{
    max-width:900px;
    margin:auto;
}
.proces-section .row > div{
    padding:25px 0px;
    position:relative;
}
@media (min-width:842px){
    .proces-section .row > div:not(:last-of-type)::after{
        content:'';
        position:absolute;
        left:0px;
        height:100px;
        width:3px;
        border-radius:5px;
        background-color:black;
        bottom:-50%;
    }
    .proces-section .row > div:not(:last-of-type)::before{
        content:'';
        position:absolute;
        left:0px;
        height:3px;
        width:50px;
        border-radius:5px;
        background-color:black;
        bottom:-50%;
    }
}
.team{
    position:relative;
    margin-top:150px;
    margin-bottom:150px;
    overflow:hidden;
}
.team::after{
    content:'';
    width:500px;
    height:500px;
    top:0px;
    right:calc(-700px / 4);
    background-color:#E6E3F9;
    border-radius:100%;
    position: absolute;
    z-index:-1;
}
.team::before{
    content:'';
    width:400px;
    height:400px;
    bottom:0px;
    left:calc(-400px / 3);
    background-color:#E6E3F9;
    border-radius:100%;
    position: absolute;
    z-index:-1;
}
.team .team-card{
    background-color:white;
    text-align: center;
    border:2px solid var(--primary);
    padding:40px 20px;
    border-radius:28px;
    margin-bottom:25px;
}
.team .team-card .img-container{
    max-width:300px;
    overflow:hidden;
    max-height:300px;
    width:100%;
    height:100vh;
    border:7px solid var(--primary);
    border-radius:18px;
    margin:0 auto 20px;
}
.team .team-card .img-container img{
    width:calc(100% + 10px);
}
.team .team-card h4{
    color:black;
    font-weight: bolder;
}
.team .team-card span{
    color:var(--primary);
}
.team .team-card p{
    margin-top:20px;
    margin-bottom:40px;
}
@media (min-width:840px){
    .team .team-card{
        padding:40px 50px;
    }
    .team .team-card .button-group{
        display:flex;
        grid-gap: 10px;
    }
    .team .team-card .button-group a{
        display:block;
        width:100%;
    }
}
.team .team-card .button-group a{
    display:inline-block;
    margin-bottom:10px;
}
.login-container{
    min-height:calc(100vh);
    padding:35px 5px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.login-container > div{
    text-align: center;
    max-width:500px;
}
.login-container h5{
    font-weight: bolder;
}
.login-container form input{
    width:100%;
    margin-top:30px;
}
.login-container .actions{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:50px;
}
.login-container .actions button{
    padding-left:40px;
    padding-right:40px;
}
.login-container .actions a{
    color:#343434;
    text-decoration: none;
}
.login-container .container-bottom{
    color:#343434;
    margin-top:70px;
}
.login-container .container-bottom a{
    color:#343434;
}
.projects a,
.projects a:hover{
    cursor: pointer;
    color: black;
    text-decoration: underline;
}
.contact-container form input,
.contact-container form textarea{
  width:100%;
}
.contact-container{
    margin:50px auto;
}
.alert-field{
    position: fixed;
    top: 60px;
    left: 50px;
    width: calc(100% - 100px);
    z-index: 999;
}