@charset "UTF-8";

.text-orange {
    color: #FFBA00 !important;
}

.straight-hr {
    content: '';
    width: 1px;
    height: 100%;
    background: #213A54;
    position: absolute;
    top: 0;
    right: 0;
}

.text-custom {
    color: #A2A7B9 !important;
}

.pl--40 {
    padding-left: 40px;
}

.remove-padding {
    padding: 0 !important;
}
.breadcrumb-area {
    position: static !important;
}

.text-black {
    color: black !important;
}

.text-blue {
    color: #2D89D3 !important;
}

body {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    /* identical to box height, or 24px */


    /* Text / Secondary */

    color: #A2A7B9;
}

.fs-24 {
    font-size: 24px
}

.cursor-pointer {
    cursor: pointer;
}

.category-image {
    width: 350px;
    height:250px;
}

.dark-blue {
    color: #283C52 !important;
}

.mt-flexible {
    margin-top: 300px !important;
}

.star-contact {
    color: red !important;
}

.text-yellow {
    color: #FFBA00 !important;
}

.mt-1 {
    margin-top: 1rem;
}

.fs-15 {
    font-size:15px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.fs-14 {
    font-size:14px !important;
}

.pd-0 {
    padding: 0 0 0 0 !important;
}

.pd-15 {
    padding: 0 15px 0 15px !important;
}

.mt--4 {
    margin-top: -4px;
}

.file-contact {
    margin-top: -.75rem
}

.custom-btn {
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: #17a2b8;
    color: #2E2E2E;
    font-size: 14px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 14px 48px;
    transition: all .4s ease;
}

.custom-btn:hover {
    background: #097586;
    color: #2E2E2E;
}

.custom-btn-success {
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: #28a745;
    color: #2E2E2E;
    font-size: 14px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 14px 48px;
    transition: all .4s ease;
}

.custom-btn-success:hover {
    background: #1a8030;
    color: #2E2E2E;
}

.mrt-5 {
    margin-top: 4.25rem;
}

.content-strengths {
    margin-top: 1rem;
    padding-right: 5rem;
}
.title-strengths {
    margin-top: 1rem;
    padding-right: 5rem;
}

.title-strengths-right {
    margin-top: 1rem;
    padding-left: 5rem;
}
.content-strengths-right {
    margin-top: 1rem;
    padding-left: 5rem;
}

.mrt-2 {
    margin-top: 2rem;
}

.mtp-2{
    margin: 6px 5px 0;
}

.line-height-2 {
    line-height: 2rem;
}

/*.brand-items {*/
/*    animation: moveSlideshow 12s linear infinite;*/
/*}*/

/*@keyframes moveSlideshow {*/
/*    100% {*/
/*        transform: translateX(-66.6666%);*/
/*    }*/
/*}*/

/*.brand-area-2 {*/
/*    opacity: 0;*/
/*    transition: opacity 0.5s ease-out;*/
/*    background-position: 0 -200px;*/
/*    animation: moveSlideshow 15s linear infinite;*/
/*}*/

.brand-list {
    overflow: hidden;
}

.brand-items {
    -webkit-animation-name: move;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: right;
    -webkit-animation-timing-function: linear;
}

.brand-items:hover {
    -webkit-animation-play-state: paused;
}

@media only screen and (min-width: 600px) {
    @-webkit-keyframes move {
        0% {
            margin-left: -100px;
        }
        100% {
            margin-left: 590px;
        }
    }
}

@media only screen and (min-width: 960px) {
    @-webkit-keyframes move {
        0% {
            margin-left: -100px;
        }
        100% {
            margin-left: 950px;
        }
    }
}

@media only screen and (min-width: 1280px) {
    @-webkit-keyframes move {
        0% {
            margin-left: -100px;
        }
        100% {
            margin-left: 1270px;
        }
    }
}
