/**
 * @file
 * Subtheme specific CSS.
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('molecor-font/molecor-font.css');
/*** BODY ***/

html,
body {
    font-family: Open Sans !important;
    font-style: normal;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    border: 0;
}

body a,
.nav-link {
    color: #356EAC;
    text-decoration: none;
}

body a:hover,
.nav-link:hover {
    color: #444444;
    text-decoration: none;
}

.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold !important;
}

.node__content .h2,
.node__content h2 {
    font-size: 1.071rem;
}

.node__content .h3,
.node__content h3 {
    font-size: 1rem;
}

.node__content {
    font-size: 0.9rem;
}

.ocultar-elemento {
    display: none !important;
}

.main-content,
.sidebar {
    padding-top: 2rem;
}

.sidebar .block .content {
    font-size: 0.85rem;
    line-height: 1.4;
}

/*.node .node__content .field__item {
	float: left;
	width: 100%;
}*/

.sidebar_menu .navbar-nav .nav-link {
    color: #356EAC;
}

.node .field--type-image {
    margin: 0;
    float: left;
    width: 100%;
    display: blocK;
}

.field--name-field-paragraphs {
    margin: 0;
    float: left;
    width: 100%;
    display: blocK;
}

.field[data-blazy] {
    min-width: auto;
}
 .sidebar .block {
    background-color: #e9ecef !important;
    background-color: #fff !important;
    border-color: #ddd !important;
    border-top-width: 5px;
    border-top-color: #356EAC !important;
} 
.sii .sidebar .block {
    width: 300px;
    /*background-color: #e9ecef !important;*/
    background-color: #fff !important;
    border-color: #ddd !important;
    border-top-width: 5px;
    border-top-color: #356EAC !important;
}
.nav-tabs.primary {
    border-bottom: 1px solid #dee2e6;
    margin-top: 20px;
}

.alert {
    margin-bottom: 2rem !important;
}

a.botonazulbloque {
    display: block;
    padding: 10px 20px;
    background-color: #4678bf;
    color: #fff;
    font-size: 1rem;
    border-radius: 10px;
    transition: 0.3s;
}

a.botonazulbloque:hover {
    color: #fff;
    background: #444444;
    transition: 0.3s;
}

a.botonazulinline {
    display: inline-block;
    padding: 10px 20px;
    background-color: #4678bf;
    color: #fff;
    font-size: 1rem;
    border-radius: 10px;
    transition: 0.3s;
}

a.botonazulinline:hover {
    color: #fff;
    background: #444444;
    transition: 0.3s;
}

/*** navbar-main ***/

#navbar-main {
    background: rgba(255, 255, 255, 0.9) !important;
    z-index: 100;
    border-bottom: 0px solid #356EAC;
    border-bottom: 1px solid #444444;
}



#navbar-main .navbar-collapse {
    align-items: center;
}

#navbar-main .navbar-collapse .navbar-brand {
    width: auto;
    justify-content: flex-start;
    margin-right: auto;
}

#navbar-main #block-mainnavigation {
    width: auto;
    justify-content: flex-end;
}

/*#navbar-main #block-mainnavigation .nav-item a {
	font-size: 0.8rem;
	color: #356EAC;
}*/

#navbar-main.affix {
    border-bottom: 1px solid #444444;
}

#navbar-main .navbar-brand img {
    height: 60px;
    width: auto;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari and Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

#navbar-main.affix .navbar-brand img {
    height: 40px;
    width: auto;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari and Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

@media (max-width: 1200px) {
    #navbar-main .navbar-brand img {
        height: 40px;
    }
}

/*** navbar-top ***/

#navbar-top {
    background-color: #356EAC !important;
    justify-content: center;
    z-index: 300;
    padding: 0rem;
}



#navbar-top .region-secondary-menu {
    /*width: 100%;*/
    padding: 0px;
    /*justify-content: flex-end;*/
    position: relative;
    height: 35px;
}

.menu_idioma_top {
    width: auto !important;
    justify-content: flex-end;
    margin-right: auto;
}

.menu_idioma_top .nav-link a {
    color: #ffffff;
    font-size: 0.8rem;
    text-decoration: none;
}

.menu_idioma_top .nav-link {
    padding: 0rem 0.5rem;
}

.menu_idioma_top .nav-link .is-active {
    font-weight: bold;
}

.b_rrss {
    width: auto !important;
    justify-content: flex-end;
}

.b_rrss li {
    color: #ffffff;
    padding: 0em .35em;
}

.b_rrss li .fa {
    color: #ffffff;
    font-size: 16px;
}

.b_rrss .social-media-links--platforms {
    margin-bottom: 0;
}

/*** SEARCH TOP ***/

#block-lane5down {
    display: none;
}

#navbar-top .boton-buscar {
    width: auto;
    justify-content: flex-end;
    padding: 0px;
}

#navbar-top .boton-buscar p {
    float: left;
}

#navbar-top .boton-buscar .content a.use-ajax {
    color: #ffffff;
    font-size: 0.8rem;
    text-decoration: none;
    padding: .5rem .5rem;
}

#navbar-top .boton-buscar .content a.use-ajax::before {
    content: "\fb0c";
    font-family: molecor-font;
    left: 0;
    color: #ffffff;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
    font-size: 0.8rem !important;
}

#navbar-top .boton-buscar .content a.top_contact {
    color: #ffffff;
    font-size: 0.8rem;
    text-decoration: none;
    padding: .5rem .5rem;
}

#navbar-top .boton-buscar .content a.top_contact::before {
    content: "\fb1e";
    font-family: molecor-font;
    left: 0;
    color: #ffffff;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 18px;
    font-size: 0.8rem !important;
}

#navbar-top .boton-buscar .content p {
    margin: 0px;
}

@media (max-width: 768px) {
    #navbar-top .boton-buscar .content a.use-ajax {
        font-size: 0.0001rem !important;
    }
    #navbar-top .boton-buscar .content a.top_contact {
        font-size: 0.0001rem !important;
    }
}

/*** MENU TOP ***/

.menu_top_header {
    width: auto;
    justify-content: flex-end;
}

.menu_top_header li.nav-item span {
    color: #ffffff;
    font-size: 0.8rem;
    text-decoration: none;
    padding: .5rem .5rem;
}

/*** MAIN_WRAPPER ***/

.featured-top {
    /*background: linear-gradient(90deg, #848484 19.81%, rgba(132, 132, 132, 0.5) 100%);*/
    background: #444444;
    background-size: cover;
}

.featured-top h1 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 100%;
    /* or 74px */
    display: flex;
    align-items: center;
    color: #ffffff;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 #444;
}

/* .featured-top h1::before {
    content: " ";
    font-family: molecor-font;
    left: 0;
    color: #fff;
    bottom: 0;
    height: 48px;
    width: 48px;
    z-index: 1;
    margin-right: 16px;
} */

@media (max-width: 768px) {
    .featured-top h1 {
        font-size: 36px;
    }
    .featured-top h1::before {
        height: 36px;
        width: 36px;
    }
}

body.page404 .featured-top {
    background: #583A27 url("../imagenes/fondo_404.png") no-repeat center right;
    background-size: cover;
}

body.page404 .featured-top h1::before {
    content: "\fb0e";
}

body.page404 .imagen404 {
    max-width: 100%;
    height: auto;
}

body.quienes-somos .featured-top,
body.qui-sommes-nous .featured-top,
body.about-us .featured-top,
body.o-nas .featured-top {
    background: #444444 url("../imagenes/fondo_quienes-somos.png") no-repeat center right;
    background-size: cover;
}

body.quienes-somos .featured-top h1::before,
body.qui-sommes-nous .featured-top h1::before,
body.about-us .featured-top h1::before,
body.o-nas .featured-top h1::before {
    content: "\fafb";
}

body.que-hacemos .featured-top,
body.casos-estudio .featured-top,
body.referencias-obra .featured-top,
body.que-faisons-nous .featured-top,
body.technology .featured-top,
body.canalisations .featured-top,
body.accessoires .featured-top,
body.what-do-we-do .featured-top,
body.chto-my-delaem .featured-top {
    background: #444444 url("../imagenes/fondo_que-hacemos.png") no-repeat center right;
    background-size: cover;
}

body.que-hacemos .featured-top h1::before,
body.casos-estudio .featured-top h1::before,
body.referencias-obra .featured-top h1::before,
body.que-faisons-nous .featured-top h1::before,
body.technology .featured-top h1::before,
body.canalisations .featured-top h1::before,
body.accessoires .featured-top h1::before,
body.what-do-we-do .featured-top h1::before,
body.chto-my-delaem .featured-top h1::before {
    content: "\fb1c";
}

body.innovacion .featured-top,
body.innovation .featured-top,
body.innovacii .featured-top {
    background: #444444 url("../imagenes/fondo_innovacion.png") no-repeat center right;
    background-size: cover;
}

body.innovacion .featured-top h1::before,
body.innovation .featured-top h1::before,
body.innovacii .featured-top h1::before {
    content: "\fb08";
}

body.calidad .featured-top,
body.quality .featured-top {
    background: #444444 url("../imagenes/fondo_calidad.png") no-repeat center right;
    background-size: cover;
}

body.calidad .featured-top h1::before,
body.quality .featured-top h1::before {
    content: "\fb04";
}

body.sostenibilidad .featured-top,
body.tuberias-pvc-o-sostenibilidad .featured-top,
body.durabilite .featured-top,
body.sustainability .featured-top,
body.ustoychivoe-razvitie .featured-top {
    background: #444444 url("../imagenes/fondo_sostenibilidad.png") no-repeat center right;
    background-size: cover;
}

body.sostenibilidad .featured-top h1::before,
body.tuberias-pvc-o-sostenibilidad .featured-top h1::before,
body.durabilite .featured-top h1::before,
body.sustainability .featured-top h1::before,
body.ustoychivoe-razvitie .featured-top h1::before {
    content: "\fb02";
}

body.herramientas .featured-top,
body.informacion-tecnica .featured-top {
    background: #444444 url("../imagenes/fondo_herramientas.png") no-repeat center right;
    background-size: cover;
}

body.herramientas .featured-top h1::before,
body.informacion-tecnica .featured-top h1::before {
    content: "\fb0e";
}

body.descargas .featured-top,
body.telechargements .featured-top,
body.downloads .featured-top {
    background: #444444 url("../imagenes/fondo_descargas.png") no-repeat center right;
    background-size: cover;
}

body.descargas .featured-top h1::before,
body.telechargements .featured-top h1::before,
body.downloads .featured-top h1::before {
    content: "\fb10";
}

body.contacto-molecor .featured-top,
body.contactez .featured-top,
body.contact-molecor .featured-top,
body.svyazatsya-s-molecor .featured-top {
    background: #444444 url("../imagenes/fondo_contactar.png") no-repeat center right;
    background-size: cover;
}

body.contacto-molecor .featured-top h1::before,
body.contactez .featured-top h1::before,
body.contact-molecor .featured-top h1::before,
body.svyazatsya-s-molecor .featured-top h1::before {
    content: "\fb19";
}

body.search .featured-top {
    background: #444444 url("../imagenes/fondo_search.png") no-repeat center right;
    background-size: cover;
}

body.search .featured-top h1::before {
    content: "\fb0b";
}

body.noticias .featured-top,
body.actualidad .featured-top,
body.node--type-evento .featured-top,
body.news .featured-top {
    background: #444444 url("../imagenes/fondo_news.png") no-repeat center right;
    background-size: cover;
}

body.noticias .featured-top h1::before,
body.actualidad .featured-top h1::before,
body.node--type-evento .featured-top h1::before,
body.news .featured-top h1::before {
    content: "\fb14";
}

body.product .featured-top,
body.products .featured-top,
body.produits .featured-top,
body.produtos .featured-top,
body.productos .featured-top {
    background: #015288 url("../imagenes/fondo_productos.png") no-repeat center right;
    background-size: cover;
}

body.product .featured-top h1::before,
body.products .featured-top h1::before,
body.produits .featured-top h1::before,
body.produtos .featured-top h1::before,
body.productos .featured-top h1::before {
    content: "\fb35";
}

body .featured-top {
    background: #444444 url("../imagenes/fondo_productos.png") no-repeat center right;
    background-size: cover;
}

body .featured-top h1::before {
    content: "\fafb";
}

/*** DESTACADOS ***/

.field__item img {
    max-width: 100%;
    /* height: auto !important; */
}

.field--name-field-imagen-principal img {
    max-width: 100%;
    /* height: auto !important; */
    width: 100%;
}

/*** BREADCRUMB ***/

.featured-top .breadcrumb {
    margin-top: 10px;
}

.featured-top .breadcrumb a {
    color: #ffffff;
    text-decoration: none;
}

.featured-top .breadcrumb a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.breadcrumb {
    background-color: transparent !important;
    padding: .75rem 0rem !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #cccccc !important;
}

.breadcrumb-item.active {
    color: #cccccc !important
}

/*** FOOTER ***/

.site-footer {
    background: #356EAC url("../imagenes/fondo_footer.jpg") no-repeat fixed !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    float: left;
    margin-top: 2rem;
}

.path-frontpage .site-footer {
    background: #356EAC url("../imagenes/fondo_footer.jpg") no-repeat fixed !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    float: left;
    margin-top: 0px;
}

@media (max-width: 768px) {
    .site-footer {
        background: #356EAC url("../imagenes/fondo_footer.jpg") no-repeat bottom center !important;
    }
}

.site-footer__bottom {
    width: 100%;
    float: left;
}

/*** HIGHLIGHTED ***/

.highlighted {
    margin-top: -126px;
}

.highlighted {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    /*margin: 0;
	padding: 0;*/
}

.highlighted .slick-slider {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left;
    overflow: hidden !important;
}

/*.highlighted .slick__slide {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: -1;
    background-color: transparent;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(0, 0, 0, 0.5), transparent);
}*/

.highlighted .slick-slider img {
    position: absolute;
    left: 0% !important;
    top: 0% !important;
    right: 0% !important;
    bottom: 0% !important;
    z-index: -2;
    width: 100% !important;
    height: 100% !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-animation: zoomin 10s ease-in infinite;
    animation: zoomin 10s ease-in infinite;
    transition: all .5s ease-in-out;
    overflow: hidden;
}

/* Zoom in Keyframes */

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/*End of Zoom in Keyframes */

.highlighted .blazy .media {
    width: 100vw;
    height: 100vh;
    overflow: hidden !important;
}

/*.slide__media {
    overflow: hidden;
    position: relative;
    width: 100vw;
    height: 100vh;
}

.slide__content, .grid__content {
    position: relative;
    width: 100vw;
    height: 100vh;
}*/

.highlighted .slide__caption {
    z-index: 800;
    position: absolute;
    top: 50%;
    opacity: 0;
    animation: titleAnimation 10s linear infinite 0s;
    background: rgba(255, 255, 255, 0.8) !important;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    box-sizing: border-box;
}

@keyframes titleAnimation {
    0% {
        opacity: 0
    }
    15% {
        opacity: 0
    }
    30% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    85% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.highlighted .slide__caption h2.slide__title {
    display: block;
}

.highlighted .slide__caption h2.slide__title a {
    font-size: 2rem;
    /* font-size: 4rem; */
    font-weight: 300;
}

.highlighted .slide__caption .slide__description p {
    font-size: 1.5rem;
    color: #000;
}

@media (max-width: 992px) {
    .highlighted .slide__caption h2.slide__title a {
        font-size: 2.5rem;
    }
    .highlighted .slide__caption .slide__description p {
        font-size: 1rem;
    }
}

/*** MENU TOP ***/

#navbar-top .tb-megamenu {
    background-color: transparent;
}

@media (max-width: 992px) {
    .mobile-hide {
        display: none;
    }
    .tb-megamenu {
        display: none;
    }
    .navbar-toggler {
        display: none;
    }
}

@media (min-width: 992px) {
    .mobile-show {
        display: none !important;
    }
}



#navbar-top .tb-megamenu .row-fluid+.row-fluid {
    border-top: 0px solid #ddd;
}

#navbar-top .tb-megamenu .nav>li>a,
#navbar-top .tb-megamenu .nav>li>span.tb-megamenu-no-link {
    border-bottom: 0;
    border-right: 0px solid #222;
    border-top: 0;
    color: #ffffff;
    font-weight: normal;
    font-size: 0.9rem;
    padding: 5px;
    text-shadow: none;
}

#navbar-top .tb-megamenu .nav li.dropdown>.dropdown-toggle .caret {
    display: none;
}

#navbar-top .tb-megamenu .nav li.dropdown.active>.dropdown-toggle,
#navbar-top .tb-megamenu .nav li.dropdown.open.active>.dropdown-toggle,
#navbar-top .tb-megamenu .nav>li.dropdown.open.active>a:hover,
#navbar-top .tb-megamenu .nav>li.dropdown.open.active>span.tb-megamenu-no-link:hover {
    background-color: transparent;
    font-weight: bold;
    color: #cccccc;
}

#navbar-top .tb-megamenu .mega.open>.mega-dropdown-menu,
#navbar-top .tb-megamenu .mega.dropdown-submenu:hover>.mega-dropdown-menu {
    display: block;
    float: left;
    /*width: 100%;
    max-width: 100%;
    min-height: fit-content;*/
}

#navbar-top .tb-megamenu .tb-megamenu-column {}

#navbar-top.affix .tb-megamenu .dropdown-menu {
    position: absolute;
    top: 100px !important;
}

#navbar-top .tb-megamenu .dropdown-menu {
    position: absolute;
    top: 55px !important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    /*border: 0px solid #ccc;*/
    border-bottom: 3px solid #356EAC;
    border-top: none;
    border-right-width: 0px;
    border-left-width: 0px;
    /*border-bottom-width: 0px;*/
    padding: 20px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #fff;
    font-size: 0.9rem;
}

#navbar-top .tb-megamenu .dropdown-menu li>a,
#navbar-top .tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link {
    border-bottom: 0;
    border-top: 1px solid #ccc;
    padding: 5px 20px;
    text-shadow: none;
    clear: both;
    color: #fff;
    display: block;
    line-height: 20px;
    font-weight: normal;
    white-space: nowrap;
}

#navbar-top .tb-megamenu .nav>li>a:focus,
#navbar-top .tb-megamenu .nav>li>a:hover,
#navbar-top .tb-megamenu .nav>li>span.tb-megamenu-no-link:focus,
#navbar-top .tb-megamenu .nav>li>span.tb-megamenu-no-link:hover {
    background-color: Transparent !important;
    color: #ccc !important;
    text-decoration: none;
    text-shadow: none;
    outline: none;
}

#navbar-top .tb-megamenu .nav li.dropdown.open>.dropdown-toggle {
    background-color: transparent;
    color: #ccc;
}

#navbar-top .tb-megamenu .dropdown-menu li>a:hover,
#navbar-top .tb-megamenu .dropdown-menu li>a:focus,
#navbar-top .tb-megamenu .dropdown-submenu:hover>a,
#navbar-top .tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link:hover,
#navbar-top .tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link:focus,
#navbar-top .tb-megamenu .dropdown-submenu:hover>span.tb-megamenu-no-link {
    background-color: inherit;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ccc;
    text-decoration: none;
}

#navbar-top .tb-megamenu .dropdown-menu .active>a,
#navbar-top .tb-megamenu .dropdown-menu .active>a:hover,
#navbar-top .tb-megamenu .dropdown-menu .active>span.tb-megamenu-no-link,
#navbar-top .tb-megamenu .dropdown-menu .active>span.tb-megamenu-no-link:hover {
    color: #fff;
    background-color: transparent;
    background-image: none !important;
    font-weight: bold;
}

#navbar-top .tb-megamenu .nav>.active>a,
#navbar-top .tb-megamenu .nav>.active>a:hover,
#navbar-top .tb-megamenu .nav>.active>a:focus,
#navbar-top .tb-megamenu .nav>.active>span.tb-megamenu-no-link,
#navbar-top .tb-megamenu .nav>.active>span.tb-megamenu-no-link:hover,
#navbar-top .tb-megamenu .nav>.active>span.tb-megamenu-no-link:focus {
    background-color: transparent;
    color: #356EAC;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-weight: bold;
}

/*** MENU PRINCIPAL ***/

#navbar-main .tb-megamenu {
    background-color: transparent;
}

#navbar-main .tb-megamenu .nav>li>a,
#navbar-main .tb-megamenu .nav>li>span.tb-megamenu-no-link {
    border-bottom: 0;
    border-right: 0px solid #222;
    border-top: 0;
    color: #356EAC;
    font-weight: normal;
    font-size: 0.9rem;
    padding: 5px;
    text-shadow: none;
}

#navbar-main .tb-megamenu .nav li.dropdown>.dropdown-toggle .caret {
    display: none;
}

#navbar-main .tb-megamenu .nav li.dropdown.active>.dropdown-toggle,
#navbar-main .tb-megamenu .nav li.dropdown.open.active>.dropdown-toggle,
#navbar-main .tb-megamenu .nav>li.dropdown.open.active>a:hover,
#navbar-main .tb-megamenu .nav>li.dropdown.open.active>span.tb-megamenu-no-link:hover {
    background-color: transparent;
    font-weight: bold;
    color: #356EAC;
}

#navbar-main .tb-megamenu .mega.open>.mega-dropdown-menu,
#navbar-main .tb-megamenu .mega.dropdown-submenu:hover>.mega-dropdown-menu {
    display: block;
    /*width: 100%;
    max-width: 100%;
    min-height: fit-content;*/
}

#navbar-main.affix .tb-megamenu .dropdown-menu {
    position: absolute;
    top: 49px !important;
}

#navbar-main .tb-megamenu .dropdown-menu {
    position: absolute;
    /*top: 70px !important;*/
    top: 59px !important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    background-color: #444;
    border: 0px solid #ccc;
    border-bottom: 0px solid #e65855;
    border-top: none;
    border-right-width: 0px;
    border-bottom-width: 0px;
    padding: 20px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #fff;
    font-size: 0.9rem;
}

#navbar-main .tb-megamenu .dropdown-menu li>a,
#navbar-main .tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link {
    border-bottom: 0;
    border-top: 1px solid #ccc;
    padding: 5px 20px;
    text-shadow: none;
    clear: both;
    color: #fff;
    display: block;
    line-height: 20px;
    font-weight: normal;
    white-space: nowrap;
    width: 100%;
}

#navbar-main .tb-megamenu .nav>li>a:focus,
#navbar-main .tb-megamenu .nav>li>a:hover,
#navbar-main .tb-megamenu .nav>li>span.tb-megamenu-no-link:focus,
#navbar-main .tb-megamenu .nav>li>span.tb-megamenu-no-link:hover {
    background-color: Transparent !important;
    color: #444 !important;
    text-decoration: none;
    text-shadow: none;
    outline: none;
}

#navbar-main .tb-megamenu .nav li.dropdown.open>.dropdown-toggle {
    background-color: transparent;
    color: #444;
}

#navbar-main .tb-megamenu .dropdown-menu li>a:hover,
#navbar-main .tb-megamenu .dropdown-menu li>a:focus,
#navbar-main .tb-megamenu .dropdown-submenu:hover>a,
#navbar-main .tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link:hover,
#navbar-main .tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link:focus,
#navbar-main .tb-megamenu .dropdown-submenu:hover>span.tb-megamenu-no-link {
    background-color: inherit;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ccc;
    text-decoration: none;
}

#navbar-main .tb-megamenu .dropdown-menu .active>a,
#navbar-main .tb-megamenu .dropdown-menu .active>a:hover,
#navbar-main .tb-megamenu .dropdown-menu .active>span.tb-megamenu-no-link,
#navbar-main .tb-megamenu .dropdown-menu .active>span.tb-megamenu-no-link:hover {
    color: #fff !important;
    background-color: transparent;
    background-image: none !important;
    font-weight: bold;
}

#navbar-main .tb-megamenu .nav>.active>a,
#navbar-main .tb-megamenu .nav>.active>a:hover,
#navbar-main .tb-megamenu .nav>.active>a:focus,
#navbar-main .tb-megamenu .nav>.active>span.tb-megamenu-no-link,
#navbar-main .tb-megamenu .nav>.active>span.tb-megamenu-no-link:hover,
#navbar-main .tb-megamenu .nav>.active>span.tb-megamenu-no-link:focus {
    background-color: transparent;
    color: #356EAC;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-weight: bold;
}

#navbar-main .tb-megamenu .tb-block li>a,
#navbar-main .tb-megamenu .tb-block li>span.tb-megamenu-no-link {
    border-bottom: 0;
    border-top: 1px solid #ccc;
    padding: 5px 20px;
    text-shadow: none;
    /*clear: both;*/
    color: #fff;
    display: block;
    line-height: 20px;
    font-weight: normal;
    white-space: normal;
    width: 100%;
    float: left;
}

#navbar-main .tb-megamenu .tb-block li li>a,
#navbar-main .tb-megamenu .tb-block li li>span.tb-megamenu-no-link {
    border-bottom: 0;
    border-top: 1px solid #ccc;
    padding: 5px 20px 5px 40px;
    text-shadow: none;
    /*clear: both;*/
    color: #fff;
    display: block;
    line-height: 20px;
    font-weight: normal;
    white-space: normal;
    width: 100%;
    float: left;
}

#navbar-main .tb-megamenu .tb-block ul li,
#navbar-main .tb-megamenu .tb-block .nav li {
    width: 100%;
    background: none;
    list-style: none;
    /* display: list-item; */
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
}

#navbar-main .tb-megamenu .tb-block li>a:hover,
#navbar-main .tb-megamenu .tb-block li>a:focus,
#navbar-main .tb-megamenu .tb-block:hover>a,
#navbar-main .tb-megamenu .tb-block li>span.tb-megamenu-no-link:hover,
#navbar-main .tb-megamenu .tb-blockli>span.tb-megamenu-no-link:focus,
#navbar-main .tb-megamenu .tb-block:hover>span.tb-megamenu-no-link {
    background-color: inherit;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ccc !important;
    text-decoration: none;
}

#navbar-main .responsive-menu-toggle {
    margin-left: 20px;
}

#navbar-main .responsive-menu-toggle-icon:before,
#navbar-main .responsive-menu-toggle-icon:after,
#navbar-main .responsive-menu-toggle-icon span.icon {
    background: #fff;
}

#navbar-main .responsive-menu-toggle-icon {
    box-sizing: border-box;
    display: block;
    width: 45px;
    height: 31px;
    z-index: 4;
    margin-top: 0;
    position: relative;
    background-color: #356eac;
    border-radius: 6px;
}

#navbar-main .responsive-menu-toggle .label {
    display: none;
}

@media (min-width: 992px) {
    .tb-megamenu .row-fluid .span4 {
        width: 30.7%;
    }
}

/*********/

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu a,
#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu span.tb-megamenu-no-link {
    clear: none;
    white-space: normal;
    padding: 0px;
    color: #333
}

#navbar-main .tb-megamenu .menu-actualidad .row-fluid+.row-fluid {
    border-top: 0px solid #ddd;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu h2 {
    font-size: 1.5rem;
    font-weight: 300 !important;
    margin: 1rem 0;
    padding: 0 0 0.5rem 0;
    color: #444;
    border-bottom: 2px solid #356EAC;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu {
    position: absolute;
    /*top: 70px !important;*/
    top: 58px !important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    /*border: 0px solid #ccc;*/
    border-bottom: 3px solid #356EAC;
    border-top: none;
    border-right-width: 0px;
    border-left-width: 0px;
    /*border-bottom-width: 0px;*/
    padding: 20px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #fff;
    font-size: 0.9rem;
}

#navbar-main .tb-megamenu .menu-quehacemos .dropdown-menu {
    position: absolute;
    /*top: 70px !important;*/
    top: 58px !important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    background-color: #356EAC;
    /*border: 0px solid #ccc;*/
    border-bottom: 3px solid #356EAC;
    border-top: none;
    border-right-width: 0px;
    border-left-width: 0px;
    /*border-bottom-width: 0px;*/
    padding: 20px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #fff;
    font-size: 0.9rem;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-row {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .view-content.row {
    margin-left: -15px;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-field-imagen-principal {
    float: left;
    display: block;
    margin-right: 15px;
    margin-bottom: 10px;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-field-imagen-principal img {
    border: 1px solid #444;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-field-foto-noticia {
    float: left;
    display: block;
    margin-right: 15px;
    margin-bottom: 10px;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-field-foto-noticia img {
    border: 1px solid #444;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-field-foto-evento {
    float: left;
    display: block;
    margin-right: 15px;
    margin-bottom: 10px;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-field-foto-evento img {
    border: 1px solid #444;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-title {
    display: block;
    position: relative;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-title a {
    color: #356EAC;
    font-size: 0.85rem;
    white-space: normal;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .views-field-title a:hover {
    color: #444;
    font-size: 0.85rem;
}

#navbar-main .tb-megamenu .menu-actualidad .dropdown-menu .more-link a {
    font-weight: bold;
    color: #356EAC;
}

.mm-menu {
    z-index: 1000;
    /*-webkit-box-shadow: 2px 0px 37px 23px rgba(0,0,0,0.31); 
	box-shadow: 2px 0px 37px 23px rgba(0,0,0,0.31);*/
}

.mm-panel,
.mm-panels,
.mm-panel_opened {
    z-index: 1;
    background: transparent !important;
}

.mm-menu_offcanvas {
    z-index: 3000;
    background: #356EAC url("../imagenes/fondo_menu.jpg") no-repeat center bottom !important;
}

.mm-menu .is-active {
    font-weight: bold;
    color: #fff;
}

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker {
    opacity: 0.6;
}

.mm-panel_opened-parent {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

/*** HOME  ***/

/*** DESTACAMOS ***/

.we-highlight {
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
    background: #ffffff url("../imagenes/fondo_destacamos.jpg") no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
}

.we-highlight h2 {
    font-size: 3rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

.we-highlight .bloque_descripcion {
    font-size: 1rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

.we-highlight .bloque_destacado {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    box-sizing: border-box;
    box-shadow: 2px 4px 26px rgba(0, 0, 0, 0.07);
    text-align: center;
    padding: 1.5rem 1rem;
    margin: 1rem;
    -webkit-transition: all 0.5s ease-out;
    border-radius: 6px;
}

.we-highlight .ico_destacado {
    width: 100px;
    height: 100px;
    background-color: #356EAC;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 6px;
}

.we-highlight .ico_destacado span {
    position: relative;
    margin-top: 17px;
    top: 0px;
    font-size: 68px;
    -webkit-transition: all 0.5s ease-out;
    animation-delay: 0.7s;
}

.we-highlight .titulo_destacado {
    font-size: 1.2rem;
    font-weight: 600 !important;
    text-align: center;
    margin: 1rem;
    line-height: 1.5rem;
    color: #212529;
}

.we-highlight .texto_destacado {
    font-size: 0.8rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
    color: #212529;
}

.we-highlight .bloque_destacado:hover {
    background: #356EAC;
    border: 1px solid #356EAC;
    box-sizing: border-box;
    box-shadow: 4px 4px 26px rgba(0, 0, 0, 0.7);
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    transform: scale(1.1);
}

.we-highlight .bloque_destacado:hover .ico_destacado {}

.we-highlight .bloque_destacado:hover .ico_destacado span {
    position: relative;
    top: -25px;
    font-size: 100px;
    -webkit-transition: all 0.5s ease-out;
    animation-delay: 0.7s;
}

.we-highlight .bloque_destacado:hover .titulo_destacado {
    color: #fff;
}

.we-highlight .bloque_destacado:hover .texto_destacado {
    color: #fff;
}

/*** CARACTERISTICAS DE LA MAQUINA ***/

.b_machine_char {
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
    background:rgb(1, 0, 0) url("../../../../images/11.jpg") no-repeat fixed;
    background-position: center center;
   
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
}

.b_machine_char h2 {
    font-size: 3rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
    color: #fff;
}

.b_machine_char .bloque_descripcion {
    font-size: 1rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
    color: #fff;
}

.b_machine_char .bloque_maquina {
    text-align: center;
    padding: 1.5rem 1rem;
    margin: 1rem;
}

.b_machine_char .ico_maquina {
    width: 100px;
    height: 100px;
    border: 5px solid #356EAC;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.5s ease-out;
}

.b_machine_char .ico_maquina span {
    position: relative;
    top: 5px;
    font-size: 52px;
}

.b_machine_char .titulo_maquina {
    font-size: 1.2rem;
    font-weight: 600 !important;
    text-align: center;
    margin: 1rem;
    line-height: 1.5rem;
    color: #fff;
}

.b_machine_char .texto_maquina {
    font-size: 0.8rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
    color: #fff;
}

.b_machine_char .bloque_maquina:hover {
    cursor: pointer;
}

.b_machine_char .bloque_maquina:hover .ico_maquina {
    border: 5px solid #fff;
    background-color: #ffffff;
    color: #356EAC;
    margin-top: -20px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-out;
}

.b_machine_char .bloque_maquina:hover .ico_maquina span {
    color: #356EAC;
}

/*** ADEQUA ***/

.b_adequa {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    background: #ffffff url("../imagenes/fondo_adequa.jpg") no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .b_adequa {
        background: #ffffff url("../imagenes/fondo_adequa.jpg") no-repeat bottom left !important;
    }
}

.b_adequa>h2 {
    display: none;
}

.b_adequa .bloque_descripcion {
    font-size: 1rem;
    font-weight: 300 !important;
    text-align: left;
    margin: 1rem;
    color: #fff;
}

.b_adequa .adequa_home {
    background: transparent url("../imagenes/fondo_adequa_front.png") no-repeat bottom right;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    float: left;
    width: 100%;
    min-height: 500px;
    display: block;
    padding: 3rem;
}

.b_adequa .adequa_home .texto_destacado {
    font-weight: 400 !important;
    text-align: center;
    padding: 2rem;
    background-color: rgba(255, 251, 251, 0.8);
    width: 40%;
    border-radius: 1rem;
}

@media (max-width: 768px) {
    .b_adequa .adequa_home .texto_destacado {
        width: 100%;
    }
    .b_adequa .adequa_home .texto_destacado a {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }
    .b_adequa .adequa_home img {
        width: 200px;
        height: auto;
    }
}

@media (max-width: 992px) {
    .b_adequa .adequa_home img {
        width: 200px;
        height: auto;
    }
}

.b_adequa .adequa_home .texto_destacado a {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 400 !important;
    text-align: center;
    color: #356EAC;
}

.b_adequa .adequa_home img {
    margin: 1rem;
    text-shadow: 0 1px 0 #fff;
}

/*** VIDEO HOME ***/

#block-videoblockhome {
    display: block;
    float: left;
    width: 100%;
    padding: 0rem;
}

/*** CASOS DE ESTUDIO HOME ***/

.b_case_studies {
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
}

.b_case_studies h2 {
    font-size: 3rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

.b_case_studies .bloque_descripcion {
    font-size: 1rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

/*** BLOQUE 3 HOME ***/

#block-customblockhome3 {
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
}

#block-customblockhome3 h2 {
    font-size: 3rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

#block-customblockhome3 .bloque_descripcion {
    font-size: 1rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

/*** CERTIFICACIONES HOME ***/

body.path-frontpage .b_certificaciones {
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
    background-color: #F9F9F9;
}

.b_certificaciones {
    display: block;
    float: left;
    width: 100%;
    padding: 0.5rem 2rem;
    background-color: #F9F9F9;
    margin-top: 2rem;
}

body.path-frontpage .b_certificaciones h2 {
    font-size: 3rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
    display: block;
}

.b_certificaciones h2 {
    font-size: 3rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
    display: none;
}

.b_certificaciones .bloque_descripcion {
    font-size: 1rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

.b_certificaciones .row div {
    text-align: center;
}

.b_certificaciones img {
    height: 210px !important;
    width: auto !important;
    max-width: none !important;
}

/*** BLOQUE MAPA HOME ***/

.b_map_google {
    display: block;
    float: left;
    width: 100%;
    padding: 0rem;
    box-sizing: border-box;
}

.b_map_google h2 {
    display: none;
}

.b_map_google p {
    margin-top: 0;
    margin-bottom: 0;
}

.b_map_google .row {
    margin-right: 0;
    margin-left: 0;
}

/*** BLOQUE LO QUE HACEMOS ***/

#block-loquehacemos {
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
}

/*** CARRUSEL EVENTOS HOME ***/

.last_events_home {
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
    /*background: rgb(204,204,204);
    background: linear-gradient(141deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 35%, rgba(255,255,255,1) 100%);*/
    border-top: 1px solid #EDEDED;
    padding-bottom: 0px;
}

.last_events_home h2 {
    font-size: 3rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

.last_events_home .bloque_descripcion {
    font-size: 1rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

.last_events_home .unslick .slick__slide,
.last_events_home .slick-initialized .slick__slide {
    position: relative;
    visibility: visible;
    vertical-align: top;
    padding: 1rem;
    text-align: center;
}

.last_events_home .slide__caption {
    text-align: center;
    font-size: 0.85rem
}

.last_events_home .views-field-title {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1rem;
}

.last_events_home .slick img {
    border: 1px solid #444444;
}

.last_events_home .slide__link a {
    color: #fff !important;
    display: inline-block !important;
    background: #356EAC;
    border-radius: 5px;
    padding: 0.5rem 1rem;
}

.last_events_home .slick-arrow::before {
    color: #666;
    font-size: 36px;
    font-size: 3.25rem;
}

.last_events_home .slick-arrow {
    border: 0;
    border-radius: 50%;
    font-size: 0;
    height: 42px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-400%);
    transform: translateY(-400%);
    width: 42px;
}

.last_events_home .slick-prev {
    left: -10px;
}

.last_events_home .slick-next {
    right: 0px;
}

/*** CARRUSEL NOTICIAS HOME ***/

.last_news_home {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
    /*background: rgb(204,204,204);
    background: linear-gradient(141deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 35%, rgba(255,255,255,1) 100%);*/
}

.last_news_home .container {
    position: relative;
}

.last_news_home h2 {
    font-size: 3rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

.last_news_home .bloque_descripcion {
    font-size: 1rem;
    font-weight: 300 !important;
    text-align: center;
    margin: 1rem;
}

.last_news_home .unslick .slick__slide,
.last_news_home .slick-initialized .slick__slide {
    position: relative;
    visibility: visible;
    vertical-align: top;
    padding: 1rem;
    text-align: center;
}

.last_news_home .views-field-body .field-content {
    text-align: center;
    font-size: 0.85rem
}

.last_news_home .views-field-title {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1rem;
}

.last_news_home .slick .slide__media img {
    border: 1px solid #444444;
    transition: transform 0.3s;
}

.last_news_home .slick .slide__media:hover img {
    filter: brightness(30%);
    -webkit-filter: brightness(30%);
    transition: transform 0.3s;
    transform: scale(1.2);
}

.last_news_home .slide__link a {
    color: #fff !important;
    display: inline-block !important;
    background: #356EAC;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    position: relative;
    transition: 0.3s;
}

.last_news_home .slide__link a:hover {
    background: #444444;
    transition: 0.3s;
}

.last_news_home .slide__media:hover a::after {
    content: "\fb14";
    font-family: molecor-font;
    position: absolute;
    color: #fff;
    width: 64px;
    height: 64px;
    top: 30%;
    left: 40%;
    font-style: normal;
    opacity: 1;
    font-size: 64px;
}

.last_news_home .views-field-type span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    padding: 0.2rem 0.4rem;
    background-color: #356EAC;
    color: #fff;
    font-size: 0.85rem;
}

.last_news_home .views-field-type span::before {
    content: "\fb13";
    font-family: molecor-font;
    left: 0;
    color: #fff;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

.last_news_home .slick-arrow::before {
    color: #666;
    font-size: 36px;
    font-size: 3.25rem;
}

.last_news_home .slick-arrow {
    border: 0;
    border-radius: 50%;
    font-size: 0;
    height: 42px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-400%);
    transform: translateY(-400%);
    width: 42px;
}

.last_news_home .slick-prev {
    left: -10px;
}

.last_news_home .slick-next {
    right: 0px;
}

.last_news_home .more-link {
    position: absolute;
    top: -60px;
    right: 30px;
}

.last_news_home .more-link a {
    color: #fff;
    background-color: #444444;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    transition: 0.3s;
}

.last_news_home .more-link a::before {
    content: "\fb13";
    font-family: molecor-font;
    left: 0;
    color: #fff;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

.last_news_home .more-link a:hover {
    color: #fff;
    background-color: #333 !important;
    border-color: #333 !important;
    transition: 0.3s;
}

/*** VIDEO RESPONSIVE ***/

.video-responsive {
    height: 0;
    overflow: hidden;
    /* padding-bottom: 56.25%; */
    padding-bottom: 40%;
    padding-top: 30px;
    position: relative;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video-responsive .ytp-large-play-button {
    width: 200px;
    height: 150px;
}

/*** CASOS DE EXITO ***/

/*.b_case_studies {
	display: block;
	float: left;
	width: 100%;
	padding: 2rem;
	background-color: #DFECF9;
}*/

.b_case_studies {
    display: block;
    float: left;
    width: 100%;
    padding: 2rem;
    background: #DFECF9 url("../imagenes/fondo_casos.jpg") no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
}

.b_case_studies .view-content.row {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
}

.b_case_studies .row.views-row {
    width: 30%;
    flex-grow: 1;
    font-size: 0.8rem;
    padding: 15px 0px 10px 0px;
    margin: 10px;
    text-align: center;
    position: relative;
}

@media (max-width: 768px) {
    .b_case_studies .row.views-row {
        width: 100%;
        flex-grow: 1;
        font-size: 0.8rem;
        padding: 15px 0px 10px 0px;
        margin: 0px;
        text-align: center;
        position: relative;
    }
}

.b_case_studies .views-field-field-imagen-principal {
    position: relative;
}

.b_case_studies .views-field-field-imagen-principal a {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.views-field-field-imagen-principal {
    position: relative; 
  }

/* .b_case_studies .views-field-field-imagen-principal:hover a::after {
    content: "";
    font-family: molecor-font;
    position: absolute;
    color: #fff;
    width: 200px;
    height: 50px;
    bottom: 20px;
    right: 25px;
    font-style: normal;
    opacity: 1;
    font-size: 32px;
    background-color: #356EAC;
    
    margin-right: 55px;
} */

/* .second-child:hover a::after {
    content: "Second Child Content";
  } */
/* .views-field-field-imagen-principal:nth-child(1):hover a::after {
    content: "First Image Text"; 
  } */
  
  .views-field-field-imagen-principal:nth-child(2):hover a::after {
    content: "Second Image Text"; /* Different text for the second image */
  }
  
  .views-field-field-imagen-principal:nth-child(3):hover a::after {
    content: "Third Image Text"; /* And for the third image */
  }
  
  .views-field-field-imagen-principal:nth-child(4):hover a::after {
    content: "Fourth Image Text"; /* And for the fourth image */
  }

.b_case_studies .views-field-field-imagen-principal a img {
    width: 100%;
    /* height: auto; */
    border: 1px solid #444444;
    box-sizing: border-box;
    filter: grayscale(100%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    transition: 0.3s;
}
 .b_case_studies .views-field-field-imagen-principal a img:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: 0.3s;
} 

.b_case_studies .row.views-row .views-field.views-field-title {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 600;
}

/*** BLOQUE MOLECOR HOME ***/

.b_who {}

.b_who h2 {
    display: none;
}

.b_who h3 {
    font-weight: 300 !important;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.b_who p {
    font-size: 0.85rem;
}

/*** SUB FOOTER ***/

.b_sub_footer {
    text-align: center;
}

.b_sub_footer h2 {
    display: none;
}

/*** FOOTER ***/

.site-footer {}

.site-footer .block p {
    margin: 0px 0px 0px 0px;
}

.site-footer__top h2 {
    border-bottom: 1px solid #555;
    border-color: rgba(255, 255, 255, 0.15);
    font-size: 1rem;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-weight: 300 !important;
}

.site-footer .row {
    margin-left: 0px;
    margin-right: 0px;
}

.site-footer .block {
    margin: 0px 0px;
    border: none;
   
}

.site-footer .btn-primary {
    color: #fff;
    background-color: #444444 !important;
    border-color: #444444 !important;
}

.site-footer .text-muted {
    color: #cccccc !important;
}

/*** MENU MOBLE ***/

.left-off-canvas-menu {
    position: fixed;
}

.left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 15.625rem;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    background: #FFF;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
}

/*** BOTONES ***/

.btn-primary {
    color: #fff;
    background-color: #356EAC !important;
    border-color: #356EAC !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #333 !important;
    border-color: #333 !important;
}

input.form-control,
select.form-control,
textarea.form-textarea,
select.form-textarea,
.select2-container--default {
    background-color: #fcfcfc;
    border: 2px solid #eaeaea;
    border-radius: 3px;
    box-shadow: none;
    color: #999 !important;
    font-size: 14px;
    min-height: 20px;
    padding: 5px;
    max-width: 100%;
}

.form-actions {
    margin: 1rem 0;
}

.webform-ajax-form-wrapper {
    margin: 1rem 0;
}

.select2-selection--single {
    background-color: #fff;
    border: 0px solid #aaa !important;
    border-radius: 0px;
}

.site-footer fieldset.webform-composite-hidden-title {
    margin-top: 0em;
    margin-bottom: 0em;
}

.site-footer fieldset.webform-composite-hidden-title legend {
    display: none;
}

/*** DIALOGO BUSQUEDA ***/

.ui-dialog {
    font-family: Open Sans !important;
    z-index: 300;
}

.ui-widget-overlay {
    background: #fff;
    opacity: 0.7;
}

.ui-dialog .search-advanced,
.ui-dialog .search-help-link,
.ui-dialog h3 {
    display: none;
}

.ui-dialog {
    border: 2px solid #356EAC !important;
    border-radius: 10px;
    padding: 0px;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(53, 110, 172, 0.7);
    box-shadow: 5px 5px 15px 5px rgba(53, 110, 172, 0.7);
}

.ui-dialog .ui-widget-header {
    border: 1px solid #356EAC/*{borderColorHeader}; */
    ;
    background: #356EAC !important;
    color: #ffffff/*{fcHeader}*/
    ;
    font-weight: bold;
    font-family: Open Sans !important;
    border-radius: 8px 8px 0px 0px !important;
}

.ui-dialog .ui-widget-header span::before {
    content: "\fb0c";
    font-family: molecor-font;
    left: 0;
    color: #ffffff;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

.ui-dialog .ui-button {
    border: none;
    background: transparent;
    font-weight: normal/*{fwDefault}; */
    ;
    color: #ffffff/*{fcDefault}; */
    ;
}

.ui-dialog .ui-button .ui-icon {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png)/*{iconsDefault};;; */
    ;
}

.ui-dialog .button {
    background-color: #356EAC;
    background-image: none;
    color: #fff;
    cursor: pointer;
    /*font-size: 0.85em;*/
    text-align: center;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, bo
}

#navbar-main h2,
#navbar-main .sr-only {
    position: relative;
    width: auto;
    height: auto;
    /*overflow: auto;*/
    clip: rect(0, 0, 0, 0);
    white-space: normal;
    border: 0;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300 !important;
    margin: 1rem 0 0.5rem 0;
    padding: 0;
}

.tb-megamenu .row-fluid+.row-fluid {
    border-top: 0px solid #ddd;
}

/*** CAMPO BUSQUEDA ***/

.b_search_top {
    width: auto;
    justify-content: flex-end;
}

/*.b_search_top  form[role="search"] {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 0;
}*/

.b_search_top form[role="search"] input {
    font-size: 1rem;
    opacity: 0;
    display: none;
    height: 38px;
}

.b_search_top form[role="search"] button[type="reset"] {
    display: none;
}

.b_search_top form[role="search"].active input {
    width: 100% !important;
}

.b_search_top form[role="search"].active button,
.b_search_top form[role="search"].active input {
    display: inline-block;
    opacity: 1;
}

/* these apply to auto-completing form fields */

html.js input.form-autocomplete {
    background-image: url(../imagenes/spin.gif);
    /* tweak this according to your gif */
    background-position: 100% 0px;
    /* tweak this according to your gif */
    background-repeat: no-repeat;
}

html.js input.throbbing {
    background-position: 100% -20px;
    /* tweak this according to your gif */
}

/* these apply to all ajax progresses */

.ajax-progress {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../imagenes/spin.gif') 50% 50% no-repeat rgba(245, 245, 245, 0.7);
}

.ajax-progress .throbber {
    float: left;
    height: 200px;
    /* tweak this according to your gif */
    width: 200px;
    /* tweak this according to your gif */
    margin: 0px;
}

/*** BOOTSTRAP ***/

.col-md-6 {
    padding: 0 15px 15px 15px !important;
}

.col-md-6 img.centrado {
    height: auto !important;
    margin: 0 auto !important;
}

.col-md-6 img {
    height: auto !important;
    margin: 0 auto !important;
    min-width: 100%;
}

p.rtecenter {
    text-align: center !important;
}

.rtecenter {
    text-align: center;
}

/*** PAGINACION ***/

.pagination {
    margin: 1rem 0 2rem 0;
    font-size: 0.85rem;
}

.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #356EAC;
    border-color: #356EAC;
}

.pagination .page-link {
    color: #356EAC;
    border: 1px solid #356EAC;
}

.pagination .page-link:hover {
    z-index: 2;
    color: #356EAC;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #356EAC;
}

/*** LISTADO NOTICIAS ***/

.news-list-page {
    font-size: 0.9rem;
}

.news-list-page .views-row {
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.news-list-page .views-row:last-child {
    border-bottom: 0px dotted #ccc;
}

.news-list-page .views-row .views-field-field-imagen-principal {
    width: 240px;
    height: 180px;
    float: left;
    margin: 0 1rem 1rem 0;
    position: relative;
}

@media (max-width: 768px) {
    .news-list-page .views-row .views-field-field-imagen-principal {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 1rem 0 !important;
        float: none !important;
    }
    .news-list-page .views-row .views-field-field-imagen-principal a {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
    }
    .news-list-page .views-row .views-field-field-imagen-principal img {
        width: 100% !important;
        height: auto !important;
        border: 1px solid #444444;
    }
    .news-list-page .views-row .views-field-field-imagen-principal:hover a::after {
        content: none !important;
    }
}

.news-list-page .views-row .views-field-field-imagen-principal a {
    position: absolute;
    color: #fff;
    width: 240px;
    height: 180px;
}

.news-list-page .views-row .views-field-field-imagen-principal:hover a::after {
    content: "\fb14";
    font-family: molecor-font;
    position: absolute;
    color: #fff;
    width: 64px;
    height: 64px;
    top: 45px;
    left: 88px;
    font-style: normal;
    opacity: 1;
    font-size: 64px;
}

.news-list-page .views-row .views-field-field-imagen-principal img {
    width: 240px;
    height: 180px;
    border: 1px solid #444444;
    transition: 0.3s;
}

.news-list-page .views-row .views-field-field-imagen-principal:hover img {
    filter: brightness(30%);
    -webkit-filter: brightness(30%);
    transition: 0.3s;
}

.news-list-page .views-row .views-field-title {
    margin: 0 0 1rem 0;
}

.news-list-page .views-row .views-field-title a {
    font-weight: bold;
    font-size: 1rem;
}

.news-list-page .views-row .views-field-type-1 {
    margin: 0 0 0.5rem 0;
    float: right;
}

.news-list-page .views-row .views-field-type-1 span {
    padding: 0.2rem 0.4rem;
    background-color: #356EAC;
    color: #fff;
    border-radius: 6px;
    font-size: 0.8rem;
}

.news-list-page .views-row .views-field-type-1 span::before {
    content: "\fb13";
    font-family: molecor-font;
    left: 0;
    color: #fff;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

.news-list-page .views-row .views-field-created {
    margin: 0 0 0.5rem 0;
}

.news-list-page .views-row .views-field-created span {
    color: #999999;
}

.news-list-page .views-row .views-field-created span::before {
    content: "\faf8";
    font-family: molecor-font;
    left: 0;
    color: #999999;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

.news-list-page .views-row .views-field-body {
    margin: 0 0 1rem 0;
}

/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.block--fb-likebox {
    width: 100%;
    float: left;
    position: relative;
}

/*** MENU LATERAL ***/

.sidebar_menu {}

@media (max-width: 768px) {
    .sidebar_menu {
        display: none !important;
    }
}

.sidebar_menu ul.nav {
    padding: 0 15px 15px 15px;
    font-size: 0.85rem;
}

.sidebar_menu ul li.active {}

.sidebar_menu ul ul li.active {
    border-right: 3px solid #356EAC;
}

.sidebar_menu ul li.active a.active {
    font-weight: bold;
}

/*** NODO EVENTO ***/

.node--type-evento {}

.node--type-evento .node__content .field--name-body.field--type-text-with-summary {
    float: none;
    display: block;
    width: auto;
}

.node--type-evento .field--name-field-imagen-principal {
    display: block;
    float: left;
    margin: 0 2rem 1rem 0;
    width: auto;
}

@media (max-width: 768px) {
    .node--type-evento .field--name-field-imagen-principal {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 1rem 0 !important;
        float: none !important;
    }
    .node--type-evento .field--name-field-imagen-principal img {
        width: 100% !important;
        height: auto !important;
    }
}

.node--type-evento .field--name-field-imagen-principal img {
    border: 1px solid #444444;
}

.node--type-evento .clearfix::after {
    clear: none !important;
}

.node--type-evento .field--name-field-date-range .field__label {
    display: none;
}

.node--type-evento .field--name-field-date-range {
    color: #999999;
    margin: 0 0 0.5rem 0;
}

.node--type-evento .field--name-field-date-range .field__item::before {
    content: "\faf8";
    font-family: molecor-font;
    left: 0;
    color: #999999;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

.node--type-evento .field--name-field-lugar {
    color: #999999;
    margin: 0 0 0.5rem 0;
}

.node--type-evento .field--name-field-lugar p::before {
    content: "\faf3";
    font-family: molecor-font;
    left: 0;
    color: #999999;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

/*** ADJUNTO ***/

.field--name-field-adjunto {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.field--name-field-adjunto .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

/*** NODO NOTICIA ***/

.node--type-noticia {}

.node--type-noticia .node__content .field--name-body.field--type-text-with-summary {
    float: none;
    display: block;
    width: auto;
}
.field--name-body h2{
    font-style: normal;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 2rem;
    line-height: 2.2rem;
    color: #356EAC;
}
.node--type-noticia .field--name-field-imagen-principal {
    display: block;
    float: left;
    margin: 0 2rem 1rem 0;
    width: auto;
}

@media (max-width: 768px) {
    .node--type-noticia .field--name-field-imagen-principal {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 1rem 0 !important;
        float: none !important;
    }
    .node--type-noticia .field--name-field-imagen-principal img {
        width: 100% !important;
        height: auto !important;
    }
}

.node--type-noticia .field--name-field-imagen-principal img {
    border: 1px solid #444444;
}

.node--type-noticia .clearfix::after {
    clear: none !important;
}

.node--type-noticia .field--name-field-date .field__label {
    display: none;
}

.node--type-noticia .field--name-field-date {
    color: #999999;
    margin: 0 0 0.5rem 0;
}

.node--type-noticia .field--name-field-date .datetime::before {
    content: "\faf8";
    font-family: molecor-font;
    left: 0;
    color: #999999;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

.node--type-noticia .field--name-field-lugar {
    color: #999999;
    margin: 0 0 0.5rem 0;
}

.node--type-noticia .field--name-field-lugar p::before {
    content: "\faf3";
    font-family: molecor-font;
    left: 0;
    color: #999999;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

/*** GALERIA IMAGENES ***/

.field--name-field-imagenes {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0 !important;
}

.field--name-field-imagenes .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.field--name-field-imagenes img {
    width: 100%;
}

.field--name-field-imagenes .field__items {
    display: flex;
    padding: 5px;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.field--name-field-imagenes .field__item {
    flex: 25%;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
}

.field--name-field-imagenes .field__item img {
    margin-top: 5px;
    border: 1px solid #444444;
    transform: scale(1.0);
    transition: 0.3s;
}

.field--name-field-imagenes .field__item:hover img {
    transform: scale(1.05);
    transition: 0.3s;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(53, 110, 172, 0.7);
    box-shadow: 5px 5px 15px 5px rgba(53, 110, 172, 0.7);
}

.field--name-field-imagenes .field__item:hover a::after {
    content: "\fb16";
    font-family: molecor-font;
    position: absolute;
    color: #fff;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 0px;
    font-style: normal;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0px 0px 14px rgba(0, 0, 0, 1);
}

@media (max-width: 992px) {
    .field--name-field-imagenes .field__item {
        flex: 50%;
    }
}

@media (max-width: 768px) {
    .field--name-field-imagenes .field__item {
        flex: 100%;
    }
}

/*** REATED VIDEOS ***/

.field--name-field-related-videos {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.field--name-field-related-videos .field__item:first-child {
    margin: 0;
}

.field--name-field-related-videos .field__item {
    margin: 1rem 0 0 0;
}

.field--name-field-related-videos .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.field--name-field-related-videos .field--name-field-media-oembed-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

.field--name-field-related-videos .field--name-field-media-oembed-video iframe,
.field--name-field-related-videos .field--name-field-media-oembed-video object,
.field--name-field-related-videos .field--name-field-media-oembed-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*** CONTENIDO RELACIONADO ***/

.field--name-field-related-content {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.field--name-field-related-content .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.field--name-field-related-content .field__item {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 38px;
    position: relative;
    border-bottom: 1px solid #d6d6d6;
}

.field--name-field-related-content .field__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 32px;
    position: relative;
    border-bottom: none;
}

.field--name-field-related-content .field__item::before {
    content: "\fb0a";
    font-family: molecor-font;
    color: #356EAC;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 16px;
}

/*** NODO TIPO PAGINA node--type-page ***/

.node--type-page {}

.node--type-page .field--type-file {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.node--type-page .field--type-file .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.node--type-page .field--name-field-imagenes {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.node--type-page .field--name-field-imagenes .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.node--type-page .field--name-field-imagenes img {
    width: 100%;
}

.node--type-page .field--name-field-imagenes .field__items {
    display: flex;
    padding: 5px;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.node--type-page .field--name-field-imagenes .field__item {
    flex: 25%;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
}

.node--type-page .field--name-field-imagenes .field__item img {
    margin-top: 5px;
    border: 1px solid #444444;
    transform: scale(1.0);
    transition: 0.3s;
}

.node--type-page .field--name-field-imagenes .field__item:hover img {
    transform: scale(1.05);
    transition: 0.3s;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(53, 110, 172, 0.7);
    box-shadow: 5px 5px 15px 5px rgba(53, 110, 172, 0.7);
}

.node--type-page .field--name-field-imagenes .field__item:hover a::after {
    content: "\fb16";
    font-family: molecor-font;
    position: absolute;
    color: #fff;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 0px;
    font-style: normal;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0px 0px 14px rgba(0, 0, 0, 1);
}

@media (max-width: 992px) {
    .node--type-page .field--name-field-imagenes .field__item {
        flex: 50%;
    }
}

@media (max-width: 768px) {
    .node--type-page .field--name-field-imagenes .field__item {
        flex: 100%;
    }
}

.node--type-page .field--name-field-related-videos {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.node--type-page .field--name-field-related-videos .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.node--type-page .field--name-field-related-videos .field--name-field-media-oembed-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

.node--type-page .field--name-field-related-videos .field--name-field-media-oembed-video iframe,
.node--type-page .field--name-field-related-videos .field--name-field-media-oembed-video object,
.node--type-page .field--name-field-related-videos .field--name-field-media-oembed-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*** LISTADOS ***/

.view-filters {
    padding: 15px 15px 0 15px;
    font-size: 0.8rem;
    background-color: #DDE8F4;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
}

.view-filters .form-control,
.view-filters .btn {
    font-size: 0.8rem;
}

.view-filters label {
    display: inline-block;
    margin-bottom: .2rem;
}

.table-responsive {}

.table-responsive thead tr {
    background-color: #444;
}

/*** CASOS DE USO DESTACADOS ***/

.view-casos-estudio .attachment,
.view-referencias-obra .attachment {
    float: left;
    width: 100%;
    display: block;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2rem;
    padding: 10px;
}

.view-casos-estudio .attachment .view-header p,
.view-referencias-obra .attachment .view-header p {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.view-casos-estudio .attachment .views-row img,
.view-referencias-obra .attachment .views-row img {
    width: 100%;
    height: auto;
    margin-bottom: 0.5rem;
    border: 1px solid #444444;
}

.view-casos-estudio .attachment .view-content,
.view-referencias-obra .attachment .view-content {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-left: 0px;
    margin-right: 0px;
}

.view-casos-estudio .attachment .views-row,
.view-referencias-obra .attachment .views-row {
    flex: 33%;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    font-size: 0.85rem;
}

@media (max-width: 992px) {
    .view-casos-estudio .attachment .views-row,
    .view-referencias-obra .attachment .views-row {
        flex: 50%;
    }
}

@media (max-width: 768px) {
    .view-casos-estudio .attachment .views-row,
    .view-referencias-obra .attachment .views-row {
        flex: 100%;
    }
}

.view-casos-estudio .attachment .views-row .views-field-title,
.view-referencias-obra .attachment .views-row .views-field-title {
    margin-bottom: 0.5rem;
}

/**** TABS SECCIONES *****/

/*.field--name-field-secciones {
	float: left;
	width: 100%;
	margin: 30px 0px;
	padding-top: 20px;
	border-top: 5px solid #4678bf;
}*/

.field--name-field-secciones .field__item .paragraph--type--title-body,
.main-content .node--type-referencia-obra .field--type-text-with-summary {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #fff !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.field--name-field-secciones .field__item .paragraph--type--title-body .field--name-field-title,
.main-content .node--view-mode-full .field--type-text-with-summary .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.node--type-caso-estudio .field--name-field-imagen-secundaria {
    float: right;
    width: 48%;
}

@media (max-width: 768px) {
    .node--type-caso-estudio .field--name-field-imagen-secundaria {
        float: left;
        width: 100%;
        margin-bottom: 1rem;
    }
    .node--type-caso-estudio .field--name-field-imagen-secundaria img {
        width: 100%;
    }
}

.node--type-caso-estudio .field--name-field-imagen-secundaria img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #4678bf;
}

.field-group-referencia-obra {
    float: left;
    width: 100%;
    padding: 20px;
    border: 2px solid #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f6f6f2;
    margin-bottom: 1rem;
}

.field--name-field-categoria-producto,
.field--name-field-aplicacion,
.field--name-field-year,
.field--name-field-country,
.field--name-field-location,
.field--name-field-constructor,
.field--name-field-promotor,
.field--name-field-ingenieria,
.field--name-field-longitud-total {
    float: left;
    width: 100%;
    padding: 0;
    clear: left;
    margin: 0;
}

@media (max-width: 768px) {
    .field--name-field-categoria-producto,
    .field--name-field-aplicacion,
    .field--name-field-year,
    .field--name-field-country,
    .field--name-field-location,
    .field--name-field-constructor,
    .field--name-field-promotor,
    .field--name-field-ingenieria,
    .field--name-field-longitud-total {
        width: 100%;
    }
    .field--name-field-longitud-total {
        margin-bottom: 1rem;
    }
}

.field-group-referencia-obra .field__items {
    display: inline-block;
}

.field--name-field-dn-pn {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.field--name-field-dn-pn .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.field--name-field-dn-pn .field__items .field__item {
    background-color: #ffffff;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 20px 15px;
    text-align: center;
    border: 2px solid #4678bf;
    font-weight: bold;
    color: #4678bf;
}

.field--name-field-dn-pn .field__items .field__item .field__item {
    background-color: #ffffff;
    border-radius: 0;
    border: 0px solid #4678bf;
}

.field--name-field-dn-pn .field__items .field__item:hover {
    background-color: #4678bf;
    cursor: default;
    color: #ffffff;
}

.field--name-field-dn-pn .field__items .field__item:hover .field__item {
    background-color: #4678bf;
    cursor: default;
    color: #ffffff;
}

/*.field--type-field-collection .field__label { float: left; margin-right: 10px; }*/

.field--name-body .field__label {
    margin: 20px 0px 5px 0px;
}

.field--name-field-dn-pn .field__items .field__item .field__item {
    float: none;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    text-align: center;
    font-size: 90%;
    width: 60px;
}

.node--type-caso-estudio .field__label,
.node--type-referencia-obra .field__label {
    font-weight: bold;
}

/*** VIDEO CONTAINER ***/

.video-container,
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-left: 0px !important;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    text-align: center;
}

/*** MAQUETACION INTERIOR ***/

.enlaces_botones {
    float: left;
    width: 100%;
    margin: 0 auto !important;
    text-align: center;
}

.enlaces_botones a {
    display: inline-table;
    margin: 0px 20px 20px 0px;
}

.enlaces_botones a img {
    width: 170px;
}

.imagenes_botones {
    float: left;
    width: 100%;
    margin: 0 auto !important;
    text-align: center;
}

.imagenes_botones img {
    display: inline-table;
    margin: 0px 20px 20px 0px;
}

.miniatura_descarga {
    float: left;
    margin: 0px 20px 10px 0px;
    width: 200px;
    height: auto !important;
}

@media (max-width: 768px) {
    .miniatura_descarga {
        float: left;
        margin: 0px 0px 20px 0px !important;
        width: 100% !important;
        height: auto !important;
    }
}

.map-container {
    /* width: 100%;
	margin: 50px 0 3000px; */
}

.map-container iframe {
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative;
    /* IE needs a position other than static */
}

.map-container iframe.clicked {
    pointer-events: auto;
}

.degradado-gris-2 {
    background-color: #eeeeee;
    border: 1px solid #b9baba;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 90%;
}

.cienxcien {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.cienxcien img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.degradado-gris {
    background-color: #eeeeee;
    border: 1px solid #b9baba;
    border-radius: 10px;
    padding: 10px 20px !important;
    font-size: 90%;
}

.degradado-gris ul {
    padding-left: 20px;
}

.enlaces_botones {
    float: left;
    width: 100%;
    margin: 0 auto !important;
    text-align: center;
}

.enlaces_botones a {
    display: inline-table;
    margin: 0px 20px 20px 0px;
}

.enlaces_botones a img {
    width: 170px;
}

.imagenes_botones {
    float: left;
    width: 100%;
    margin: 0 auto !important;
    text-align: center;
}

.imagenes_botones img {
    display: inline-table;
    margin: 0px 20px 20px 0px;
}

/*** SEARCH ***/

body.search {}

body.search .main-content .search-advanced {
    margin: 1rem 0;
}

body.search .main-content .details-wrapper {
    margin-top: 1rem;
    border-top: 1px solid #fff;
    padding-top: 1rem;
}

body.search .main-content .search-form {
    padding: 15px;
    font-size: 0.8rem;
    background-color: #DDE8F4;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2rem;
}

body.search .main-content .node_search-results {
    font-size: 0.85rem;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
}

body.search .main-content .node_search-results h3 {
    font-size: 1rem;
}

body.search .main-content .details-wrapper legend {
    font-size: 1rem;
    font-weight: bold;
}

body.search .main-content .details-wrapper .form-check {
    display: inline-block;
    margin-right: 10px;
}

body.search .main-content .search-help-link {
    display: none;
}

/*** ACORDEON ***/

.accordion-button:not(.collapsed) {
    color: #356EAC;
    font-weight: bold;
}

.accordion-button:not(.collapsed)::after {
    fill: #ffffff !important;
}

/*** INFORMACION TECNICA ***/

.vista-info-tecnica .views-row article {
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.vista-info-tecnica .views-row:last-child article {
    border-bottom: 0px dotted #ccc;
}

.vista-info-tecnica h2.node__title {
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.vista-info-tecnica h2.node__title a span.field--name-title {
    color: #356EAC;
    font-size: 1rem;
    font-weight: bold;
}

.vista-info-tecnica .views-row article img {
    border: 1px solid #444444;
}

.vista-info-tecnica .views-row article .node-readmore a {
    padding: 0.2rem 0.4rem;
    background-color: #356EAC;
    color: #fff;
    border-radius: 6px;
    font-size: 0.8rem;
    width: max-content;
    display: block;
}

.vista-info-tecnica .views-row article .links.inline.nav.links-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-direction: row;
    justify-content: flex-end;
}

.vista-info-tecnica .views-row .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/*** DESCARGAS ***/

body.descargas hr,
body.downloads hr,
body.telechargements hr,
body.skachat-dokumenty hr {
    display: none;
}

body.descargas .field--type-entity-reference-revisions,
body.downloads .field--type-entity-reference-revisions,
body.telechargements .field--type-entity-reference-revisions,
body.skachat-dokumenty .field--type-entity-reference-revisions {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 30px 15px 15px 15px;
    margin: 1rem 0 2rem 0;
}

/**** LANDING PAGE ****/

h2.landingpage-titulo {
    font-size: 42px !important;
    color: #4678bf;
    margin: 0 !important;
    padding: 20px 0;
    float: left;
    width: 100%;
    text-align: center;
}

.node--type-landing .landing-row h2 {
    font-size: 36px;
    color: #4678bf;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 20px 0;
    float: left;
    width: 100%;
}

.node--type-landing .landing-row p.seccion_landing {
    margin: 0px;
    color: #4678bf;
    font-weight: bold;
    font-size: 22px;
}

.node--type-landing .img-landing {
    padding: 0 5%;
}

.node--type-landing .landing-row img {}

.form-blue {
    background-color: #006FB7;
    padding: 20px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

body.node--type-landing .l-main .form-blue .block__content {
    background-color: transparent !important;
    font-size: 13px;
    padding: 0px !important;
}

.node--type-landing .l-content .field--name-body ul {
    list-style-type: none;
    float: left;
    width: 100%;
    padding: 0px 0px 0px 20px;
}

.node--type-landing .l-content .field--name-body ul li {
    background: transparent url(../images/bullet.png) no-repeat 0px 4px;
    padding-left: 15px;
    list-style-type: none !important;
    font-weight: bold;
    font-size: 13px;
}

.form-blue input.form-text,
.form-blue select {
    background-color: #fcfcfc;
    border: 2px solid #eaeaea;
    border-radius: 5px;
    box-shadow: none;
    color: #999999;
    min-height: 16px;
    padding: 3px;
    max-width: 100%;
    margin-bottom: 2px;
    width: 100%;
}

.form-blue textarea.form-textarea {
    background-color: #fcfcfc;
    border: 2px solid #eaeaea;
    border-radius: 5px;
    box-shadow: none;
    color: #999999;
    min-height: 16px;
    padding: 3px;
    max-width: 100%;
    width: 100%;
}

.form-blue .form-type-radio {
    color: #fff;
    font-size: 11px;
    padding: 5px;
    margin: 5px 0px 20px 0px;
    float: left;
    width: 100%;
    line-height: 13px;
}

.form-blue .form-type-radio a {
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
}

.form-blue .checkbox .text-muted {
    font-size: 11px;
    color: #fff !important;
}

.form-blue .checkbox {
    color: #fff;
    font-size: 11px;
    padding: 5px;
    margin: 5px 0px 20px 10px;
    float: left;
    width: 100%;
    line-height: 13px;
}

.form-blue .checkbox a {
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
}

body.node--type-landing .l-main .form-blue input.form-submit {
    width: auto;
    height: auto;
    color: #000;
    font-weight: bold;
    background-color: #e78e01 !important;
    border: none;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 0px !important;
    border-radius: 5px;
}

body.node--type-landing .form-blue button.form-submit {
    width: auto;
    height: auto;
    color: #000;
    font-weight: bold;
    background-color: #e78e01 !important;
    border: none;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 0px !important;
    border-radius: 5px;
}

body.node--type-landing .l-main .form-blue .form-actions {
    margin-bottom: 0px;
}

.node--type-landing .landing-row .col-md-4 img {
    padding: 0 15%;
}

.node--type-landing .landing-row .col-md-4.form-blue img {
    padding: 0;
}

.node--type-landing.section-ecofittom-accesorios-pvc-o-molecor .l-main-in {
    background-color: rgba(255, 255, 255, 1);
}

.node--type-landing.section-ecofittom-accesorios-pvc-o-molecor .col-md-2-10 {
    padding: 1%;
}

.node--type-landing.section-ecofittom-accesorios-pvc-o-molecor .col-md-2-10 h3 {
    margin: 0px;
}

#block-block-25 {
    background-color: #436AAB;
}

#block-block-25 .block__content {
    background-color: transparent !important;
}

#block-block-25 .form-type-radio {
    color: #fff;
    font-size: 11px;
    padding: 5px;
    margin: 5px 0px 20px 0px;
    float: left;
    width: 100%;
    line-height: 13px;
}

#block-block-25 .form-type-radio a {
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
}

body.node--type-landing .l-main #block-block-25 input.form-submit {
    width: auto;
    height: auto;
    color: #000;
    font-weight: bold;
    background-color: #e78e01 !important;
    border: none;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 0px !important;
    border-radius: 5px;
}

body.node--type-landing #block-block-28 .block__content {
    padding: 0 !important;
}

.f-gris {
    background-color: #dbdbdb;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 5px;
    text-align: center;
    float: left;
    width: 100%;
}

.f-gris2 {
    background-color: #f0f1f1;
    padding: 15px;
    border-radius: 10px;
    float: left;
    width: 84%;
    margin-left: 8%;
    position: relative;
}

.c-azul {
    color: #006fb7;
}

.hoja_landing {
    display: inline;
    float: right;
}

.hoja_landing img {
    width: 80%;
    height: 80%;
}

.escavadora_landing img {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 70px;
    height: auto;
}

.people_landing {
    display: inline;
    float: right;
}

.people_landing img {
    width: 70px;
    height: auto;
}

.form-blue .webform-component--info p {
    text-align: center;
    font-size: 16px;
    color: #e78e01;
    font-weight: bold !important;
    margin: 10px 0;
}

.form-blue .form-group p {
    text-align: center;
    font-size: 16px;
    color: #e78e01;
    font-weight: bold !important;
    margin: 10px 0;
}

/**************** LANDING PAGES ********************/

/***** USA *****/

body.node--type-landing .titulo_landing {
    float: left;
    width: 100%;
    background: #436aab url(../images/usa_fondo_tab.jpg) no-repeat center bottom;
    padding: 20px;
    background-size: cover;
}

body.node--type-landing .caracteristicas_landing {
    float: left;
    width: 100%;
}

body.node--type-landing .detalles_landing {
    float: left;
    width: 100%;
}

body.node--type-landing .imagen_landing {
    float: left;
    width: 100%;
    margin: 20px 0;
}

body.node--type-landing .imagen_landing img {
    width: 100% !important;
    height: auto !important;
}

body.node--type-landing .landing_33 {
    width: 31%;
    float: left;
    margin: 0 1%;
    margin-bottom: 20px;
}

body.node--type-landing .caracteristicas_landing .landing_33 ul {
    float: left;
}

body.node--type-landing .caracteristicas_landing .landing_33 ul li {
    font-size: 15px;
}

body.node--type-landing .landing_33 p {
    margin: 0 0 15px;
}

body.node--type-landing .titulo_landing h2 {
    color: #fff;
    font-size: 38px;
    line-height: 38px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-shadow: 2px 2px 6px #000;
}

body.node--type-landing .titulo_landing p {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

body.node--type-landing .rtecenter {
    text-align: center !important;
}

body.node--type-landing .gris {
    background-color: rgb(239, 239, 239);
    padding: 20px;
    font-size: 12px;
    line-height: 1.3em;
}

body.node--type-landing .l-region--navigation {
    display: none;
}

body.node--type-landing h1 {
    display: none;
}

body.node--type-landing .breadcrumb {
    display: none;
}

body.node--type-landing #block-search-form {
    display: none;
}

body.node--type-landing #block-locale-language {
    display: none;
}

body.node--type-landing #block-block-12 {
    display: none;
}

body.node--type-landing .l-branding {
    margin-bottom: 40px;
}

body.node--type-landing .landing_izq {
    min-height: 250px;
}

body.node--type-landing .landing_center {
    min-height: 250px;
}

body.node--type-landing .landing_der {}

body.node--type-landing .landing_der ul li {
    list-style: none !important;
}

body.node--type-landing article ul li {
    list-style: disc !important;
    list-style-image: none !important;
    font-size: 12px;
    padding-bottom: 0px;
    line-height: 1.3em;
}

body.node--type-landing .l-main .webform-component {
    float: none !important;
    width: 100%;
    margin: 5px 0px;
}

body.node--type-landing .l-main .form-actions {
    width: 100%;
    text-align: center;
    font-size: 11px;
    margin-bottom: 20px;
}

body.node--type-landing .l-main .form-type-checkbox {
    font-size: 11px;
}

body.node--type-landing .l-main input.form-submit {
    width: 100px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    background-color: #436aab !important;
    border: none;
    font-size: 12px;
    margin: 0 auto;
    margin-top: 20px !important;
}

body.node--type-landing .l-main input.form-checkbox {
    width: 24px;
}

body.node--type-landing article ul {
    padding-top: 0px;
}

body.node--type-landing h4 {
    width: 100%;
    margin: 0px;
    background-color: #436aab;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    font-size: 14px;
}

body.node--type-landing h3 {
    width: 100%;
    color: #436aab;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: -15px;
    text-align: center;
}

body.node--type-landing .l-main h2.block__title {
    width: 100%;
    margin: 0px;
    background-color: #436aab;
    color: #fff !important;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 20px;
}

body.node--type-landing .l-main .block__content {
    background-color: rgb(239, 239, 239);
    padding: 20px !important;
    margin-bottom: 20px;
    font-size: 13px;
}

#block-webform-client-block-248 {
    width: 100%;
    display: block;
    overflow: hidden;
}

body.node--type-landing #block-block-15 .block__content {
    padding: 0px !important;
}

/***** USA GRACIAS *****/

.columna_2_1 {
    float: left;
    width: 58%;
}

.columna_2_2 {
    float: right;
    width: 38%;
}

.columna_2_1 h2,
.columna_2_2 h2 {
    font-size: 1.2rem !important;
}

.columna_2_1 .miniatura_descarga {
    float: left;
    margin: 0px 20px 10px 0px;
    width: 200px;
    height: auto !important;
}

/*** LANDING 50 ANIVERSARIO ***/

body.landing .tb-megamenu {
    display: none;
}

.cincuenta-landing {
    float: left;
    width: 100%;
    margin: 0;
}

.cincuenta-landing .col-md-9,
.cincuenta-landing .col-md-5,
.cincuenta-landing .col-md-12 {
    min-height: 1px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
}

.cincuenta-landing .form-blue {
    background-color: #006fb7;
    padding: 20px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0;
    height: 545px;
}

.cincuenta-landing .landing-row h2.landingpage-titulo {
    font-size: 24px !important;
    color: #fff;
    margin: 40px 0 0 0;
    padding: 20px 0 40px 0;
    float: left;
    width: 100%;
}

.cincuenta-landing .enblanco {
    color: #fff;
    margin: 20px 0 0 0;
    font-size: 13px;
}

.form-grey {
    background-color: #dadada;
    padding: 0 !important;
}

.form-grey {
    padding: 20px 20px 10px 20px !important;
}

.form-grey form {
    background-color: #dadada;
    padding: 0 !important;
}

.landing #main-wrapper .block-webform h2 {
    background-color: #878787;
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 20px;
    font-weight: bold;
    margin: 0;
}

.landing .webform-ajax-form-wrapper {
    margin: 0;
}

.cincuenta-landing .cabecera_gris_oscura {
    background-color: #878787;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    padding: 20px;
    font-weight: bold;
}

.cincuenta-landing form {
    padding: 20px !important;
    width: 100%;
    float: left;
}

.cincuenta-landing form input.form-text,
.cincuenta-landing form textarea {
    border: none;
}

.cincuenta-landing form input.form-submit {
    height: 36px !important;
}

.cincuenta-landing .cajas-landing .landing-css {
    margin: 0;
}

.cincuenta-landing .cajas-landing .landing-css.caja1 p {
    margin: 0 !important;
}

.cincuenta-landing .cajas-landing .landing-css.caja2 p {
    margin: 10px 0 !important;
}

.cincuenta-landing .cajas-landing .landing-css.caja3 p {
    margin: 0 !important;
}

.cincuenta-landing .cajas-landing .col-md-4 {
    padding: 0 !important;
    margin: 0 1%;
    max-width: 31.3%;
}

.cincuenta-landing .cajas-landing .col-md-4 img {
    padding: 0 !important;
}

.cincuenta-landing .landing-css h3 {
    background-color: #878787;
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
    font-weight: bold;
    text-align: left;
    height: 75px;
}

.cincuenta-landing .landing-css.caja1 {
    background-color: #000;
    margin-left: 0px;
}

.cincuenta-landing .landing-css.caja2 {
    background-color: #000;
}

.cincuenta-landing .landing-css.caja3 {
    background-color: #dadada;
    margin-right: 0px;
}

.cincuenta-landing .landing-css.caja3 ul li a {
    font-size: 16px;
    color: #575757;
    font-weight: bold;
}

.cincuenta-landing .landing-css.caja3 ul {
    list-style: none !important;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    background: none;
}

.cincuenta-landing .landing-css.caja3 ul li {
    position: relative;
    padding-left: 50px;
    margin-left: 0;
    margin-bottom: 30px;
    list-style: none !important;
    background: none;
}

.cincuenta-landing .landing-css.caja3 ul li:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: url(../imagenes/ico_descarga.png);
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cincuenta-landing .landing-css.caja3 p.peque {
    margin-bottom: 0 !important;
}

.cincuenta-landing .landing-css.caja3 p.peque a {
    margin-left: 0;
    font-size: 11px;
}

.padding_veinte {
    padding: 20px;
}

/*.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 100%;
	margin-bottom: 1rem;
}*/

.ecofittomr-accesorios-pvc-o-molecor .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first,
.ecofittomr-pvc-o-fittings-molecor .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first,
.ecofittomr-accessoires-pvc-bi-oriente .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first,
.ecofittomr-aksessuary-iz-pvkh-o .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first {
    flex: 0 1 64%;
    margin-bottom: 1rem;
}

.landing.producto-garantizado-50-anos .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first,
.landing.product-guaranteed-50-years .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first,
.landing.produit-garanti-50-ans .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first {
    flex: 0 1 100%;
    margin-bottom: 1rem;
}

.ecofittomr-accesorios-pvc-o-molecor .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body,
.ecofittomr-pvc-o-fittings-molecor .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body,
.ecofittomr-accessoires-pvc-bi-oriente .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body,
.ecofittomr-aksessuary-iz-pvkh-o .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body {
    float: left;
    width: 100%;
}

.ecofittomr-accesorios-pvc-o-molecor .layout__region.layout__region--second,
.ecofittomr-pvc-o-fittings-molecor .layout__region.layout__region--second,
.ecofittomr-accessoires-pvc-bi-oriente .layout__region.layout__region--second,
.ecofittomr-aksessuary-iz-pvkh-o .layout__region.layout__region--second {
    width: 32%;
    float: right;
    margin-right: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.landing.producto-garantizado-50-anos .layout__region.layout__region--second,
.landing.product-guaranteed-50-years .layout__region.layout__region--second,
.landing.produit-garanti-50-ans .layout__region.layout__region--second {
    width: 32%;
    float: right;
    margin-right: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.landing.producto-garantizado-50-anos .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body,
.landing.product-guaranteed-50-years .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body,
.landing.produit-garanti-50-ans .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body {
    float: left;
    width: 64%;
}

@media (max-width: 992px) {
    .landing.producto-garantizado-50-anos .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body,
    .landing.product-guaranteed-50-years .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body,
    .landing.produit-garanti-50-ans .block.block-layout-builder.block-field-blockparagraphbody-webformfield-body {
        width: 100%;
    }
    .landing.producto-garantizado-50-anos .layout__region.layout__region--second,
    .landing.product-guaranteed-50-years .layout__region.layout__region--second,
    .landing.produit-garanti-50-ans .layout__region.layout__region--second {
        width: 100%;
        float: right;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .landing.producto-garantizado-50-anos .col-md-4,
    .landing.product-guaranteed-50-years .col-md-4,
    .landing.produit-garanti-50-ans .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .layout__region.layout__region--second {
        flex: 0 1 100% !important;
        width: 100%;
        margin: 0px;
    }
    .cincuenta-landing .form-blue {
        height: auto;
    }
    .cincuenta-landing .row {
        margin: 0px !important;
    }
    .cincuenta-landing .cajas-landing .col-md-4 {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100%;
    }
    .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first {
        margin-bottom: 0px;
    }
    .ecofittomr-accesorios-pvc-o-molecor .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first,
    .ecofittomr-pvc-o-fittings-molecor .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first,
    .ecofittomr-accessoires-pvc-bi-oriente .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first,
    .ecofittomr-aksessuary-iz-pvkh-o .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first {
        flex: 0 1 100%;
    }
    .landing-css.col-md-6 {
        padding: 20px !important;
        margin: 0 !important;
        max-width: 100%;
        flex: 0 0 100% !important;
    }
    .landing-css.col-md-3 {
        padding: 20px !important;
        margin: 0 !important;
        max-width: 100%;
        flex: 0 0 100% !important;
    }
    .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first {
        flex: 0 1 100% !important;
        border-right: none !important;
    }
}

.form-grey>.form-group {
    margin: 0px 0px 10px 0px;
}

.form-grey legend {
    margin: 0px;
}

.form-grey.form-grey .webform-ajax-form-wrapper {
    margin: 0;
}

/*** CONTACTO ***/

.contacto-molecor .paragraph--type--webform-body,
.contact-molecor .paragraph--type--webform-body,
.contactez .paragraph--type--webform-body,
.svyazatsya-s-molecor .paragraph--type--webform-body {
    padding: 1rem;
    margin: 1rem 0;
}

.contacto-molecor .layout--twocol-section.layout--twocol-section--50-50>.layout__region--second,
.contact-molecor .layout--twocol-section.layout--twocol-section--50-50>.layout__region--second,
.contactez .layout--twocol-section.layout--twocol-section--50-50>.layout__region--second,
.svyazatsya-s-molecor .layout--twocol-section.layout--twocol-section--50-50>.layout__region--second {
    padding: 1rem;
}

.contacto-molecor .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first,
.contact-molecor .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first,
.contactez .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first,
.svyazatsya-s-molecor .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first {
    padding: 1rem;
    border-right: 1px solid #ddd;
}

.contacto-molecor .webform-ajax-form-wrapper,
.contact-molecor .webform-ajax-form-wrapper,
.contactez .webform-ajax-form-wrapper,
.svyazatsya-s-molecor .webform-ajax-form-wrapper {
    margin: 0;
}

/*** PAGINA 404 ***/

.pagina404 {
    margin-bottom: 4rem;
}

.pagina404 h2 {
    color: #583A27;
    font-size: 3rem;
    margin: 2rem 0;
    font-weight: 300 !important;
}

.page404 #main-wrapper {
    background-color: rgba(254, 239, 200, 1.00);
}

/*** FINO ***/

.node__content .field--name-body.field--type-text-with-summary {
    float: left;
    display: block;
    width: 100%;
}

.fb-page,
.fb-page iframe[style],
.fb-page span {
    width: 100% !important;
}

.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
    width: 100% !important;
}

/**** LANDINGS *****/

.title_landing {
    font-size: 3rem;
    color: #356EAC;
    line-height: 3rem;
    padding: 2rem;
    text-align: center;
    border-top: 2px solid #356EAC;
}

.landing.promo-dn1000 {}

.landing.promo-dn1000 .paragraph--type--title-body {
    display: none;
}

.landing.promo-dn1000 .layout__region--first {
    padding: 2rem;
}

.landing.promo-dn1000 .layout__region--second {
    background-color: #edeef0;
    padding: 2rem;
    margin-top: -10px;
    color: #87868a;
}

.landing.promo-dn1000 .main-content {
    padding-top: 0rem;
}

.landing .form_big_blue {
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    color: #356EAC;
}

.landing .big_blue {
    font-size: 1.5rem;
    font-weight: bold;
    color: #356EAC;
    margin: 2rem 0;
}

.landing .form_xbig_orange {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #b74827;
}

.landing .big_grey {
    font-size: 1.6rem;
    font-weight: bold;
    color: #87868a;
    margin: 2rem 0;
}

.landing.promo-dn1000 .layout__region--second .btn-primary {
    color: #fff;
    background-color: #b74827 !important;
    border-color: #b74827 !important;
    font-size: 1.2rem;
    padding: 0.475rem 3.75rem;
    width: 100%;
}

.landing.promo-dn1000 .layout__region--second #edit-processed-text {
    margin-top: 4rem;
}

.landing .form_xpeq_grey {
    font-size: 0.6rem;
    text-align: center;
}

.landing .form_peq_grey {
    font-size: 0.8rem;
    margin-bottom: 0px;
}

.landing.promo-dn1000 .layout__region--second .form-group {
    margin-bottom: 0rem;
}

.landing.promo-dn1000 .layout__region--second input.form-group {
    border-width: 0px !important;
}

.landing.promo-dn1000 .layout__region--second legend {
    display: none !important;
}

.landing.promo-dn1000 .layout__region--second .form-check {
    margin-top: 1rem;
}

.landing.promo-dn1000 .layout__region--second fieldset.webform-composite-hidden-title {
    margin-top: 0em;
    margin-bottom: 0em;
}

.landing.promo-dn1000 .layout__region--second .form-control {
    padding: 1rem;
    height: auto;
}

.landing.promo-dn1000 .align_right {
    padding: 1rem;
    height: auto;
    float: right;
    display: block;
    background-color: #edeef0;
}

.landing.promo-dn1000 .col-md-4 {
    text-align: center;
}

@media (max-width: 992px) {
    .title_landing {
        font-size: 2rem;
        line-height: 2rem;
    }
    .landing.promo-dn1000 .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first {
        flex: 0 1 100%;
    }
}

.btn-info {
    color: #fff;
    background-color: #356EAC !important;
    border-color: #356EAC !important;
}

/***** CATALOGO *****/

/*.paragraph .field--name-field-title {
	font-size: 1.071rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
    line-height: 1.2;
}*/

.node--type-page.produtos .node__content .field--name-body,
.node--type-page.produits .node__content .field--name-body,
.node--type-page.products .node__content .field--name-body,
.node--type-page.productos .node__content .field--name-body {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #ffffff !important;
    /*border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
	border-style: solid;
    border-width: 1px;
    padding: 15px 15px;*/
    margin: 2rem 0 2rem 0;
}

.node--type-page.produtos .node__content .field--name-body h2,
.node--type-page.produits .node__content .field--name-body h2,
.node--type-page.products .node__content .field--name-body h2,
.node--type-page.productos .node__content .field--name-body h2 {
    font-style: normal;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 2rem;
    line-height: 2.2rem;
    color: #356EAC;
}

.node--type-page.produtos .field--name-field-paragraphs>.field__item .paragraph--type--title-body,
.node--type-page.produits .field--name-field-paragraphs>.field__item .paragraph--type--title-body,
.node--type-page.products .field--name-field-paragraphs>.field__item .paragraph--type--title-body,
.node--type-page.productos .field--name-field-paragraphs>.field__item .paragraph--type--title-body {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2;
    border-color: #ddd;
    border-top-width: 5px !important;
    border-top-color: #356EAC;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.node--type-page.produtos .field--name-field-paragraphs>.field__item .paragraph--type--title-body .field--name-field-title,
.node--type-page.produits .field--name-field-paragraphs>.field__item .paragraph--type--title-body .field--name-field-title,
.node--type-page.products .field--name-field-paragraphs>.field__item .paragraph--type--title-body .field--name-field-title,
.node--type-page.productos .field--name-field-paragraphs>.field__item .paragraph--type--title-body .field--name-field-title {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.node--type-page.produtos .field--name-field-paragraphs .dark_background,
.node--type-page.produits .field--name-field-paragraphs .dark_background,
.node--type-page.products .field--name-field-paragraphs .dark_background,
.node--type-page.productos .field--name-field-paragraphs .dark_background {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #E2EBF5 !important;
    /*border-top-width: 5px !important;
    border-top-color: #356EAC !important;*/
    border-style: solid;
    border-width: 1px;
    padding: 15px 30px !important;
    margin: 1rem 0 2rem 0;
}

.node--type-page.produtos .field--name-field-paragraphs .dark_background .field--name-field-title,
.node--type-page.produits .field--name-field-paragraphs .dark_background .field--name-field-title,
.node--type-page.products .field--name-field-paragraphs .dark_background .field--name-field-title,
.node--type-page.productos .field--name-field-paragraphs .dark_background .field--name-field-title {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
    color: #333;
}

.node--type-page.produtos .field--name-field-paragraphs .dark_background p,
.node--type-page.produits .field--name-field-paragraphs .dark_background p,
.node--type-page.products .field--name-field-paragraphs .dark_background p,
.node--type-page.productos .field--name-field-paragraphs .dark_background p {
    color: #333;
}

.node--type-page.produtos .field--name-field-paragraphs .dark_background h3,
.node--type-page.produits .field--name-field-paragraphs .dark_background h3,
.node--type-page.products .field--name-field-paragraphs .dark_background h3,
.node--type-page.productos .field--name-field-paragraphs .dark_background h3 {
    color: #444;
    font-size: 1.5rem !important;
    margin: 2rem 0 0.5rem 0 !important;
}

.node--type-page.produtos .field--name-field-paragraphs .dark_background h4,
.node--type-page.produits .field--name-field-paragraphs .dark_background h4,
.node--type-page.products .field--name-field-paragraphs .dark_background h4,
.node--type-page.productos .field--name-field-paragraphs .dark_background h4 {
    color: #444;
    font-size: 1.2rem !important;
    font-weight: normal !important;
    margin: 0 0 2rem 0 !important;
}

.node--type-page.produtos .field--name-field-paragraphs .dark_background a,
.node--type-page.produits .field--name-field-paragraphs .dark_background a,
.node--type-page.products .field--name-field-paragraphs .dark_background a,
.node--type-page.productos .field--name-field-paragraphs .dark_background a {
    /*color: #8FC9FD;*/
}

/*** PRODUCTOS - VENTAJAS ***/

.field__item .ventajas div {
    padding: 1rem;
    text-align: center;
}

.field__item .ventajas div p {
    text-align: center;
}

.field__item .ventajas .col-md-3 .ico_ventajas {
    width: 100px;
    height: 100px;
    border: 5px solid #356EAC;
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    color: #356EAC;
    text-align: center;
    padding: 0;
    margin: 0 0 10px 0;
    -webkit-transition: all 0.5s ease-out;
}

.field__item .ventajas .col-md-3 .ico_ventajas span {
    position: relative;
    top: 5px;
    font-size: 52px;
}

.field__item .ventajas .col-md-3:hover .ico_ventajas {
    border: 5px solid #356EAC;
    background-color: #356EAC;
    color: #ffffff;
    margin-top: -15px;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease-out;
}

.field__item .ventajas .col-md-3:hover .ico_ventajas span {
    color: #ffffff;
}

/***** ICO DESTACADOS *****/

.dark_background .ico_destacado {
    width: 100%;
    text-align: center;
    padding: 20px;
}

.dark_background .ico_destacado span {
    color: #356EAC;
    font-size: 256px;
}

/******** GESTOR DOCUMENTAL *******/

/***** GRD *****/

.block-documentos-grid ul.blazy {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.block-documentos-grid ul.blazy>li.grid {
    padding: 1.5rem !important;
    border: 1px solid #ffffff;
    /*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
    position: relative;
}

.block-documentos-grid ul.blazy>li.grid:hover {
    border: 1px solid #cccccc;
    background-color: #F8F8F8;
}

.block-documentos-grid ul.blazy>li.grid:hover .botonera {
    visibility: visible;
}

.block-documentos-grid ul.blazy li.grid .grid__content .views-field-field-document {
    outline: 1px solid #ccc;
    outline-offset: 0px;
}

.block-documentos-grid ul.blazy li.grid .grid__content .views-field-field-document:hover {
    outline: 3px solid #356EAC;
    outline-offset: 0px;
    background-color: #356EAC;
}

.block-documentos-grid ul.blazy li.grid .grid__content .views-field-field-document:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
}

.block-documentos-grid ul.blazy li.grid .grid__content .views-field-field-document:hover::after {
    content: "\fb12";
    font-family: molecor-font;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 32px;
    color: #fff;
    top: 0px;
    left: 0px;
    margin: 0;
    z-index: 1;
    background-color: #356EAC;
    padding: 0 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.block-documentos-grid ul.blazy li.grid .grid__content .views-field-title {
    margin-top: 1rem;
    font-size: 14px !important;
    line-height: 16px !important;
}

/*** ENLACES BLAZY ***/

ul.blazy .botonera {
    bottom: 0px;
    margin-top: 1rem;
    visibility: hidden;
}

/*ul.blazy .document-edit-link span {
	padding: 0.3rem 0.5rem;
	background-color: #356EAC;
	color: #fff;
	border-radius: 6px;
	font-size: 14px;
}
ul.blazy .document-edit-link span:hover {
	padding: 0.3rem 0.5rem;
	background-color: #444444;
	color: #fff;
	border-radius: 6px;
	font-size: 14px;
}

ul.blazy .document-edit-link span::before {
	content: "\fb31";
	font-family: molecor-font;
    left: 0;
    color: #fff;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
	margin-right: 8px;
 }
ul.blazy .document-edit-link span:hover::before {
	content: "\fb31";
	font-family: molecor-font;
    left: 0;
    color: #fff;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
	margin-right: 8px;
 }*/

ul.blazy .botonera span {
    font-size: 1.5rem;
    margin: 4px;
}

ul.blazy .botonera span a {
    color: #356EAC;
}

ul.blazy .botonera span a:hover {
    color: #444444;
}

ul.blazy .views-field-field-destacado .document-destacado {
    position: absolute;
    color: #ffffff;
    top: -18px;
    right: -18px;
    margin: 0;
    z-index: 1;
    font-size: 0px;
    background-color: #356EAC;
    padding: 2px 10px;
    border-radius: 50%;
}

ul.blazy .views-field-field-destacado .document-destacado::after {
    content: "\fb3a";
    font-family: molecor-font;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 24px;
    color: #ffffff;
}

ul.blazy .views-field-field-document-type {
    margin-top: 1rem;
    font-size: 14px !important;
    line-height: 16px !important;
}

ul.blazy .views-field-field-document-type::before {
    content: "\fb2d";
    font-family: molecor-font;
    left: 0;
    color: #333;
    top: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    float: left;
}

ul.blazy .views-field-field-document-type .field-content {
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: bold;
    color: #333;
    margin-left: 20px;
}

/***** PRODUCTO *****/

body.product {}

body.product .product-full .col-right {
    padding: 0 1rem;
}

body.product .product-full .col-left .field--name-field-imagenes {
    margin: 0rem 0 2rem 0 !important;
}

body.product .product-full .col-left .field--name-field-imagenes {
    background-color: #ffffff !important;
}

body.product .product-full .col-left .field--name-field-imagenes .field__item img {
    margin: 0px;
    border: 0px solid #444444 !important;
}

body.product .product-full .col-right .form-check {
    position: relative;
    display: block;
    padding: 0;
    float: left;
    margin: 0.5rem 0.5rem 0 0;
}

body.product .product-full .col-right .form-check-label {
    background-color: #ffffff;
    color: #356EAC;
    padding: 0.75rem;
    border: 1px solid #356EAC;
    border-radius: 8px;
    font-size: 14px;
    min-width: 52px;
    height: 48px;
    text-align: center;
}

body.product .product-full .col-right .form-check-label:hover {
    background-color: #356EAC;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
}

body.product .product-full .col-right .product--rendered-attribute__selected+.form-check-label {
    background-color: #356EAC !important;
    color: #ffffff !important;
    border: 1px solid #356EAC;
}

body.product .product-full .col-right fieldset {
    background-color: #F7F7F9 !important;
    border-color: #ddd !important;
    /*border-top-width: 5px !important;
    border-top-color: #356EAC !important;*/
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 0 0 20px;
}

body.product .product-full .col-right fieldset legend {
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
    font-weight: bold;
}

body.product .product-full .col-right .form-actions {
    display: none !important;
}

body.product .product-full .col-left .field--name-field-ficha-tecnica {
    background-color: #fff !important;
    border-color: #ddd !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 0 0 20px;
}

body.product .product-full .col-left .field--name-field-ficha-tecnica .field__label {
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
    font-weight: bold;
}

body.product .product-full .col-right .field--name-field-categoria-producto {
    padding: 0px;
    border-top: 0px solid #cccccc;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    float: left;
    width: 100%;
    background-color: #ffffff;
    border-right: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    clear: left;
    margin: 0 0 20px;
}

body.product .product-full .col-right .product-variation-fields {
    background-color: #F7F7F9 !important;
    border-color: #ddd !important;
    /*border-top-width: 5px !important;
    border-top-color: #356EAC !important;*/
    border-style: solid;
    border-width: 1px;
    padding: 5px 15px;
    margin: 0 0 20px;
}

body.product .product-full .col-right .product-variation-fields>div {
    border-bottom: 1px solid #ddd !important;
    padding: 10px 10px;
}

body.product .product-full .col-right .product-variation-fields>div:last-child {
    border-bottom: 0px solid #ddd !important;
    padding: 10px 10px;
}

body.product .product-full .col-right .product-variation-fields .field__label {
    display: inline-block;
}

body.product .product-full .col-right .product-variation-fields .field__item {
    float: right;
    font-weight: bold;
}

body.product .product-full .col-right>.field--type-string.field--label-inline {
    background-color: #F7F7F9 !important;
    border-color: #ddd !important;
    /*border-top-width: 5px !important;
    border-top-color: #356EAC !important;*/
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 0 0 20px;
}

body.product .product-full .col-right>.field--type-string.field--label-inline .field__label {
    margin: 0;
    font-weight: bold;
}

body.product .product-full .col-right>.field--type-string.field--label-inline .field__label::before {
    content: "\fb2d";
    font-family: molecor-font;
    left: 0;
    color: #999999;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

body.product .product-full .col-right>.field--type-string.field--label-inline .field__label::after {
    content: ":";
}

body.product .product-full .col-right>.field--name-field-categoria-producto.field--label-inline {
    background-color: #F7F7F9 !important;
    border-color: #ddd !important;
    /*border-top-width: 5px !important;
    border-top-color: #356EAC !important;*/
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 0 0 20px;
}

body.product .product-full .col-right>.field--name-field-categoria-producto.field--label-inline .field__label {
    margin: 0;
    font-weight: bold;
}

body.product .product-full .col-right>.field--name-field-categoria-producto.field--label-inline .field__label::before {
    content: "\fb2d";
    font-family: molecor-font;
    left: 0;
    color: #999999;
    bottom: 0;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-right: 8px;
}

body.product .product-full .col-right>.field--name-field-categoria-producto.field--label-inline .field__label::after {
    content: ":";
}

body.product .product-full .col-right .certificado-aenor {
    background-color: #F7F7F9 !important;
    border-color: #ddd !important;
    /*border-top-width: 5px !important;
    border-top-color: #356EAC !important;*/
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 0 0 20px;
}

body.product .product-full .col-right .certificado-aenor span::before {
    content: "\fb2f";
    font-family: molecor-font;
    left: 0;
    color: #000000;
    bottom: 0;
    height: 64px;
    width: 64px;
    z-index: 1;
    margin-right: 16px;
    font-size: 32px;
}

body.product .product-full .col-right .fire-resistance {
    background-color: #F7F7F9 !important;
    border-color: #ddd !important;
    /*border-top-width: 5px !important;
    border-top-color: #356EAC !important;*/
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 0 0 20px;
}

body.product .product-full .col-right .fire-resistance span::before {
    content: "\fb25";
    font-family: molecor-font;
    left: 0;
    color: #000000;
    bottom: 0;
    height: 64px;
    width: 64px;
    z-index: 1;
    margin-right: 16px;
    font-size: 32px;
}

body.product .product-full .col-left .pdfpreview {
    text-align: center;
    padding-top: 10px;
}

body.product .product-full .col-left .pdfpreview img {
    border: 1px solid #ddd;
    width: 100%;
    height: auto;
}

body.product .product-full .col-left .field--name-field-related-media {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

body.product .product-full .col-left .field--name-field-related-media .field__label {
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
    font-weight: bold;
}

body.product .product-full .col-left .field--name-field-related-media a {
    /*position: absolute;*/
    color: #fff;
    width: 100%;
    height: auto;
}

body.product .product-full .col-left .field--name-field-related-media .field--name-field-media-document:hover a::after {
    content: "\fb10";
    font-family: molecor-font;
    position: absolute;
    color: #fff;
    width: 64px;
    height: 64px;
    top: 16px;
    right: 16px;
    font-style: normal;
    opacity: 1;
    font-size: 64px;
}

body.product .product-full .col-left .field--name-field-related-media .field--name-field-media-document img {
    transition: 0.3s;
}

body.product .product-full .col-left .field--name-field-related-media .field--name-field-media-document:hover img {
    filter: brightness(30%);
    -webkit-filter: brightness(30%);
    transition: 0.3s;
}

/****/

.segu_caso_incen .col-md-4 h6 {
    font-weight: normal !important;
    text-align: center;
    padding: 9px 20px;
}

.segu_caso_incen .col-md-4 ul {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    padding: 0;
}

.segu_caso_incen .col-md-4 ul li {
    display: block;
    margin: 0;
    padding: 9px 20px;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #f6f6f6;
}

/*** PRODUCT VARIATION DESCRIPTION ***/

body.product .field--name-field-descripcion {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

body.product .field--name-field-descripcion .field__label {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

/*** logos footer ***/

.site-footer #block-contact h2,
.site-footer #block-molecorrmanufacturingplant h2 {
    display: none;
}

.cont_ajustar {
    display: block;
    float: left;
    width: 100%;
}

.site-footer img.logo_footer {
    height: 82px !important;
    display: block;
    float: left;
    margin: 0px 15px 15px 0px;
}

.site-footer img.logo_footer20 {
    height: 86px !important;
    display: block;
    float: left;
    margin: 5px 15px 15px 0px;
    margin-right: 23px;
}

.site-footer img.logo_footer40 {
    height: 40px !important;
    display: block;
    float: left;
    margin: 0px 15px 15px 0px;
}

/*** PAGINA SIN RESULTADOS DOCUMENTOS ***/

.noresults {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
    float: left;
    width: 100%;
}

.noresults h2 {
    color: #333 !important;
    font-size: 3rem !important;
    margin: 2rem 0 !important;
    font-weight: 300 !important;
    border-bottom: 0px solid #d6d6d6 !important;
}

.noresults .imagennoresults {
    max-width: 100%;
    height: auto;
}

/*** BUSCADOR PRDUCTOS ***/

.path-products .item-list--blazy {}

.path-products .item-list--blazy ul.blazy li.grid .grid__content .views-field-title {
    margin-top: 0rem;
    margin-bottom: 0.5rem;
    font-size: 14px !important;
    line-height: 16px !important;
    text-align: center;
    width: 100%;
}

.path-products .item-list--blazy ul.blazy li.grid .grid__content img {
    vertical-align: middle;
    border-style: none;
    width: 100%;
    height: auto;
    transition: transform .2s;
    /* Animation */
}

.path-products .item-list--blazy ul.blazy li.grid .grid__content:hover img {
    transform: scale(1.1);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.path-products ul.blazy>li.grid:hover {
    border: 1px solid #cccccc;
    background-color: #fff !important;
}

.block_productos_familia {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #fff;
    border-color: #ddd;
    border-top-width: 5px !important;
    border-top-color: #356EAC;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px !important;
    margin: 1rem 0 2rem 0;
}

.block_productos_familia .block-productos {
    margin-top: 1rem;
}

.block_productos_familia h2 {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.block_productos_familia .views-field-title {
    margin-top: 0rem !important;
    margin-bottom: 0.5rem;
    font-size: 14px !important;
    line-height: 16px !important;
    text-align: center;
    width: 100%;
}

.block_productos_familia ul.blazy {
    clear: both;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

.block_productos_familia img {
    vertical-align: middle;
    border-style: none;
    width: 100%;
    height: auto;
    transition: transform .2s;
}

.block_productos_familia .grid__content:hover img {
    transform: scale(1.1);
}

.block_productos_familia .view-footer {
    margin-top: 1rem;
    text-align: right;
}

.block_productos_familia .list-group-item {
    border: 1px solid #fff;
    border-width: 1px !important;
    padding: 1rem;
}

.field--name-field-paragraphs ul.blazy>li.grid:hover {
    border: 1px solid #cccccc;
    background-color: #fff !important;
}

.listado-buscador-productos h2 {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.listado-buscador-productos .views-field-title {
    margin-top: 0rem !important;
    margin-bottom: 0.5rem;
    font-size: 14px !important;
    line-height: 16px !important;
    text-align: center;
    width: 100%;
}

.listado-buscador-productos ul.blazy {
    clear: both;
    width: 100%;
    display: blocK;
    float: left;
    list-style: none;
    padding: 0;
    margin: 1rem 0 2rem 0 !important;
}

.listado-buscador-productos img {
    vertical-align: middle;
    border-style: none;
    width: 100%;
    height: auto;
    transition: transform .2s;
}

.listado-buscador-productos .grid__content:hover img {
    transform: scale(1.1);
}

.listado-buscador-productos .view-footer {
    margin-top: 1rem;
    text-align: right;
}

.page-view-pagina-productos .list-group-item {
    border: 1px solid #fff;
    border-width: 1px !important;
    padding: 1rem;
}

.bloque-documentos-relacionados .field--type-file.field--name-field-media-document {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #f6f6f2 !important;
    border-color: #ddd !important;
    border-top-width: 1px !important;
    border-top-color: #ddd !important;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    margin: 0rem 0 1rem 0;
}

.bloque-documentos-relacionados .views-field-title {
    margin-top: 0rem !important;
    margin-bottom: 0.5rem;
    font-size: 14px !important;
    line-height: 16px !important;
    text-align: center;
    width: 100%;
}

.bloque-documentos-relacionados .list-group-item {
    border: 1px solid #fff;
    border-width: 1px !important;
    padding: 1rem;
}

.bloque-documentos-relacionados .grid__content:hover img {
    transform: scale(1.0);
}

.bloque-documentos-relacionados ul.blazy>li.grid:hover {
    border: 1px solid #cccccc;
    background-color: #F8F8F8 !important;
}

.block_documentos_familia {
    width: 100%;
    display: blocK;
    float: left;
    background-color: #fff !important;
    border-color: #ddd !important;
    border-top-width: 5px !important;
    border-top-color: #356EAC !important;
    border-style: solid;
    border-width: 1px;
    padding: 15px 15px;
    margin: 1rem 0 2rem 0;
}

.block_documentos_familia h2 {
    font-weight: bold;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.071em;
    line-height: 1.2;
}

.block_documentos_familia .ui-state-active {
    background-color: #356EAC;
    border: 1px solid #356EAC;
}

.block_documentos_familia .block-quicktabs {}


/* ------------------ extra css addding ------------- */


/* CSS for Hover Effect */
.aboutpage {
    /* Default background color (you can change this to your preferred color) */
    background-color: white;
    padding: 1px 21px; /* Padding for spacing */
    transition: background-color 0.3s ease; /* Smooth transition when hovering */
  }
  .aboutpage:hover {
    /* Change background color on hover */
    background-color: lightblue; /* This color will change to blue when hovered */
  }
  .img-2{
    height: 560;
  }

 
  .clients {
    background: #f2f2f2;
    padding: 15px 0;
    text-align: center;
}

.clients img {
    width: 50%;
    filter: grayscale(100);
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
}

.clients img:hover {
    filter: none;
    transform: scale(1.2);
}

@media (max-width: 768px) {
    .clients img {
        width: 40%;
    }
}

.slide1{
    margin: 25px;
}


.work {
    background: #f2f2f2;
}
.slider {
    margin: 20px auto;
    padding: 10px;
}



.slide img {
    display: block;
    width: 100%;
    margin: 5px;
}


.slick-prev:before, .slick-next:before {
    color: #009be1; 
} 


@media (max-width: 768px) {
    .slider {
        padding: 0;
    }
} 


.footer-info {
    margin-bottom: 15px;
    background: #fff;
    color: black;
    border-top: 4px solid #333351;
   
    padding: 30px 16px;
}
.footer-info h4{
    text-align: center;
}
.footer-info p:first-of-type{
    text-align: center;
}
.footer-info strong:first-of-type{
    text-align: start;
}
.footer-info h3 {
    font-size: 36px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
}

 .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Raleway", sans-serif;
}
.copyright {
    text-align: center;
}
.creator {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #fff;
}
.creator a {
    color: #e82d2d;
}




.portfolio-info {
    opacity: 0;
    position: absolute;
    left: 60px;
    right: 60px;
    bottom: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px;
}
.portfolio-item:hover .portfolio-info {
    opacity: 1;
    bottom: 20px;
}
.portfolio-info h4{
    
    font-size: small;
}

.clearfix p {
    font-size: medium;
}