/* GENERAL */
.bg-orange {
    background-color: #b79f5b;
}

.label.label-rounded {
    border-radius: 0.42rem;
}
.label {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #EBEDF3;
    color: #3F4254;
    font-weight: 400;
}
.label.label-inline {
    width: auto;
    padding: 0.15rem 0.75rem;
    border-radius: 0.42rem;
}
.label.label-light-success {
    color: #1BC5BD;
    background-color: #C9F7F5;
}
.label.label-light-danger {
    color: #F64E60;
    background-color: #FFE2E5;
}

.label.label-light-deuda {
    color: #fff;
    background-color: #B79F5B;
}
.label.label-light-capital {
    color: rgb(63, 63, 63);
    background-color: #D7CEA9;
}

/* PANEL */
#container-panel {
    display: flex;
    flex-direction: row;
}

#container-panel .faq-design-area {
    margin-top: 0px;
}

#container-panel .content-panel {
    margin-top: 40px;
    margin-bottom: 40px;
}

#container-panel .faq-design-area .faq-tab-btn .nav li a.active {
    background: #B79F5B;
    position: relative;
}

#container-panel .explore-projects-item .explore-projects-content {
    border-top: 1px solid #e9e9ee;
}

#container-panel .progress-bar.deuda {
    background-color: #B79F5B;
}

#container-panel .progress-bar.capital {
    background-color: #D7CEA9;
}

/* TABLERO INVERSIONES */
#container-panel #content-tablero-inversiones #resumen-inversion li {
    color: #fff !important;
}

#container-panel #content-tablero-inversiones #resumen-inversion ul li:first-child {
    margin-bottom: 30px;
}

#container-panel #content-tablero-inversiones #resumen-inversion ul li:last-child {
    font-weight: bolder;
}

#container-panel #content-tablero-inversiones #resumen-inversion .symbol {
    font-weight: bolder;
    font-size: 35px;
    color: #fff !important;
}

#container-panel #content-tablero-inversiones .explore-projects-item, 
#container-panel #content-tablero-inversiones .explore-projects-content {
    height: 100%;
}

/* NOTICIAS */
#container-panel #content-tablero-noticias .blog-author::before {
    right: 0 !important;
    left: auto;
    z-index: 9999;
}
#container-panel #content-tablero-noticias .blog-author {
    padding: 0;
}

#container-panel #content-tablero-noticias .separator {
    border: 1px solid #534a4a;
    margin: 19px 0px;
}

.table .thead-trece th {
    background-color: #B79F5B;
}

.custom-select:focus {
    border-color: #b79f5b;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 177 0 / 25%);
}

.spinner-border.text-warning.text-trece {
    color: #b79f5b !important;
}

#datatable-pagos-por-dia thead {
    background-color: #b79f5b !important;
    color: #fff !important;
}

/* CONFIG */
#proyectos-sesion {
    display: none;
}

/* @font-face {
  font-family: "Silka";
  src: url("Silka");
  src: url("../fonts/silka-regular-webfont.eot") format("embedded-opentype"),
       url("../fonts/silka-regular-webfont.woff2") format("woff2"),
       url("../fonts/silka-regular-webfont.woff") format("woff"),
       url("../fonts/silka-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Silka";
  src: url("Silka");
  src: url("../fonts/silka-regularitalic-webfont.eot") format("embedded-opentype"),
       url("../fonts/silka-regularitalic-webfont.woff2") format("woff2"),
       url("../fonts/silka-regularitalic-webfont.woff") format("woff"),
       url("../fonts/silka-regularitalic-webfont.ttf") format("truetype");
  font-weight: italic;
  font-style: italic;
}
body > *, h1, h2, h3, h4, h5, h6, p{
    font-family: Silka,Helvetica Neue,Arial,Helvetica,Verdana,sans-serif !important;
} */

/* @font-face{
    font-family: "Popins Bold";
    src: url("../Poppins/Poppins-Bold.ttf" ) format("truetype");

} */
@font-face{
    font-family: "Poppins Black";
    src: url("../fonts/Poppins-Black.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Black Italic";
    src: url("../fonts/Poppins-BlackItalic.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Bold";
    src: url("../fonts/Poppins-Bold.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Bold Italic";
    src: url("../fonts/Poppins-BoldItalic.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Extra Bold";
    src: url("../fonts/Poppins-ExtraBold.ttf" ) format("truetype");
 }

@font-face{
    font-family: "Poppins Extra Bold Italic";
    src: url("../fonts/Poppins-ExtraBoldItalic.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Extra Light";
    src: url("../fonts/Poppins-ExtraLight.ttf" ) format("truetype");
 }

@font-face{
    font-family: "Poppins Extra Light Italic";
    src: url("../fonts/Poppins-ExtraLightItalic.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Italic";
    src: url("../fonts/Poppins-Italic.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Light";
    src: url("../fonts/Poppins-Light.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Light Italic";
    src: url("../fonts/Poppins-LightItalic.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Medium";
    src: url("../fonts/Poppins-Medium.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Medium Italic";
    src: url("../fonts/Poppins-MediumItalic.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Regular";
    src: url("../fonts/Poppins-Regular.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Semi Bold";
    src: url("../fonts/Poppins-SemiBold.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Semi Bold Italic";
    src: url("../fonts/Poppins-SemiBoldItalic.ttf" ) format("truetype");
 }
@font-face{
    font-family: "Poppins Thin";
    src: url("../fonts/Poppins-Thin.ttf" ) format("truetype");
 }

@font-face{
    font-family: "Poppins Thin Italic";
    src: url("../fonts/Poppins-ThinItalic.ttf" ) format("truetype");
 }

/* HEADER */
a.poppins-semi-bold{
    font-family: Poppins Semi Bold;
}

ul.poppins-regular {
    font-family: Poppins Regular;
}

 /* INICIO */
h3.poppins-bold{
    font-family: Poppins Bold;
    color: white!important;
}
h3.poppins-bold-txt{
    font-family: Poppins Bold;
    letter-spacing: 3px;
    
}
h3.poppins-regular-txt{
    font-family: Poppins Regular;
    letter-spacing: 3px;
}
h3.poppins-light{
    font-family: Poppins Light;
    
}
h3.poppins-medium{
    font-family: Poppins Medium;
}
h2.poppins-bold{
    font-family: Poppins Bold;
    color: #b79f5b!important;
}
h4.poppins-medium-txt{
    font-family: Poppins Medium;
    letter-spacing: 3px;
}
h4.poppins-extra-bold{
    font-family: Poppins Extra Bold!important;
}
h4.poppins-light{
    font-family: Poppins Light;
}
p.poppins-light{
    font-family: Poppins Light !important;
}
a.poppins-medium{
    font-family: Poppins Semi Bold;
    letter-spacing: 2px;
}
a.poppins-btn{
    font-family: Poppins Medium;
    
}
li.poppins-light{
    font-family: Poppins Light;
}
li.poppins-medium{
    font-family: Poppins Medium;
}
span.poppins-light{
    font-family: Poppins Light;
}
span.span-semi-bold{
    font-family: Poppins Semi Bold;
    letter-spacing: 2px;
} 
span.span-regular-num{
    font-family: Poppins Regular;
}
input.poppins-light{
    font-family: Poppins Light;
}
button.poppins-medium{
    font-family: Poppins Medium;
}
h4.poppins-regular{
    font-family: Poppins Regular;
}

h3.titulo{
    font-family: Popins Bold;
    color: #b79f5b!important;
}

.tir-anual-estimado .percentage-tir {
    color: #b79f5b;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    
}

.tir-anual-estimado .text-tir {
    text-align: center;
    font-size: 18px;
}

/* INICIO */

.next-big-thing-area .next-big-thing-content-2 .title {
    font-size: 60px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 60px;
}

.next-big-thing-area .next-big-thing-content-2 > span {
    font-size: 18px;
    color: #B79F5B;
    padding-left: 15px;
    position: relative;
}

.next-big-thing-area .next-big-thing-content-2 > span::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 6px;
    width: 6px;
    background: #343433;
}

.next-big-thing-area .next-big-thing-content .next-big-thing-list {
    display: flex;
    align-items: center;
}

.next-big-thing-area .next-big-thing-content .next-big-thing-list .thumb {
    min-width: 240px;
    margin-right: 26px;
}

.next-big-thing-area .next-big-thing-content .next-big-thing-list .thumb img {
    width: 100%;
}

.next-big-thing-area .next-big-thing-content .next-big-thing-list .list ul li {
    font-size: 16px;
    color: #343433;
    line-height: 40px;
}

.next-big-thing-area .next-big-thing-content-2 p{
    color: #343433;
    font-size: 16px;
    padding-bottom: 0;
}

.next-big-thing-area .next-big-thing-content .next-big-thing-list .list ul li i {
    color: #B79F5B;
    padding-right: 8px;
}

.next-big-thing-area .next-big-thing-content .nav li a {
    padding: 5px 12px;
    text-align: center;
    color: #fff;
}

.next-big-thing-area .next-big-thing-content .nav li {
    width: 33%;
}

.next-big-thing-area .next-big-thing-content .tab-content .tab-pane p {
    font-size: 16px;
    text-align: justify;
    line-height: 36px;
    color: #343433;
    padding-top: 15px;
}

.next-big-thing-area .next-big-thing-content .nav li a:hover {
    color: #fff;
    background: #1b1f2e !important;
}


.next-big-thing-area .next-big-thing-content .nav li a:hover:before {
    background: #1b1f2e !important;
    width: 100%;
    height: 100%;
}

.next-big-thing-area .next-big-thing-content .next-big-thing-list .thumb img {
    width: 75%;
    display: block;
    margin: 0 auto;
}

.next-big-thing-area .projects-range .projects-range-content ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.next-big-thing-area .projects-range .projects-range-content ul li:first-child {
    color: #1B1F2E;
    font-size: 16px;
    font-weight: 500;
}

.next-big-thing-area .progress {
    height: 9px;
    border-radius: 2px;
}

.zoom {
    transition: transform .3s; 
}
 
.zoom:hover {
    transform: scale(1.1); 
}

/* proyecto */
p.par-ne-gold {
    color: #b79f5b;
    font-weight: bold;
}

p.par-ne {
    font-weight: bold;
}

p.par-black {
    color: #000000;
}

p.poppins-medium{
    font-family: Poppins Medium;
}

span.spa-ne {
    font-weight: bold;
}

span.spa-ne-black {
    font-weight: bold;
    color: #000000 !important;
}

span.spa-ne-espa {
    font-weight: bold;
    letter-spacing: 1px;
}

div.poppins-light{
    font-family: Poppins Light;
}

div.div-ne-black {
    color: #000000;
    font-weight: bold;
}

h2.poppins-bold-black{
    font-family: Poppins Bold;
    color: #000000!important;
}

li.poppins-bold{
    font-family: Poppins Bold;
}

span.poppins-bold{
    font-family: Poppins Bold;
}

h4.poppins-medium{
    font-family: Poppins Medium !important;
}

h4.poppins-medium.sizeh4{
    font-size: 21px !important;
}

h4.poppins-medium.spaceh4{
    letter-spacing: 1px;
}

.logo-sec-proy {
    font-size: 24px;
    color: #b79f5b;
    margin-right: 5px;
}

h3.poppins-semi-bold{
    font-family: Poppins Semi Bold;
}

.lista-blog-proyecto ul {
    font-family: Poppins Light;
}

.lista-blog-proyecto ul li::marker {
    color: #b79f5b;
}

.lista-blog-proyecto strong {
    color: #b79f5b;
    font-size: 18px;
}

.lista-blog-proyecto ul li {
    color: #000000;
    font-size: 17px;
}

.lista-blog-proyecto p {
    font-family: Poppins Light;
    color: #000000 !important;
    font-size: 17px !important;
}

/* seguridad y confianza */
.section-title h1.poppins-regular {
    font-family: Poppins Regular;
}

.section-title h1.poppins-regular.h1custom {
    color: #000000;
    margin-bottom: 5px;
}

.section-title h1.poppins-regular.h1custom b {
    color: #b79f5b;
    font-family: Poppins Semi Bold;
}
@media screen and (min-width: 768px){
    .section-title h1.poppins-regular.h1custom {
        font-size: 35px;
    }
    .section-title h1.poppins-regular.h1custom b {
        font-size: 50px;
        line-height: 51px;
    }
}
@media screen and (max-width: 767px){
    .section-title h1.poppins-regular.h1custom {
        font-size: 28px;
    }
    .section-title h1.poppins-regular.h1custom b {
        font-size: 40px;
        line-height: 41px;
    }
}
.section-title h3.poppinsCustomH3 {
    font-family: Poppins Regular;
    color: #000000;
    font-size: 20px;
    padding-top: 80px;
}

.section-title h3.poppinsCustomH3 b {
    color: #b79f5b;
    font-family: Poppins Medium;
}

.title-custom h2.poppins-regular {
    font-family: Poppins Regular;
    color: #000000;
    font-size: 35px;
}

.section-title h4.poppins-light{
    font-family: Poppins Light;
    font-size: 17px;
    font-weight: bold;
}

.news-area .news-content span.poppins-medium{
    font-family: Poppins Medium;
    letter-spacing: 1px;
}

.title-custom h2.poppins-bold{
    font-family: Poppins Bold;
}

.slick-slide .item-content-carousel p.poppins-medium {
    font-family: Poppins Medium !important;
    font-size: 27px;
}

span.titulo-carousel.poppins-light {
    font-family: Poppins Light !important;
    font-size: 24px;
}

span.lugar-carousel.poppins-light {
    font-family: Poppins Light !important;
}

/* como seleccionamos */
h3.poppins-regular{
    font-family: Poppins Regular;
}

.container-como-seleccionamos h1.poppins-medium {
    font-family: Poppins Medium;
}

.container-como-seleccionamos h2.poppins-regular {
    font-family: Poppins Regular;
}

.container-como-seleccionamos h2.poppins-regular-p {
    font-family: Poppins Regular;
    font-size: 18px;
}

p.cont-analisis.poppins-regular {
    font-family: Poppins Regular;
    line-height: 18px;
}

h6.titulo-como-seleccionamos.poppins-medium {
    font-family: Poppins Medium;
}

.container-como-seleccionamos p.poppins-medium {
    font-family: Poppins Medium;
    font-size: 16px;
    line-height: 19px !important;
}

h1.poppins-light {
    font-family: Poppins Light;
}

/* glosario de terminos */
.title-custom h4.poppins-bold {
    font-family: Poppins Bold;
    font-size: 52px;
    color: #b79f5b;
}

.title-custom h5.poppins-regular {
    font-family: Poppins Regular;
    color: #000000;
    font-size: 20px;
    margin-bottom: 20px;
}

.faq-accrodion .accrodion.active .accrodion-title h4 {
    color: #000000;
}

.faq-accrodion .accrodion .accrodion-content p.poppins-light{
    font-family: Poppins Light !important;
    color: #000000;
    font-weight: bold;
    line-height: 23px;
}

/* login */
.section-title .title.poppins-medium {
    font-family: Poppins Medium;
    font-size: 33px;
}

.section-title .title.poppins-bold {
    font-family: Poppins Bold;
    color: #B79F5B !important;
}

.conact-form-item a.poppins-medium {
    color: #000000;
    font-family: Poppins Medium;
    font-size: 14px;
    letter-spacing: normal;
}

.conact-form-item button.poppins-medium{
    font-family: Poppins Medium;
    color: #ffffff;
    letter-spacing: normal;
    border-radius: 12px;
    font-size: 19px;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 42px;
}

/* formulario */
.section-title h6.title.poppins-medium {
    font-family: Poppins Medium;
    font-size: 27px;
}

.section-title h2.poppins-bold {
    font-family: Poppins Bold;
    font-size: 37px;
    margin-top: 12px;
}

h5.poppins-regular{
    font-family: Poppins Regular;
}

.contact-form-area button.poppins-medium{
    font-family: Poppins Medium;
    color: #ffffff;
    letter-spacing: normal;
    border-radius: 12px !important;
    font-size: 19px;
    padding-left: 27px;
    padding-right: 27px;
    line-height: 42px;
    background-color: #B79F5B;
    border: none;
}

/* calcula tu retorno */
.page-title-area .page-title-content .title.poppins-medium {
    font-family: Poppins Medium;
    font-size: 53px;
}

.title-custom p.poppins-medium {
    font-family: Poppins Medium;
    letter-spacing: normal;
    font-size: 17px;
    margin-left: 15px;
    color: #ffffff;
}

.together-area .together-content .title.poppins-medium {
    font-family: Poppins Medium;
    font-size: 46px;
    padding-bottom: 32px;
}

.together-content .main-btn.poppins-medium {
    font-family: Poppins Medium;
    letter-spacing: normal;
    line-height: 47px;
    border-radius: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

.together-content .main-btn.poppins-medium::before{
    display: none;
}

span.poppins-medium{
    font-family: Poppins Medium;
}

.col-retorno.tarjeta-circu-custom {
    background-color: #f7f7f9;
    border-radius: 52px;
}

.col-retorno.tarjeta-circu-custom .customh4 {
    color: #b79f5b;
}

.col-retorno.tarjeta-circu-custom .customh4.padding-custom-col1 {
    padding-bottom: 52px;
}

.col-retorno.tarjeta-circu-custom .padding-custom-col1-sub1 {
    padding-bottom: 17px;
}

.col-retorno.tarjeta-circu-custom .padding-custom-col1-in {
    padding-bottom: 40px;
}

.col-retorno.tarjeta-circu-custom .padding-custom-col1-sub2 {
    padding-bottom: 10px;
}

.col-retorno.tarjeta-circu-custom .padding-custom-col1-inr {
    padding-bottom: 30px;
    padding-left: 10px;
}

.col-retorno.tarjeta-circu-custom .padding-custom-col1-inr .padding-radio {
    padding-bottom: 7px;
}

.col-retorno.tarjeta-circu-custom .customh4.padding-custom-col2 {
    padding-bottom: 26px;
}

.col-retorno.tarjeta-circu-custom .padding-custom-col2-sub {
    padding-bottom: 28px;
}

.col-retorno.tarjeta-circu-custom .poppins-medium.spanCustom {
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}

.col-retorno.tarjeta-circu-custom .poppins-bold.spanCustom {
    font-size: 30px;
    color: #B79F5B;
    padding-top: 0px;
    padding-bottom: 0px;
}

.col-retorno.tarjeta-circu-custom .poppins-bold.spanCustom.paddingDolar {
    padding-right: 7px;
}

input.poppins-medium {
    font-family: Poppins Medium;
}

label.poppins-light {
    font-family: Poppins Light;
}

.col-retorno.tarjeta-circu-custom .poppins-light.labelCustom {
    font-weight: bold;
}

.col-retorno.tarjeta-circu-custom .poppins-light.labelCustom.mr-label {
    margin-bottom: 0px;
}

.col-retorno.tarjeta-circu-custom .poppins-medium.customInput {
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    border-style: none;
}

.col-retorno.tarjeta-circu-custom input[type="radio" i] {
    height: 20px;
    width: 20px;
    border-radius: 100%;
}

.col-retorno.tarjeta-circu-custom input[type="radio"]:after {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: #ffffff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #ffffff;
}

.col-retorno.tarjeta-circu-custom input[type="radio"]:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: #B1964D;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #ffffff;
}

.col-retorno.tarjeta-circu-custom input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #B1964D;
    overflow: visible;
    cursor: pointer;
    border-color: #ffffff;
    border-style: solid;
    border-width: 2.5px;
}

.explore-projects-3-area.explore-projects-3-area-ajuste .padding-custom-carrusel {
    margin-bottom: 62px;
}

a.poppins-btn-large{
    font-family: Poppins Medium;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 40px;
    padding-right: 70px;
    padding-left: 70px;
}
/* como-invertir */
h2.poppins-medium {
    font-family: Poppins Medium;
}

a.poppins-regular {
    font-family: Poppins Regular;
}

/* aviso-de-privacidad */
ul.poppins-light{
    font-family: Poppins Light !important;
}

ul.par-ne {
    font-weight: bold;
}

/* panel-inversionista */
ol.poppins-regular {
    font-family: Poppins Regular;
}

select.poppins-regular {
    font-family: Poppins Regular;
}

span.poppins-medium {
    font-family: Poppins Medium;
}

input.poppins-regular {
    font-family: Poppins Regular;
}

div.poppins-regular {
    font-family: Poppins Regular !important;
}

p.poppins-regular {
    font-family: Poppins Regular !important;
}

table.poppins-regular {
    font-family: Poppins Regular !important;
}

.title-my-projects{
    font-family: Poppins; font-weight: 600; color: #B79F5B !important; margin-top: 90px;
}

.alt-title-my-projects{
    color: #ffffff !important; margin-right: 20px;
}

.nav-item-my-projects{
    font-family: Poppins;
    background-color: #B79F5B !important;
    color: white !important;
    font-weight: 600;
}
.nav-item{
  /* display: flex; */
  /* flex-direction: row; */
  margin-top: 10px;
}
.nav-item .nav-item-a{
  /* background-color: purple !important; */
  margin: 0 !important;
  /* padding: 0 !important; */
  height: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  align-content: center;
}
.nav-item .nav-item-a img{
  width: 50%;
  /* display: block; */
}
.nav-item-my-projects-last .nav-item-my-projects{
  border-top-right-radius: 35px !important; 
  border-bottom-right-radius: 35px !important;
}
.active-my-projects-top{
  border-top-left-radius: 35px !important; 
  border-bottom-left-radius: 35px !important;
}
@media screen and (min-width: 991px) {
  .nav-item-my-projects-last .nav-item-my-projects{
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 35px !important; 
  border-bottom-right-radius: 35px !important;
}
.active-my-projects-top{
  border-bottom-left-radius: 0px !important; 
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 35px !important; 
  border-top-right-radius: 35px !important;
}
.nav-item{
  margin: 0px;
}
.nav-item .nav-item-a img{
  width: auto;
}
}
@media screen and (max-width: 850px) {
  .nav-item .nav-item-a{
  width: 140px !important;
  height: 140px !important;
  font-size: 16px !important;
}
.nav.item span{
}
.nav-item .nav-item-a img{
  /* width: 50%; */
  /* display: block; */
}
}
@media screen and (max-width: 730px) {
  .nav-item .nav-item-a{
  width: 120px !important;
  height: 120px !important;
  font-size: 14px !important;
}
.nav.item span{
}
.nav-item .nav-item-a img{
  width: 35%;
  /* display: block; */
}
}
@media screen and (max-width: 630px) {
  .nav-item .nav-item-a{
  width: 100px !important;
  height: 60px !important;
  font-size: 16px !important;
}
.nav-item > .nav-item-a > span{
  /* color: red !important; */
  display: none !important;
}
.nav-item .nav-item-a img{
  width: 40%;
  /* display: block; */
}
}
@media screen and (max-width: 550px) {
  .nav-item .nav-item-a{
  width: 80px !important;
  height: 60px !important;
  font-size: 16px !important;
}
.nav-item > .nav-item-a > span{
  /* color: red !important; */
  display: none !important;
}
.nav-item .nav-item-a img{
  width: 50%;
  /* display: block; */
}
}
@media screen and (max-width: 450px) {
  .nav-item .nav-item-a{
  width: 65px !important;
  height: 60px !important;
  font-size: 16px !important;
}
.nav-item > .nav-item-a > span{
  /* color: red !important; */
  display: none !important;
}
.nav-item .nav-item-a img{
  width: 50%;
  /* display: block; */
}
}

.active-my-projects{
    background-color: white !important;
    color: black !important;
    font-family: Poppins;
    font-weight: 600;
}

.middle-element-selector{
    height: 180px !important;
}

li.nav-bar {
    font-family: Poppins !important;
    font-weight: 600;
}