.red {
    color: #770b1b;
    font-weight: 700;
}
.green {
    color: #00983a;
    font-weight: 700;
}
.purple {
    color: #8c379b;
    font-weight: 700;
}
.blue {
    color: #0c1c91;
    font-weight: 700;
}
.counter-item .counter-number {
    color: #404854;
    font-size: 30px;
}
.gradient-bg1 {
    background-image: url('img/banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.list-filter a {
    border: solid 1px #8c379b;
    padding: 5px 20px;
    border-radius: 20px;
    margin: 0 5px;
}
.list-filter a.sub-title {
    font-size: 16px;
}
.list-filter a:hover {
    color: #ffffff;
    background-color: #8c379b;
}
.mx-1024 {
    max-width: 1024px;
}
.gradient-bg2 {
    background: #f6f3f6;
}
#team {
    background: #efb421;
}
.bg-purple-light {
    background: #e3d3e8;
}
.bg-green-light {
    background: #d1ded2;
}
.bg-blue-light {
    background: #dde1f5;
}
.bg-red-light {
    background: #e4ced1;
}
#contact {
    background: #e8e9ea;
}
.footer-style-1 {
    background: #404854;
    color: #fff;
    padding: 3rem 0;
}
.navbar-top-default {
    background-color: #fff;
    margin: 0;
    padding-top: 20px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}
.header-appear .navbar-top-default.navbar-gradient {
    background: #fff;
}
.fullnav-toggler .line {
    background: #404854;
}
.navbar-top-default.navbar-gradient .navbar-nav .nav-link,
.menu-line,
.slider-social a,
.header-appear .navbar-top-default.navbar-gradient .navbar-nav .menu-line {
    color: #333;
}
.nav-holder.style-2 {
    opacity: 0;
}
.nav-holder.style-2.active {
    opacity: 1;
}
.btn.btn-morado {
    background: #75238b;
    border-color: #75238b;
    color: #ffffff
}
.btn.btn-amarillo {
    background: #e8a500;
    border-color: #e8a500;
    color: #404854
}
.btn.btn-hvr-blue .btn-hvr-effect {
    background: #75238b;
    border-color: #75238b;
    color: #ffffff 
}
.btn.btn-hvr-blue:hover,
.btn.btn-hvr-blue:focus {
    border-color: #75238b;
}
.btn.btn-hvr-amarillo .btn-hvr-effect {
    background: #e8a500;
    border-color: #e8a500;
    color: #ffffff 
}
.btn.btn-hvr-amarillo:hover {
    color: #fff;
    border-color: #e8a500;
    background: transparent !important;
}
.alt-color {
    color: #75238b;
}
.navbar-top-default #agency {
    margin-right: 85px!important;
}
.designation {
    min-height: 120px;
}
@media (max-width: 1198px) {
    .designation {
        min-height: 160px;
    }
}
@media (max-width: 992px) {
    .designation {
        min-height: 70px;
    }
    .team-item {
        margin-bottom: 50px;
    }
}
.sub1 {
    font-size: 70px;
    line-height: 70px;
    font-weight: 800;
    color: #75238b;
    letter-spacing: 0px;
    font-family: Montserrat, sans-serif;
}
.sub2 {
    font-size: 20px;
    font-weight: 400px;
    color: #404854;
    letter-spacing: 0px;
    font-family: Montserrat, sans-serif;
}
@media (max-width: 500px) {
    .sub1,
    .sub2 {
        width: 100%;
        float: left;
    }
    .sub2 {
        margin-bottom: 20px;
    }
}
.icon-team:hover {
    color: #8c379b;
}
.box-case {
    background-color: #d6d6d6;
    min-height: 500px;
}
.box-case h5 {
    color: #404854;
    font-weight: 600;
}
.hr-case {
    background-color: #8c379b;
    height: 4px;
}
.padding-top-3 {
    padding-top: 3rem;
}
.case-icon-1 {
    width: 131px!important;
}
.case-icon-2 {
    width: 92px!important;
}
.case-icon-3 {
    width: 99px!important;
}
.full-menu-dot {
    transform: scale(0);
}
.w-200 {
    width: 200px;
}
.w-250 {
    width: 250px;
}
.margin-top-100 {
    margin-top: 100px;
}
.margin-top-80 {
    margin-top: 80px;
}
.sub-title.us {
    font-size: 16px;
    font-weight: 600;
}
.color-us {
    color: #404854;
}
.team-item .team-image.team-us {
    width: 100%;
    max-width: 269px;
    margin: 0;
}
.dropdown-item {
    font-size: 13px;
    color: #333;
    font-weight: 500;
}

.nav-holder .full-menu-navigation ul > li > a::before, 
.nav-holder .full-menu-navigation ul > li > a::after {
    background-color: #404854;
}
.nav-holder.style-2 .full-menu-navigation {
    right: 270px;
    bottom: 250px;
}
.nav-holder .full-menu-navigation ul > li > a {
    font-size: 22px;
    color: #404854;
}
.nav-holder.style-2 .full-menu-navigation.left ul > li > a:hover .anchor-circle {
    background-color: #404854;
}
.nav-holder .full-menu-navigation .anchor-circle {
    border: 1px solid #404854;
}
header .nav-holder.active .shape-right {
    right: -130px;
}
.nav-holder.style-2 .full-menu-detail {
    right: 160px;
}
header .nav-holder.active .shape-left {
    left: -220px;
}
.page-title.extra {
    background-image: url('img/header_casos.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;
}
@media (max-width: 767px) {
    .page-title.extra {
        padding: 240px 0px 90px;
    }
}