banner-1-bg {
    background: url(../images/bg/banner-1-bg.jpg) no-repeat bottom left;
    background-size: cover;
}

/*.kadry .banner-content {
    padding: 170px 0 270px;
    color: #ffffff;

}*/
.kadry .banner-content {
    color: #ffffff;
    position: absolute;
    top: 170px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    left: 41%;
}
    .kadry .banner-content h1 {
        font-family: "Poppins", sans-serif;
        font-size: 4.2rem;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .kadry .banner-content p {
        color: #f5f8fe;
        font-size: 1.6rem;
        font-family: "Roboto", sans-serif;
        max-width: 500px;
        position: relative;
    }

        .kadry .banner-content p:before {
            position: absolute;
            content: url(../images/curv-arrow-2.png);
            top: 100%;
            left: 190px;
        }

    .kadry .banner-content .button {
        background: rgba(255, 255, 255, 0.15);
        padding: 14px 30px;
        margin-top: 20px;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
    }

        .kadry .banner-content .button:hover {
            background: #ffffff;
            color: #246df8;
        }

.fact-bg {
    background: url(../images/bg/simple-kadry.jpg) no-repeat center center;
    background-size: cover;
    box-shadow: 1px 5px 20px 0px rgba(0, 123, 255, 0.41) !important;
}
.fact {
    text-align: center;
    color: #ffffff;
    margin-bottom: 30px;
}

    .fact .fact-icon svg {
        height: 35px;
    }

    .fact .fact-number {
        font-size: 30px;
        margin-top: 20px;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 1;
    }

    .fact .fact-name {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: 1.9rem;
        margin-top: 0;
    }
.blog-grid {
    position: relative;
    /* border: 1px solid rgba(0, 0, 0, 0.08); */
    border-radius: 3px;
    margin-bottom: 30px;
    overflow: hidden;
    border:none !important;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.03) !important;
}
.others-block{
    box-shadow:none !important;
}
.searchAndFilter {
    z-index: 99;
}
.newsletter-bg {
    background: url(../images/bg/kadry2.jpg) no-repeat center center;
    background-size: cover;
}
.newsletter-form .form-group {
    width: calc(100% - 170px) !important;
    margin-right: 30px;
}
.searchAndFilter-wrapper {
    background: #ffffff !important;
}
.call-to-action-box {
    padding: 40px 20px;
    border-radius: 5px;
    /* border: 1px solid rgba(0, 0, 0, 0.08); */
    border: none !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 109, 248, 0.1)), to(rgba(36, 109, 248, 0)));
    background-image: -webkit-linear-gradient(top, rgba(36, 109, 248, 0.1), rgba(36, 109, 248, 0));
    background-image: -o-linear-gradient(top, rgba(36, 109, 248, 0.1), rgba(36, 109, 248, 0));
    background-image: linear-gradient(to bottom, rgba(36, 109, 248, 0.1), rgba(36, 109, 248, 0));
    padding-left: 45%;
    position: relative;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.03) !important;
}
 #count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    max-width: 350px;
    margin-top: 40px;
}
 #count .info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
   #count .info h4 {
        font-size: 2.8rem;
        color: #fff;
        font-weight: 600;
    }
 #count .info span {
        font-size: 1.6rem;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #ffffff;
    }
.company-wrap {
    height: 388px !important;
}



.item {
    opacity: 0.4;
    transition: .4s ease all;
    margin: 0 20px;
    transform: scale(.8);
}


.active .item {
    opacity: 1;
    transform: scale(1);
}

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

a.inner {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
}

    a.inner {
        color: #fff;
        text-decoration: none;
        border-bottom: 2px solid rgba(255,255,255,0.5);
        transition: .3s ease border-color
    }

        a.inner a:hover {
            border-color: #fff;
        }

.black .inner a {
    color: #000;
    border-color: rgba(0,0,0,0.4)
}

    .black .inner a:hover {
        border-color: #000;
    }



.owl-controls {
    position: absolute;
    margin-top: 300px;
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 85px;
    margin-right: auto;
    margin-left: auto;
}
@media(max-width:1500px) {
    .kadry .banner-content {
        top: 165px;
        left: 19%;
    }
}
@media(max-width:1400px) {
    .kadry .banner-content {
        top: 165px;
        left: 23%;
    }
}
@media(max-width:1300px) {
    .kadry .banner-content {
        top: 131px;
        left: 8%;
    }  
}
@media(max-width:1200px) {
    .kadry .banner-content {
        top: 96px;
        left: 8% !important;
    }
        .kadry .banner-content h1 {
            font-size: 3.2rem;
        }
}
@media(max-width:1100px) {
    .kadry .banner-content {
        position: relative;
        padding: 0px 0 89px !important;
        left: 0;
    }
        .kadry .banner-content h1 {
            font-family: "Poppins", sans-serif;
            font-size: 3.2rem;
            font-weight: 600;
            margin-bottom: 15px;
        }
}

@media(max-width:1000px) {
    .item {
        margin: 0;
        transform: scale(.9)
    }
}
@media(max-width:800px) {
    .kadry .banner-content {
        position: relative;
        padding: 170px 0 89px !important;
        left:0;
    }
    }
@media(max-width:500px) {
    .owl-carousel{
        display:none!important;
    }
    .container-fluid {
        padding-left:15px;
    }
    .kadry .banner-content {
        position: relative;
        padding: 0px 0 260px !important;
        left: 0;
    }
}

@media(max-width:400px) {
    .kadry .banner-content h1 {
        font-size: 2.2rem !important;

    }
    #count .info h4 {
        font-size: 1.2rem;

    }
    #count .info span {
        font-size: 1.1rem;

    }
}