body{
    font-family: 'Inter', sans-serif;
    font-size: 16px;
   }

   .marb50{
       margin-bottom: 50px;
   }

   .marb20{
    margin-bottom: 50px;
    }   

   #navbarNav{
    justify-content: center;
   }

   .nav-link{
       text-transform: uppercase;
   }

   .nav-item:nth-child(2n){
       margin:0 50px;
   }

   .navbar-brand{
       display: none;
   }

   .site-menu .navbar-light .navbar-nav .active>.nav-link{
       color:#DA2E17;
   }

   .site-menu .navbar{
       height:150px;
   }

   .login{
    background: url(/ColdaExtended/images/content1-background.png) no-repeat;
    height: 640px;
   }

   .form-content{
       width: 80%;
       margin:0 auto;
       padding:50px 0;
       display: flex;
   }

   .inner-content{
    flex-basis: 50%;
   }

   .left-part{
       background:#ffffff;
       border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        padding: 65px 45px;
        position: relative;
   }

   .right-part{
       background: #4472C7;
       border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        padding: 50px;
   }

   .left-part .form-label h2{
       font-size: 27px;
       font-weight: bold;
       text-transform: uppercase;
       color:#707070;
       margin-bottom: 20px;
   }

   .right-part .form-label h2{
       font-size: 27px;
       font-weight: bold;
       text-transform: uppercase;
       color:#ffffff;
       margin-bottom: 20px;
   }

   .right-part .form-label p{
       color:#fff;
   }

   .right-part .form-control{
    border-radius: 10px;
   }

   .left-part .form-control{
    background: rgba(68, 114, 199, 0.3);
    border-radius: 10px;
   }


   .form-group input::placeholder {
    color: rgba(112,112,112,0.5);
    font-size: 12px;
    }

    .form-group label{
        font-size: 15px;
    }

    .rect {
        height: 50px;
        background: #4472C7;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 25px;
    }

    button.login-btn{
        padding: 10px 60px;
        background: #4472C7;
        border-radius: 10px;
        margin-top: 50px;
    }

    button.register{
        padding: 10px 60px;
        background: #ffffff;
        border-radius: 10px;
        color:#4472C7;
    }

    .width80{
        width: 80%;
        margin:0 auto;
    }

    .blue{
        background: #00A4C7;
    }

    .red{
        background: #FF7D7D;
    }

    .green{
        background: #05D89D;
    }

    .blocks{
        color: #fff;
        padding: 25px 95px;
        border-radius: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .block-icon {
        margin-bottom: 30px;
    }

    .lower-banner{
        background: url(/ColdaExtended/images/lower-banner.png) no-repeat;
        height: 250px;
    }

    .lower-banner .banner-text{
        color: #ffffff;
        text-align: center;
        padding-top: 10%;
    }

    .footer-links ul{
        padding: 0;
    }

    .footer-links ul li{
        list-style: none;
        margin-bottom: 10px;
    }

    .footer-links ul li a{
        color:#707070;
        text-decoration: none;
    }

    .footer-title{
        color: #DA2E17;
        text-transform: uppercase;
    }

    .footer-links.social-links ul li{
        display: inline-block;
        margin-right: 10px;
    }

    p.lower-footer{
        color: #DA2E17;
        text-transform: uppercase;
    }

    .footer-links ul li a:hover{
        color:#DA2E17;
    }

    .social-links ul li a img{
        opacity: .15;
    }

    .social-links ul li a:hover img{
        opacity: 1;
    }


    /*******************homepage-after-login******************/
    .order.block {
        background: #FFB400;
    }

    .invoices.block {
        background: #983AD0;
    }

    .documents.block {
        background: #00A4C7;
    }

    .graphics.block {
        background: #FF4298;
    }

    .company.block {
        background: #4472C7;
    }

    .employee.block {
        background: #FF7D7D;
    }

    .gdpr.block {
        background: #05D89D;
    }

    .varia.block {
        background: #FB7000;
    }

    .block-left-part {
        width: 20%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .block-right-part {
        width: 74%;
        display: inline-block;
        vertical-align: middle;
    }

    .block {
        padding: 20px 20px 10px;
        border-radius: 10px;
        color: #ffffff;
    }

    h3.block-title{
        text-transform: uppercase;
        font-size: 22px
    }

    .block-item img {
        width: 100%;
    }

    .progress{
        margin:10px 0;
    }

    .progress-block .progress{
        height: 5px;
        background: rgba(112,112,112,0.5);
    }

    .progress-block .progress-bar{
        background: #ffffff;
    }

    .block-progress-text{
        font-size: 12px;
    }

    .block-number{
        font-size: 19px;
        font-weight: bold;
    }

    .more-items{
        display: none;
        padding-left: 10px;
    }

    .view-more{
        text-align: right;
        padding: 10px 0 0;
        width: 100%;
    }

    .more-items h6{
        text-transform: uppercase;
        font-weight: bold;
    }

    .progress-item{
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .korting{
        background: url(/ColdaExtended/images/korting-banner.png) no-repeat;
        height: 265px;
        background-size: cover;
        position: relative;
    }

    .korting-text {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color:#fff;
    }

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

    .korting-text p{
        font-size: 30px;
        font-weight: bold;
        text-align: center;
    }

    .korting-text h1{
        font-size: 80px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .overlap-image{
        display: inline-block;
        width: 50%;
        vertical-align: middle;
        margin-right: 20px;
    }

    .overlap-image img{
        width: 100%;
    }

    .overlap-text{
        display: inline-block;
        width: 40%;
        vertical-align: middle;
    }

    section.echo{
        position: relative;
    }

    section.echo::after {
        content: '';
        display: block;
        width: 650px;
        height: 420px;
        position: absolute;
        top: 0;
        left: 26%;
        background: rgba(68,114,199, .15);
        z-index: -1;
    }

    .echo-title h2 {
        text-transform: uppercase;
        color: #4472C7;
        padding-top: 30px;
        font-weight: bold;
    }

    .echo-subtitle.text-center {
        margin-bottom: 30px;
        font-weight: bold;
    }

    .echo-subtitle.text-center a {
        text-decoration: underline;
    }

    .second-overlap .overlap-image{
        margin-top: -60px;
    }

    .first-overlap .overlap-image
    .first-overlap .overlap-image{
        vertical-align: top;
    }

    .first-overlap .overlap-image{
        margin-top: 25px;
    }

    .overlap-text a{
        color: #707070;
        font-weight: bold;
        text-decoration: underline;
    }

    .owl-carousel.client-carousel .owl-item img{
        width: 60%;
    }

    
    .owl-carousel.client-carousel .owl-prev{
    left: -5%;
    position: absolute;
    top: 50%;
    transform: translate(5%,-50%);
    }

    .owl-carousel.client-carousel .owl-prev span,
    .owl-carousel.client-carousel .owl-next span{
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50%;
    border: 1px solid #707070;
    line-height: 31px;
    color: #707070;
    font-size: 25px;
    background: #E3EAF7;
    font-weight: bold;
    }

    .owl-carousel.client-carousel .owl-next{
    right: -5%;
    position: absolute;
    top: 50%;
    transform: translate(5%,-50%);
    }

    .owl-carousel.client-carousel .owl-dots{
        display: none;
    }