html {
    position: relative!important;
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: Lato, sans-serif;
}

body {
    margin-bottom: 88px;
    color: #444444;
    margin-bottom:188.41px ;
}

#image-section {
    height: 100vh;
}
#image-section,.paral, .proyect-bg {
    background-size: cover!important;
}
#image-section, .us-img, .paral, .proyect-bg {
    background-repeat: no-repeat!important;
    background-position: center center!important;
}
.proyect-bg{
    height:360px;
}
.us-img{
    background-size: contain!important;
    min-height: 250px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
	margin-top:25px;
}

.paral {
    height: 250px;
    background-attachment: fixed;
}

.paral div.container-fluid {
    height: 250px;
}

.paral div.container-fluid div.col-12 {
    background: rgba(0, 0, 0, 0.5)
}

.paral h1 {
    color: #fff;
    text-align: center;
}

.carousel-caption {
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.3)
}
.logo-name{
    font-size: 18pt;
    font-weight: 700;
    font-family: sans-serif;
    color: #bc0b12;
}
.navigation-clean {
    background: #fff;
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #333;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin-bottom: 0
}
#content{
    margin-top: 134px;
}
@media (min-width:768px) {
    .navigation-clean {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    body{
        margin-bottom: 146px;
    }
}
@media (min-width: 992px) {
    #content{
        margin-top: 142px;
    }
}
nav.navbar:before{
    background: linear-gradient(to right, #01013c 25%,#0300c3 25%, #0300c3 50%, #b40101 50%, #b40101 75%, #520000 75%);
    position: absolute;
    content: '';
    height: 8px;
    right: 0;
    left: 0;
    bottom: 0;
}
.navigation-clean .navbar-brand {
    font-weight: 700;
    color: inherit
}

.navigation-clean .navbar-brand:hover {
    color: #222
}

.navigation-clean .navbar-toggler {
    border-color: #ddd;
    color: #888
}

.navigation-clean .navbar-toggler:focus, .navigation-clean .navbar-toggler:hover {
    background: 0 0
}

.navigation-clean .form-inline, .navigation-clean .navbar-collapse {
    border-top-color: #ddd
}

.navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
    color: #8f8f8f;
    box-shadow: none;
    background: 0 0;
    pointer-events: none
}

.navigation-clean.navbar .navbar-nav .nav-link {
    padding-left: 5px;
    padding-right: 5px
}

.navigation-clean.navbar-light .navbar-nav .nav-link {
    color: #465765
}

.navigation-clean.navbar-light .navbar-nav .nav-link:focus, .navigation-clean.navbar-light .navbar-nav .nav-link:hover {
    color: #37434d!important;
    background-color: transparent
}

.navigation-clean .navbar-nav>li>.dropdown-menu {
    margin-top: -5px;
    box-shadow: none;
    background-color: #fff;
    border-radius: 2px
}

.navigation-clean .dropdown-menu .dropdown-item, .navigation-clean .dropdown-menu .dropdown-item:focus {
    line-height: 2;
    color: #37434d
}

.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover {
    background: #eee;
    color: inherit
}

.container.top-header {
    border-bottom: 1px solid #ddd;
    color: #97a0af;
    font-weight: 300!important
}

#top-footer {
    border-bottom: 1px solid #fff
}

.collapsing {
    transition: height 0.8s ease 0s!important;
}

#btn-menu {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999
}

.nav-item {
    cursor: pointer
}

#proyects .card-body {
    border: 1px solid #e8e8e8
}

#proyects .card-header {
    border-bottom: 0px
}

#proyects .card {
    border-radius: 0px
}

#proyects .card-body {
    border: 0!important
}

.bg-one{
    background-color:#b40101 !important;
}
.text-one{
    color: #b40101!important;
}
.bg-two{
    background-color: #0301bf!important;
}
.text-two{
    color: #0301bf!important;
}
#process div.card-shadow:hover{
    background-color: #b40101!important;
    color: #fff!important;
}
#clients div.card-grey, #brands div.card-grey{
    height: 160px;
    margin: 5px;
    background-position: center center!important;
    background-repeat: no-repeat!important; 
    background-size: contain!important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#clients div.card-grey:hover, #brands div.card-grey:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #fff!important;
    background-color: #b40101!important; 
    border-color: #dee2e6 #dee2e6 #b40101!important;
}
.nav-tabs .nav-link:not(.active):focus, .nav-tabs .nav-link:not(.active):hover{
    background-color: #0301bf!important;
    color: #fff!important;
}
div.table-responsive table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
div.table-responsive table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
div.table-responsive table td, div.table-responsive table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
div.card-header.bg-primary span.badge-primary{
    color:#b40101!important;
    background-color: #fff!important;
}