html {
      scroll-behavior: smooth;
      block: "start";
      inline: "nearest";
}
body {
    background-color: #0f0f0f;
} 
@font-face {
    font-family: 'quicksand';
    src:  url('../fonts/Quicksand-Regular.otf') format('opentype');
}

    
@font-face { 
    font-family: 'd-din';
    src:  url('../fonts/D-DIN.otf') format('opentype'),
        url('../fonts/D-DIN-Bold.otf') format('opentype');
}
@font-face { 
    font-family: 'myriad';
    src:  url('../fonts/MyriadPro-Regular.otf') format('opentype');
}

@font-face { 
    font-family: 'montserrat';
    src:  url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
}
@font-face { 
    font-family: 'montserratbold';
    src: url('../fonts/Montserrat-ExtraBold.otf') format('opentype');
}
@font-face { 
    font-family: 'montserratsemibold';
    src: url('../fonts/Montserrat-SemiBold.otf') format('opentype');
}
@font-face { 
    font-family: 'verdana';
    src: url('../fonts/verdana.ttf') format('truetype');
}
.navbar-default {
    border:none;
    background-color: #0f0f0f;
    border-radius: 0px;
}
.naveg {
    width: 90%;
    margin-bottom: 1vh;
}
.navbar-right {
    margin-top: 20px;
    font-family: 'quicksand';
    font-size: 14px;
    letter-spacing: 3px;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #AE3D17;
    background-color: transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000;
}
.cabecera {
    width:95%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.inf-left {
    width: 5%;
    background-color: #0F0F0F;
}
.alturacabecera {
    height: 84vh;
}
.linkedinleft {
    display: flex;
    position: absolute;
    bottom: 10vh;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: end;
    align-items: stretch;
}
.bigletter {
    font-family: 'montserratsemibold';
    font-size: 83px;
    color: #ffffff;
    letter-spacing: 1vh;
    text-align: center;
    padding-top: 15%;
    padding-right: 26%;
    padding-left: 20%;
}
.bl2-a{
    width:75%;
}
.bl2-b {
    text-align: left;
    font-family: 'quicksand';
    color: #ffffff;
    font-size: 13pt;
    padding-top: 4vh;
    letter-spacing: 0.3vh;
    width: 50%;
}
.flexihead {
    display:flex;
}
.padder10 {
    padding: 10%;
}
.padleft15 {
    padding-left: 15%;
}
.p-jorge1 {
    font-family: 'montserrat';
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.5vh;
}
.p-jorge2 {
    font-family: 'montserratsemibold';
    font-size: 40px;
    font-weight: bold;
    margin-top: -0.8em;
    letter-spacing: 0.5vh;
}
.padtopleftjorge {
    padding-top: 4vh;
    padding-left: 10%;
}
.parrafojorge {
    font-family: 'quicksand';
    font-size: 21px;
    margin-top: 8%;
}
.lineanaranja {
    background-color: #AE3D17;
    height: 0.6vh;
    width: 15%;
    margin-top: 10%;
}
.cvjorge {
    color: #333333;
    background-color: #ffffff;
    margin-top: 4vh;
    font-family: RooneySans-Medium,Lucida Grande,Lucida Sans Unicode,Trebuchet MS,sans-serif;
    font-size: 24px;
    padding: 12px;
    border-color: #AE3D17;
    border-style: solid;
    width: fit-content;
    padding-left: 5vh;
    padding-right: 5vh;
    cursor: pointer;
}
.onepng {
    right: 0%;
    margin: 0 62%;
    position: relative;
    display: block;
}
.servicios {
    background-color: #0f0f0f;
}
.p-servicios {
    color: #606060;
    font-family: 'quicksand';
    font-size: 21px;
}
.rowservicios{
    padding-left: 7%;
}
.p-serv1{
    color: #ffffff;
    font-family: 'montserrat';
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.5vh;
}
.p-serv2{
    color: #ffffff;
    font-family: 'montserratsemibold';
    font-size: 40px;
    font-weight: bold;
    margin-top: -0.4em;
    letter-spacing: 0.5vh;
}
.upspace {
    margin-top: 6vh;
}
.servparraf {
    padding-left: 10%;
}
.p-serv3{
    color: #ffffff;
    font-family: 'montserrat';
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 0.5vh;
}
.p-serv4{
    color: #ffffff;
    font-family: 'montserratsemibold';
    font-size: 31px;
    font-weight: bold;
    margin-top: -0.6em;
    letter-spacing: 0.5vh;
}
.masinfo{
    color: #ffffff;
    background-color: #0f0f0f;
    margin-top: 4vh;
    font-family: RooneySans-Medium,Lucida Grande,Lucida Sans Unicode,Trebuchet MS,sans-serif;
    font-size: 20px;
    padding: 12px;
    border-color: #AE3D17;
    border-style: solid;
    width: fit-content;
    padding-left: 5vh;
    padding-right: 5vh;
    cursor: pointer;
}




.proje {
    cursor:pointer;
}
 .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.eq1{
    
    font-family: 'montserrat';
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.5vh;
    text-align: center;
}
.eq2{
    
    font-family: 'montserratsemibold';
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.5vh;
    text-align: center;
}
.lineanaranja2{
    background-color: #AE3D17;
    height: 1vh;
    width: 10%;
    display: block;
    margin: 51px auto;
}
.fotosequipo {
    padding-left: 10%;
    padding-right: 10%;
}
.fotosequipo2 {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 8vh;
}
.under1{
    margin-top: 11vh;
}

.infoequipo{
    cursor: pointer;
}
.infoworker1{
    position: absolute;
    bottom: 12%;
    padding-left: 15%;
    padding-right: 8%;
    color: #ffffffff;
    font-family: 'montserrat';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.5vh;
}
.infoworker2{
    position: absolute;
    color: #ffffffff;
    font-family: 'montserratsemibold';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.5vh;
}
.cargo{
    font-size: 16px;
}
.elcontact {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.utwisi{
    color: #ffffff;
    font-family: 'd-din';
    font-size: 18px;
}
.lineanaranja3{
    background-color: #AE3D17;
    height: 0.6vh;
    width: 12vh;
    margin-top: 1vh;
}
.contactus{
    text-transform: uppercase;
    font-family: 'montserratsemibold';
    font-size: 4vh;
    font-weight: bold;
    letter-spacing: 0.5vh;
    margin-top: 2vh;
}
.titicon{
    text-transform: uppercase;
    color: #ffffffff;
    font-family: 'montserrat';
    font-size: 2vh;
    font-weight: bold;
    padding-top: 1vh;
}
.form-group{
    margin-left: -15px;
}
.form-control{
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 0px;
    background-color: #ffffff00;
    font-family: 'montserrat';
    color:#ffffff;
    height: 4vh;
}
footer {
    background-color: #0F0F0F;
    padding-left: 17%;
    padding-right: 17%;
    padding-top: 6vh;
    padding-bottom: 6vh;
}
.footermedio {
    color: #ffffff;
    font-family: 'montserrat';
    text-align: center;
    font-size: 1.5vh;
    padding-top: 6vh;
}
.ftleft{
        text-align: left;
}
.footernav{
    color: #adadad;
    font-family: 'quicksand';
    text-align: left;
    font-size: 14px;
}
.flechaup{
        display: block;
        margin: 0 85%;
}
.tuspreguntas {
    margin-bottom: 6vh; 
    font-family: 'montserrat'; 
    font-size: 3vh; 
    font-weight: bold; 
    letter-spacing: 0vh; 
    color: #ffffff;
}

@media (max-width:4500px){
    .bl2-b {
        padding-top: 2vh;
    }
}
@media (max-width:2200px){
    .bl2-b {
        padding-top: 3vh;
    }
}
@media (max-width:2200px){
    .bl2-b {
        padding-top: 4vh;
    }
}
@media (max-width:1400px){
    .bigletter {
        padding-right: 14%;
        padding-left: 10%;
        padding-top: 6%;
    }
    .bl2-b {
        padding-top: 5.5vh;
    }
    
}
@media (max-width:600px){
    .bigletter {
        font-size: 25px;
        padding-top: 31%;
        text-align: left;
        padding-right: 1%;
        padding-left: 7%;
        letter-spacing: 0.5vh;
        line-height: 3vh;
    }
    .cabecera {
        width:80%;
        background-position: center;
    }
    .inf-left {
        width: 20%;
    }
    .flexihead {
        display:block;
    }
    .p-jorge2 {
        margin-top: -0.3em;
    }
    .consect {
        margin-top:4vh;
    }
    .under1{
        margin-top: 0vh;
    }
    .onepng {
        width: 100%;
        right: 0%;
        position: relative;
        display: block;
        margin: 0;
    }
    footer{
        padding-left: 2%;
        padding-right: 2%;
    }
    .footermedio {
        padding-top: 0vh;
    }
    .ftleft{
        text-align: center;
    }
    .flechaup{
        display: block;
        margin: 0 auto;
    }
    .footernav{
        color: #adadad;
        font-family: 'quicksand';
        text-align: center;
        font-size: 14px;
    }
    .p-serv1{
        font-size: 31px;
    }
    .p-serv2{
        font-size: 31px;
    }
    .p-serv3{
        font-size: 24px;
    }
    .p-serv4{
        font-size: 24px;
    }
    .tuspreguntas {
        margin-top: 6vh; 
    }
}