body {
    font-family:'Graphik-Light';
    min-height: 100%;
    height: 100%;
}
html {
    position: relative;
    min-height: 100%;
    height: 100%;
    scroll-behavior: smooth;
}

.boton_contacto_superior{
    position:absolute;
    right: 10px;
    margin-top: -38px;
    font-family: 'Graphik-Light';
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    border-color: rgba(255,255,255,.3);
    padding: 0.375rem 1.5rem;
    border-radius: 4px;
    text-decoration: none;
}

.boton_contacto_superior:hover{
    background-color: #000000;
    color: #fff;

}


.boton_contacto_superior2{
    position:absolute;
    right: 10px;
    margin-top:8px;
    font-family: 'Graphik-Light';
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    border-color: rgba(255,255,255,.3);
    padding: 0.375rem 1.5rem;
    border-radius: 4px;
    text-decoration: none;
}

.boton_contacto_superior2:hover{
    background-color: #000000;
    color: #fff;

}



button:focus, :focus{
    outline: 0px;
    outline-color: transparent;
    outline-style: none;
    outline-width: 0px;
}
a:hover {
    text-decoration: none ;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.15rem;
}
.navbar.decc-navbar{
    padding: 1.5rem 2rem;
}
#decc .carousel-caption.btn-video{
    top: 88%;
}
.decc-navbar .navbar-nav li:hover .dropdown-menu {
    display: block;
    flex-wrap: wrap;
}
.decc-navbar .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0 solid;
    border-right: 0 solid transparent;
    border-bottom: 0;
    border-left: 0 solid transparent;
}
.decc-navbar .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: white;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.decc-navbar .dropdown-menu {
    top: 88%;
    left: 0;
    z-index: 1000;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: white;
    background-color: rgba(0,0,0,.7);
    border: none;
    border-radius: 0;
}
.clickMapa{
    cursor: pointer;
}
.decc-navbar .dropdown-item:focus, .decc-navbar .dropdown-item:hover {
    color: white;
    text-decoration: none;
    background-color:  rgba(0,0,0,1);
}
.navbar-logo{
    position: relative;
    background: url(../images/logo-white.png);
    width: 170px;
    height: 70px;
    background-size: cover;
}
.decc-navbar .navbar-nav .nav-link {
    font-family:'Graphik-Light';
    font-weight: 300;
    color: rgba(255,255,255,1);
    font-size: 1rem;

    padding-right: .8rem;
    padding-left: .8rem;
    text-align: center;
}

.decc-navbar .navbar-nav .nav-link:hover, .decc-navbar .navbar-nav .nav-link:focus{
    font-size: 16px;
    color: rgba(255,255,255,1);
}
.decc-navbar .navbar-nav .nav-link:after{
    content: '';
    display: block;
    position: relative;
    width: 5px;
    height: 5px;
    margin: 0 auto;
    background-color: rgba(255,255,255,1);
    border-radius:  20px;
    opacity:0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
}
.decc-navbar .navbar-nav .nav-link:hover:after{
    opacity: 0.7;
}
.decc-navbar .navbar-toggler-icon {
    width: 1em;
    height: 1.2em;
}
.decc-navbar .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,.1);
}
.container-navbar{
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}
.carousel-item{
    /*    height: 100vh;*/
    min-width: 300px;
    background: no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
}
#decc .carousel-control-next-icon {
    background-image: url("../images/next.svg");
    width: 55px;
    height: 55px;
}
#decc .carousel-control-prev-icon{
    background-image: url("../images/back.svg");
    width: 55px;
    height: 55px;  
}
#decc .carousel-control-next, .carousel-control-prev{
    opacity: 0.6;
}
#decc .carousel-control-next:hover, #decc .carousel-control-prev:hover{
    opacity: 1;
}
#decc .carousel-caption h1{
    font-family:'Graphik-Light';
    font-size: 3.8rem;
    line-height: 1;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7);
}
#decc .carousel-caption {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    right: auto;
    bottom: auto;
    width: 100%;
    z-index: 0;
}
.btn-carousel{
    font-family:'Graphik-Light';
    font-size: 1.1rem;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    border-color: rgba(255,255,255,.3);
    padding: .375rem 1.5rem;
    margin: 1rem 0;
}
.btn-carousel:hover{
    background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1);
}
.btn-gallery{
    font-family:'Graphik-Light';
    font-size: .9rem;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    border-color: rgba(0,0,0,.7);
    padding: .375rem 1.5rem;
    margin: 1rem 0;
    border-radius: 0;
}
.btn-gallery:hover{
    background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,0.7);
}
.btn-full-projects{
    position: relative;
    float: right;
    margin-bottom: 0;
}
.btn-dark.focus, .btn-dark:focus {
    box-shadow: 0 0 0 .1rem rgba(82,88,93,.1);
}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(82,88,93,.1);
}
.bg-advantages{
    position: relative;
    width: 100%;
    min-height: 350px;
    padding: 2rem 0;
    overflow: hidden;
    background-repeat:  repeat-x;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
.bg-rendering{
    position: relative;
    width: 100%;
    padding: 2rem 0;
    overflow: hidden;
}
.bg-full-projects{
    position: relative;
    width: 100%;
    padding: 0rem 0 2rem 0;
    overflow: hidden;
}
.bg-full-projects.no-bottom{
    padding: 0rem 0 0rem 0;
}
.bg-projects-gallery{
    position: relative;
    width: 100%;
    padding: 2rem 0;
    overflow: hidden;
}
.bg-clients{
    position: relative;
    background: url(../images/bg-clients.jpg);
    width: 100%;
    padding: 2rem 0 3.7rem 0;
    overflow: hidden; 
    min-height: 500px;
    background-size: cover;
    background-attachment: scroll;
}
.bg-clients-demo{
    position: relative;
    background: url(../images/Logotipos.png);
    width: 1385px;
    height: 318px; 
    overflow: hidden; 
    background-size: contain;
    margin: 0 auto;
}
.container-logo-clients{
    position: relative;
    margin-top: 3rem ;
}
.container-logo-cliente-1{
    position: relative;
    margin: 1.2rem 0;
}

.bg-advantages-demo{
    position: relative;
    background-image: url(../images/bg-Advantages.png);
    width: 100%;
    min-height: 420px;
    overflow: hidden;
}
#advantages h1, #rendering h1, #projets-gallery h1, #full-projects h1, #full-projects-1 h1, #map-decc h1{
    font-size: 2.18rem;
    font-family:'Graphik-Extralight';
    color: #566879;
    text-align: center;
}
#clients h1{
    font-size: 2.18rem;
    font-family:'Graphik-Extralight';
    color: #ffffff;
    text-align: center;
}
#clients h5{
    font-family:'Graphik-Extralight';
    color: #ffffff;
    text-align: center;
}
.icon-advantages-1{
    position: relative;
    width: 124px;
    height: 124px;
    background: url(../images/icon-advantages-1.png);
}
.icon-advantages-2{
    position: relative;
    width: 124px;
    height: 124px;
    background: url(../images/icon-advantages-2.png);
}
.icon-advantages-3{
    position: relative;
    width: 124px;
    height: 124px;
    background: url(../images/icon-advantages-3.png);
}
.icon-advantages-4{
    position: relative;
    width: 124px;
    height: 124px;
    background: url(../images/icon-advantages-4.png);
}
.container-advantages-icons{
    position: relative;
    margin-top: 3rem;
    float: left;
    width: calc(100% - 9px);
}
.line-advantages-1{
    position: relative;
    float: left;
    background: url(../images/line-advantages-1.png);
    width: 9px;
    min-height: 230px;
    overflow: hidden;
    margin-top: 3rem;
}
.line-advantages-2{
    position: relative;
    float: left;
    background: url(../images/line-advantages-1.png);
    width: 9px;
    min-height: 230px;
    overflow: hidden;
    margin-top: 3rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.container-advantages-txt{
    position: relative;
    margin-top: 1.8rem;
}
.container-advantages-txt h5{
    color: #546679;
    font-family:'Graphik-Light';
    text-align: center;
    margin-bottom: 0.2rem;
}
.container-advantages-txt h6{
    color: #94aabb;
    font-family:'Graphik-Light';
    text-align: center;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 0.2rem;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;

    > .col,
    > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}
.container-fluid.no-gutters{
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
.container-clients-logos{
    margin-top: 3rem;
}
.container-gallery-txt{
    position: absolute;
    width: 100%;
    top: 0;
    padding: 1.8rem;
    z-index: 11;
}
#rendering .container-gallery-txt h1, #full-projects .container-gallery-txt h1{
    font-family:'Graphik-Extralight';
    font-size: 2.2rem;
    line-height: 1;
    text-align: left;
    color: #ffffff;
    margin-bottom: 0;

}
.sh-effect--alpha .container-gallery-txt{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: .1s .2s cubic-bezier(.54,.15,.22,.89);
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}
.sh-effect--alpha:hover .container-gallery-txt{
    -webkit-transform: translate3d(0,-30%,0);
    transform: translate3d(0,-30%,0);
    opacity: 0;
    transition: .2s linear;
}
.sh-effect--alpha__title .title-2{
    font-family:'Graphik-Extralight';
    font-size: 2.2rem ;
    line-height: .8;
    text-align: left;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 0.8rem;
    font-weight: 300;
}
.sh-effect--alpha__meta .title-3{
    font-family:'Graphik-Extralight';
    font-size: 1.7rem;
    line-height: .8;
    text-align: left;
    color: #ffffff;
    font-weight: 300;
}
.sh-effect--alpha__title .title-4{
    font-family:'Graphik-Extralight';
    font-size: 2.2rem ;
    line-height: .8;
    text-align: left;
    color: #ffffff;
    margin-bottom: 1.25rem;
    margin-top: 0.8rem;
    font-weight: 300;
}
.sh-effect--alpha__meta .paragraph-1{
    font-family:'Graphik-Light';
    font-size: 0.9rem;
    line-height: 1;
    text-align: left;
    color: #ffffff ;
    margin-top: 0.3rem;
    font-weight: 300;
}
.sh-effect--alpha__meta .paragraph-1 span{
    font-family:'Graphik-Regular';

}
#rendering .container-gallery-txt h2, #full-projects .container-gallery-txt h2{
    font-family:'Graphik-Extralight';
    font-size: 1.7rem;
    line-height: 1;
    text-align: left;
    color: #ffffff;
}

.bg-highlight{
    position: relative;
    background: url(../images/bg-highlight.jpg);
    width: 100%;
    padding: 2rem 0 3.7rem 0;
    overflow: hidden; 
    min-height: 400px;
    background-size: cover;
}
.bg-highlight .logo-icon{
    position: relative;
    background: url(../images/icon-decc-1.png);
    width: 90px;
    height: 90px;
    background-size: cover;
    margin-top: 1.5rem;
    border-radius: 100px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
}
.bg-contact .logo-icon{
    position: relative;
    background: url(../images/icon-decc-1.png);
    width: 90px;
    height: 90px;
    background-size: cover;
    margin-top: 1.5rem;
    border-radius: 100px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
}
.container-highlight-txt{
    position: relative;
    margin-top: 1.8rem;
}
.container-contact-txt{
    position: relative;
    margin-top: 1.2rem;
}
.container-contact-txt h4{
    font-family:'Graphik-Light';
    line-height: 1;
    text-align: center;
    color: #ffffff;
}
.container-highlight-txt h1{
    font-family:'Graphik-Extralight';
    font-size: 2.18rem;
    line-height: 1;
    text-align: center;
    color: #ffffff;
}
.btn-highlight{
    font-family:'Graphik-Light';
    font-size: 1.1rem;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    border-color: rgba(255,255,255,.3);
    padding: .375rem 1.8rem;
    margin: 1.8rem 0;
    border-radius: 0;
}
.btn-highlight:hover{
    background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1);
}
.bg-contact{
    position: relative;
    background: url(../images/bg-contact.jpg);
    width: 100%;
    padding: 2rem 0 3.7rem 0;
    overflow: hidden; 
    min-height: 400px;
    background-size: cover;
}
.container-contact-form{
    position: relative;
    margin-top: 2.5rem;
}
.container-contact-form h6{
    color: #ffffff;
    font-family:'Graphik-Light';
    text-align: left;
    line-height: 1;
    margin-bottom: 1rem;
}
.container-contact-form .form-control{
    width: calc(100% - 3rem);
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #ffffff;
    background-color: rgba(0,0,0,.7);
    border-color: rgba(255,255,255,.3);
    border-radius: 0;
}
.form-control-send{
    width: calc(100% - 3rem);
}
.btn-send{
    font-family:'Graphik-Light';
    font-size: 1rem;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    border-color: rgba(255,255,255,.3);
    padding: .3rem 3em;
    border-radius: 0;
}
.btn-send:hover{
    background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1);
}
.container-contact-txt h5{
    font-family:'Graphik-Light';
    line-height: 1;
    text-align: center;
    color: #ffffff;
}
.form-control::placeholder {
    color: #ffffff;
    opacity: 1;
}
.form-control:focus {
    border-color: rgba(85,100,110,.25);
    outline: 0;
    box-shadow: 0 0 0 .1rem rgba(0,123,255,.25);
}
.bg-footer{
    position: relative;
    background: url(../images/bg-footer.jpg);
    width: 100%;
    padding: 10rem 1.8rem 1rem 1.8rem;
    overflow: hidden; 
    min-height: 40px;
    background-size: cover;
}
.logo-footer{
    position: relative;
    background: url(../images/logo-footer.png);
    width: 100%;
    max-height: 80px;
    background-size: cover;
}
.container-footer-email{
    position: relative;
    margin-top: 2.2rem;
}
.bg-footer a{
    font-family:'Graphik-Regular';
    font-size: .8rem;
    line-height: 1;
    color: #ffffff;
    text-decoration: none;
    display: block;
    transition: all ease-in 0.3s;
}
.bg-footer a:hover{
    color: rgba(255,255,255,0.5);

}
.bg-footer p{
    font-family:'Graphik-Regular';
    font-size: .8rem;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 0.3rem;
}
.container-footer-phone{
    position: relative;
    margin-top: 1rem;
}
.container-footer-items ul{
    list-style: none;
    padding-left: 0;
    line-height: 1;
}
.container-footer-items {
    position: relative;
    margin-top: 1.2rem;
}
.container-footer-items li.first-item a{
    font-size: 1rem;
    margin-bottom: 1.4rem;
}
.container-footer-items a{
    position: relative;
    margin-bottom:.15rem;
}
.container-social-icons{
    position: relative;
    margin: 1.25rem 0; 
}
.container-social-icons a{
    opacity: 0.8;
    transition: all ease-in 0.3s;
}
.container-social-icons a:hover, .container-social-icons a:focus {
    opacity: 1;
}




.icon_cga{
    position: relative;
    float: left;
    background: url(../images/cga_logo.png);
    background-size: cover;
    width: 23px;
    height: 24px;
    margin-right: .5rem;
}

.icon_fb{
    position: relative;
    float: left;
    background: url(../images/fb_logo.png);
    background-size: cover;
    width: 23px;
    height: 24px;
    margin-right: .5rem;
}
.icon_in{
    position: relative;
    float: left;
    background: url(../images/in_logo.png);
    background-size: cover;
    width: 23px;
    height: 24px;
    margin-right: .5rem;
}

.icon-youtube{
    position: relative;
    float: left;
    background: url(../images/icon-youtube.png);
    background-size: cover;
    width: 28px;
    height: 20px;
    margin-right: .5rem;
}
.icon-vimeo{
    position: relative;
    float: left;
    background: url(../images/icon-vimeo.png);
    background-size: cover;
    width: 24px;
    height: 20px;
    margin-right: .5rem;
}
.icon-instagram{
    position: relative;
    float: left;
    background: url(../images/icon-instagram.png);
    background-size: cover;
    width: 21px;
    height: 20px;
    margin-right: .5rem;
}
.icon-behance{
    position: relative;
    float: left;
    background: url(../images/icon-behance.png);
    background-size: cover;
    width: 32px;
    height: 20px;
    margin-right: .5rem;
}
.icon-s{
    position: relative;
    float: left;
    background: url(../images/icon-s.png);
    background-size: cover;
    width: 36px;
    height: 20px;
    margin-right: .5rem;
}
.container-privacy{
    position: relative;
    margin-top: 4.3rem;
}
.container-privacy p{
    font-family: Arial, sans-serif;
    color: rgba(255,255,255,0.7);
}
.container-privacy a{
    font-family: Arial, sans-serif;
    color: rgba(255,255,255,0.7);
    display: inline-block;
    text-decoration: none;
    transition: all ease-in 0.3s;
}
a.container-power-by{
    display: block;
    text-align: right;
    opacity: 0.7;
    transition: all ease-in 0.3s;
}
a.container-power-by:hover{
    opacity: 1;
}
.container-privacy a:hover, .container-privacy a:focus{
    color: rgba(255,255,255,1);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{
    background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1); 
}
.btn-primary.focus, .btn-primary:focus {
    background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1); 
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.5);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.5);
}
.my-masonry-grid-container{
    width: 100%;
}
.my-masonry-grid-item {
    margin: 0 6px 12px;
    padding: 0;
}
.my-masonry-grid-item{
    cursor: pointer;
}
.lg-backdrop.in {
    opacity: 0.9 !important;
}
.lg-outer .lg-thumb-item {
    border-radius: 0px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}
.lg-outer .lg-thumb-item {
    border: 1px solid rgba(255,255,255,.1) !important;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #4c687b !important;
}
.lg-progress-bar .lg-progress {
    background-color: #4c687b !important;
}
.sh-effect--alpha::after, .sh-effect--alpha::before {
    display: none !important;
}
.sh-effect--alpha__overlay{
    min-height: 5rem;
    height: auto;
    padding: 1.25rem 1.8rem !important;
    width: calc(100% - -0.1rem);
}
.sh-effect--alpha__title h6{
    font-family:'Graphik-Light';
    line-height: 1;
    color: #ffffff;
    font-size: 0.75rem;
    margin-bottom: 0.1 !important;
}
.sh-effect--alpha__meta h5, .sh-effect--alpha__meta h6{
    font-family:'Graphik-Light';
    line-height: 1;
    color: #ffffff;
    margin-bottom: 0.1 !important;
}
.container-header-1{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-1.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-2{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-2.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-3{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-3.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-4{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-4.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-5{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-5.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-6{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-6.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-7{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-7.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-8{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-8.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-9{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-9.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-10{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-10.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-11{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-11.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-12{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-12.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-13{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-13.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-14{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-14.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-15{
    position: relative;
    width: 100%;
    min-height: 35rem;
    height: auto;
    background: url(../images/header-15.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}
.container-header-1 h1, .container-header-2 h1, .container-header-8 h1, .container-header-9 h1, .container-header-10 h1, .container-header-11 h1, .container-header-12 h1, .container-header-13 h1, .container-header-14 h1{
    font-family:'Graphik-Light';
    font-size: 3.4rem;
    color: #ffffff;
    text-align: center;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}
.container-header-title{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.breadcrumb {
    padding: .6rem .8rem;
    margin-bottom: 1rem;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-item{
    font-family:'Graphik-Regular';
    font-size: 0.9rem;
    color: #546679;
}
.breadcrumb-item a{
    font-family:'Graphik-Light';
    color: #546679;
}
.container-breadcrumb{
    position: relative;
    float: left;
    width: calc(100% - 9rem)
}
.container-breadcrumb-btn{
    position: relative;
    float: left;
    width: 9rem;
    margin-top: 1.25rem;
}
.container-breadcrumb-project{
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 10px;
    height: auto;
    border-bottom: solid 1px #e3e3e3;
    padding-bottom: 0.5rem;
}
.btn-breadcrumb{
    position: relative;
    float: right;
    margin-right: 1rem;
    font-family:'Graphik-Light';
    color: #999999;
    font-size: 0.85rem;
    background-color: #f7f7f7;
    border-color: #ececec;
    padding: .2rem 1.5rem;
}
.btn-breadcrumb:hover{
    background-color: #ffffff;
    border-color: #ececec;
    color: #999999;
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .05rem rgba(108,117,125,.2);
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .05rem rgba(108,117,125,.1);
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #999999;
    background-color: transparent;
    border-color: rgba(108,117,125,.1);
}
.btn-top-project{
    position: relative;
    float: left;
    width: 114px;
    height: 114px;
    margin: 0 .6rem;
    border-radius: 120px;
    -moz-box-shadow: 1px 1px 10px 1px #ccc;
    -webkit-box-shadow: 1px 1px 10px 1px #ccc;
    box-shadow: 1px 1px 10px 1px #ccc;
    margin-bottom: 15px;
}
.container-btn-top{
    position: relative;
    float: right;
    min-height: 110px;
}
.container-description-projects{
    position: relative;
    width: 100%;
    height: 100%;
}
.container-line-bg-blue{
    position: relative;
    width: 100%;
    background-color: #ecf1f5;
    height: 0.75rem;
    margin: 0.5rem 0 1.5rem 0;
    overflow: hidden;
}
p.paragraph-description-project{
    font-family:'Graphik-Light';
    color: #546679;
    line-height: 1.4;
}
.projets-gallery-full-title{
    position: absolute;
    width: 100%;
    top: 0;
}
.container-gallery-txt h5{
    font-family:'Graphik-Light';
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 300;
}
.sh-effect--alpha__title .title-5 {
    font-family:'Graphik-Light';
    font-size: 1.3rem;
    line-height: .8;
    text-align: left;
    color: #ffffff;
    margin-top: 0.8rem;
    font-weight: 300;
}
.container-description-title-projects{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}
.container-description-projects-col-1{
    position: relative;
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-right: solid 1px #e2e2e2;
}
.container-description-projects-col-2{
    position: relative;
    width: 100%;
    height: 90px;
    overflow: hidden;
}
.container-description-title-projects h1{
    font-family:'Graphik-Extralight';
    color: #556779;
    font-weight: 300;
    line-height: 1;
}
.container-description-description-projects{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}
.container-description-description-projects p{
    color: #4b677b;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 0.9rem;
}
.sh-effect--alpha .container-gallery-txt.white{
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0) !important;
}
h5.white {
    color: #556779 !important;
}
.sh-container {
    box-shadow: 0 0 5px rgba(0,0,0,0)  ;
}
#contact .container-contact-txt h4 {
    font-family: 'Graphik-Light';
    line-height: 1;
    text-align: center;
    color: #566879;
}
#contact .container-contact-form h6 {
    color: #566879;
    font-family: 'Graphik-Light';
    text-align: left;
    line-height: 1;
}
#contact .container-contact-form .form-control {
    color: #566879;
    background-color: rgba(255,255,255,.7);
    border-color: rgba(110,140,160,1);
}
#contact .form-control::placeholder {
    color: #566879;
}
#contact .btn-send {
    color: #fff;
    background-color: rgba(110,140,160,.7);
    border-color: rgba(255,255,255,.3);
}
#contact .btn-send:hover {
    color: #fff;
    background-color: rgba(85,100,120,.7);
    border-color: rgba(255,255,255,.3);
}
.container-contact-txt-2{
    margin-bottom: 2rem;   
}
.container-contact-txt-2 h5{
    color: #566879;
    font-size: 1.2rem;
}
.container-contact-txt-2 h6{
    color: #566879;
    font-size: 1rem;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:400px;
    position:relative;
    height:400px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:400px;
    width:100%;
    position:absolute;
}
.bg-services{
    position: relative;
    width: 100%;
    min-height: 2rem;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(238,238,238) 100%);
    background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(238,238,238) 100%);
    background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(238,238,238) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    padding: 1.5rem 0;
}
.container-services-text h1{
    font-family:'Graphik-Extralight';
    color: #556779;
    font-weight: 300;
    line-height: 1;
    font-size: 2.5rem;
}
.container-services-text h1 span{
    font-family: 'Graphik-Light';
}
.container-icon-services{
    position: relative;
    margin: 2rem 0;
}
.container-services-description h4{
    font-family:'Graphik-Medium';
    font-weight: 500;
    color: #536679;
}
.container-services-description p{
    font-family: 'Graphik-Light';
    color: #546679;
    line-height: 1.4;
    margin-bottom: 0;
}
.icon-services{
    position: relative;
    margin: 1rem 0;
}
.container-services-description{
    position: relative;
    margin: 1rem 0;
    padding: 0 2rem;
}
.bg-banner-services{
    position: relative;
    width: 100%;
    min-height: 2rem;
    padding: 4.5rem 0;
    overflow: hidden;
}
.container-banner-services h1{
    font-family: 'Graphik-Light';
    color: #556779;
    font-size: 2rem;
}
.bg-process{
    position: relative;
    width: 100%;
    height: auto;
    background: url(../images/bg-process.png);
    background-repeat: repeat-y;
    background-position: top center;
}
.container-process-icon-big{
    position: relative;
    float: left;
    width: 15rem;
    height: 15rem;
}
.container-process-title{
    position: relative;
    float: left;
    width: calc(100% - 15rem);
    height: 15rem;
    overflow: hidden;
}
.container-process-description{
    position: relative;
    width: calc(100% - 15rem);
    min-height: 15rem;
    height: auto;
    overflow: hidden;
    margin-left: 15rem;
    top: -45px;
}
.container-process-title-bar{
    position: relative;
    width: 100%;
    height: 3px;
    background: url(../images/bg-container-process-title.jpg);
    display: block;
    background-position: center;
}
.container-process-title-txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}
.container-process-title-txt h4{
    font-family:'Graphik-Medium';
    font-weight: 500;
    color: #ff8c00;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1;
}
.container-process-title-txt h4 span{
    font-family: 'Graphik-Light';
    font-weight: 300;
}
.container-process-title-txt h3{
    font-family:'Graphik-Medium';
    font-weight: 500;
    color: #526679;
    text-transform: uppercase;
    line-height: 1;
}
.title-bullet{
    position: relative;
    width: 371px;
    height: 92px;
    background: url(../images/title-bullet.png)
}
.container-process-title-txt h3 span{
    font-family: 'Graphik-Light';
    font-weight: 300;
}
.title-bullet-txt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    padding-left: 6.5rem;
}
.title-bullet-number{
    position: absolute;
    left: 12.3%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
}
.title-bullet-number h4{
    font-family:'Graphik-Medium';
    font-weight: 500;
    color: #ffffff;
    line-height: 1.3;
    text-align: center;
}
.title-bullet-txt h5{
    font-family:'Graphik-Medium';
    font-weight: 500;
    color: #526679;
    font-size: 1.1rem;
}
.container-bullet{
    position: relative;
    width: calc(100% - 4.5rem);
    margin-left: 4.5rem;
}
.container-bullet ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.container-bullet li {
    background: url(../images/bullet.png) no-repeat left top;
    min-height: 25px;
    height: auto;
    padding-left: 25px;
    font-size: 1.06rem;
    font-family: 'Graphik-Light';
    font-weight: 300;
    color: #526679;
    line-height: 1;
    margin-bottom: 5px;
}
.container-bullet li strong{
    font-family:'Graphik-Medium';
    font-weight: 500;
}
.container-process-note{
    position: relative;
    padding-top: 0.5rem;
}
.container-process-note p{
    color: #526679;
    font-family:'Graphik-Medium';
    font-weight: 500;
    font-style: italic;
}
.container-process-note-bottom{
    position: relative;
    margin-top: 2.8rem;
}
.container-process-note-bottom p{
    font-family:'Graphik-Medium';
    font-weight: 500;
    color: #ff8c00;
    text-align: center;
}
.container-process-note-bottom-text{
    position: relative;
    width: 100%;
    min-height: 1rem;
    height: auto;
    overflow: hidden;
    background-color: #ff8c00;
    padding: 0.5rem;
}
.container-process-note-bottom-text-black{
    position: relative;
    width: 100%;
    min-height: 1rem;
    height: auto;
    overflow: hidden;
    background-color: black;
    padding: 0.5rem;
}
.container-process-note-bottom-text p, .container-process-note-bottom-text-black p{
    font-family:'Graphik-Medium';
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
}
.icon-satisfaction, .text-satisfation{
    position: relative;
    float: left;
}
.banner-process{
    position: relative;
    margin: 0 auto;
    width: 60%
}
.demo-gallery-poster{
    position: absolute;
    width: 130px;
    height: 130px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.container-map{
    position: relative;
    display: block;
}
.container-map-mobile{
    position: relative;
    display: none;
}
.container-map-list-desk{
    position: relative;
    display: block;
}
.img-detalle-mapa{
    position: absolute;
    z-index: 2;
    pointer-events: none;
}
.slider-desktop{
    display: block;
}
.slider-mobile{
    display:  none;
}
.grid-item{
    cursor: pointer; 
}
#China, #Egipto, #Emiratos-arabes, #Texas, #centroamerica, #Washington, #Illinois, #California, #Florida, #CDMX, #Jalisco, #Cancun, #Merida, #Monterrey, #Puebla, #Costa-Rica, #Salvador, #kenia, #Corea, #north-africa, #qatar, #Israel{
}
.container-map-mobile h3 {
    font-family:'Graphik-Regular';
    color: #556779;
    font-weight: 600;
    line-height: 1;
}
.container-map-list-desk .title{
    font-family:'Graphik-Regular';
    color: #556779;
    font-weight: 600;
    line-height: 1;
    font-size: .9rem;
}
.container-map-mobile h3:after{
    content: '';
    width: 100%;
    height: 2px;
    background-color: #93a2b0;
    display: block;
    margin-top: 8px;
}
.btn-click-to-browse{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    width: 180px;
    height: 40px;
    background-color: rgba(105, 111, 118, .9);
    border-radius: 50px;
    color: white;
    text-align: center;
    line-height: 40px;
    font-family:'Graphik-Regular';
    font-size: 1rem;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-click-to-browse-home{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    width: 250px;
    height: 40px;
    background-color: rgba(105, 111, 118, .9);
    border-radius: 50px;
    color: white;
    text-align: center;
    line-height: 40px;
    font-family:'Graphik-Regular';
    font-size: 1rem;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-click-to-browse-home:hover{
    background-color: black;
}
.container-map-list-desk .title:after{
    content: '';
    width: 100%;
    height: 2px;
    background-color: #93a2b0;
    display: block;
    margin-top: 3px;
}
.container-map-mobile h4 {
    font-family:'Graphik-Regular';
    color: #556779;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 1.3rem;
}
.container-map-list-desk .subtitle {
    font-family:'Graphik-Regular';
    color: #556779;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 9px;
    font-size: .8rem;
}
.container-map-mobile p {
    font-family: 'Graphik-Light';
    color: #546679;
    line-height: 1;  
    margin-bottom: 5px;
    font-size: 0.9rem;
}
.container-map-list-desk .map-point{
    font-family: 'Graphik-Light';
    color: #546679;
    line-height: 1;  
    margin-bottom: 5px;
    font-size: 0.8rem;  
}
.view .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
.view {
    position: relative;
    overflow: hidden;
    cursor: default;
}
.rgba-black-strong, .rgba-black-strong::after {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );

}
.view img, .view video {
    position: relative;
    display: block;
}
.video-fluid {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.container-btn-whydecc{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.bg-map-decc{
    position: relative;
    background: url(../images/bg-map-decc.jpg);
    width: 100%;
    overflow: hidden; 
    min-height: 32rem;
    height: auto;
    background-size: cover;
    margin-top: 1.5rem;
    background-position: center;
}
@media (max-width: 1225px) {
    .container-process-description {
        width: 100%;
        margin-left: 0;
        top: 0;
    }
    #decc .carousel-caption h1 {
        font-size: 2.8rem;
    }
    .rgba-black-strong, .rgba-black-strong::after {
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 );

    }
}
/*Navbar-breakpoint*/
@media (min-width: 800px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
    .decc-navbar .nav-item.dropdown{
        width: 80px;
    }
    .decc-navbar .dropdown-menu {
        position: absolute;
    }
}
@media (max-width: 799px) {
    .container-navbar {
        position: relative;
    }
    .navbar-logo{
        background: url(../images/logo.png);
        background-size: cover;
    }
    .decc-navbar .navbar-toggler {
        color: rgba(138,159,179,1);
        border-color: #93acc2;
    }
    .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'  viewBox='0 0 30 30'%3e%3cpath stroke='rgb(147, 172, 194)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .decc-navbar .navbar-nav .nav-link:hover:after{
        opacity: 0;
    }
    .decc-navbar .navbar-nav .nav-link {
        height: 35px;
        padding-right: 0.2rem;
        padding-left: 0.2rem;
        color: #6f8da1;
        font-size: 1.2rem;
        text-align: center;
    }
    .decc-navbar .navbar-nav .nav-link:hover, .decc-navbar .navbar-nav .nav-link:focus {
        color: #6f8da1;
    }
    .decc-navbar .navbar-nav {
        margin-top: 20px;
    }
    .container-process-note-bottom {
        margin-top: 0.8rem;
    }
    #decc .carousel-caption h1 {
        font-size: 2rem;
    }
    .line-advantages-1, .line-advantages-2, .container-contact-txt h4{
        display: none;
    }
    .container-contact-form .form-control, .form-control-send{
        width: 100%;
    }
    .bg-footer {
        padding: 1rem 1.8rem 1rem 1.8rem;
    }
    .container-privacy {
        margin-top: 2rem;
    }
    .container-power-by img{
        display: block;
        margin: 0 auto;
    }
    .slider-desktop{
        display: none;
    }
    .slider-mobile{
        display:  block;
    }

    #decc .carousel-caption h1 {
        font-size: 2rem;
    }
    #decc .carousel-control-prev-icon, #decc .carousel-control-next-icon{
        display: none;
    }

    #advantages h1, #rendering h1, #projets-gallery h1, #full-projects h1, #full-projects-1 h1, #map-decc h1{
        text-align: left;
    }

}
@media (max-width: 466px) {
    .container-map{
        display: none;   
    }
    .container-map-mobile{
        display: block;
        padding: 15px 0 30px 0;
        overflow: hidden;
    }
    .container-map-list-desk{
        position: relative;
        display: none;
    }
}

@media (max-width:350px) {
    .boton_contacto_superior {
        margin-top: -92px;

    }
}