body,html,img,p,a,ul,li,ol,h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
body,html{
    width: 100%;
    height: 100%;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #a4b0be;
    color: #747d8c;
/*    color: #666666;*/
}

h2,h3,h4,h5,h6{
    font-family: 'Poppins', sans-serif;
}

a{ text-decoration: none;}
img{
    vertical-align: middle;
    border-style: none;
}
.hide, .movil{ display: none; !important}

/*------------------------------------*\
    ANCHO DE ELEMENTOS
\*------------------------------------*/
.w50{ width: 50%; margin: 0 25%;}
.w60{ width: 60%; margin: 0 20%;}
.w70{ width: 70%; margin: 0 15%;}
.w80{ width: 80%; margin: 0 10%;}
.w90{ width: 90%; margin: 0 5%;}
.c30{ width: 30%;}
.c40{ width: 40%;}
.c50{ width: 50%;}
.c55{ width: 55%;}
.c60{ width: 60%;}
/*------------------------------------*\
    ALTURA DE ELEMENTOS
\*------------------------------------*/
.h100{ height: 100%;}
.h500{ height: 500px; }
/*------------------------------------*\
    SEPARACION DE ELEMENTOS
\*------------------------------------*/

.p20{ padding: 20px 0;}
.p40{ padding: 50px 0;}
.p60{ padding: 60px 0;}
.p80{ padding: 80px 0;}
.p100{ padding: 100px 0;}
.p120{ padding: 120px 0;}

.pt20{ padding-top: 20px;}
.pt40{ padding-top: 40px;}
.pt60{ padding-top: 60px;}
.pt80{ padding-top: 80px;}
.pt100{ padding-top: 100px;}
.pt120{ padding-top: 120px;}

.pb20{ padding-bottom: 20px;}
.pb40{ padding-bottom: 40px;}
.pb60{ padding-bottom: 60px;}
.pb80{ padding-bottom: 80px;}
.pb100{ padding-bottom: 100px;}
.pb120{ padding-bottom: 120px;}

/*------------------------------------*\
    COLOR
\*------------------------------------*/
.bg-01{ background-color: #1f2935;}
.bg-02{ 
    background-color: #1E2733;
    background-color: #192433;
}
.bg-03{ background-color: #fb5326;}
.bg-04{ background-color: #1E2733;}
/*------------------------------------*\
    FLEX
\*------------------------------------*/

.flex{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex;
}
.flex-column{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}
.flex-wrap{ 
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
}
.flex-between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.flex-around{
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
            justify-content: space-around;
}
.flex-center{ 
    -webkit-box-align: center; 
        -ms-flex-align: center; 
    -webkit-align-items: center; 
            align-items: center;
}
.flex-middle{
    -webkit-box-align: center;
        -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.flex-end{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
}
.flex-start{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.flex-bottom{
    align-items: baseline;
}


/*------------------------------------*\
    HEADER
\*------------------------------------*/
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 999;
/*    background-color: aquamarine;s*/
}
.page-ss header{
    background: rgba(31, 41, 53, 0.5);
}
.logo img{
    width: 100px;
}

/*------------------------------------*\
    MENU
\*------------------------------------*/
.sf-menu ul{
    list-style: none;
}
.sf-menu li a{
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-right: 15px;
    color: #FFFFFF;
}
.sf-menu li a:hover, .sf-menu li a.active{
    color: #fb5326;
}
.navbar.fixed-top {
    background: rgba(31, 41, 53, 0.9);
    -webkit-box-shadow: 0px 18px 40px -30px #23263a;
    box-shadow: 0px 18px 40px -30px #23263a;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
}


/*------------------------------------*\
    HEADER-MAIN
\*------------------------------------*/
.header-main{
    width: 100%;
    height: 100%;
    height: 100vh;
/*    background-color: #f60;*/
}
.header-main-left, .header-main-right{
    position: relative;
    width: 50%;
    height: 100%;
    height: 100vh;
/*    background-color: #1f2935;*/
}
.header-main-left{
/*    background-color: aqua;*/
}
.inner-header-main-left{
    position: relative;
/*    background-color: brown;*/
}
.header-main-left .owl-carousel{
    z-index: 30;
}
.header-main-left .owl-carousel .slide-info{
    width: 360px;
    height: 101px !important;
/*    background-color: cadetblue;*/
}
.video-header-main{
    position: absolute;
    bottom: -100px;
    right: -360px;
    width: 720px;
    height: 202px;
    background-color: blueviolet;
    background-color: rgba(251, 83, 38, 0.7);
    z-index: 20;
}
.video-header-main p{

}
.inner-video-box{
    position: absolute;
    right: 0px;
    top: 0;
    width: 360px;
}
.inner-video-box p a{
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    font-size: 18px;
    line-height: 40px;
    text-align: right;
    color: #FFFFFF;
}
.about-video{
    width: 100%;
}
.header-main-right .title-header-main{
    -webkit-justify-content: center;
           -webkit-box-pack: center;
            justify-content: center;
              -ms-flex-pack: center;
}
.title-header-main h2{
   padding-bottom: 200px; 
}
.title-header-main h2{
    width: 70%;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 40px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.title-header-main h2 strong{
    display: block;
    clear: both;
    font-size: 72px;
    font-weight: 500;
    letter-spacing: 18px;
    line-height: 80px;
}
.video-responsive{
    position: relative;
    height: 0;
    padding-bottom: 202px;
    overflow: hidden;
}
.video-responsive iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------------------------------------*\
    MOBILE
\*------------------------------------*/
.menu-mobile{
    position: fixed;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(31, 41, 53, 0.9);
    z-index: 99999;
}
.menu-mobile .logo img{
    width: 80px !important;
}
.inner-menu-mobile{
    width: 80%;
    margin: 0 10%;
    padding: 15px 0;
}
.menu-mobile ul{
    list-style: none;
}
.btn-mobile a{
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin-top: -50px;
}
.btn-mobile.btn-whats a{
    background: #00BB2D url(../img/icons/whats_icon-01.png) center center no-repeat;
    background-size: cover;
}
.btn-mobile.btn-call a{
    background: #F03759 url(../img/icons/contact-01.png) center center no-repeat;
    background-size: cover;
}

/*------------------------------------*\
    MENU BREADCRUMB
\*------------------------------------*/
.menu-breadcrumb ul{ list-style: none;}
.menu-breadcrumb ul li a{
    border-left: solid 2px #f60;
    padding-left: 10px;
    color: #747d8c;
}
.menu-breadcrumb ul li:first-child a{
    padding-left: 0;
    border-left: none;
}
.menu-breadcrumb ul li a:hover{
    color: #fb5326;
}
.menu-breadcrumb ul li:last-child a{
    margin-left: 10px;
    font-weight: 500;
}
.menu-breadcrumb ul li a.active{
    color: #fb5326;
}
/*------------------------------------*\
    MAIN
\*------------------------------------*/
.container-main{
    position: relative;
    width: 100%;
    height: 100%;
}
.container-info{
    width: 50%;
}
.box-container-info{
    width: 73%;
    margin-left: 27%;
}
.container-info h2{
    font-size: 72px;
    font-weight: 500;
    letter-spacing: 18px;
    line-height: 80px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.container-info h2 span{
    display: block;
    clear: both;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 40px;
}
.btnBox{
    margin-top: 20px;
}
.btn{
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 15px;
    border-radius: 5px;
}
.btnContact{
    color: #FFFFFF;
    background-color: #fb5326;
}
.btnMore{
    margin-left: 20px;
    color: #fb5326;
    border: 1px solid #fb5326;
}
.btnMore:hover{
    color: #FFFFFF;
    background-color: #fb5326;
}
.btnLine{
    width: 12rem;
    margin-top: 2rem;
}


/*------------------------------------*\
    SLIDER
\*------------------------------------*/
.box-carousel{
    position: relative;
    z-index: 90;
}
.caro-container{
    position: relative;
    width: 50%;
}
.caro-container img{ width: 100%;}
.owl-dots{
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
}
.owl-carousel button.owl-dot{
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.40);
}
.owl-carousel button.owl-dot.active{
    background-color: rgba(255, 255, 255, 1);
}
.line-info{
    position: absolute;
    top: 50%;
    left: 15%;
    width: 150px;
    height: 1px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background-color: #FFFFFF;
    z-index: 999;
}
.info-caro{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%;
    -webkit-transform: translate(70% , 50%);
        -ms-transform: translate(70% , 50%);
            transform: translate(70% , 50%);
    background-color: rgba(251, 83, 38, 0.7);
    z-index: 20;
}
.box-skill{ padding-bottom: 20px;}
.box-skill p {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 2px;
    text-align: center;
    color: #FFFFFF;
}
.box-skill p span{
    clear: both;
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
}
.slide-info{
    position: absolute;
    bottom: 0;
    right: 0;
/*    width: 27%;*/
/*    min-height: 72px;*/
    background-color: #f54c2b;
    background-color: #fb5326;
    z-index: 999;
}
.slide-info{
    text-align: center;
}
.slide-info strong{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}
.slide-info strong span{
    display: block;
    clear: both;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    padding: 0;
}
.box-info-caro, .box-vi-caro{
    position: relative;
}
.box-info-caro{ width: 60%;}
.box-vi-caro{ width: 40%;}
.box-vi-caro img, .box-vi-caro video{ 
    width: 100%;
}
.box-vi-caro video{
    margin-bottom: -8px;
}
.box-vi-caro p{
  position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 20px;
    -webkit-transform: translate(0, -40px);
        -ms-transform: translate(0, -40px);
            transform: translate(0, -40px);
    z-index: 20;
}
.box-vi-caro p a{ color: #a4b0be;}
.box-vi-caro p a:hover span{ color: #fb5326;}
.dots-box{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    opacity: 0.3;
    z-index: 99;
}

/*------------------------------------*\
    ABOUT
\*------------------------------------*/
.about{
    background-color: #FFFFFF;
}
.about .w80.flex{
    align-items: flex-start;
}
.about img{
    width: 100%;
}
.about-right{
    width: 60%;
}
.about-left{
    width: 30%;
    position: -webkit-sticky;
            position: sticky;
    top: 120px;
/*    background-color: aquamarine;*/
}
.experience_box h2{
    font-size: 52px;
    line-height: 52px;
    margin-top: 40px;
    color: #1a1a1a;
}
.experience_box h2 span{
    clear: both;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75em;
    text-align: justify;
    margin-top: 20px;
    color: #666666;
}
.about-right h3{
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    color: #FFFFFF;
    color: #1a1a1a;
}
.about-right p{
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 30px;
    padding-top: 20px;
}
.about-right p span{
    color: #FFFFFF;
}
.about-steps h3{
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 40px 0;
    color: #1a1a1a;
}
.about-steps ul{
    list-style: none;
}
.about-steps ul li{
    border: 1px solid #fb5326;
    margin-bottom: 40px;
}
.info-step ol{
    list-style: circle;
}
.step_01{
    width: 80%;
    margin: 0 10%;
    padding: 20px 0;
}
.icon-step{
    margin-right: 1.6rem;
}
.info-step{
    width: 100%;
}
.info-title h4, .info-step p{
    margin: 0;
    padding: 0;
}
.info-title h4{
    font-weight: 700;
}
.info-title h4 strong{
    clear: both;
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.info-step p{
    font-size: 16px;
    line-height: 1.75em;
    text-align: justify;
}
.info-step ul{
    position: relative;
    margin-top: 25px;
}
.info-step ul li{
    position: relative;
    border: none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}
.info-step ul li::before{
    font-family: "Font Awesome 5 Free";
    content: "\f46c";
    font-weight: 900;
    margin-right: 15px;
    color: #fb5326;
}
.step_01 .icon-step{
    position: relative;
    -webkit-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
}
.step_01 .icon-step{
    width: 7rem;
}
.step_01 .icon-step img{
    width: 100%;
}
.step_01:hover .icon-step{
    -webkit-transform: scale(-1) rotate(180deg);
        -ms-transform: scale(-1) rotate(180deg);
            transform: scale(-1) rotate(180deg);
}
.step_01:hover .info-title h4{
    color: #fb5326;
}
.step_01:hover .icon-step path{
    fill: #fb5326 !important;
}



/*------------------------------------*\
    WHY
\*------------------------------------*/
.whyBox{
    background-color: rgba(206, 214, 224, 0.2);
}
.whyBox h4{
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 40px 0;
    color: #1a1a1a;
}
#why .single-item{
    border-top: 1px solid #ced6e0;
    border-bottom: 1px solid #ced6e0;
    border-left: 1px solid #ced6e0;
}
#why .single-item.last-item{
    border-right: 1px solid #ced6e0;
}
#why .inner-item{
    width: 80%;
    margin: 0 10%;
    padding: 40px 0;
}
#why .inner-item h3{
    display: block;
    text-align: center;
    padding-top: 10px;
    color: #1a1a1a;
}
#why .inner-item h3 span{
    clear: both;
    display: block;
    font-weight: 300;
    color: #747d8c;
}
#why .inner-item img{
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
}

/*------------------------------------*\
    PARTNER
\*------------------------------------*/
.partner-info{
    padding: 120px 0;
}
.partner-info{
    width: 90%;
    margin-right: 10%;
/*    background-color: aquamarine;*/
}
.partner-info h3{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 60px;
    color: #FBCABC;
}
.partner-info h3 span{ font-weight: 600; color: #FFFFFF;}
.partner-info img{
    display: block;
    width: 100%;
    max-width: 100px;
    margin: 0 auto 20px auto;
}
.partner p{
    color: #FBCABC;
}
.partner ul{
    margin-top: 10px;
    margin-left: 40px;
}
.partner li{
    margin-bottom: 5px;
    color: #FFFFFF;
}
.partner a{
    display: block;
    text-align: center;
    letter-spacing: 2px;
    border: 1px solid #FBCABC;
    margin-top: 20px;
    padding: 10px 15px;
    color: #FFFFFF;
}
.partner a:hover{
    border: 1px solid #FFFFFF;
}

/*------------------------------------*\
    PROYECTOS
\*------------------------------------*/
.proyectos h4{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1A1A1A;
}
.single-item{
    position: relative;
}
.proyectos .inner-single-item{
    width: 70%;
    margin: 0 15%;
}
.inner-single-item ul{
    list-style: none;
}
.inner-single-item ul li:last-child{
    list-style: disc;
    margin-left: 30px;
    padding-left: 15px;
    color: #fb5326;
}
.inner-single-item h2{
    margin-top: 20px;
    padding-bottom: 80px;
    color: #1A1A1A;
}
.info-single-item{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 60px;
    background-color: #FFFFFF;
    z-index: 20;
}
.btnText{
    transition: all .3s;
    color: #1A1A1A;
}
.btnText:hover{
    color: #FB5326;
}

/*------------------------------------*\
    SERVICES
\*------------------------------------*/
.services-ad{
    width: 80%;
    margin: 0 auto;
}
.services-ad img{
    display: block;
    width: 100%;
}
.services-header{
    width: 100%;
    height: 80%;
    background: url(../img/bg_services.jpg) right center no-repeat;
    background-size: cover;
    
}
.services-header-inner{ position: relative;}
.services-header-title{
    position: absolute;
    top: 50%;
    left: 0;
    width: 60%;
    -webkit-transform: translate( 10%, -50%);
        -ms-transform: translate( 10%, -50%);
            transform: translate( 10%, -50%);
}
.services-header-title h2{
    font-size: 42px;
    line-height: 60px;
    font-weight: 300;
    color: #FFFFFF;
}
.services-header-title h2 span{
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.services-info{ margin-top: -60px;}
.service_img{ position: relative; background-color: #1f2935;}
.service_img h2{
    position: absolute;
    bottom: 40px;
    left: 40px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #FFFFFF;
}
.service_img h2 span{
    clear: both;
    display: block;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    text-transform: uppercase;
}
.service-01, .service-02, .service-03{ flex: 1 1;}
.service-01 img, .service-02 img, .service-03 img{
    display: block;
    width: 100%;
    opacity: 0.8;
}
.service-02 img{ margin-top: -40px;}
.services-info ul{
    width: 80%;
    margin: 0 auto;
}
.services-info li{
    text-align: justify;
    margin-bottom: 20px;
}
.services-info li:hover{
    margin-left: 5px;
    color: #fb5326;
}
.services-info li:first-child{
    margin-top: 40px;
}
.lines-center{
    padding: 40px 0 200px 0;
    border-left: 1px solid rgba(206, 214, 224, 0.3);
    border-right: 1px solid rgba(206, 214, 224, 0.3);
}

/*------------------------------------*\
    BRANDS
\*------------------------------------*/
.brands .single-item img{
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
}

/*------------------------------------*\
    FORM
\*------------------------------------*/
.input-form, .area-form{
    display: flex;
    flex-direction: column;
}
.form-control{
   margin-bottom: 25px; 
}
.input-form{
/*    width: 45%;*/
    width: 100%;
}
.input-form label, .input-form input, .area-form label{
    color: #FFFFFF;
}
.input-form input, .area-form{
    width: calc(100% - 30px);
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px;
    border: none;
    border-bottom: 1px solid #FFFFFF;
    background-color: transparent;
    transition: all .3s;
    color: #FFFFFF;
}
.area-form{
    height: 80px;
    resize: none;
}
.input-form input[type=submit]{
    width: 100%;
    border-bottom: none;
    background-color: #1A1A1A;
    cursor: pointer;
}
.input-form input:focus, .area-form:focus{
    outline: none;
}

.btnWhats{
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 66px;
    height: 66px;
    border-radius: 33px;
    background-color: #25D366;
    z-index: 999999999999;
}
.btnWhats a{
    display: block;
    width: 100%;
    font-size: 42px;
    text-align: center;
    line-height: 66px;
    color: #FFFFFF;
}
.alert-error{
    background-color: #fed330;
    color: #FFFFFF;
    color: #1A1A1A;
}
.contact-message{
    display: block;
    text-align: center;
    margin-top: 25px;
    color: #FFFFFF;
}

/*------------------------------------*\
    SINGLE SERVICE
\*------------------------------------*/
.service-header{
    width: 100%;
    height: 500px;
}
.ss01-header{
    background: url(../img/ss_01/ss_01_header.jpg) center center no-repeat;
    background-size: cover;
}
.ss02-header{
    background: url(../img/ss_01/ss_02_header.jpg) center center no-repeat;
    background-size: cover;
}
.ss03-header{
    background: url(../img/ss_01/ss_03_header.jpg) center center no-repeat;
    background-size: cover;
}
.ss_01 .w80{
    width: 60%;
    margin: 0 20%;
}
.ss_01_left{
    width: 45%;
}
.ss_01_right{
    width: 50%;
}
.title-ss-01{
    margin-bottom: 20px;
}
.ss_01_left h3{
    font-size: 18px;
    line-height: 18px;
    color: #fb5326;
    color: #1a1a1a;
}
.ss_01_left h3 span{
    clear: both;
    display: block;
    font-size: 38px;
    line-height: 38px;
}
.ss_01_left p{
    text-align: justify;
    margin-bottom: 10px;
}
.ss_01_left .icon-ss-01 img{
    width: 100px;
}
.ss_01_left .btnContact{
    margin-top: 20px;
}
.ss_01_right ul{
    margin-left: 20px;
}
.ss_01_right ul li{
    font-size: 16px;
    line-height: 1.75em;
    margin-bottom: 5px;
}

/*------------------------------------*\
    SINGLE SERVICE
\*------------------------------------*/
.service-single-header{
    width: 100%;
    padding: 260px 0 150px 0;
}
.service-single-header-01{
    background: url(../img/modelado3D/service_01.jpg) center center no-repeat;
    background-size: cover;
}
.service-single-header h2, .service-single-header p{
    text-align: center;
    width: 50%;
    letter-spacing: 1px;
    margin: 0 auto;
    color: #FFFFFF;
}
.service-single-header h2{
    font-size: 42px;
    line-height: 50px;
}
.service-single-header p{
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 20px;
    color: #9DAFD1;
}
.service-single-header .btn-service{
    position: relative;
    left: 50%;
    display: inline-block;
    font-size: 16px !important;
    font-weight: 500;
    text-transform: uppercase !important;
    padding: 10px 20px;
    -webkit-transform: translate(-50%, 25px);
        -ms-transform: translate(-50%, 25px);
            transform: translate(-50%, 25px);
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}
.service-single-header .btn-service:hover{
    border: 2px solid #fb5326;
    background-color: #fb5326;
}
.ss_left{
    width: 50%;
}
.ss_right{
    width: 40%;
}
.ss_left_img img{
    width: 100%;
}
.ss_right_info h2, .ss_right_info p{
    letter-spacing: 1px;
}
.ss_right_info h2{
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 20px;
    color: #ff5316;
}
.ss_right_info h2 strong{
    clear: both;
    display: block;
    font-size: 42px;
    font-weight: 500;
    line-height: 50px;
    color: #192437;
}
.ss_right_info p{
    font-size: 18px;
    line-height: 1.5em;
    text-align: justify;
    margin-bottom: 20px;
}
.service-single-advantage{
    background-color: #1B2233;
}
.service-single-advantage h2{
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    padding-bottom: 40px;
    color: #FFFFFF;
}
.service-single-advantage h2 strong{
    clear: both;
    display: block;
    font-size: 32px;
    line-height: 40px;
    text-transform: none;
}
.service-single-advantage p{
    display: block;
    width: 70%;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 15%;
    color: #FFFFFF;
}
.service-video{
/*    padding: 40px 0;*/
}
.ss_video{
    width: 60%;
    margin: 0 20%;
    padding: 150px 0;
    background: url(../img/modelado3D/service_01_video.jpg) center center no-repeat;
    background-size: cover;
}
.ss_video_info{
    position: relative;
    left: 40%;
    display: block;
    width: 60%;
    background-color: rgba(25, 36, 55, 0.8);
}
.ss_video_info_inner{
    padding: 60px;
}
.ss_video_info a{
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 40px;
    text-transform: uppercase;
    padding-left: 50px;
    background: url(../img/modelado3D/icon_play-01.png) center left no-repeat;
    background-size: contain;
    color: #FFFFFF;
    color: #FF5316;
}
.ss_video_info h3{
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 1px;
    margin-top: 10px;
    color: #FFFFFF;
}
.ss_video_info h3 strong{
    clear: both;
    display: block;
    font-size: 42px;
    line-height: 50px;
    text-transform: uppercase;
}
.ss_video_info p{
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
    color: #FFFFFF;
}
.service-single-advantage .owl-dots{
    position: relative;
    margin-top: 1.6rem;
    text-align: center;
}


/*------------------------------------*\
    MENU SERVICES
\*------------------------------------*/
.menu-services{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.menu-services h3{
    text-align: center;
    margin-bottom: 60px;
    font-size: 32px;
    font-weight: 300;
    color: #fb5326;
}
.menu-services h3 span{
    clear: both;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    color: #1a1a1a;
}
.menu-services a{
    padding: 10px 25px;
    border: 2px solid #fb5326;
    border-radius: 20px;
}
.menu-services a img{
    width: 80px;
}
.menu-services a h4{
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    margin-left: 20px;
/*    color: #747d8c;*/
    color: #1a1a1a;
}
.menu-services a h4 span{
    clear: both;
    display: block;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    
}

/*------------------------------------*\
    SOCIAL
\*------------------------------------*/
.container-social{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999;
}
.social-menu{ padding: 15px;}
.social-menu ul{
    list-style: none;
}
.social-menu li a{
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #FFFFFF;
}
.social-menu li a:hover{ color: #fb5326;}
.social-menu li{ margin-right: 5px; }
.social-menu li:first-child{ margin-left: 5px;}
.social-menu li:last-child{ margin-right: 0;}
.social-menu p{
    font-size: 14px;
}

/*------------------------------------*\
    ABOUT SINGLE
\*------------------------------------*/
.about-single-header{
    background: url(../img/ss_01/ss_04_header.jpg) center center no-repeat;
    background-size: cover;
}
.aboutSingle h2{
    font-size: 24px;
    font-weight: 400;
    margin-top: 32px;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #fb5326;
}
.aboutSingle h2 strong{
    font-weight: 600;
    color: #1a1a1a;
}
.aboutSingle p, .aboutSingle ul li{
    font-size: 18px;
}
.aboutSingle ul{
    margin-left: 24px;
    list-style: none;
}
.aboutSingle ul li{
    padding: 4px 0;
}
.aboutSingle ul li i{
    margin-right: 8px;
    color: #fb5326;
}
.aboutSingle .c40 img{
    width: 100%;
}
.service-single-strategy{
    background-color: #1B2233;
}
.service-single-strategy h2{
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    padding-bottom: 40px;
    color: #FFFFFF;
}
.service-single-strategy h2 strong{
    clear: both;
    display: block;
    font-size: 32px;
    line-height: 40px;
    text-transform: none;
}
.service-single-strategy p{
    display: block;
    width: 70%;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 15%;
    color: #FFFFFF;
}
.service-single-strategy .single-item p{
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.7);
    color: #6580BF;
    color: #A8B2CA;
}
.service-single-strategy .single-item p strong{
    clear: both;
    display: block;
    font-size: 1.6rem;
    line-height: 1em;
    margin-bottom: 0.8rem;
    color: rgba(255, 255, 255, 1);
}
.service-single-strategy .single-item img{
    width: 100%;
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer{
    background-color: #1f2935;
}
footer a{
    cursor: pointer;
    color: #747d8c;
}
footer p span, footer a:hover{ color: #fb5326;}
footer p{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.footer-left, .footer-center, .footer-right{
    width: 30%;
}
.footer-center h4{
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #FFFFFF;
}
.footer-center h2 span, .footer-center p span{
    display: block;
    clear: both;
}
.footer-center h2 span, .footer-center p span{ 
    font-weight: 400; 
    line-height: 1.25em; 
    color: #747d8c;
}
.footer-center h2 span{
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
/*    margin-bottom: 40px;*/
    color: #FFFFFF;
}
.footer-center p span{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.footer-center p a{
    text-decoration: none;
    text-transform: lowercase;
    color: #747d8c;
}
.footer-center p a:hover{ color: #fb5326; text-decoration: underline;}


/*------------------------------------*\
    CONTACTO
\*------------------------------------*/
.info-contacto h2{
    text-transform: uppercase;
}
.title-contacto{  width: 90%;}
.logo-small{
    display: block;
    width: 120px;
    margin: 0 auto;
    padding-bottom: 25px;
}
.logo-small img{
    width: 100%;
}
.address-contacto, .email-contacto, .phone-contacto{
    text-align: center;
    color: #a4b0be;
    color: #FFFFFF;
}
.phone-contacto p span{
    font-size: 24px;
    color: #a4b0be;
}
.copyright p span{
    clear: none;
    display: inline-block;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 0;
    color: #fb5326;
}


.wg-drop.country-selector{
    background-color: transparent!important;
}
.wg-drop.country-selector .wgcurrent{
    border: 1px solid rgba(255, 255, 255, 0.2)!important;
}
.country-selector a{
    color: #FFFFFF!important;
}
.country-selector a:hover{
    color: #fb5326!important;
}
.wg-drop.country-selector ul{
    border: 1px solid rgba(255, 255, 255, 0.2)!important;
    background-color: rgba(31, 41, 53, 0.4)!important;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/*-------------------------------------------------
1. Media Queries to Fix Responsive Layouts
	1.1 Resolution (For Large Seized Desktops 1600x900)
	1.2 Resolution (For Medium Seized Desktops 1440x900)
	1.3 Resolution (For Small Seized Desktops 1280x800)
	1.4 Resolution (For Large Tablets 1024x800)
	1.5 Resolution (For Small Tablets 768x800)
	1.6 Resolution (For Mobile Phones 320x786)

-------------------------------------------*/
/*-------------------------------------------------
===================================================
	1. Media Queries to Fix Responsive Layouts
===================================================
-------------------------------------------------*/

/*-------------------------------------------------
	1.1 Resolution (For Large Seized Desktops 1600x900)
-------------------------------------------------*/
@media (min-width: 1921px) {

}

/*-------------------------------------------------
	1.1 Resolution (For Large Seized Desktops 1600x900)
-------------------------------------------------*/
@media (min-width: 1600px) and (max-width: 1919px) {
}
/*-------------------------------------------------
	1.2 Resolution (For Medium Seized Desktops 1440x900)
-------------------------------------------------*/
@media (min-width: 1440px) and (max-width: 1599px) {
    
}
/*-------------------------------------------------
	1.3 Resolution (For Small Seized Desktops 1280x800)
-------------------------------------------------*/
@media (min-width: 1201px) and (max-width: 1440px) {
    .w60, .w70{
        width: 90%;
        margin: 0 5%;
    }
    .ss_01 .w80{
        width: 90%;
        margin: 0 5%;
    }
    .experience_box{
        width: 90%;
        margin: 0 5%;
    }
    .experience_box h2{
        font-size: 42px;
        line-height: 42px;
    }
    .experience_box h2 span{
        font-size: 16px;
        margin-top: 20px;
    }
    .header-main-left{
        width: 55%;
    }
    .header-main-right{
        width: 45%;
    }
    .header-main-right .title-header-main{
        justify-content: flex-start;
    }
    .header-main-right .title-header-main{
        padding-top: 180px;
    }
    .step_01{
        width: 90%;
        margin: 0 5%;
    }
    .proyectos .inner-single-item{
        width: 80%;
        margin: 0 10%;
    }
}
/*-------------------------------------------------
	1.4 Resolution (For Large Tablets 1024x600)
-------------------------------------------------*/
@media (min-width: 769px) and (max-width: 1200px) {
    .header-main .flex-row{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .header-main{
        height: auto;
    }
    .header-main-left, .header-main-right{
        height: auto;
    }
    .header-main-left{
        width: 55%;
    }
    .header-main-right{
        width: 100%;
        padding-top: 160px;
        padding-bottom: 60px;
    }
    .title-header-main{
        width: 100%;
        margin: 0;
    }
    .title-header-main h2{
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        padding-bottom: 0; 
    }
    .about .w60{
        width: 90%;
        margin: 0 5%;
    }
    .about h2{
        font-size: 24px;
        line-height: 30px;
    }
    .about p{
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        text-align: justify;
        padding-top: 40px;
    }
    .partner .w60{
        width: 90%;
        margin: 0 5%;
    }
    .partner-right{
        padding-bottom: 80px;
    }
    .info-contacto, .box-mapa{
        flex: 1;
    }
    .contacto .w80{
        width: 90%;
        margin: 0 5%;
    }
    .service-header{
        height: 300px;
    }
    .ss_01 .w80{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .ss_01 .w80{
        width: 90%;
        margin: 0 5%;
    }
    .ss_01.p120{
        padding: 4rem 0;
    }
    .ss_01_left, .ss_01_right{
        width: 100%;
        margin: 0;
        padding-bottom: 60px;
    }
    .ss_01_left h3{
        margin-top: 10px;
    }
    .ss_01_left p{
        text-align: justify;
    }
    .ss_01 .btn{
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
    .menu-breadcrumb ul{
        width: 100%;
    }
    .menu-breadcrumb .flex-row{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
               -webkit-box-pack: center;
        -webkit-justify-content: center;
                  -ms-flex-pack: center;
                justify-content: center;
    }
    .menu-services h3{
        line-height: 34px;
    }
    .menu-services a .flex-row{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .menu-services a{
        width: 35%;
        margin: 0 auto;
    }
    .menu-services a h4 span{
        font-size: 20px;
        line-height: 20px;
    }
    .menu-services.pb120{
        padding-bottom: 40px;
    }
    .contact .w60{
        width: 90%;
        margin: 0 5%;
    }
    .contact .flex-row{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .title-ss-01{
        display: inline-flex;
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
    .partner-left{
        width: 80%;
        margin: 0 10%;
    }
    .partner-right{
        width: 50%;
        margin: 0 25%;
    }
    .partner-left{ order: 2;}
    .partner-right{ order: 1;}
    .partner-info{
        padding: 0;
        padding-bottom: 60px;
    }
    .input-form{
        width: 100%;
    }
    .about .w80{
        width: 90%;
        margin: 0 5%;
    }
    .service-single-header h2, .service-single-header p{
        width: 80%;
        margin: 0 10%;
    }
    .ss_01 .flex-row{
    -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
       -webkit-flex-direction: row;
           -ms-flex-direction: row;
               flex-direction: row;
    }
    .ss_left{ width: 50%;}
    .ss_right{
        width: 46%;
    }
    .ss_right_info h2{
        font-size: 1.6rem;
    }
    .ss_right_info h2 strong{
        font-size: 2.2rem;
        line-height: 1.25em;
    }
    .ss_right_info p{
        font-size: 16px;
        line-height: 1.5em;
    }
    .service-single-advantage .w60{
        width: 80%;
        margin: 0 10%;
    }
    .ss_video{
        width: 90%;
        margin: 0 5%;
    }
    .whyBox .w70{
        width: 90%;
        margin: 0 5%;
    }
}
/*-------------------------------------------------
	1.5 Resolution (For Small Tablets 768x800)
-------------------------------------------------*/
@media (min-width: 0px) and (max-width: 768px) {
    .header-main .flex-row, .partner .flex-row, .container.flex-row{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .flex-row{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .c40, .c55{
        width: 90%;
        margin: 0 5%;
    }
    .p120{ padding: 20px 0;}
    .navbar{ display: none;}
    .header-main{ height: auto;}
    
    .header-main-left, .header-main-right{
        width: 100%;
    }
    .header-main-left{
        height: auto;
        order: 2;
    }
    .header-main-right{
        height: auto;
        padding: 80px 0;
        order: 1;
    }
    .video-header-main{
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .title-header-main h2{
        padding-top: 0px;
        padding-bottom: 0; 
    }
    .title-header-main h2{
        width: 80%;
        text-align: center;
        margin: 0 10%;
    }
    .title-header-main h2{
        font-size: 16px;
        line-height: 30px;
    }
    .title-header-main h2 strong{
        font-size: 32px;
        line-height: 40px;
    }
    .about .w80{
        width: 90%;
        margin: 0 5%;
        padding: 40px 0;
    }
    .about-left, .about-right{
        width: 100%;
        margin: 0;
    }
    .about-left{
        position: -webkit-sticky;
                position: sticky;
        position: relative;
        top: 0;
    }
    .about-right h3{
        font-size: 20px;
        line-height: 1.5em;
        text-align: center;
    }
    .about h2, .about p{
        width: 100%;
        line-height: 1.75em;
        text-align: justify;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .about h2{
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 16px;
    }
    .about p{
        font-size: 14px;
    }
    .about-video{
        width: 100%;
    }
    .partner{
        width: 80%;
        margin: 0 10%;
    }
    .partner-left, .partner-right{ width: 100%;}
    .partner-left{
        padding: 80px 0;
        order: 2;
    }
    .partner-right{
        order: 1;
    }
    .partner-title{
        width: 100%;
        margin: 0;
    }
    .info-contacto{}
    .title-contacto{
        width: 100%;
    }
    .title-contacto h2, .bottom-contact p{
        text-align: center;
    }
    .step_01{
        width: 100%;
        margin: 0;
    }
    .info-step{
        width: 90%;
        margin: 0 5%;
    }
    .info-step h4{
        text-align: center;
    }
    .btn{
        text-align: center;
    }
    .btnBox a{
        margin-bottom: 20px;
    }
    .btnMore{
        margin-left: 0px;
    }
    .partner-left{
        padding: 0;
    }
    .contact .w60{
        width: 90%;
        margin: 0 5%;
    }
    .partner-info{
        padding: 40px 0;
    }
    .input-form{
        width: 100%;
    }
    .proyectos .p40{
        padding: 0;
        padding-bottom: 40px;
    }
    .proyectos h4{
        text-align: center;
    }
    .whyBox h4{
        text-align: center;
        margin-top: 20px;
        margin-bottom: 0;
    }
    #why .single-item, #why .single-item.last-item{
        border: none;
    }
    .footer-left, .footer-center{
        width: 100%;
    }
    .footer-center{
        padding-bottom: 60px;
    }
    .service-header{
        height: 200px;
    }
    .ss_01 .w80{
        width: 90%;
        margin: 0 5%;
    }
    .ss_01_left, .ss_01_right{
        width: 100%;
        margin: 0;
        padding-bottom: 60px;
    }
    .ss_01_left h3{
        margin-top: 10px;
    }
    .ss_01_left p{
        text-align: justify;
    }
    .ss_01 .btn{
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
    .menu-breadcrumb ul{
        width: 100%;
    }
    .menu-breadcrumb .flex-row{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
               -webkit-box-pack: center;
        -webkit-justify-content: center;
                  -ms-flex-pack: center;
                justify-content: center;
    }
    .menu-services h3{
        line-height: 34px;
    }
    .menu-services a .flex-row{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .menu-services a{
        width: 80%;
        margin: 0 10% 20px 10%;
        padding: 0;
    }
    .menu-services a h4{
        margin: 0;
    }
    .menu-services a h4 span{
        font-size: 18px;
        line-height: 20px;
    }
    .menu-services a img{
        margin: 0 15px;
    }
    .menu-services.pb120{
        padding-bottom: 40px;
    }
    .btnLine{
        position: relative;
        left: 50%;
        margin-top: 0;
        margin-bottom: 40px;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
    .aboutSingle .c40{ order: 2; }
    .aboutSingle .c55{ order: 1; }
    .aboutSingle .c40{
        padding: 40px 0;
    }
    .about-single-header{
        padding: 60px 0;
    }
    .service-single-header{
        width: 100%;
        padding: 5rem 0;
    }
    .service-single-header h2, .service-single-header p{
        width: 80%;
        margin: 0 10%;
    }
    .service-single-header-01 h2{
        font-size: 1.8rem;
        line-height: 1.25em;
    }
    .ss_01 .w80{
        width: 90%;
        margin: 0 5%;
    }
    .ss_left, .ss_right{
        width: 100%;
    }
    .ss_right_info h2{
        font-size: 1.6rem;
        line-height: 1.25em;
        text-align: center;
        margin-top: 1.6rem;
    }
    .ss_right_info h2 strong{
        font-size: 1.8rem;
        line-height: 1.25em;
    }
    .ss_right_info p{
        text-align: center;
    }
    .service-single-advantage .w60{
        width: 90%; 
        margin: 0 5%;
    }
    .service-video{
        padding: 0;
    }
    .ss_video{
        width: 100%;
        margin: 0;
        padding: 6rem 0;
        background: url(../img/modelado3D/service_01_video.jpg) center center no-repeat;
        background-size: cover;
    }
    .ss_video_info{
        position: relative;
        left: 0;
        display: block;
        width: 90%;
        margin: 0 5%;
        background-color: rgba(25, 36, 55, 0.8);
    }
    .ss_video_info_inner h3, .ss_video_info_inner p{
        text-align: center;
    }
}