/* ============================= */
/*        Header                 */
/* ============================= */

.header-top,
.header-inner,
.header-bottom {
    background-image: url(../imgs/bg-concrete.png);
}

.header-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    max-width: inherit;
    padding: 0;
    width: 100%
}

.header-main {
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: space-between;
    width: 100%
}

@media only screen and (min-width:1025px) {
    .header-main {
        height: 96px
    }
}

.header-logo-container {
    background: linear-gradient(45deg,#2e3192,#2abdbb) no-repeat;
    -webkit-clip-path: polygon(0 0,100% 0,75% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,75% 100%,0 100%);
    height: 100%;
    max-width: 200px;
    padding: 12px 0 16px 16px;
    position: relative;
    width: 200px;
    z-index: 30
}

    .header-logo-container img {
        width: 101px
    }

@media only screen and (min-width:1025px) {
    .header-logo-container {
        flex: 1;
        max-width: 352px;
        order: 1;
        padding: 30px 0 36px 50px;
        width: 352px
    }

        .header-logo-container img {
            width: 162px
        }
}

.header-logo {
    font-size: 100%;
    line-height: 1
}

.header-slogan {
    background: #fff;
    color: #262626;
    display: none;
    overflow: hidden
}

@media only screen and (min-width:1025px) {
    .header-slogan {
        background: transparent;
        display: flex;
        height: 48px;
        margin: auto 0;
        max-height: 48px;
        max-width: 400px;
        order: 2;
        padding: 0 40px 0 0
    }

        /*.header-slogan p {
            font-size: 20px;
            line-height: 24px
        }*/
}

.header-info-boxes {
    margin-top: 5px;
}

.header-bottom {
    background: #fff;
}

.header-top .top-text,
.header-inner {
    color: #2e3192;
}

.header-top .header-dropdown.open > a,
.header-top .header-dropdown:hover > a,
.header-top .header-dropdown:focus > a {
    background-color: #2e3192;
    border-color: #2e3192;
}

@media (min-width: 768px) {
    .header-top a,
    .navbar-nav > li > a {
        color: #2e3192;
    }
}

@media (max-width: 767px) {
    .social-menu a {
        color: white;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a:before,
    .header-top .top-menu li a:before {
        background-color: #2e3192;
    }

    .navbar-nav > li.open > a, .navbar-nav > li.open > a:hover, .navbar-nav > li.open > a:focus, .navbar-nav > li.active > a, .navbar-nav > li.active > a:hover, .navbar-nav > li.active > a:focus {
        background-color: #2e3192;
    }
}

/* ============================= */
/*        Breadcrumb             */
/* ============================= */

#breadcrumb {
    background: #2e3192; /* For browsers that do not support gradients */
}

    #breadcrumb .breadcrumb li a {
        color: #FFFFFF;
    }


/* ============================= */
/*        Content                */
/* ============================= */

a {
    color: #2e3192;
}

    a:hover, a:focus {
        color: #015276;
    }

.btn-primary,
.accordion .panel .panel-heading .panel-title a[aria-expanded='true'],
.well.custom {
    border-color: #2E3192;
}

::selection,
.btn-primary,
#side-callouts > a > .item,
.accordion .panel .panel-heading .panel-title a[aria-expanded='true'],
.well.custom {
    background-color: #2e3192;
    color: white;
}

#breadcrumb .breadcrumb li a:hover,
.bg-dark .product .product-title a:hover,
.bg-medium-dark .product .product-title a:hover,
.bg-dark .portfolio-title a:hover,
.bg-medium-dark .portfolio-title a:hover,
.header-info-box a:hover,
.text-custom,
.custom-checks input[type="checkbox"]:checked + .label-text:before,
.custom-checks input[type="radio"]:checked + .label-text:before,
.btn-white {
    color: #2e3192;
}

.btn-primary:hover,
.btn-primary:active {
    background-color: #2E3192
}