/* Table comtents

00 reset
01 preloader
02 Headings
03 Cifras
03.5 hitos
04 hotspots
05 sections blog
06 aside blog
07 blockquote
08  cr - en el sector
09 footer
10 team
20 responsive
-------------------------*/



@import url('https://fonts.googleapis.com/css?family=Tauri&display=swap');

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');


:root{
	
	--color-primary: #5079c9 ; /** blue*/
	--color-secondary:#9fbee4 ; /** blue light*/
	--color-secondary-alpha:rgba(77,141,225,0.5) ;
	--color-grey-light-alpha:rgba(231,231,231,0.50) ;
	
	--color-font: #808291;
	--color-link: #a7a9b8; 
	--color-link-hover: #181b31;
	
	
}


/* 00 resetr
-------------------------*/

body { font-size: 0.85em; font-family:tahoma, Arial, Verdana, sans-serif;}


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


/* CUSTOM ELEMENTS */
.color-dark { background-color: var(--color-primary);}
.bg-blue-light{ background-color: var(--color-secondary);}
.slider { background: var(--color-primary);}
.bg-grey-light { background: var(--color-grey-light-alpha);}
em {color: var(--color-secondary);}
.opacity-m{ opacity: 0.5}

/* Mut Core */
.f-w-100{ font-weight: 100 }
.alignnone { margin: 5px 30px 40px 0;}
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 30px 40px; }
.alignleft { float: left; margin: 5px 40px 30px 0; }
.bgImageFull{ background-repeat: no-repeat; background-position: center center;  background-size: cover}

.pb-small{padding-bottom: 10px;}
.mb-small{ margin-bottom: 10px;}
/* End Mut Core */
.roma{padding: 20px !important;
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;}

.uk-card-no-shadow {box-shadow: 0 5px 15px rgba(0,0,0,.0);}

.footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0px 10px 0px;
}

/* 01 preloader
-------------------------*/

.transition-overlay { background: var(--color-primary);}
.transition-overlay:before {border-color: transparent var(--color-secondary) transparent transparent;}
.preloader {background: var(--color-primary);}
.preloader:before {border-color: transparent var(--color-primary) transparent transparent;}
.preloader:after {border-color: transparent transparent transparent var(--color-secondary);}


/* 02 navigation
-------------------------*/

.navigation-menu { background: var(--color-primary);}

.left-side .logo {height: 90px;margin-top: 50px;}
div.logo.sticky img{display: inline}

.navbar .main-menu ul li a { text-transform: uppercase; font-size: 0.9em;font-weight: 300;color:var(--color-primary)}
.navbar .main-menu ul li {
    display: inline-block;
    margin: 0 8px;
    padding: 0;
}

.navbar .main-menu ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 1px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
}
.navbar .main-menu ul li a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0px;
  height: 1px;
  width: 0;
  background: var(--color-primary);;
  transition: width 0.25s ease;
}


.left-side .logo img {
    height: 82px;
}


.color-dark .left-side ul {
    width: 100vh;
    line-height: 1;
    display: block;
    margin: 0;
    margin-top: 50vh;
    margin-left: -9px;
    padding: 0;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
}



.left-side ul {
   width: 100vh;
    line-height: 1;
    display: block;
    margin: 0;
    margin-top: 50vh;
    margin-left: -9px;
    padding: 0;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
}

/* 02 Headings
-------------------------*/
.lato{

   font-family: Futura, sans-serif;
    font-weight: 100 !important;

}


h2.lato{ line-height: 40px;}

.blue , span.lato.blue ,  span.blue{color: var(--color-primary)!important;}
.blue2{ color: #3D7CC9;}
.blue-light{ color: var(--color-secondary)!important;}
.grey-light{ color: #CFCFCF;}
.line{content: "";
    display: block;
    position: inherit;
    height: 1px;
    width: 80%;
    background: #CFCFCF;
    transition: width 0.25s ease;
	margin: 5% 0px; text-align: center; vertical-align: middle;
}



hr.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .5;
	}
	
.hr-text:before {
  content: '';
  background: linear-gradient(to right, transparent, #818078, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 .5em;
  line-height: 1.5em;
  color: #818078;
  background-color: #fcfcfa;
}



/* 03 Cifras
-------------------------*/

.our-awards ul li figure {
    width: 100%;
    margin-bottom: 40px;
    padding: 0 2%;
    border-right: 1px solid rgba(40, 40, 40, 0.1);
}

.our-awards ul li .odometer {
    font-size: 30px;
    font-weight: 400; display: inherit; position: inherit;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------
03.5 hitos
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.works ul li {}
.img-hitos img{ max-height: 150px; overflow: hidden; padding-right: 20px; padding-top: 5px; padding-bottom: 40px}
.img-hitos li { max-height: 294px;overflow: hidden;}

/* 04 hotspots
-------------------------*/

.always-popup .point {
    z-index: 1;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
05 sections blog
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.section-padding-meddium{padding: 80px 0;}
.section-padding-big{padding: 150px 0;}



.blog .sidebar {
    border: 1px solid rgba(40, 40, 40, 0);
	border-left: 1px solid rgba(40, 40, 40, 0.1);
 
}

.blog .sidebar .widget .title {
   font-weight: 500;
    font-style: normal;
    font-size: 26px;
    color: var(--color-primary) !important;
    line-height: 25px;
	text-transform: none;
    letter-spacing: 0px;
	
	margin-top: 20px;
    padding-top: 20px;
	
	
	margin-bottom: 1px;
    padding-bottom: 10px;
}

.blog .sidebar .widget .subtitle {
  
  text-transform: none;
    line-height: 20px;
    letter-spacing: 0px;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    color:var(--color-secondary) !important;}

.blog .sidebar .widget .title:after {
    content: none;
    width: 30%;
    height: 3px;
    background: var(--color-primary) ;
    position: absolute;
    left: -25px;
    bottom: 0;
}


.blog .sidebar .widget .title:before {
    content: "";
    width: 30%;
    height: 3px;
    background: var(--color-primary) ;
    position: absolute;
    left: -25px;
    top: 0px;
}
.blue-line  {
margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    width: 80px;
    border-bottom-width: 3px;
    border-bottom-color: #3eb1c8;
}


img.img-w-100{width: 100%}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
06 aside blog
------------------------------------------------------------------------------------------------------------------------------------------------------*/


.blog .sidebar .widget .graficos {

  margin: 0;
  padding: 0;
}
.blog .sidebar .widget .graficos li {

  margin: 0;
  padding: 3px 0;
  list-style: none;
}
.blog .sidebar .widget .graficos li:before {

}

.blog .sidebar .widget .graficos li figure {width: 75px;}


.blog .sidebar .widget .graficos li span {

  opacity: 0.5;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------
07 blockquote
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.has-pullquote{background: url(../../../images/openquote.gif) top right no-repeat;}
.has-pullquote p:first-letter {
			font-size: 39px;
			font-weight: bold;
		}

.has-pullquote:before {
	/* Reset metrics. */
	padding: 0;
	border: none;
	
	/* Content */
	content: attr(data-pullquote);
	
	/* Pull out to the right, modular scale based margins. */
	float: right;
	width: 20%;
	margin: 12px 1% 24px 10%;
	
	/* Baseline correction */
	position: relative;
	top: 5px;
	
	/* Typography (30px line-height equals 25% incremental leading) */
	font-size: 23px;
	line-height: 30px;
	
}

.pullquote-left:before {
	float: left;
	margin: 12px 31px 24px -102px;
	
	width: 251px;
}


.pullquote-adelle:before {
 color:var(--color-primary) ;
	font-weight: 100;
	top: 10px !important;
}

.pullquote-helvetica:before {
	
	font-weight: bold;
	
	top: 7px !important;
}

.pullquote-facit:before {

	font-weight: bold;
	
	top: 7px !important;
}

.wp-caption { background: #f7f7f7; padding:17px; text-align: center; border: 1px solid  rgba(178,178,178,0.2); max-width: 40%; }
.wp-caption figcaption {padding: 18px 25px 0 25px;}
.wp-caption img {width: 100%}
.wp-caption.alignnone { margin: 5px 30px 40px 0;}
.wp-caption.alignleft {margin: 5px 40px 30px 0; }
.wp-caption.alignright { margin: 5px 0 40px 30px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }




/* ------------------------------------------------------------------------------------------------------------------------------------------------------
08 cr / en el sector
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.section.portfolio .filters {
  text-align: center;
  margin-top: 10px;
}
.section.portfolio .filters ul {
  padding: 10% 0px;
}
.section.portfolio .filters ul li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 10px 20px;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 5px;
  letter-spacing: 1px;
}
.section.portfolio .filters ul li:after {
  content: '';
  display: block;
  width: calc(0% - 60px);
  position: absolute;
  height: 2px;
  background: #333;
  transition: width 350ms ease-out;
}
.section.portfolio .filters ul li:hover:after {
  width: calc(100% - 60px);
  transition: width 350ms ease-out;
}
.section.portfolio .filters ul li.active:after {
  width: calc(100% - 60px);
}

.section.portfolio .filters-content .show {
  opacity: 1;
  visibility: visible;
  transition: all 350ms;
}
.section.portfolio .filters-content .hide {
  opacity: 0;
  visibility: hidden;
  transition: all 350ms;
}
.section.portfolio .filters-content .item {

  text-align: left;
  /* cursor: pointer; */
  margin-bottom: 30px;
  /* border for the image and content */
  /* border: 2px solid blue; */
}


.section.portfolio .filters-content {
  margin-top: 0px; padding: 0px 5%
}

.section.portfolio  .item{ background-color: white;}
.section.portfolio .filters-content .item .p-inner {
  padding: 10px 20px 40px 20px;
}

.section.portfolio  .item .p-inner p , .section.portfolio  .item .p-inner h3{ padding: 0px 5%}
.section.portfolio  .item .p-inner h3 {
  font-size: 18px;
  color: #888;
  margin: 5px 0 0 0;
  font-weight: bold;
}

.section.portfolio  .item .p-inner  strong{ font-weight: 800}

.section.portfolio  .item .p-inner p {
  font-size: 0.9em;
  color: #888;
  margin: 5px 0 0 0;
  font-weight: 100; 
}
.section.portfolio .filters-content .item .p-inner .cat {
  font-size: 24px;
  margin: 0;
  padding: 10px;
  text-align: left;
}
.section.portfolio .filters-content .item img {
  width: 100%;
 margin-bottom: 5px; 
}
.after-click {
  color: #87ceeb;
  font-weight: bold;
}
.project-view a {
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 1px;
  color: #808080;
}

.after-click {
  color: #87ceeb;
  font-weight: bold;
}

.project-view {
  display: block;
  width: 60%;
  margin: 5px auto;
  padding: 10px;
  border: 1px solid #888;
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.project-view a:hover {
  color: #c0c0c0;
}
/* end of the portfolio page styling   */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------
09 footer
------------------------------------------------------------------------------------------------------------------------------------------------------*/


.footer .sub-footer { vertical-align: bottom
}
.footer .sub-footer ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 1px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
}
.footer .sub-footer ul li a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0px;
  height: 1px;
  width: 0;
  background: #282828;
  transition: width 0.25s ease;
}
span.copyright{ color:#7E7E7E;  height: auto;position: absolute; float:right; bottom:10px; right:0px;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------
10 team
------------------------------------------------------------------------------------------------------------------------------------------------------*/

p.ajusta-inner-p{margin-bottom: 50px;}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------
20 responsive
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px){
.footer .sub-footer ul {
    margin-bottom: 10px;
}
	
	
	
	}

@media screen and (max-width: 700px) {
	
	.navigation-menu .inner .side-menu ul li a {
    font-size: 6vw;
    color: #fff;
    font-weight: 400;
}
	
	.section-padding-big {padding: 20px 0;}
	.section-padding-meddium {
    padding: 10px 0;
}

	.timeline > li > .timeline-panel {
    width: 100%;
    float: none;
  display: block;
}
	
	.timeline > li > .timeline-badge { display:none;}
	.timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
    margin-top: 30px;
}
	
	span.copyright {
    color: #7E7E7E;
    height: auto;
    position: relative;
    float: none;
     margin-bottom: 10px;
}
	
	.uk-card { margin: 10px;}
	
	.img-hitos img {
    max-height: inherit;
		display: block;
		width: 100%;
    overflow: hidden;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 10px;
}
	
	
	
	.post-sticky .post-content {
    width: 100%;
    margin: 0;
    position: relative;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 20px;
    padding-right: 0%;
		background-color: #5079c9;
}
	
	
	
	.post-sticky .post-content .h2, .post-sticky .post-content h2 {
    font-size: 1rem;
}
	
	.post-sticky .post-content .post-title {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 1em;
		line-height: 1em;
}
	
	h2.lato {
    line-height: 1.2em;
}

	.blog .sidebar {margin-top: 0px;    border: 0px solid rgba(40, 40, 40, 0);
    border-left: 0px solid rgba(40, 40, 40, 0);}
	
	.team {
    padding: 10px 0;

}
	
	.footer .sub-footer {
  
    margin-top: 0px;
  
}
	/* ******************/
	}