/* Home */

.heading-h1 {
	font-weight: 400;
}

.heading-h1 span.presentation{
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000000;
    font-weight: 900;
    color: white;
}

.text-appear{
    font-weight: 900;
}

.typed-text h2{
    font-weight: 300;
    font-size: 20px;
    margin-top: 24px;
    line-height: 30px;
}

.brook-section-title{
	margin-top: 15px
}
.brook-section-title h3 {
    color: #e43b8b;
    font-size: 44px;
    line-height: 56px;
    font-weight: 800;
}

.cd-headline.clip .cd-words-wrapper::after{
	width: 0
}

.image-footer{
	width: 85px;
}

.bk-footer-widget{
	text-align: center
}

.bk-footer-widget h3{
    font-size: 20px;
    margin-top: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.bk-footer-widget p{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 1px;
}

.bk-footer-widget h3, .bk-footer-widget p, .bk-footer-widget a{
	color: #c9c9c9;
}

.icon-services{
	width: 180px
}

.manu-hamber-2 div {
    position: relative;
    width: 31px;
    height: 18px;
    cursor: pointer;
}

.manu-hamber-2 div i::before {
    width: 20px;
    top: -7px;
}

.manu-hamber-2 div i::after {
    width: 20px;
    top: 7px;
}

.about-me-heading{
    color: white;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #21a6e4;
    font-weight: 900;
    font-size: 76px;
    line-height: 84px;
}

h1.heading-h1{
    font-size: 88px;
    line-height: 98px;
}

footer p img{
	width: 13px;
    margin-right: 6px;
    opacity: 0.5;
    vertical-align: unset;
}

footer{
	background: #2f2f2f;
}


/* Contacto */

.heading-contact{
	color: #21a6e4;
} 
.h2-contact{
    color: #0c0c0c;
    font-weight: 300;
    font-size: 18px;
    font-weight: 500!important;
    line-height: 26px;
}
.h2-contact span{
    font-weight: 500;
}
.social-share a span{
    font-size: 18px;
    line-height: 28px;
    padding-left: 5px;
    font-weight: 300;
}

.social-share a span strong{
	color: #e43888;
}

.social-share a i{
	color: #e43888;
}


/*Sobre mí*/

.icon-talk{
    padding-left: 8px;
    font-size: 17px;
}

.button-cv{
	margin: auto;
}

.heading-h2-about{
    color: #b9b9b9;
    font-size: 28px;
    line-height: 38px;
    font-weight: 800;
}
.heading-h3-characteristics{
    font-size: 24px;
    font-weight: 500;
}
.list-details-2{
	display: inline
}
.button-about-us{
	border-radius: 40px
}
.parallax-effect{
	background-image: url(./img/parallax.jpg);
    height: 309px;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.button-contact{
	background: #ececec;
}
.button-color{
	background: #019ee2;
    color: white;
}

.text-contact{
    font-size: 64px;
    line-height: 74px;
    color: #ececec;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000000;
    font-weight: 900;
    letter-spacing: 0.5px;
}

/* Proyectos */

.end-description-page span{
	font-size: 25px;
    color: #b0b0b0;
}
.portfolio-nav-list .portfolio-page.prev .inner a h3::before, .portfolio-nav-list .portfolio-page.next .inner a h3::before{
    color: #ffffff;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #585858;
    font-size: 70px;
}

.next-page, .previous-page{
    color: #e43888;
    font-weight: 500;
    font-size: 28px;
}
.proyect{
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
}
.items-proyect{
	color: #000000;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 500;
}
.title-proyect{
    color: #a0a0a0;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 800;
}
.subtitle-proyect{
    color: #e43888;
    font-size: 20px;
    font-weight: 600;
}

.object-custom-menu > li a span {
    font-size: 20px;
    color: #ffffff;
}

.design-thinking-title{
    color: #989898;
}

.item-list-proyect{
	font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
.thumb{
	text-align: center
}

.center-row{
	display: flex;
    align-items: center;
}
.proccess-design{
	color: #918c9a;
    font-weight: 500;
    font-size: 24px;
}

.h1-product-page{
    color: #afafaf;
    font-weight: 800;
}

.product-case-study{
    color: #21a6e4;
}

.border-img{
	border: 1px solid #ececec
}

.start-project{
    font-weight: 600
}

.block-v{
    margin-top: -7px
}

#CybotCookiebotDialogBodyButtonAccept, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, a#CybotCookiebotDialogBodyLevelButtonAccept, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #019ee2!important;
    border: 1px solid #019ee2!important;
}

p.bk_pra, h5.item-list-proyect {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}


.core-breadcaump li{
    list-style: none
}

.core-breadcaump li{
    margin: 0 5px;
}

.manu-hamber-2 div i {
    height: 4px;
    background: #747474;
}
.manu-hamber-2 div i::before {
    top: -13px
}
.manu-hamber-2 div i::after {
    top: 13px
}

.back-portfolio {
    font-size: 44px;
    font-weight: 200;
    color: #000000;
    letter-spacing: 1px;
    margin-left: 20px;
}

.fa-arrow-left:before {
    color: #ffffff;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #585858;
    font-size: 48px;
}

.product-case-study{
    color: #019ee2;
    font-size: 48px;
    line-height: 56px;
    margin-top: 14px;
}

.header-width{
    padding-left: 100px;
    padding-right: 100px;
}

.border-shadow{
    box-shadow: 1px 1px 5px gainsboro;
}

.icon-box.no-border .inner{
    max-width: 600px;
}

.features-design{
    justify-content: center;
}

a.brook-btn.btn-sd-size, button.brook-btn.btn-sd-size{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 30px;
    height: 63px;
    line-height: 55px;
}

.typed-text h2 {
    margin-top: 32px;
}

h3.heading-h3 span{
    color: #019ee2;
    font-size: 30px;
    font-weight: 700;
}


.items-flex{
    align-items: center;
    justify-content: center;
}

.messonry-button button span.filter-text {
    font-size: 16px;
    font-family: "Poppins", sans-serif;

}

.portfolio.portfolio_style--1 .port-overlay-info .hover-action h3.post-overlay-title{
    font-size: 26px;
    line-height: 34px;
    font-weight: 500;
}
.haeder-fixed-width{
    margin-top: -24px;
}

.sobre-mi-text {
    font-size: 16px;
    line-height: 24px;
}

.sobre-mi-text span{
    font-weight: 500;
}

body.template-color-1 .portfolio.portfolio_style--1 .port-overlay-info {
    background-color: #020506bf;
}

a.language-item{
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #afafaf;
}

a.language-item:hover{
    text-decoration: underline;
}

@media only screen and (min-width: 3200px) {
    .header-width, .header-default.haeder-fixed-width .container-fluid {
        padding-left: 600px;
        padding-right: 600px;
    }
    .h2-contact span {
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
    }
    .bk-footer-widget h3 {
        font-size: 26px;
        margin-bottom: 12px
    }
    .bk-footer-widget p {
        font-size: 18px!important;
        line-height: 30px!important;
    }

}

@media only screen and (min-width: 3000px) {
    .header-width, .header-default.haeder-fixed-width .container-fluid {
        padding-left: 500px;
        padding-right: 500px;
    }
    h1, .h1 {
        font-size: 70px;
        padding-bottom: 40px
    }
    .h2-contact {
        font-size: 24px;
        line-height: 38px;
    }
    .messonry-button button span {
        padding: 8px 49px
    }

}

@media only screen and (min-width: 2400px) {

    .bk-profile-content{
        max-width: 1000px;
    }

}

@media only screen and (min-width: 2000px) {

    .typed-text h2 {
        font-weight: 300;
        font-size: 20px;
        margin-top: 22px;
        line-height: 29px;
    }
    p.bk_pra, h5.item-list-proyect {
        font-size: 19px!important;
        line-height: 31px!important;
    }
    .back-portfolio {
        font-size: 30px;
    }
    .header-default .header__wrapper .header-left .logo a img {
        width: 400px!important;
    }
    .h2-contact {
        font-size: 22px;
        line-height: 33px;
        margin: 34px 0;
    }

    .social-share a span {
        font-size: 20px;
        padding-left: 5px;
        font-weight: 300;
    }
    .bk-footer-widget p {
        font-size: 16px;
        margin-bottom: 1px;
    }
    a.brook-btn.btn-sd-size, button.brook-btn.btn-sd-size {
        font-size: 20px;
    }

}

@media only screen and (min-width: 2200px) {
    .header-width, .header-default.haeder-fixed-width .container-fluid {
        padding-left: 300px;
        padding-right: 300px;
    }
    .img-portfolio-w{
        max-width: 100%!important;
    }
    .bk-footer-widget h3 {
        font-size: 22px;
        margin-bottom: 9px
    }
    .bk-footer-widget p {
        font-size: 19px;
        line-height: 31px;
    }

}

@media only screen and (min-width: 1680px) {
    .messonry-button button span {
        padding: 8px 24px
    }

    .typed-text h2 {
        font-size: 23px;
        line-height: 35px;
    }
    .bk-footer-widget h3 {
        font-size: 20px;
        margin-bottom: 7px

    }
    .bk-footer-widget p {
        font-size: 17px;
        line-height: 27px;

    }
    .portfolio.portfolio_style--1 .port-overlay-info .hover-action h3.post-overlay-title {
        font-size: 30px;
    }

    .heading-h2-about {
        font-size: 28px;
    }
    .heading-h3-characteristics {
        font-size: 23px;
    }
    a.brook-btn.btn-sd-size, button.brook-btn.btn-sd-size {
        font-size: 21px;
    }
     .messonry-button button span.filter-text {
        font-size: 23px!important;
    }
    .header-default .header__wrapper .header-left .logo a img {
        width: 450px!important;
    }
    .proyect {
        font-size: 19px;
    }
    .next-page, .previous-page {
        color: #e43888;
        font-weight: 500;
        font-size: 21px;
    }
    .back-portfolio {
        font-size: 34px;
    }
    .fa, .fas {
        font-size: 24px;
    }
    h1, .h1 {
        font-size: 46px;
    }
    .manu-hamber-2 div i::before {
        top: -14px
    }
    .manu-hamber-2 div i::after {
        top: 14px
    }
    .manu-hamber-2 div {
        width: 32px
    }
    .manu-hamber-2 div i {
        height: 5px;
        background: #959595;
    }
    .manu-hamber-2 div i::before, .manu-hamber-2 div i::after {
        width: 22px
    }
    .sobre-mi-text {
        font-size: 20px;
        line-height: 32px;
    }
    .about-me-heading {
        color: white;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #21a6e4;
        font-weight: 900;
        font-size: 100px;
        line-height: 108px;
    }
    .text-contact {
        font-size: 56px;
        color: #ececec;
        -webkit-text-stroke-width: 1.6px;
        -webkit-text-stroke-color: #585858;
        font-weight: 900;
        letter-spacing: 0.5px;
    }

    h1.heading-h1{
        font-size: 100px;
        line-height: 114px;
    }
    .brook-section-title h3 {
        font-size: 52px;
    }
    .typed-text h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .messonry-button button span.filter-text {
        font-size: 22px;
    }
    .portfolio.portfolio_style--1 .port-overlay-info .hover-action h3.post-overlay-title {
        font-size: 30px;
    }
    p.bk_pra, h5.item-list-proyect {
        font-size: 18px;
        line-height: 27px;
    }
    .proyect,. next-page, .previous-page {
        font-size: 22px;
    }
    a.brook-btn.btn-sd-size, button.brook-btn.btn-sd-size {
        font-size: 26px;
        font-weight: 500;
    }

}

@media only screen and (max-width: 992px) {
    .portfolio-nav-list .portfolio-page.prev .inner a h3::before, .portfolio-nav-list .portfolio-page.next .inner a h3::before {
        font-size: 56px!important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .header-default.haeder-fixed-width .container-fluid {
        padding-left: 40px;
        padding-right: 182px;
    }
}

@media only screen and (max-width: 825px) {

    .header-default .header__wrapper .header-right {
        margin: 0 -36px;
    }
}

@media only screen and (min-width: 768px) {
    img.img-portfolio-w{
        max-width: 80%!important;
    }
}



@media only screen and (max-width: 768px) {

    .header-width{
        padding-left: 20px;
        padding-right: 20px;
    }
    .portfolio-nav-list .portfolio-page.prev {
        padding-bottom: 47px;
    }
    .img-contact, .signature{
        display: none;
    }
    .object-custom-menu > li a span {
        font-size: 19px;
    }
    .end-description-page span {
        display: block;
    }
    .sobre-mi-text {
        font-size: 16px;
        line-height: 24px;
    }
    h1.heading-h1, .about-me-heading{
        font-size: 56px;
        line-height: 66px;
    }
    .text-contact {
        font-size: 50px;
        line-height: 60px;
    }
    .typed-text h2 {
        font-weight: 300;
        font-size: 16px;
        margin-top: 24px;
        line-height: 24px;
    }
    .bk-footer-widget p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 1px;
    }
    .bk-footer-widget h3 {
        font-size: 20px;
        margin-top: 12px;
        font-weight: 700;
        margin-bottom: 8px;
    }
    .h2-contact {
        font-size: 16px;
        line-height: 24px;
    }
    .social-share a span {
        font-size: 16px;
        padding-left: 5px;
        font-weight: 300;
    }
}

@media only screen and (max-width: 575px) {

	.bk-footer-widget {
	    margin-top: 11px;
	}
    .header-default .header__wrapper .header-left .logo a img {
        width: 214px!important;
    }
}

@media only screen and (max-width: 375px) {

    .bk-footer-widget {
        margin-top: 11px;
    }
    .header-default .header-right > div {
        margin: 0 30px

}

}

@media only screen and (max-width: 360px) {

    h1.heading-h1, .about-me-heading {
        font-size: 46px;
        line-height: 54px;
    }

}