/* here you can put your own css to customize and override the theme */



/*@media (max-width: 1024px) {
    .testimonials-block .carousel {
        width: 62%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }

}
@media (min-width: 1025px) {
    .testimonials-block .carousel {
        width: 62%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }
}
@media (max-width: 992px) {
    .testimonials-block .carousel {
        width: 62%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }
}
@media (min-width: 760px) {
    .testimonials-block .carousel {
        width: 62%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 65px;
        z-index: 23;
    }
}
@media (max-width: 768px) {
    .testimonials-block .carousel {
        width: 80%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 140px;
        top: 95px;
        z-index: 23;
    }
}
@media (max-width: 767px) {
    .testimonials-block .carousel {
        width: 80%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }
}
@media (max-width: 600px) {
    .testimonials-block .carousel {
        width: 80%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }
}
@media (max-width: 480px) {
    .testimonials-block .carousel {
        width: 90%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 150px;
        top: 90px;
        z-index: 23;
    }
}
@media (max-width: 400px) {
    .testimonials-block .carousel {
        width: 90%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 135px;
        top: 76px;
        z-index: 23;
    }
}
@media (max-width: 320px) {
    .testimonials-block .carousel {
        width: 90%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 112px;
        top: 60px;
        z-index: 23;
    }
}*/

@media (max-width: 1024px) {
    .testimonials-block .carousel {
        width: 62%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }

}
@media (min-width: 1025px) {
    .testimonials-block .carousel {
        width: 62%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }
}
@media (max-width: 992px) {
    .testimonials-block .carousel {
        width: 62%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }
}
@media (min-width: 760px) {
    .testimonials-block .carousel {
        width: 62%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 395px;
        top: 45px;
        z-index: 21;
    }

    .img-tag img {
        width:230px;
        height:210px;
    }
}
@media (max-width: 768px) {
    .testimonials-block .carousel {
        width: 80%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 320px;
        top: 62px;
        z-index: 23;
    }

    .img-tag img {
        width:230px;
        height:200px;
    }

}
@media (max-width: 767px) {
    .testimonials-block .carousel {
        width: 80%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }

}
@media (max-width: 600px) {
    .testimonials-block .carousel {
        width: 80%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 115px;
        top: 80px;
        z-index: 23;
    }
}
@media (max-width: 480px) {
    .testimonials-block .carousel {
        width: 90%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 140px;
        top: 45px;
        z-index: 23;
    }

    .img-tag img {
        width:215px;
        height:200px;
    }
}

@media (max-width: 400px) {
    .testimonials-block .carousel {
        width: 90%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 126px;
        top: 40px;
        z-index: 23;
    }

    .img-tag img {
        width:183px;
        height:190px;
    }
}
@media (max-width: 320px) {
    .testimonials-block .carousel {
        width: 90%;
        margin: 0 auto;
    }

    .img-tag {
        position: absolute;
        left: 112px;
        top: 35px;
        z-index: 23;
    }

    .img-tag img {
        width:150px;
        height:150px;
    }
}


.ab-overlay {
    padding-top: 20%;
    position: relative;
}
.ab-overlay img {
    position: relative;
    z-index: -1;
}

.ab-top-overlay {
    display: inline-block;
    width: 20%;
    height: 20%;
    color: #fff;
    border-radius: 50% !important;
    z-index: 1;
    position: relative;
    padding-top: 20%;
}

.ab-top-overlay-blue {
    background: #33b1e6;
    bottom: 28%;
    left: 20%;
}

/*
.img-tag {
    position: absolute;
    left: 115px;
    top: 80px;
    z-index: 23;
}*/

/*.img-tag {
    position: absolute;
    left: 115px;
    top: 60px;
    z-index: 23;
}*/