/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/*FABOLA*/

*{
-webkit-word-wrap: break-word;
-moz-word-wrap: break-word;
-ms-word-wrap: break-word;
-o-word-wrap: break-word;
word-wrap: break-word;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

html {
    overflow-x: hidden;
    color: #000000;
}
*:not([class*="uk-icon"]) {
    font-family:'Montserrat' !important;
}

a[href="http://www.faboba.com"] {
    display: none !important;
    visibility: hidden;
    opacity: 0;
}
.uk-container {
    max-width: 1400px;
	padding: 0 40px;
}
::selection { background: rgba(12, 97, 169, 0.5); }


/*Menu*/
.uk-sticky-placeholder { z-index: 999; }
.mod-languages > form { margin: 0 0 2px; }
div.advanced-dropdown span.caret { border-top: 4px solid #000000 !important; }

.mod-languages > form > a, 
.mod-languages > form > a + ul li a {
    background: transparent !important;
    color: #000000;
    font-weight: 600;
}
.menu > .tm-navbar > .uk-navbar-nav > li > a::before {
    top: -15px;
    height: 6px;
    background-color: #FF2700;
    position: absolute;
}
.menu > .tm-navbar > .uk-navbar-nav > li > a {
    color: #000000;
    font-weight: 600;
    position: relative;
    padding: 0px 15px;
    font-size: 14px;
}
.menu > .tm-navbar > .uk-navbar-nav > li.uk-active > a {
    color: #FF2700;
}
.tm-navbar-container {
    background: #ffffff;
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.1);
    position: relative;
    z-index: 999;
}
.rd-home .uk-sticky-placeholder > .tm-navbar-container:not(.uk-active) {
    background: transparent; !important;
}
.rd-home .uk-sticky-placeholder > .tm-navbar-container:not(.uk-active) .menu > .tm-navbar > .uk-navbar-nav > li > a,
.rd-home .uk-sticky-placeholder > .tm-navbar-container:not(.uk-active) .mod-languages > form * {
    color: #ffffff !important;
}
.rd-home .uk-sticky-placeholder > .tm-navbar-container:not(.uk-active) div.advanced-dropdown span.caret {border-top: 4px solid #ffffff !important; }

.uk-offcanvas-bar {
    background: #ffffff;
}	
.uk-nav-offcanvas > li > a {
    color: #000000;
    font-weight: 600;
    padding: 15px 15px;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #FF2700;
    color: #ffffff;
}
.uk-nav-offcanvas .mod-languages > form > a, .mod-languages > form > a + ul {
    background: transparent !important;
    color: #ffffff;
    font-weight: 600;
}

ul.uk-breadcrumb {
    height: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #004475;
    color: #fff;
    font-weight: 700;
    background-image: url(../../../images/imagenes/secciones/header-secciones.png);
    background-position: 50% 63%;
    background-blend-mode: hard-light;
    background-size: cover;

}
ul.uk-breadcrumb > li > span,
ul.uk-breadcrumb > li > a {
    color: #ffffff;
    font-size: 28px;
}


/*TOP A*/
.rd-home #tm-top-a {
	margin-top:-100px;
}
.mod_slideshow-home .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    z-index: 999;
}
.mod_slideshow-home div.uk-panel-content  {
	background-color: rgba(255,39,0,0.76);
    padding: 35px;
    max-width: 633px;
    position: relative;
    display: inline-block;   
}
.mod_slideshow-home div.uk-panel-content::before {
	display: block;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 8px solid #ffffff;
    border-right: 9px solid #ffffff;
    transition: 0.5s all;
    height: 90px;
    width: 90px;
}
.mod_slideshow-home div.uk-panel-content h2{
	font-weight: 700;
}
.mod_slideshow-home div.uk-panel-content p{
	font-weight: 400;
    font-size: 19px;
}
.mod_slideshow-home ul.uk-slideshow > li > .uk-cover-background::before {
    z-index: 9;
    position: absolute;
    content:'';
    left: 0;
    right:0;
    top: 0;
    bottom: 0;
    background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.9220063025210083) 0%, rgba(255,255,255,0) 54%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.9220063025210083) 0%, rgba(255,255,255,0) 54%);
	background: linear-gradient(180deg, rgba(0,0,0,0.9220063025210083) 0%, rgba(255,255,255,0) 54%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}


/*Nosotros Home*/
#tm-top-b {
	max-width: 1180px;
	margin: 0 auto;
}
.mod_nosotros-home div.uk-margin {
	text-align: center;
}
.mod_nosotros-home div.uk-margin > h2 {
	color: #0C5FA9;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 800;
	margin-top: 5px;
}
.mod_nosotros-home div.uk-margin > h2 + p{
	color: #333333;
	font-size: 17px;
	font-weight: 400;
}
.mod_nosotros-home a{
	color: #0C61A9;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	position: relative;
	text-decoration: none;
}
.mod_nosotros-home a::before{
	content: "\f178";
    position: absolute;
    font-family: 'FontAwesome';
    left: -23px;
}

.mod_nosotros-home div.uk-margin + p {
	text-align: center;
}

/*TOP C*/
#tm-top-c {
	background-image: url(../../../images/imagenes/secciones/servicios/bg-servicios.jpg);
	background-repeat: no-repeat;;
	padding: 50px 0px;
	background-size: cover;
}
#tm-top-c .servicios-home h2,
#tm-top-d .proyectos-home h2 {
	font-weight: 800;
    text-transform: uppercase;
    color: #0C61A9;
    position: relative;
    padding-bottom: 10px;
}
#tm-top-c .servicios-home h2::after,
#tm-top-d .proyectos-home h2::after {
	content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #0C61A9;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%);
}
#tm-top-c .servicios-home h2 + p {
	color: #333333;
    font-size: 18px;
    margin-bottom: 27px;
    font-weight: 600;
}
.mod_servicios-home .uk-panel p > a,
.mod_proyectos-home .uk-panel p > a {
    display: none;
}
.servicios-home .uk-grid .uk-overlay-panel {
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9220063025210083) 0%, rgba(255,255,255,0) 83%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9220063025210083) 0%, rgba(255,255,255,0) 83%);
	background: linear-gradient(0deg, rgba(0,0,0,0.9220063025210083) 0%, rgba(255,255,255,0) 83%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}
.servicios-home .uk-grid figure figcaption {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}

.servicios-home .uk-grid div > a > figure {
	position: relative;
}
.servicios-home .top-left > a > figure::before{
	display: block;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 8px solid #FF2700;
    border-left: 9px solid #FF2700;
    transition: 0.5s all;
    height: 90px;
    width: 90px;
    z-index: 1
}
.servicios-home .bottom-right > a > figure::before{
	display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: 8px solid #FF2700;
    border-right: 9px solid #FF2700;
    transition: 0.5s all;
    height: 90px;
    width: 90px;
    z-index: 1;
}
.servicios-home .top-right > a > figure::before{
	display: block;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 8px solid #FF2700;
    border-right: 9px solid #FF2700;
    transition: 0.5s all;
    height: 90px;
    width: 90px;
    z-index: 1;
}

/*TOP D*/
#tm-top-d {
	padding: 50px 0px;
}

.proyectos-home .uk-grid figure figcaption {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}
.proyectos-home .uk-grid figure .uk-overlay-panel {
	background-color: rgba(0,0,0,0.4);
	width: 45%;
}
.proyectos-home .uk-grid div > a > figure {
	position: relative;
}
.proyectos-home .top-left > a > figure::before{
	display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    border-top: 8px solid #FFFFFF;
    border-left: 9px solid #FFFFFF;
    transition: 0.5s all;
    height: 75px;
    width: 75px;
    z-index: 1
}

/*Bottom A - Certificaciones*/
.certificaciones-home {
	background-color: #FF2700;
	color: #ffffff;
	padding: 20px;
	text-align: center;
}
.certificaciones-home h2 {
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 800;
	margin: 0;
}


.tm-bottom-a .uk-panel.uk-overlay.uk-overlay-hover.uk-cover-background {
	background-size: contain;
}

/*Feed Instagram*/
#tm-bottom-b { padding-bottom: 10px; }
#tm-bottom-b .instagram-feed a { color: #0C61A9 !important; }
#tm-bottom-b .instagram-feed p { font-weight: 500; }

/*Footer*/
#tm-footer {
	background-color: #0C61A9;
	padding-top: 50px;
	color: #fff;
	overflow: hidden;
}
.footer h3 {
	color: #ffffff;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.footer a {
	color: #ffffff !important;
	text-decoration: none;
	margin-right: 20px;
}
.footer .uk-grid  .direccion p, .footer .uk-grid  .contactos p {
	font-size: 15px;
	margin-top: 0px;
	/*font-weight: 500;*/
}
.footer .copyright {
	margin-top: 40px;
	font-size: 14px;
}
.footer .icono-footer {
	position: relative;
}
.footer .icono-footer img {
	position: absolute;
	left: 0;
	bottom: -63px;
	width: 240px;
}
.grid-footer {
	margin-bottom: 20px !important;
}

.tm-totop-scroller{
	top: 0px;
	right: 0px;
	position: absolute;
	height: 40px;
	width: 40px;
	color: #ffffff;
	font-weight: 800;
	text-align: center;
	line-height: 35px;
	border-left: 2px solid #ff2700;
	border-bottom: 2px solid #ff2700;
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
}

.tm-totop-scroller:before {
    font-size: 9px;
    color: #fff;
}

/*Nosotros*/
.blog-uikit-nosotros article p,
.blog-uikit-nosotros article ul {
    font-size: 18px;
}

.blog-uikit-nosotros article ul li {
	margin-bottom: 15px;
}

/*Servicios full*/

/*.servicios-full .uk-grid {
	margin-bottom: 20px;
}*/

@media screen and (min-width: 768px){
    .uk-panel-box.uk-panel-box-primary.tipo-servicio {
    padding: 30px 45px;
}
}

.tipo-servicio h2 {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 25px;
    font-size: 30px;
}
.tipo-servicio p {
    font-weight: 600;
    font-size: 20px;
}
.tipo-servicio ul li {
	font-size: 17px;
	margin-bottom: 10px;
	position: relative;
	margin-left: 17px;
}
.tipo-servicio ul li::before {
	content: "\f054";
    position: absolute;
    font-family: 'FontAwesome';
    color: #0C61A9;
    left: -16px;
}
.tipo-servicio ul {
    margin-left: 20px;
}

/*Proyectos Full*/
.blog-uikit-proyectos h1.uk-article-title {
    color: #0c61a9;
	font-weight: 800;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.blog-uikit-proyectos .uk-article + .uk-article {
	margin-top: 60px;
}
.blog-uikit-proyectos .uk-overlay-panel {
    border: none;
    text-align: center;
}
body.tm-isblog.rd-proyectos .uk-modal.uk-open {
    z-index: 1040;
}
/**************/
.mod_grid-proyectos figure div.uk-overlay-panel.uk-overlay-bottom.uk-overlay-fade {
    opacity: 1 !important;
    background: rgba(0,0,0,0.7);
    color: #ffffff;
    border: 0;
}
.mod_grid-proyectos figure div.uk-overlay-panel.uk-overlay-bottom.uk-overlay-fade h3 {
    color: #ffffff;
}
h2.cat-proyecto {
    color: #0c61a9;
    font-weight: 800;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
}
h4.subcat-proyecto {
    background: #FF2700;
    color: #ffffff;
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 10px;
    display: inline-block;
}
h4.subcat-proyecto span {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

/*Clientes*/
.blog-uikit.blog-uikit-clientes .uk-grid div div.uk-panel {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*Contacto Full*/
.form-contacto div.uk-grid > div > input, 
.form-contacto div.uk-grid > div > textarea {
    border: 1px solid #ccc !important;
    padding: 5px !important;
    border-radius: 4px !important;
}
.form-contacto div.uk-grid > div > .uk-button { background-color:#004475; }
.info-contacto h3, 
.form-contacto h3 {
    color: #004475;
}
.info-contacto {
    color: #000;
}
.info-contacto .name {
    /*color: #082c46;*/
    font-size: 16px;
}
.info-contacto i {
    color: #0C61A9;
}
.info-contacto a {
	color:  #004475;
	font-weight: 500;
}

@media screen and (min-width: 960px){
    .info-contacto-wrapp {
        padding-left: 50px;
    }
}

@media screen and (max-width: 960px){
   	.rd-home #tm-top-a {
   		margin-top: 0px;
   	}
   	.footer .icono-footer {
		display: none;
	}

}

@media screen and (max-width: 1220px) and (min-width: 959px){
   	.menu > .tm-navbar > .uk-navbar-nav > li > a {
	    padding: 0px;
	    font-size: 14px;
	}
	.rd-home .uk-sticky-placeholder {
		height: 100px;
	}
	.footer .icono-footer img {
		bottom: -12px;
		width: 240px;
	}
}

@media screen and (max-width: 1291px) and (min-width: 960px) {
   	.certificaciones-home h2 {
   		font-size: 25px;
	}
}


@media screen and (max-width: 769px){
    .uk-container {
        padding: 0 20px;
    }
	a.tm-logo-small img {
	    width: 190px;
	}
   	.mod_slideshow-home div.uk-panel-content {
	    padding: 20px;
	    max-width: 500px;
	}
	.mod_slideshow-home div.uk-panel-content h2 {
	    font-size: 26px;
	    margin-bottom: 7px;
	    line-height: 19px;
	}
	.mod_slideshow-home div.uk-panel-content p {
	    font-size: 14px;
	}
	.servicios-home .uk-grid div {
		text-align: center;
	}
	.footer h3 {
		margin-bottom: 10px;
		line-height: 16px;
	}
	.footer .direccion, 
	.footer .contactos, 
	.footer .redes-sociales {
		margin-bottom: 30px;
	}
	.mapa-contacto iframe {
		height: 400px;
	}
	.tipo-servicio h2 {
		font-size: 22px;
	}
	.tm-totop-scroller{
		position: inherit;
	}
	.blog-uikit-proyectos h1.uk-article-title {
	    font-size: 25px;
	    line-height: 34px;
	}
	.proyectos-home .uk-grid figure .uk-overlay-panel {
		width: 70%;
	}
	.proyectos-home .top-left > a > figure::before {
	    height: 45px;
	    width: 45px;
	}
	.proyectos-home .uk-grid figure figcaption {
	    font-size: 18px;
	    line-height: 1.2;
	}
    a.uk-navbar-toggle.uk-hidden-large {
        padding-left: 0;
    }
    .rd-proyectos .uk-container {
        padding: 0 20px;
    }
    .mod_grid-proyectos div {
        text-align: center;
    }
    h2.cat-proyecto {
        font-size: 26px;
        line-height: 1;
    }
    h4.subcat-proyecto {
        font-size: 16px;
    }
    h4.subcat-proyecto span {
        font-size: 12px;
    }
    .mod_grid-proyectos figure div.uk-overlay-panel.uk-overlay-bottom.uk-overlay-fade {
        padding: 5px;
    }
}

@media screen and (max-width: 426px){
   	.mod_slideshow-home div.uk-panel-content {
	    padding: 20px;
	    max-width: 500px;
	}
	.mod_slideshow-home div.uk-panel-content h2 {
	    font-size: 18px;
	    line-height: 10px;
	}
	.mod_slideshow-home div.uk-panel-content p {
	    font-size: 12px;
	    line-height: 14px;
	}
	.certificaciones-home h2 {
	    font-size: 25px;
	}

}

/*Personalizado*/
.blog-uikit-nosotros img {
    object-fit: cover;
}
ul.li-nosotros > li {
    font-size: 16px;
}

/* animacion svg */



.circle{fill:none;stroke:#df001f; stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .circle-dash{fill:none;stroke:#df001f; stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .check{fill:none;stroke:#0c61a9; stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

        .check-dash{fill:none;stroke:#0c61a9; stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

        .check {

          stroke-dasharray: 60 100;

          animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          -o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;

          opacity: 0;

        }



        @-webkit-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        @-moz-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        @keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}



        }



        .check-dash {

          stroke-dasharray: 10 100;

          animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

          -o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;

        }



        @-webkit-keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        @-moz-keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        @keyframes check-dash {

          from {stroke-dashoffset: 120;}



          to {stroke-dashoffset: 45;}



        }



        .circle {

          stroke-dasharray: 300 300;

          animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          -o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;

          opacity: 0;

        }



        @-webkit-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        @-moz-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        @keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}



          to {stroke-dashoffset:0;

          opacity: 1;}



        }



        .circle-dash {

          stroke-dasharray: 10 300;

          animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          opacity: 0;

        }



        @-webkit-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}



        }



        @-moz-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}



        }



        @keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}



          to {stroke-dashoffset: 20;

          opacity: 1;}





        }