html *
{
    font-family: 'Work Sans', sans-serif!important;
    color: #191919;
}

body {
    background-color: #191919;

}

body.page-template-template-test #masthead, body.error404 #masthead, body.page-template-default #masthead,
body.single-project #masthead, body.page-template-template-page-std #masthead, body.post-template-default #masthead,
body.page-template-template-new-services #masthead, body.service-template-default #masthead{
    background-color: rgba(25, 25, 25, 1);
}
body.page-template-template-test #content, body.page-template-template-new-services #content {
    padding-top: 100px;
    background: white;
}


.border_yellow_3 {
    border-bottom: 3px solid #ffed07;
}

/* ********************************************************************************************************** */
/* Jarallax JS Extra CSS */
/* ********************************************************************************************************** */


/* ********************************************************************************************************** */
/* Reveal JS Extra CSS */
/* ********************************************************************************************************** */

.reveal.slide .slides > section, .reveal.slide .slides > section > section {
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    position: absolute !important;
    top: 0 !important;
    align-items: center !important;
}
section > h1, section > h2 {
    position: absolute !important;
    top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
}
.print-pdf .reveal.slide .slides > section, .print-pdf .reveal.slide .slides > section > section {
    min-height: 770px !important;
    position: relative !important;
}

.reveal .slide-background video {
    height: 100%!important;
    width: inherit!important;
    -o-object-fit: contain!important;
    object-fit: contain!important;
}

.videoSectionContainer {
    height: 100%!important;
    max-height: 100%!important;
}

.reveal video {

    max-height: 100%!important;
    width: inherit!important;
    max-width: 80%!important;
    -o-object-fit: contain!important;
    object-fit: contain!important;

}



/* ********************************************************************************************************** */
/* Varios */
/* ********************************************************************************************************** */

.sectionWhiteBacgound {
    background-color: #fff;

}

.grayScale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.grayScaleEf {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    transition: all 0.5s ease;
}

.grayScaleEf {
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease;
}

.grayScaleEf:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}

.separador_vacio {
    position: relative;
    width: 100%;
    height: 1px;
    clear: both;
}

.strokeBlack {
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #191919;
}

.border-top-3 {
    border-top: 3px #333 solid;
}
.introBackgroundImageContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}


.vistaFull {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;

}

#vistaFullVideoContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100;

}
.vistaFull-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#vistaFullImageContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100;

}

/* ********************************************************************************************************** */
/* Header */
/* ********************************************************************************************************** */
#masthead {
    padding: 15px;

}

body.page-template-template-works #masthead {
    background-color: rgba(25, 25, 25, 1);
    transition: 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;

}

@media (min-width: 768px) {
    #masthead {
        padding: 15px 30px 15px 30px;
    }

}
.site-header-container {
    width: 100%;
}

.topMainMenu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    pointer-events: none;
    display: none;

}
@media (min-width: 1200px) {
    .topMainMenu {
        display: block;
    }

}

.topMainMenu ul {
    display: inline;
    width: auto;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    pointer-events: visible;
}
.topMainMenu ul li {
    display: inline-block;
    padding-right: 7px;
    padding-left: 7px;

}

.topMainMenu ul li a {
    font-size: 15px;
    color: #fff;
    text-decoration: none;

}
.topMainMenu ul li a:hover {
    color: #ffed07;
}

.topMainMenu ul li.current-menu-item a {
    font-size: 15px;
    color: #ffed07;
    text-decoration: none;
    font-weight: 700;

}



.mainLangSelector {
    float: right;
    width: 150px;
    z-index: 1050;
    display: none;
}
@media (min-width: 1200px) {
    .mainLangSelector {
        display: block;
    }

}

.mainLangSelectorInner {
    float: right;
}
.mainLangSelector .topBarLangSel {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    margin-left: 15px;
    text-decoration: none;

}
.mainLangSelector .activeLang {
    color: #ffed07;
    font-weight: 700;
}
.mainLogoLink {
    float: left;
    width: 180px;
    display: block;
    z-index: 1050;

}
.mainLogo {
    width: 100%;
    height: auto;
}

/* ********************************************** */
/* Menu mobile */
/* ********************************************** */
.button_container {
    position: fixed;
    top: 20px;
    right: 15px;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
}
@media (min-width: 1200px) {
    .button_container {
        display: none;
    }
}

.button_container:hover {
    opacity: .7;
}
.button_container.active .top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #FFF;
}
.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}
.button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
}
.button_container span {
    background: #ffed07;
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}
.button_container span:nth-of-type(2) {
    top: 11px;
}
.button_container span:nth-of-type(3) {
    top: 22px;
}


.overlayMenuMobile {
    position: fixed;
    background: #333;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
}
.overlayMenuMobile.open {
    opacity: .9;
    visibility: visible;
    height: 100%;
}
.overlayMenuMobile.open li {
    animation: fadeInRight .5s ease forwards;
    animation-delay: .35s;
}
.overlayMenuMobile.open li:nth-of-type(2) {
    animation-delay: .4s;
}
.overlayMenuMobile.open li:nth-of-type(3) {
    animation-delay: .45s;
}
.overlayMenuMobile.open li:nth-of-type(4) {
    animation-delay: .50s;
}
.overlayMenuMobile nav {
    position: relative;
    height: 70%;
    top: 55%;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}
.overlayMenuMobile ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}
.overlayMenuMobile ul li {
    display: block;
    height: 25%;
    height: calc(100% / 4);
    min-height: 50px;
    position: relative;
    opacity: 0;
}
.overlayMenuMobile ul li a {
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    font-size: 30px;
    font-weight: normal;
}
.overlayMenuMobile ul li a:hover:after, .overlayMenuMobile ul li a:focus:after, .overlayMenuMobile ul li a:active:after {
    width: 100%;
}
.overlayMenuMobile ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: #FFF;
    transition: .35s;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

.mobileLangSelector {
    position: absolute;
    width: 100%;
    top: 5px;
}

@media (min-width: 768px) {

    .mobileLangSelector {top: 25px;}

}

@media (min-width: 992px) {

    .mobileLangSelector {top: 50px;}

}


.mobileLangSelectorInner {
   position: relative;
    display: inline;
    width: auto;

}

.mobileLangSelectorInner a{
    color: white;
    text-transform: uppercase;
    font-size: 35px;
    padding-right: 7px;
    padding-left: 7px;
    text-decoration: none;
}

.mobileLangSelectorInner a.activeLang {
    color: #FFF000;
    font-weight: 700!important;
}

.topMainMobileMenu ul li a {
    color: white;

}

.topMainMobileMenu ul li.current-menu-item a {
    color: #FFF000;
    font-weight: 700!important;

}

.topMainMobileMenu ul li a:hover {
    color: #FFF000;
    font-weight: 700!important;

}

/* ********************************************************************************************************** */
/* Footer */
/* ********************************************************************************************************** */

.footerInner {
    position: relative;
    width: 100%;
    padding: 130px 30px 30px 30px;
    background-color: #FFF;
}

body.home .footerInner{background-color: #FFF;}

#indiShotsFormContainer {
    position: relative;
    width: 100%;

}

.indiShotsTitle {
    font-size: 18px;
    font-weight: 600;
}

#indiShotsForm {
    position: relative;
    width: 100%;
}
@media (min-width: 1200px) {
    #indiShotsForm {
        width: 75%;
    }

}

#indiShotsForm div {
    float: left;
    display: inline;

}

.indiShotsFormInput {
    width: 70%;

}
.indiShotsFormButton {
    width: 30%;

}

.indiShotsFormInput input[type=email] {
    width: 100%;
    height: 40px;
    padding: 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: transparent;
    border-style: solid;
    border-width: 2px;
    border-color: #191919;

}


.indiShotsFormButton button{
    width: 100%;
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #191919;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    cursor: pointer;
    border-style: solid;
    border-width: 2px;
    border-color: #191919;
    border-left: none;
    background: transparent;
    -webkit-transition: background-color 0.7s ease-out;
    -moz-transition: background-color 0.7s ease-out;
    -o-transition: background-color 0.7s ease-out;
    transition: background-color 0.7s ease-out;
}

@media (min-width: 768px) {

    .indiShotsFormButton button{font-size: 16px;}

}

.indiShotsFormButton button:hover {
    background: #191919;
    color: #ffed07;
    text-decoration: none;

}

.indiShotsFormCheckGroup a{

    text-decoration: none!important;
    font-weight: 600;
}

.indiShotsFormlegal {

}

.indiShotsFormlegal p {
    font-size: 10px !important;
}




#footerSocialContainer {
    position: relative;
    width: auto;


}

#footerSocialContainer a {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 5px;
    margin-left: 5px;
}

.indiSocialYoutube {
    background-image: url("img/youtube.svg");
    background-repeat: no-repeat;
}
.indiSocialVimeo {
    background-image: url("img/vimeo.svg");
    background-repeat: no-repeat;
}
.indiSocialTwitter {
    background-image: url("img/twitter.svg");
    background-repeat: no-repeat;
}
.indiSocialInstagram {
    background-image: url("img/instagram.svg");
    background-repeat: no-repeat;
}
.indiSocialLinkedin {
    background-image: url("img/linkedin.svg");
    background-repeat: no-repeat;
}
.indiSocialFacebook {
    background-image: url("img/facebook.svg");
    background-repeat: no-repeat;
}
.indiSocialFlicker {
    background-image: url("img/flickr.svg");
    background-repeat: no-repeat;
}
.indiSocialPinterest {
    background-image: url("img/pinterest.svg");
    background-repeat: no-repeat;
}

.footerCredits p{
    font-size: 0.8rem!important;
}

.infoIndi {
    text-align: left!important;
}


@media (min-width: 768px) {

    .infoIndi {
        text-align: center!important;
    }


    .footerBorderBottom {
        border-top: 2px #333 solid;
    }

}

@media (min-width: 992px) {
    .footerSocial{
        text-align: right!important;
    }
    .footerCredits p{
        text-align: left!important;
    }
}


@media (min-width: 1200px) {

    .infoIndi {
        text-align: left!important;
    }

}

.infoIndiMeet p {
    line-height: 1.2!important;
}

.footerIndiEmail:hover {
    color: #191919;
    text-decoration: none;
    font-weight: 500;
}

/* ********************************************************************************************************** */
/* Sections General */
/* ********************************************************************************************************** */

.sectionsGlobal {
    position: relative;
    width: 100%;
    padding: 150px 15px 150px 15px;

}

.sectionsGlobal h2  {
    font-size: 35px;
    line-height: 47px;
    max-width: 600px;
    margin: 0 auto;


}
.sectionsGlobal h3  {
    font-size: 35px;
    line-height: 47px;
    max-width: 600px;
    margin: 0 auto;

}

/* ********************************************************************************************************** */
/* Home*/
/* ********************************************************************************************************** */

.bgscrollin {
    background-color: rgba(25, 25, 25, 1);
    transition: 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
}
.bgscrollout {
    background-color: rgba(25, 25, 25, 0);
    transition: 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
}


.overlayIntroTitle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#homeIntro h1 {
    max-width: 90%;
    margin: 0 auto;
    font-family: 'Work Sans', sans-serif;
    color: #ffed07;
    font-size: 40px;
    font-weight: 700;
}

@media (min-width: 768px) {  #homeIntro h1 {max-width: 700px;font-size: 94px;}  }
@media (min-width: 1200px) {  #homeIntro h1 {max-width: 900px;font-size: 120px;}  }

#homeIntro h2 {
    margin-top: 25px;
    padding: 0px 25px 0px 25px;
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    #homeIntro h2 {
        font-size: 28px;
    }

}

.videoInsertHome {
    position: absolute;
    right: -150%;
    bottom: 0;
    min-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

@media (min-width: 435px) {


    .videoInsertHome {
        position: absolute;
        right: 0;
        bottom: 0;
        min-width: 100%;
        max-height: initial;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        background-size: cover;
        overflow: hidden;
    }


}


#homeSectionBlocksSection {
    background-color: #fff;
}

.home_box_container {
    position: relative;
    width: 100%;
    height: 100%;

}

.home_box_main_image_container {
    float: left;
    padding: 1px;
    max-width: 100%;

}

.home_box_main_image {

    float: left;

}


.home_box_logo_container {
    position: relative;
    padding: 15px;
    max-width: 30%;
    margin: 0 auto;
}

.home_box_logo {
    position: relative;
    max-width: 100%;

}


.home_box_link {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

}

.home_box_link_title {
    font-size: 45px!important;
    font-weight: bold;
}

.boxTables {
    transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
}

.backgroundTransparent {
    background-color: transparent!important;
}





/* *************************************************** */
/* Video Background */
/* *************************************************** */


.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}


/* *************************************************** */
/* Pantallas pequeñas */
/* *************************************************** */

#homeSectionBlocksSM {
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px;


}

#homeSectionBlocksSM .homeSectionBlockSingle {
    height: 250px;

}

#homeSectionBlocksSM #homeSectionBlockContact {
    position: relative;
    width: 100%;
    padding-bottom: 15px;
}

#homeSectionBlocksSM #homeSectionBlockNews {
    position: relative;
    width: 100%;
    padding-bottom: 15px;

}

#homeSectionBlocksSM #homeSectionBlockTeam {
    position: relative;
    width: 100%;
    height: 450px;
    padding-bottom: 15px;
}

#homeSectionBlocksSM #homeSectionBlockWorks {
    position: relative;
    width: 100%;
    padding-bottom: 15px;
}

#homeSectionBlocksSM #homeSectionBlockServices {
    position: relative;
    width: 100%;
    padding-bottom: 15px;
}

#homeSectionBlocksSM #homeSectionBlockShop {
    position: relative;
    width: 100%;

}
#homeSectionBlocksSM #homeSectionBlockFeatured {
    position: relative;
    width: 100%;
    padding-bottom: 15px;

}



/* *************************************************** */
/* Pantallas medianas */
/* *************************************************** */

#homeSectionBlocksMD {
    position: relative;
    width: 100%;
    height: 1350px;
    display: none;
    padding: 15px;

}
@media (min-width: 768px) {
    #homeSectionBlocksSM {display: none;}
    #homeSectionBlocksMD {display: block;}
}

.homeSectionBlocksMDColumns {
    float: left;
    display: inline-block;
    width: 50%;
    height: 100%;

}

#homeSectionBlocksMD #homeSectionBlocksCol_1 {
    padding-right: 7.5px;

}

#homeSectionBlocksMD #homeSectionBlocksCol_2 {
    padding-left: 7.5px;

}

#homeSectionBlocksMD .homeSectionBlocksLGColumns .homeSectionBlockSingle {
    position: relative;
    width: 100%;
}

#homeSectionBlocksMD #homeSectionBlockContact {
    position: relative;
    width: 100%;
    height: 42%;
    padding-bottom: 15px;
}

#homeSectionBlocksMD #homeSectionBlockNews {
    position: relative;
    width: 100%;
    height: 17.1%;
    padding-bottom: 15px;

}

#homeSectionBlocksMD #homeSectionBlockTeam {
    position: relative;
    width: 100%;
    height: 42%;
    padding-bottom: 15px;
}

#homeSectionBlocksMD #homeSectionBlockWorks {
    position: relative;
    width: 100%;
    height: 25%;
    padding-bottom: 15px;
}

#homeSectionBlocksMD #homeSectionBlockServices {
    position: relative;
    width: 100%;
    height: 25%;
    padding-bottom: 15px;
}

#homeSectionBlocksMD #homeSectionBlockShop {
    position: relative;
    width: 100%;
    height: 25%;
    padding-bottom: 15px;

}
#homeSectionBlocksMD #homeSectionBlockFeatured {
    position: relative;
    width: 100%;
    height: 25%;
}




/* *************************************************** */
/* Pantallas grandes */
/* *************************************************** */

#homeSectionBlocksLG {
    position: relative;
    width: 100%;
    height: 1300px;
    display: none;
    padding: 15px;

}
@media (min-width: 992px) {

    #homeSectionBlocksMD {display: none;}
    #homeSectionBlocksLG {display: block;}

}

.homeSectionBlocksLGColumns {
    float: left;
    display: inline-block;
    width: 33.333333333333333%;
    height: 100%;

}

#homeSectionBlocksLG #homeSectionBlocksCol_1 {
    padding-right: 7.5px;

}

#homeSectionBlocksLG #homeSectionBlocksCol_2 {
    padding-right: 7.5px;
    padding-left: 7.5px;

}

#homeSectionBlocksLG #homeSectionBlocksCol_3 {
    padding-left: 7.5px;

}

#homeSectionBlocksLG .homeSectionBlocksLGColumns .homeSectionBlockSingle {
    position: relative;
    width: 100%;
}

#homeSectionBlocksLG #homeSectionBlockContact {
    position: relative;
    width: 100%;
    height: 60%;
    padding-bottom: 15px;
}

#homeSectionBlocksLG #homeSectionBlockNews {
    position: relative;
    width: 100%;
    height: 40%;
}

#homeSectionBlocksLG #homeSectionBlockWorks {
    position: relative;
    width: 100%;
    height: 40%;
    padding-bottom: 15px;
}

#homeSectionBlocksLG #homeSectionBlockServices {
    position: relative;
    width: 100%;
    height: 30%;
    padding-bottom: 15px;
}

#homeSectionBlocksLG #homeSectionBlockShop {
    position: relative;
    width: 100%;
    height: 30%;
}

#homeSectionBlocksLG #homeSectionBlockTeam {
    position: relative;
    width: 100%;
    height: 60%;
    padding-bottom: 15px;
}

#homeSectionBlocksLG #homeSectionBlockFeatured {
    position: relative;
    width: 100%;
    height: 40%;
}

/* *************************************************** */






.BlockHomeInnerContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.homeSectionBlockSingle h2 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 600;
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    .homeSectionBlockSingle h2 {
        font-size: 80px;
        line-height: 85px;
    }

}


.homeSectionBlockSingle a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}


.BlockHomeInnerContainer.blockDark {
    background-color: #191919;
    color: #ffed07!important;
}


.BlockHomeInnerContainer.blockDark h2 {
    color: #ffed07!important;
}

.BlockHomeInnerContainer.blockBorder {

    border: 2px #191919 solid;

}

.BlockHomeInnerContainer.blockImage h2 {
    color: #ffed07!important;
}


#flechaAbajoHome {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    height: 32px;
}




/* ********************************************************************************************************** */
/* Works */
/* ********************************************************************************************************** */

body.page-template-template-works #content {
    position: relative;
    width: 100%;
    padding-top: 70px;
}

#PageIntro {

}

.PageIntroMobile {
    position: relative;
    width: 100%;

    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 68px;
    height: 0;
    overflow: hidden;

}
.PageIntroMobile video {
    position: absolute;
    bottom:0;
    left: 0;
    width: 100vw;
    height: calc(100vw/1.77777778);
    object-fit: inherit;
}


.PageIntroRow {
    background: white;
}

#PageIntroTitle {
    position: relative;
    width: 100%;


}

#PageIntroTitle h1 {

    font-size: 65px;
    text-align: center;
    margin-top: 0; margin-bottom: 0;

}
@media (min-width: 768px) {

    #PageIntroTitle {min-height: 150px;}
    #PageIntroTitle h1 {font-size: 85px;text-align: left; margin-top: 30px; margin-bottom: 0;}


}

@media (min-width: 992px) {

    #PageIntroTitle h1 {text-align: center;}

}

@media (min-width: 1200px) {


}

#PageIntroMenu {
    position: relative;
    width: 100%;
    height: auto!important;
    padding-bottom: 20px;

}

#PageIntroMenu ul {
    position: relative;
    padding: 0;
    margin: 0;
    padding-left: 20%;
    margin-top: 10px;
}

@media (min-width: 768px) {

    #PageIntroMenu ul {padding-left: 35%;}

}

@media (min-width: 992px) {

    #PageIntroMenu ul {padding-left: 0;}
    #PageIntroMenu {padding-bottom: 0;}

}

#PageIntroMenu > ul > li{
    float: left;
    width: auto!important;
    clear: both;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

#PageIntroMenu ul li h2{
    width: auto!important;
    font-size: 24px;
    cursor: pointer;
    padding-left: 25px;
    margin-bottom: 5px;

}

#PageIntroMenu ul li h2.isChecked{
    background-image: url("img/flecha_cats.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px 12px;

}

#WorksIntroArrow {
    position: relative;
    width: 100%;

}

.WorksIntroArrowContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.flechaAbajo {

    width: 25px;
    height: auto;

}


#WorksSection {
    position: relative;
    width: 100%;
    height: auto!important;
    padding: 3px;
    margin: 0;
    top: 8%;
    min-height: 650px;

}

#WorksSectionContainer {
    position: relative;
    width: 100%;


}



/* ---- grid ---- */

.grid {
    position: relative;
    width: 100%;
    counter-reset: grid-item;
}

/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */


/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */

.grid-item {
    position: relative;
    width: 100%;
    height: 266px;
    float: left;
}

.grid-item-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5px;

}

.grid-item-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.gridItemLink {

    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;

}

.panelInfoProject {
    position: absolute;
    width: 150px;
    height: 100%;
    top: 0;
    left: -150px;
    z-index: 2;
    background: #fff;

}

.panelInfoProjectContent {
    position: relative;
    width: 100%;
    padding: 7px;

}

.panelInfoProjectContent h2 {
    font-size: 16px;
    margin-bottom: 20px;

}
.panelInfoProjectContent h3 {
    font-size: 16px;

}

.gridItemImage {

    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}




.grid-item--width2 { width: 100%; }
.grid-item--height2 {  }


@media (min-width: 768px) {

    .grid-item {width: 25%;height: 240px;}

    .grid-item--width2 { width: 50%; }
    .grid-item--height2 { height: 120px; }

}

@media (min-width: 992px) {

    .grid-item {width: 25%;height: 300px;}

    .grid-item--width2 { width: 50%; }
    .grid-item--height2 { height: 150px; }

}

@media (min-width: 1200px) {

    .grid-item {width: 25%;height: 660px;}

    .grid-item--width2 { width: 50%; }
    .grid-item--height2 { height: 330px; }

}

/* ********************************************************************************************************** */
/* About */
/* ********************************************************************************************************** */
body.page-template-template-about #content {
    position: relative;
    width: 100%;
    padding-top: 0px;
}

.PageIntroAbout {

    height: 100vh;

    padding-top: 0;
}

.PageIntroAbout video {
    position: absolute;
    bottom:0;
    left: 0;
    width: 100vw;
    height: calc(100vw/1.77777778);
    object-fit: inherit;
}

.videoAboutContainer {
    overflow: hidden;
}

.videoAboutContainer video
{
    width: 100%;
    height: auto;

}

.PageIntroRowAbout {
    padding-top: 68px;
}

#PageIntroMenu {
    position: relative;
    width: 100%;
    height: auto!important;
    margin-top: 30px;

}

#PageIntroMenu ul {
    position: relative;
    padding: 0;
    margin: 0;
    padding-left: 20%;
    margin-top: 10px;
}

@media (min-width: 768px) {

    #PageIntroMenu {margin-top: 60px;}
    #PageIntroMenu ul {padding-left: 35%;}

}

@media (min-width: 992px) {

    #PageIntroMenu ul {padding-left: 0;}

}

#PageIntroMenu > ul > li{
    float: left;
    width: auto!important;
    clear: both;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

#PageIntroMenu ul li h2{
    width: auto!important;
    font-size: 24px;
    cursor: pointer;
    padding-left: 25px;
    margin-bottom: 5px;

}

#PageIntroMenu ul li a{

    text-decoration: none;

}

#PageIntroMenu ul li a:hover{

    text-decoration: none;
    color: #191919;
}

#PageIntroMenu ul li h2.isChecked{
    background-image: url("img/flecha_cats.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px 12px;

}


#aboutVideoText {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 20px;
    color: white;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

@media (min-width: 768px) {
    #aboutVideoText {
        position: absolute;
        width: auto;
        right: 100px;
        bottom: 40px;
        color: white;
        font-size: 40px;
        font-weight: 600;
        text-align: right;

    }

}

#AboutContentSection {

    padding: 60px 7px 7px 7px;
    font-size: 20px;

}

#AboutContentSectionInner {

    position: relative;
    max-width: 900px;
    margin: 0 auto;

}




#AboutSystemSection {

    padding: 60px 12px 12px 12px;
    font-size: 20px;

}

.AboutSystemAccTitle {

    font-weight: bold;

}

.AboutSystemAccTitle:hover {

    color: #000!important;

}

.AboutSystemSectionMobileAcc .card {

    border-radius: 0!important;
    -webkit-border-radius: 0px!important;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0px!important;
}

.AboutSystemSectionMobileAcc .card-header {
    background: #ffed07!important;
}


#AboutSystemSectionTitle, #AboutSectionTitle {
    position: relative;
    max-width: 1150px;
    margin: 0 auto;

}

#AboutSystemSectionTitle h2, #AboutClientsSectionTitle h2 {

    font-size: 65px;
}

#AboutSectionTitle h1 {

    font-size: 65px;
    margin-top: 0;

}
@media (min-width: 768px) {
    #AboutSectionTitle h1, #AboutSystemSectionTitle h2, #AboutClientsSectionTitle h2 {

        font-size: 90px;
        text-align: left;

    }

}

#AboutSystemSectionContent {
    position: relative;
    max-width: 900px;
    margin: 0 auto;

}

#AboutSystemDesktopContent {
    position: relative;
    width: 100%;
    height: 700px;

}
.fondosAmarillosSystem {
    background: #ffed07;
    padding: 100px;
    z-index: 1025;
}

#fondoAmarilloBottom {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    display: none;
    padding: 150px 100px 50px 100px;
}
#fondoAmarilloTop {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    display: none;
    padding: 100px 100px 100px 100px;

}
#fondoAmarilloLeft {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    padding: 100px 150px 100px 50px;
}
#fondoAmarilloRight {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    display: none;
    padding: 100px 50px 100px 150px;
}


#romboAboutSystem {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    z-index: 1026;
    background: url("img/rombo.svg");
    background-repeat: no-repeat;

}

#xSystem {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    z-index: 1027;
    background: url("img/systemx.svg");
    background-repeat: no-repeat;

}

.fasTitleBlocks {
    position: absolute;
    width: 200px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -56px;
    margin-left: -100px;
    z-index: 1030;


}

.fasTitleBlocks p {

    padding: 6px;
    cursor: pointer;
}

#fasTopTitle {margin-top: -171px;}
#fasbottomTitle {margin-top: 100px;}
#fasLeftTitle {margin-left: -220px;margin-top: -21px;}
#fasRightTitle {margin-left: 0px;margin-top: -21px;}


#fasLeftTitle p {
    float: left;
    display: inline;
}
#fasRightTitle p {
    float: right;
    display: inline;
}





#AboutClientsSection {

    padding: 60px 7px 7px 7px;
    font-size: 20px;

}

#AboutClientsSectionTitle {
    position: relative;
    max-width: 1150px;
    margin: 0 auto;

}


#AboutClientsSectionContent {
    position: relative;
    max-width: 900px;
    margin: 0 auto;

}

#AboutClientsList {


}

.AboutClientsListItem {
    height: 200px;

}

.AboutClientsListItem a{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    background: #EEE8D5;


}

/* ********************************************************************************************************** */
/* Services */
/* ********************************************************************************************************** */
body.page-template-template-services #content {
    position: relative;
    width: 100%;
    padding-top: 0px;
}

body.page-template-template-services #masthead {
    background-color: rgba(25, 25, 25, 1);
}

.PageIntroRowServices {
    padding-top: 68px;
}

#servicesContentSection {


}

#servicesContentSectionInner {
    position: relative;
    max-width: 1150px;
    padding: 10px;
    margin: 0 auto;

}

.service_box_container {

    position: relative;
    width: 100%;

}
.service_box_container p {

    margin: 0;
    padding: 0;

}

#servicesContentSectionInner h2 {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 15px;
    font-size: 2.5rem;
    font-weight: bold;
    -webkit-transition: color 0.6s ease-out;
    -moz-transition: color 0.6s ease-out;
    -o-transition: color 0.6s ease-out;
    transition: color 0.6s ease-out;

}

.service_box_list {
    width: 100%;
    margin: 0;
    padding: 15px;
    -webkit-transition: color 0.6s ease-out;
    -moz-transition: color 0.6s ease-out;
    -o-transition: color 0.6s ease-out;
    transition: color 0.6s ease-out;
    font-size: 0.7rem;

}

#servicesContentSectionInner h2 {
    color: #ffed07!important;
}

.service_box_list p {
    font-size: 1rem;
    color: #191919!important;

}

@media (min-width: 768px) {

    .service_box_list {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 60px;
    }

    .service_box_list p {
        color: #191919!important;
        font-size: 0.55rem;

    }

    #servicesContentSectionInner h2 {
        color: #191919!important;

    }

}

@media (min-width: 1024px) {

    .service_box_list p {
        font-size: 0.9rem;

    }

}


.color_amarillo {
    color: #ffed07!important;
}


.service_box_intro {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 15px;
    font-size: 0.8rem;

}

@media (min-width: 768px) {

    .service_box_intro {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 15px;
        font-size: 0.8rem;
        color: #ffed07!important;
        display: none;

    }
    .service_box_intro p{
        color: #ffed07!important;
    }

}


.service_box_pastilla{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffed07;
    -webkit-transition: background-color 0.6s ease-out;
    -moz-transition: background-color 0.6s ease-out;
    -o-transition: background-color 0.6s ease-out;
    transition: background-color 0.6s ease-out;
    display: none;

}

.service_box_overlay {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: none;

}

@media (min-width: 768px) {

    .service_box_overlay, .service_box_pastilla {
        display: block;
    }

}




/* ********************************************************************************************************** */
/* News */
/* ********************************************************************************************************** */
body.page-template-template-news #content {
    position: relative;
    width: 100%;
    padding-top: 0px;
}

body.page-template-template-news #masthead {
    background-color: rgba(25, 25, 25, 1);
}

.PageIntroRowNews {
    padding-top: 68px;
}

#newsContentSection {


}

#newsContentSectionInner {
    position: relative;
    width: 100%;
    padding: 10px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;

}

#newsContentSectionInner .grid {
    position: relative;
    width: 100%;

}

.grid_news{
    position: relative;
    width: 100%;

}

/* clearfix */
.grid_news:after {

}

/* ---- grid-item ---- */

.grid_news-item {
    float: left;
    width: 100%;
    padding: 15px;

}

@media (min-width: 768px) {

    .grid_news-item {
        width: 33.3333333333333333%;

    }

}

.grid_news-item_container {
    position: relative;
    width: 100%;
    height: auto;

}

.grid_item_link {
    display: block;
}

.grid_item_text {
    padding-top: 10px;
}
.grid_news-item:before {

}


/* ********************************************************************************************************** */
/* Project */
/* ********************************************************************************************************** */

body.single-project {background-color: #fff;}

.reveal .progress span {
    color: #ffed07!important;
}


#projectPage {
    position: relative;
    width: 100vw;
    height: 100vh;


}


#projectPageContainer {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 70px 0px 140px 0px;

}

@media (min-width: 768px) {
    #projectPageContainer {
        padding: 100px 0px 140px 0px;

    }

}

@media (min-width: 1200px) {
    #projectPageContainer {
        padding: 100px 0px 140px 0px;

    }

}

#projectPageControls {

    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 12;

}

#projectPageControlTouchLeft {

    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    margin-top: -25px;
    left: 15px;
    z-index: 13;
    background-image: url("img/diapo_prev_t.png");
    background-repeat: no-repeat;
}

#projectPageControlTouchRight {

    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    margin-top: -25px;
    right: 15px;
    z-index: 13;
    background-image: url("img/diapo_next_t.png");
    background-repeat: no-repeat;


}

#projectPageControlLeft {

    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    left: 0;
    z-index: 13;
    cursor: url("img/diapo_prev.png"), auto;
}

#projectPageControlright {

    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 13;
    cursor: url("img/diapo_next.png"), auto;

}

.playButtonVideoSectionContainer {
    position: absolute;
    height: 120px;
    width: 120px;
    top: 50%;
    left: 50%;
    background-image: url("img/play-button.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 14;
    cursor: pointer;
    transform: translate(-50%,-50%);
}



/* ********************************************************************* */
/* Project Header */
/* ********************************************************************* */

#projectPageHeader {
    position: absolute;
    height: 70px;
    width: 100%;
    top: 0;
    left: 0;
    padding: 15px;
    z-index: 1500;
}
@media (min-width: 768px) {
    #projectPageHeader {
        padding: 25px 60px 0px 60px;

    }

}

.projectLogoLink {
    float: left;
    width: 180px;
    display: block;
    z-index: 1050;

}

.projectOutLink {
    float: right;
    width: 38px;
    height: 38px;
    display: block;
    z-index: 1050;

}

.projectLogo, .projectOut {
    width: 100%;
    height: auto;
}


/* ********************************************************************* */
/* Project Mobile */
/* ********************************************************************* */
#projectPageMobile {
    position: relative;
    width: 100%;

}

#projectPageMobileContainer {
    position: relative;
    width: 100%;
    padding: 70px 0px 50px 0px;

}

#projectPageMobileContainer #projectPageHeader {
    position: fixed;
    height: 70px;
    width: 100%;
    top: 0;
    left: 0;
    padding: 15px;
    z-index: 1300;
    background: white;
}


#projectPageMobileContent {
    position: relative;
    width: 100%;

}

#projectPageMobileContent h1 {
    margin-top: 40px;
}
#projectPageMobileContent h2 {
    font-size: 1.1rem;
    font-weight: 600;
}

.projectMobileDescription {
    position: relative;
    max-width: 1150px;
    padding: 25px;
    margin: 0 auto;

}


.projectMobileSectionItem {
    position: relative;
    width: 100%;
    border-bottom: 3px #FFF solid;

}

.projectMobileVideoSection {
    background: #000;
}

.projectMobileVideoContainer {
    padding-bottom:56.25%;
    height:0; overflow: hidden;
    position: relative;
}

.projectMobileVideoSection video {
    width:100%;
    max-width:100%;
    height:auto;
    padding: 0!important;
    margin: 0!important;
}

@media (min-width: 435px) {

    .projectMobileVideoSection video {
        width:90%!important;
        max-width:90%!important;
        height:auto;
        padding: 0!important;
        padding-left: 10%!important;
        margin: 0 auto!important;
    }


}


.projectMobileTextSection .projectMobileTextSectionContainer {
    position: relative;
    width: 100%;
    padding: 25px;


}

.projectMobileTextSection p, .projectMobileTextSection h1, .projectMobileTextSection h2, .projectMobileTextSection h3, .projectMobileTextSection h4, .projectMobileTextSection h5, .projectMobileTextSection h6 {
    color: #fff!important;
}

.projectMobileCredits {
    position: relative;
    width: 100%;
    padding: 25px;

}

.videoProjectContainerElement {
    position: relative;
    width: 100%;
    height: 100%;

}

/* ********************************************************************* */
/* Project Desktop */
/* ********************************************************************* */



#projectPageContent {
    position: relative;
    width: 100%;
    height: 100%;

}

#projectMainContent {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
#projectFooterContent {
    display: none;
}


.reveal .controls .controls-arrow::before, .reveal .controls .controls-arrow::after {
    color: #ffed07;
}

.reveal .progress span {
    color: red;
}


#projectPageControl {
    position: absolute;
    height: 40px;
    width: 100%;
    bottom: 100px;
    left: 0;
    z-index: 1500;
}

#projectPageControlContainer {
    position: relative;
    width: 100%;
    padding: 0 30px 0 30px;
    height: 40px;

}

#sliderDiapos {
    margin-top: 22px;
}


#projectPageFooter {
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1500;
}



#projectPageFooter h1, #projectPageFooter h2 {
    font-size: 18px;
    margin: 0.67em 0;
}


#projectPageFooterPanel {

    position: relative;
    height: 100vh;
    width: 100%;
    padding: 15px 40px 15px 40px;
    background: white;

}

@media (min-width: 992px) {

    #projectPageFooterPanel {

        padding: 15px 110px 15px 110px;

    }


}


#projectPageFooterPanelContainer {

    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;

}

.projectPageFooterPanelHeader {
    position: relative;
    width: 100%;
    height: 10%;

}
.projectPageFooterPanelHeader h1{
    width: 100%;
    margin: 0!important;
    padding: 0!important;
    font-size: 25px!important;
    line-height: 44px;
    font-weight: bold;
    text-align: center;

}
.projectPageFooterPanelHeader h1 span{
    display: inline-block;
    width: 44px;
    height: 44px;
    cursor: pointer;

}

#projectPanelOpen {
    background-image: url("img/project_open_info.png");
    background-repeat: no-repeat;
}

.projectPanelOpened {
    background-image: url("img/project_open_close.png")!important;

}


.projectPageFooterPanelHeader h2{
    margin: 0!important;
    line-height: 46px;
    text-align: center;

}

.projectPageFooterPanelContent {
    position: relative;
    width: 100%;
    height: 80%;
    overflow: hidden;

}

.projectPageFooterPanelContent p{

    line-height: 25px;

}


#desktopDescriptionContainer {
    position: relative;
    width: 100%;
    height: 82%;
    margin-top: 2%;
    padding: 15px;
    overflow: hidden;
    overflow-y: scroll;
    border-color: #e0e0e0 !important;

}

#desktopCreditsContainer {
    position: relative;
    width: 100%;
    height: 82%;
    margin-top: 2%;
    padding: 15px;
    overflow: hidden;
    overflow-y: scroll;
    border-color: #e0e0e0 !important;
}

#nicescroll-desc, #nicescroll-cred {
    padding-right: 30px;

}

.titleInfoProject {

    font-size: 20px!important;
    font-weight: 600!important;
}

.tituloProyecto {
}

@media (min-width: 768px) {
    .tituloProyecto {text-align: left!important;}

}

.flechaInfoProy img {

    height: 18px;
    width: auto;
    padding-left: 10px;

}

.infoDetallesproyectoClick {

    cursor: pointer;
}



.diapoNextLink {
    position: absolute;
    height: 38px;
    width: 76px;
    top: 50%;
    right: 50px;

}

.diapoPrevLink {
    position: absolute;
    height: 38px;
    width: 76px;
    top: 50%;
    left: 50px;

}

.diapoNext, .diapoPrev {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.textImageDiapo {
    position: relative;
    width: 100%;
    padding: 25px;
}
.textDiapo h1, .textDiapo h2, .textDiapo h3 {

    font-size: 30px!important;

}

.textDiapo p, .textDiapo h1, .textDiapo h2, .textDiapo h3{
    padding-left: 20%!important;
    padding-right: 20%!important;

}

.projectTextSectionInnerContainer {
    position: relative;
    width: 100%;
    padding: 30px;

}


/* ********************************************************************* */
/* Contact */
/* ********************************************************************* */


body.page-template-template-contact #masthead {
    background-color: rgba(25, 25, 25, 1);
}

body.page-template-template-contact #content {
    position: relative;
    width: 100%;
    padding-top: 0px;
}

#PageIntroTitle.contactTitle {

    padding: 1rem!important;
}

#PageIntroTitle.contactTitle h1 {

    text-align: left;
}
@media (min-width: 768px) {

    #PageIntroTitle.contactTitle h1 {

        text-align: center;
    }

}

#PageIntroMenu.contactIntro {

    margin-top: 0px;
}

@media (min-width: 992px) {

    #PageIntroMenu.contactIntro {

        margin-top: 60px;
    }

}


.PageIntroRowContact {
    padding-top: 68px;
}

.ContactContent, .infoContact {

    position: relative;
    width: 100%;

}

/* ********************************************************************* */
/* Contact */
/* ********************************************************************* */


body.page-template-template-news #masthead {
    background-color: rgba(25, 25, 25, 1);
}

body.page-template-template-news #content {
    position: relative;
    width: 100%;
    padding-top: 0px;
}

.PageIntroRowNews {
    padding-top: 68px;
}

.contactInnerSection {
    position: relative;
    width: 100%;

}


/* ********************************************************************************************************** */
/* New Project */
/* ********************************************************************************************************** */

#newProjectSectionInner {
    position: relative;
    width: 100%;

}

#newProjectSectionInner {
    position: relative;
    max-width: 1150px;
    padding: 10px;
    margin: 0 auto;

}

.newProjectSectionItem {
    position: relative;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;

}

.newProjectVideoSection {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    background: #000;
}


.newProjectVideoSection video {
    width:100%;
    height:auto;
    padding: 0!important;
    margin: 0!important;
}


.newProjectNavSection {

    position: relative;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    padding: 20px;
    padding-bottom: 100px;

}

.navigationProject {

}

.newProjectNavSection .navPrev {
    position: relative;
    float: left;
}

.newProjectNavSection .navNext {
    position: relative;
    float: right;
}


#indiWord {
    color: #ffed07;
}



.newProjectTextSection {

    padding: 30px;
    max-width: 1150px;
    margin: 0 auto;

}
.newProjectImageSection img{
    display: block;
    width: 100%;
    height: auto;
}

.newProjectSvgSection {

}


.newProjectFichaSection {
    text-align: center;
}



/* ********************************************************************************************************** */
/* Page STD */
/* ********************************************************************************************************** */

body.page-template-default {
    background: #fff!important;
}

body.post-template-default {
    background: #fff!important;
}

.pageStdTitle h1{
    font-size: 35px!important;
    line-height: 45px!important;
    margin-top: 20px!important;
}

@media (min-width: 768px) {

    .pageStdTitle h1{
        font-size: 55px!important;
        line-height: 70px!important;
        margin-top: 60px!important;
    }

}


/* ********************************************************************************************************** */

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}