@import url('/Vendor/css/font-awesome.min.css');
section {
    padding: 68px 0;
}

section .section-title {
    text-align: center;
    color: #0a5eab;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#what-we-do {
    background: #ffffff;
}

    #what-we-do .card {
        padding: 1rem !important;
        border: none;
        margin-bottom: 1rem;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        transition: .5s all ease;
    }

        #what-we-do .card:hover {
            -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
            -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
            box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
        }

        #what-we-do .card .card-block {
            padding-left: 70px;
            position: relative;
        }

            #what-we-do .card .card-block a {
                color: #007b5e !important;
                font-weight: 700;
                text-decoration: none;
            }

                #what-we-do .card .card-block a i {
                    display: none;
                }

        #what-we-do .card:hover .card-block a i {
            display: inline-block;
            font-weight: 700;
        }

        #what-we-do .card .card-block:before {
            font-family: FontAwesome;
            position: absolute;
            font-size: 39px;
            color: #0076c0;
            left: 0;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
        }

        #what-we-do .card .block-1:before {
            content: "\f023";
        }

        #what-we-do .card .block-2:before {
            content: "\f1f0";
        }

        #what-we-do .card .block-3:before {
            content: "\f087";
        }

        #what-we-do .card .block-4:before {
            content: "\f017»";
        }

        #what-we-do .card .block-5:before {
            content: "\f0a1";
        }

        #what-we-do .card .block-6:before {
            content: "\f218";
        }

        #what-we-do .card:hover .card-block:before {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            transition: .5s all ease;
        }




.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -130px;
    top: 230px;
    width: 210px;
    z-index: 1100;
}
@media only screen and (max-width: 1024px) {
    #barraLateral {
        display: none;
    }
}

.sticky li {
    border-radius: 8px;
    margin-top: 2px;
    list-style-type: none;
    background-color: #fff;
    color: #efefef;
    height: 38px;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

    .sticky li:hover {
        margin-left: -95px;
    }

    .sticky li img {
        float: left;
    }

    .sticky li p {
        margin: 0px;
        line-height: 16px;
        font-size: small;
        display: inline-block;
        color: #287ad0;
        padding-left:10px;
    }

        .sticky li p a {
            text-decoration: none;
            color: #2C3539;
        }

            .sticky li p a:hover {
                text-decoration: underline;
            }


.social-icons a {
    padding: 6px 8px;
    display: inline-block;
}

.social-icons.big-icons a {
    font-size: 28px;
    padding-left: 12px;
    padding-right: 12px;
}

.social-icons.bigger-icons a {
    font-size: 38px;
    padding-left: 14px;
    padding-right: 14px;
}

.social-icons a:hover {
    text-decoration: none !important;
}

.colored-icons .link-vk, .link-vk:hover {
    color: #5181B8;
}

.colored-icons .link-facebook, .link-facebook:hover {
    color: #0076c0;
}

.colored-icons .link-twitter, .link-twitter:hover {
    color: #1da1f2;
}

.colored-icons .link-telegram, .link-telegram:hover {
    color: #28A0D4;
}

.colored-icons .link-instagram, .link-instagram:hover {
    color: #833ab4;
}

.colored-icons .link-youtube, .link-youtube:hover {
    color: #d30606;
}

.colored-icons .link-pinterest, .link-pinterest:hover {
    color: #e60023;
}

.colored-icons .link-linkedin, .link-linkedin:hover {
    color: #0077b5;
}

table {
    width: 100%;
}

#example_filter {
    float: right;
}

#example_paginate {
    float: right;
}

label {
    display: inline-flex;
    margin-bottom: .5rem;
    margin-top: .5rem;
}