body {
}
.header {
    position: unset;
    border-bottom-color: #e9e9e9;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    background: #FFF;
    -webkit-transition: min-height 0.3s ease;
    -moz-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    width: 100%;
    z-index: 1001;
}

.navbar-right a, #navleft a {
    border-radius: 0px;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    padding: 10px 13px;
    padding-right: 13px;
    font-family: Tahoma;
}

    .navbar-right a:hover, #navleft a:hover {
        color: #03b040 !important;
    }

.top_slidebar {
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: visible;
    width: 100%;
    background-image: url(/images/slide-bg.jpg);
}

.hstyle {
    position: relative;
    vertical-align: middle;
    height: 300px;
}

    .hstyle h3 {
        color: #fff;
    }

h4 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 0px;
}

p {
    font-size: 14px;
    text-align: left;
}

hr.sep-2 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #f0f0f0, #00b9ff, #59d941, #f0f0f0);
}

hr.sep-3 {
    border: none;
    height: 1px;
    background-image: linear-gradient(to right, #f0f0f0, #8f8f8f, #f0f0f0);
}

    hr.sep-3::after {
        content: '§';
        display: inline-block;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%) rotate(60deg);
        transform-origin: 50% 50%;
        padding: 1rem;
        background-color: white;
    }

hr.style-eight {
    height: 1px;
    border: 1;
    box-shadow: inset 0px 9px 6px -2px rgba(48,42,57, .8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #302a39;
    margin-top: 0;
}

.sh-section {
    box-shadow: 0px 7px 25px 1px rgba(0,0,0,0.08);
    overflow: hidden;
    background-color: rgba(255,255,255,1);
}

.cl {
    padding: 15px 10px 10px 0 !important;
    /*border-right: 1px solid rgba(242,242,242,1);*/
    /*border-bottom: 1px solid rgba(242,242,242,1);*/
    background-position: center center;
    background-size: cover;
    background-position: 50% 50%;
    margin: 0;
    transition: all .3s ease-in-out !important;
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    height: unset !important;
}

.clNews {
    /*border-right: 1px solid rgba(242,242,242,1);*/
    /*border-bottom: 1px solid rgba(242,242,242,1);*/
    background-position: center center;
    background-size: cover;
    background-position: 50% 50%;
    margin: 0;
    transition: all .3s ease-in-out !important;
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    height: unset !important;
    background-color: #fff;
}

.clin {
    /*min-height: 300px;*/
    transition: all .3s ease-in-out !important;
    padding: 25px;
}

.services:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.5)
}

#colorlib-footer h4 {
    margin-bottom: 10px !important;
}
.stretch-card > .card {
    width: 100%;
    min-width: 100%
}

body {
    background-color: #f9f9fa;
    font-family: Tahoma !important;
}

.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:991.98px) {
    .padding {
        padding: 1.5rem
    }
}

@media (max-width:767.98px) {
    .padding {
        padding: 1rem
    }
}

.padding {
    padding: 3rem
}

.card {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #3da5f;
    border-radius: 0
}

    .card .card-body {
        padding: 1.25rem 1.75rem
    }

    .card .card-title {
        color: #000000;
        margin-bottom: 0.625rem;
        text-transform: capitalize;
        font-size: 0.875rem;
        font-weight: 500
    }

    .card .card-description {
        margin-bottom: .875rem;
        font-weight: 400;
        color: #76838f
    }

.btn.btn-social-icon {
    width: 50px;
    height: 50px;
    padding: 0
}

.template-demo > .btn {
    margin-right: 0.5rem !important
}

.template-demo {
    margin-top: 0.5rem !important
}

.btn.btn-rounded {
    border-radius: 50px
}

.btn-outline-facebook {
    border: 1px solid #3b579d;
    color: #3b579d
}

    .btn-outline-facebook:hover {
        background: #3b579d;
        color: #ffffff
    }

.btn-outline-youtube {
    border: 1px solid #e52d27;
    color: #e52d27
}

.btn-outline-twitter {
    border: 1px solid #2caae1;
    color: #2caae1
}

.btn-outline-dribbble {
    border: 1px solid #ea4c89;
    color: #ea4c89
}

.btn-outline-linkedin {
    border: 1px solid #0177b5;
    color: #0177b5
}

.btn-outline-instagram {
    border: 1px solid #dc4a38;
    color: #dc4a38
}

.btn-outline-twitter:hover {
    background: #2caae1;
    color: #ffffff
}

.btn-outline-linkedin:hover {
    background: #0177b5;
    color: #ffffff
}

.btn-outline-youtube:hover {
    background: #e52d27;
    color: #ffffff
}

.btn-outline-instagram:hover {
    background: #e52d27;
    color: #ffffff
}

.btn-facebook {
    background: #3b579d;
    color: #ffffff
}

.btn-youtube {
    background: #e52d27;
    color: #ffffff
}

.btn-twitter {
    background: #2caae1;
    color: #ffffff
}

.btn-dribbble {
    background: #ea4c89;
    color: #ffffff
}

.btn-linkedin {
    background: #0177b5;
    color: #ffffff
}

.btn-instagram {
    background: #dc4a38;
    color: #ffffff
}

.btn-facebook:hover,
.btn-facebook:focus {
    background: #2d4278;
    color: #ffffff
}

.btn-youtube:hover,
.btn-youtube:focus {
    background: #c21d17;
    color: #ffffff
}

.btn-twitter:hover,
.btn-twitter:focus {
    background: #1b8dbf;
    color: #ffffff
}

.btn-dribbble:hover,
.btn-dribbble:focus {
    background: #e51e6b;
    color: #ffffff
}

.btn-linkedin:hover,
.btn-linkedin:focus {
    background: #015682;
    color: #ffffff
}

.btn-instagram:hover,
.btn-instagram:focus {
    background: #bf3322;
    color: #ffffff
}

.testimonials {
    overflow: hidden;
    position: relative;
    max-height: 300px;
}

.testimonials {
    background: #161d25;
}

.one-slide,
.testimonial,
.message {
    border: none !important;
    outline: none !important;
}

.icon-overlay {
    position: absolute;
    opacity: 0.3;
    right: 10%;
    top: 0;
    height: auto;
    width: 100%;
    max-width: 400px;
}

.carousel-controls .control {
    position: absolute;
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    z-index: 1;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

.testimonial-carousel {
}

.message {
    font-size: 18px;
    color: #fff;
}

.slick-track {
    border: 10px solid rgb(48, 42, 57) !important;
}

@media screen and (max-width: 768px) {
    .testimonials {
        max-height: 700px;
    }

    .icon-overlay {
        height: 300px;
        top: calc(50% - 150px);
    }

    .carousel-controls .control {
        width: 25px;
        height: 25px;
        top: inherit;
    }

    .prev {
        left: 0;
    }

    .next {
        right: 0;
    }

    .control i {
        font-size: .7rem;
    }

    .testimonials .message {
        font-size: 1rem;
    }

    .testimonials h2 {
        font-size: 1.5rem;
    }
}

.hr-line {
    box-sizing: content-box;
    background-color: #d9e1e8;
    border: 0;
    height: 1px;
    margin: 0;
}

#ulsettings li {
    float: left;
    padding: 10px;
}

    #ulsettings li:hover {
        background-color: #f2eeee;
    }

.input-sm {
    border-radius: 0 !important;
}

.btnflat {
    border-radius: 0 !important;
}