@charset "UTF-8";
/* Basic */
body, input, select, textarea {
	color: #444;
	font-family: "Lato", Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: 300;
	line-height: 1.65em;
	z-index: 1;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

strong, b {
	color: #666;
	font-weight: 400;
}

em, i {
	font-style: italic;
	text-align: center;
}

p {
	margin: 0 0 2px 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-weight: 300;
	line-height: 1em;
	margin: 0 0 1em 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}

h2 {
	font-size: 1.75em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.35em;
	line-height: 1.5em;
}

h4 {
	font-size: 1.1em;
	line-height: 1.5em;
}

h5 {
	font-size: 0.9em;
	line-height: 1.5em;
}

h6 {
	font-size: 0.7em;
	line-height: 1.5em;
}

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

progress::-webkit-progress-bar {
	border-radius: 100%;
}

button {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px 30px;
	border: 1px solid #035;
	border-radius: 4px;
	-webkit-transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
	transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
	color: #035;
	line-height: 21px;
	font-weight: 300;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
}

i {
	color: #035;
}


.bottton-blue{
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px 30px;
	border: 1px solid #035;
	border-radius: 4px;
	-webkit-transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
	transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
	color: #035;
	line-height: 21px;
	font-weight: 300;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
}

.bottton-white {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px 30px;
	border: 1px solid #fff;
	border-radius: 4px;
	-webkit-transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
	transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
	color: #fff;
	line-height: 21px;
	font-weight: 300;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
}

.current {
	border-bottom:  1px solid #e7e7e7;
}


/* Section/Article */

section.special, article.special {
	text-align: center;
}

header p {
	position: relative;
	margin: 0 0 1.5em 0;
}

header h2 + p {
	font-size: 1.25em;
	margin-top: -1em;
	line-height: 1.5em;
}

header h3 + p {
	font-size: 1.1em;
	margin-top: -0.8em;
	line-height: 1.5em;
}

header h4 + p,
header h5 + p,
header h6 + p {
	font-size: 0.9em;
	margin-top: -0.6em;
	line-height: 1.5em;
}

header.major {
	text-align: center;
	margin-bottom: 3em;
}

header.major h2 {
	font-size: 3em;
}

header.major p {
	border-top: medium double rgba(144, 144, 144, 0.25);
	display: inline-block;
	padding: 2em 2em 0 2em;
}

/* Header */
body.landing {
	z-index: 1;
	background-color: "#FFF";
}


body.landing #header {
	background: linear-gradient(rgba(38, 38, 38, 0.58), rgba(38, 38, 38, 0.58));
	left: 0;
	position:  fixed;
	top: 0;
}

/* ********************************************************** */
/* *********************    Menu    ************************* */
/* ********************************************************** */

#loading-mask {
	background: #fff;
	height: 100%;
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9999999;
}

.loading-img {
	height: 100%;
	left: 0;
	position: fixed;
	top: 50%;
	width: 100%;
}

.position-relative{
	position: relative !important;
}



/* *************************************************************************** */
/* *********************    Banner-slider  *********************************** */
/* *************************************************************************** */

#banner {
	position: relative;
	background-image: -webkit-linear-gradient(right, rgba(0, 50, 84, .76), rgba(0, 50, 84, .58));
	background-image: -o-linear-gradient(right, rgba(0, 50, 84, .76), rgba(0, 50, 84, .58));
	background-image: linear-gradient(to left, rgba(0, 50, 84, .76), rgba(0, 50, 84, .58));
	background-position: 0px 0px, 50% 50%;
	background-size: auto, cover;
	background-attachment: scroll, fixed;
	color: #ffffff;
	padding: 1em 0em 1em;
	text-align: center;
	display: table;
	height: 100%;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
}


img{
	max-width: 100%;
}

.slide {
  position: relative;
  margin: 5rem auto;
  width: 100%;
  height: 35em;
}

.slide ul li {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  list-style: none;
	height: 100%;
	margin: 0 auto;
}

.slide ul li .item {
	height: 100%;
	margin: 0 2em 0 2em;
	padding:  10em  0 2em 0;
}


.slide ul li h3, h2, h1  {
	color: #ffffff;
	font-size: 2.5em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

.slide ul li p  {
	width: 80%;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1em;
	margin: 2em auto;
	padding: 0;
}

.slide ul li .actions {
	margin: 3em 0 3em 0;
}

.slide ul li .button {
	background-color: transparent;
	border: 1px solid #ffffff;
	font-weight: 300;
}

.slide ul li .button:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.slide .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.2rem;
  width: 100%;
  z-index: 3;
  text-align: center;
}

.slide .dots li {
  display: inline-block;
  margin: 0 10px;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
  opacity: 0.4;
	cursor: pointer;
	transition: background .5s, opacity .5s;
  list-style: none;
}

.slide .dots li.active {
  background: #fff;
	opacity: 1;
}

.slide .arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background .5s, opacity .5s;
}

.slide .arrow .arrow-left,
.slide .arrow .arrow-right {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  opacity: 0.5;
	transition: background .5s, opacity .5s;
}

.slide .arrow  .arrow-left:hover,
.slide .arrow  .arrow-right:hover {
  opacity: 1;
}

.slide .arrow .arrow-left {
  left: 20px;
  /*background: url("../img/arrow-left.png");*/
}

.slide .arrow .arrow-right {
  right: 20px;
  /*background: url("../img/arrow-right.png");*/
}

/* ********************************************************** */
/* *********************    Menu    ************************* */
/* ********************************************************** */
	header.navbar {
		position: relative ;
		height:3em;
		background-color:#ffffff ;
		color: #202222;
		cursor: default;
		width: 100%;
		border-bottom:  1px solid #e7e7e7;

	}

		header.nav-fixed {
			position: fixed ;
			height:3em;
			background-color:#ffffff ;
			color: #202222;
			cursor: default;
			width: 100%;
			border-bottom:  1px solid #e7e7e7;		z-index: 1;
		}

				header.navbar.menu-scroll, header.nav-fixed.menu-scroll{
						margin: 0px;
						padding-top: ;
						padding-bottom: 0px;
						position: fixed !important;
						top: 0;
						left: 0;
						right: 0;
						height:3em;
						z-index: 1;
				}

					header.navbar div.navbar-header, header.nav-fixed div.navbar-header {
						text-align: left;
						position: absolute;
						padding-top: 0.5em;
						bottom: 1em;
						left: 5em;
					}

					header.navbar div.navbar-header a,  header.nav-fixed div.navbar-header a{
						direction: rtl;
						color: #035;
						font-size: 0.8em;
						font-style: normal;
						font-weight: 300;
						text-align: center;
						letter-spacing: 5px;
						text-decoration: none;
						text-transform: uppercase;
						margin-bottom: 1em;
					}

					header.navbar nav, header.nav-fixed nav {
						float:right;
						position: absolute;
						right:1em;
						left:0;
						bottom: 1em;
						height: 2em;
						padding-top: 0.5em;
						text-align: right;
						vertical-align: middle;
					}

						header.navbar nav > ul, header.nav-fixed nav > ul {
							list-style: none;
							margin: 0;
							padding-left: 0;
						}

							header.navbar nav > ul > li, header.nav-fixed nav > ul > li {
								display: inline-block;
								margin-left: 1.5em;
								padding-left: 0.5em;
								padding-right: 0.5em;
							}

								header.navbar nav > ul > li a, header.nav-fixed nav > ul > li a {
									-moz-transition: color 0.2s ease-in-out;
									-webkit-transition: color 0.2s ease-in-out;
									-o-transition: color 0.2s ease-in-out;
									-ms-transition: color 0.2s ease-in-out;
									transition: color 0.2s ease-in-out;
									color: #003254;
									text-align: center;
									display: inline-block;
									text-decoration: none;
									text-transform: uppercase !important;
									font-size: 0.8em;
								}

									header.navbar nav > ul > li a:hover, header.nav-fixed nav > ul > li a:hover {
										color: #003254;
									}

								header.navbar nav > ul > li:first-child, header.nav-fixed nav > ul > li:first-child {
									margin-left: 0;
								}

								header.navbar nav > ul > li .button, header.nav-fixed nav > ul > li {
									height: 2.25em;
									line-height: 2.25em;
									margin-bottom: 0;
									padding: 0 1em;
									position: relative;
									top: -0.075em;
									vertical-align: middle;
								}



/* *************************************************************************** */
/* ***************************    wrapper  *********************************** */
/* *************************************************************************** */

.wrapper {
	padding: 3em 0em 3em;
}

/* Contenedor blanco principal */
.wrapper.white  {
	border-bottom: 1px solid rgba(144, 144, 144, 0.25) ;
	background: #fff;
}

.wrapper.white .title, .wrapper.style2 header {
	padding-bottom: 0.5em;
}

.wrapper.white header {
	margin-top: 3em;
	margin-bottom: 3em;
}

.wrapper.white  header h2 {
	direction: rtl;
	color: #035;
	font-size: 2em;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	letter-spacing: 5px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.wrapper.white header p {
	display: block;
	color: #035;
	font-size: 1.1em;
	font-weight: 300;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.wrapper.white div.row section i{
	height: 92.38px;
	width: 150px;
}

.wrapper.white .feature {
	margin: 0 0 2em 0;
	text-align: center;
	color: rgba(0, 50, 84, .76);
}

.wrapper.white .feature h2 {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase !important;
	font-size: 1em;
}


.wrapper.white .feature p {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	text-transform: none !important;
	font-size: 0.9em;
}

.wrapper.white section div.box {
	text-align: center ;
	color: rgba(0, 50, 84, .76);
	padding: 2em;
	height: 520px;
	min-height: auto;
	max-height: auto;
	width: 370px;
	margin: 1em auto;
	border:1px solid rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
	-ms-box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
	-o-box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.43);
}

.wrapper.white section div.box  h2 {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase !important;
	font-size: 1em;
}

.wrapper.white section div.box  p {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	text-transform: none !important;
	font-size: 0.9em;
}

.wrapper.white section div.box  a{
	margin: 0.5em 0;
}

.wrapper.white  div.actions  {
	margin-top: 1em;
	text-align: center;
}
/*wrapper.white section.feature div.content p*/
.wrapper.white section.feature div.content h2  {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase !important;
	font-size: 1em;
}

.wrapper.white section.feature div.content p  {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	text-transform: none !important;
	font-size: 0.9em;
}


/* Contenedor gris que es el secundario */

.wrapper.gray  {
	background-color: #dadada;
	border-bottom: 1px solid rgba(144, 144, 144, 0.25) ;
}

.wrapper.gray .title, .wrapper.style2 header {
	padding-bottom: 0.5em;
}

.wrapper.gray header {
	margin-bottom: 1em;
}

.wrapper.gray  header h2 {
	direction: rtl;
	color: #035;
	font-size: 2em;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	letter-spacing: 5px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.wrapper.gray header p {
	display: block;
	color: #035;
	font-size: 0.5em;
	font-weight: 300;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
}


.wrapper.gray .feature {
	margin: 1em 0 0 0;
	text-align: center;
	color: rgba(0, 50, 84, .76);
}

.wrapper.gray section.feature  img.img {
	height: 20em;
	margin-left: 9em;
}

.wrapper.gray header div.navy-line {
	width: 60px;
	height: 1px;
	margin: 10px auto 0;
	border-bottom: 2px solid #262626;
}

.wrapper.gray section.feature  h2 {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase !important;
	font-size: 1.5em;
}

.wrapper.gray section.feature  h3 {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase !important;
	font-size: 1em;
}


.wrapper.gray section.feature  p, .wrapper.gray section.feature div.content p {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-align: left;
	display: inline-block;
	text-decoration: none;
	text-transform: none !important;
	font-size: 0.9em;
}

.wrapper.gray section.feature  a {
	margin-top: 2em;

}

.wrapper.gray section.feature div.content, .wrapper.white section.feature div.content {
	padding:1em;
	width: 100%;
}

.wrapper.gray section.feature div.content div.row {
	margin: 0em;
	padding: 0.8em;
}

.wrapper.gray  div.row p{
	text-align: center;
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #003254;
	text-decoration: none;
	text-transform: none !important;
	font-size: 0.9em;
}

.wrapper.gray  div.row div.circle{
	left: 4em;
	right: 4em;
	top: 1em;
	bottom: 0em;
	text-align: center;
	width: 50%;
	height: 50%;
	position: relative;
}

/* Contenerdor tres de imagenes */

		section.wrapper.img  {
			border-bottom: 4px solid #035;
			border-top:4px solid #035;
		}

		section.wrapper.img div.container  {
			padding: 2em;
		}

		section.wrapper.img.one{
			background-image: -webkit-linear-gradient(right, rgba(0, 50, 84, .76), rgba(0, 50, 84, .58));
			background-image: -o-linear-gradient(right, rgba(0, 50, 84, .76), rgba(0, 50, 84, .58));
			background-image: linear-gradient(to left, rgba(0, 50, 84, .76), rgba(0, 50, 84, .58));
			background-position: 0px 0px, 50% 50%;
			background-size: auto, cover;
			background-attachment: scroll, fixed;
		}

				section.wrapper.img.one  header h2 {
					direction: rtl;
					color: #FFF;
					font-size: 1.5em;
					font-style: normal;
					font-weight: 300;
					text-align: center;
					letter-spacing: 5px;
					text-decoration: none;
					text-transform: uppercase;
					margin-bottom: 5em;
				}

				section.wrapper.img i {
					margin-top: 0em;
					display: block;
					width: 3em;
					margin-right: auto;
					margin-left: auto;
					padding-bottom:0.9em;
					padding-top: 0.9em;
					font-size: 2em;
					color: #FFF;
					border: 10px none #003254;
					border-radius: 100%;
					background-color: transparent;
					box-shadow: 0 0 0 2px #fff;
				}


				section.wrapper.img  p {
					margin-top: 2em;
					margin-right: auto;
					margin-left: auto;
					-moz-transition: color 0.2s ease-in-out;
					-webkit-transition: color 0.2s ease-in-out;
					-o-transition: color 0.2s ease-in-out;
					-ms-transition: color 0.2s ease-in-out;
					transition: color 0.2s ease-in-out;
					color: #FFF;
					text-align: center;
					display:block;
					text-decoration: none;
					text-transform: uppercase !important;
					font-size: 1.5em;
			}


/* *************************************************************************** */
/* ********************    Equipo de trabajo   ******************************  */
/* *************************************************************************** */

.portfolio {
	text-align: center;
}

.portfolio-filter {
	margin-bottom: 15px;
}

.portfolio-filter ul li {
	display: inline;
}

.portfolio-filter ul li a {
	background: none repeat scroll 0 0 #f7f7f7;
	border-radius: 4px;
	color: #035;
	display: inline-block;
	font-family: 'LatoRegular',sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 10px 22px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out 0s;

}

.portfolio-item-hb{
	max-height: 100em;
	height: auto;
	overflow: hidden;
	padding-left: 4em;
}

.about-team {
    color: #035;
    padding-bottom: 40px;

}

.about-team .title h1 {
    color: #035;
}

.team-mate {
	margin-left: 1em;
	margin-bottom: 1em;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0px 10px 25px -10px rgba(0, 0, 0, 0.43)
}

.member-photo {
	overflow: hidden;
	position: relative;
}

.member-photo img {
	-webkit-transition: all 0.6s ease 0s;
	   -moz-transition: all 0.6s ease 0s;
		 -o-transition: all 0.6s ease 0s;
			transition: all 0.6s ease 0s;
}

.member-photo:hover img {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		 -o-transform: scale(1.2);
			transform: scale(1.2);
}

.member-title {
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 10px 15px;
}


.member-photo .mask {
    background-color: rgba(0, 50, 84, .76);
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 600ms ease-out 0s;
	   -moz-transition: all 600ms ease-out 0s;
		 -o-transition: all 600ms ease-out 0s;
		    transition: all 600ms ease-out 0s;

	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);
}

.member-photo:hover .mask {
    cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.team-mate h3 {
	font-family: Ubuntu,sans-serif;
	font-size: 20px;
	margin: 0 0 5px;
	color: #035;
}

.team-mate span {
	color: #035;
}

.member-info {
	padding: 15px;
}

.mask ul {
    text-align: center;
    position: relative;
    top: 125px;
}

.mask ul li {
    display: inline-block;
    margin-right: 15px;
}

.mask ul li a {
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff ;
		background-color: #FFF;
		display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

.mask ul li a:hover  {
		color: #fff !important;
    border: 1px solid transparent;
}


/* *************************************************************************** */
/* ********************   Portfolio de trabajo  *****************************  */
/* *************************************************************************** */

.og-grid li.mix {
	padding: 0 0 3px 3px;
}

.og-grid .mix > a {
	display:block;
	overflow:hidden;
	position:relative;
}

.og-grid .mix a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
	max-width: 100%;
	height: 225px;
	width: 281.5px;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}

.og-grid .mix a:hover img {
	-webkit-transform: scale(1.4) rotate(15deg);
	-moz-transform: scale(1.4) rotate(15deg);
	-ms-transform: scale(1.4) rotate(15deg);
	-o-transform: scale(1.4) rotate(15deg);
	transform: scale(1.4) rotate(15deg);
}

.hover-mask {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 50, 84, .76);

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 600ms ease-out 0s;
	-moz-transition: all 600ms ease-out 0s;
	-o-transition: all 600ms ease-out 0s;
	transition: all 600ms ease-out 0s;

	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	-moz-transform: rotateY(180deg) scale(0.5,0.5);
	-ms-transform: rotateY(180deg) scale(0.5,0.5);
	-o-transform: rotateY(180deg) scale(0.5,0.5);
	transform: rotateY(180deg) scale(0.5,0.5);
}

.hover-mask h3 {
	text-align: center;
	color: #ffffff;
	font-size: 22px;
	position: relative;
	text-transform: uppercase;
	top: 30px;
}

.hover-mask p {
	text-align: center;
	color: #ffffff;
	font-size: 13px;
	position: relative;
	text-transform: uppercase;
	top: 20px;
}

.hover-mask ul {
	left: 0%;
	top: 72%;
	width: 100%;
	position: absolute;
	text-align: center;
}

.hover-mask ul li {
	height: 45px;
	width: 45px;
	border: 2px solid #ffffff;
	border-radius: 50px;
	display: inline-block;
	padding: 5px 0;
	text-align: center;
	margin-left: 0.2em;
}

.hover-mask ul li span {
	font-size: 8px;
}

.hover-mask ul li span i {
	color: #ffffff;
}

.og-grid .mix a:hover .hover-mask {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: rotateY(0deg) scale(1,1);
	-moz-transform: rotateY(0deg) scale(1,1);
	-ms-transform: rotateY(0deg) scale(1,1);
	-o-transform: rotateY(0deg) scale(1,1);
	transform: rotateY(0deg) scale(1,1);
}

.timeline {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
	margin-top: 20px;
}

.li {
  transition: all 200ms ease-in;
}


.status, .start {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}
.status h4, .start  {
  font-weight: 300;
	margin-top: 2em;
}

.start:before {
  content: "";
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  left: 0%;
  transition: all 200ms ease-in;
}


.status:before {
  content: "";
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  left: 42%;
  transition: all 200ms ease-in;
}

		.price-box {
			 border-radius: 4px;
			 text-align: center;
			 padding: 30px;
			 background: #fff;
			 -webkit-border-radius: 5px;
			 -moz-border-radius: 5px;
			 -ms-border-radius: 5px;
			 border-radius: 5px;
			 margin-bottom: 40px;
			 position: relative;
			 -webkit-box-shadow: 9px 14px 20px 0px rgba(231,231,231,0.75);
			 -moz-box-shadow: 9px 14px 20px 0px rgba(231,231,231,0.75);
			 box-shadow: 9px 14px 20px 0px rgba(231,231,231,0.75);
		}

			.price-box .classes {
		 		padding: 0;
			}

			.price-box .classes li {
				 display: block;
				 list-style: none;
				 margin: 0;
				 font-size: 16px;
				 padding: 8px 10px;
			}

			.price-box .classes li.color {
			  background: rgba(0, 0, 0, 0.04);
			}

			.price-box .bottton-blue {
				margin-top: 0.5em ;
			}

			.pricing-plan {
				 margin: 0 0 1rem 0;
				 padding: 0;
				 font-size: 20px;
				 letter-spacing: 2px;
				 text-transform: uppercase;
				 font-weight: 300;
				 color: #035;
			}


/* *************************************************************************** */
/* *****************************  Experiencia   ****************************** */
/* *************************************************************************** */

.line {
	height: 15px;
}

/* *************************************************************************** */
/* *****************************  footer   ****************************** */
/* *************************************************************************** */

#footer.wrapper.white section ,
#footer.wrapper.white section >  div.content  {
	color: #035;
	text-align: center;
}


/* *************************************************************************** */
/* ********************    Figuras Geometricas  ****************************** */
/* *************************************************************************** */


/* Diamante +*/

.diamond {
	position: relative;
	width: 160px;
	height: 92.38px;
	background-color: transparent;
	margin: 46.19px auto 60px;
	padding: 1em 0;
	border-left: solid 3px rgba(0, 50, 84, .76);
	border-right: solid 3px rgba(0, 50, 84, .76);
	border-radius: 3%;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);

	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;

	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	-o-transition-property: transform;
	transition-property: transform;
}

.diamond:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}

.diamond:before,
.diamond:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 113.14px;
	height: 113.14px;
	background-color: inherit;
	left: 20.4315px;
	border-radius: 5%;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-moz-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	-o-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
}

.diamond:before {
	top: -56.5685px;
	border-radius: 5%;
	border-top: solid 4.2426px rgba(0, 50, 84, .76);
	border-right: solid 4.2426px rgba(0, 50, 84, .76);
}

.diamond:after {
	bottom: -56.5685px;
	border-radius: 5%;
	border-bottom: solid 4.2426px rgba(0, 50, 84, .76);
	border-left: solid 4.2426px rgba(0, 50, 84, .76);
}

/*Rombos */

#rombo .contenido{
	border-radius:10px;
	background-color:#035;
	padding:0;
	width:200px;
	height:200px;
	margin:auto;
	text-align:center;
	display:block;
	border:5px solid white;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	transition: transform  0.1s cubic-bezier(0, 1.8, 1, 1.8);
}

#rombo {
	padding:41.42px;
	float:left;
}

#rombo .contenido:hover{
	transform:rotate(45deg) scale(1.005) translateX(-0.5px);
	background-color:rgba(0, 50, 84, .76);
	box-shadow:10px 10px 50px rgba(0, 50, 84, .76) inset, -10px -10px 50px rgba(0, 50, 84, .76) inset;
}

#rombo .contenido .texto {
	border-radius:4px;
	font-family: Verdana;
	color:white;
	position: relative;
	overflow:hidden;
	padding:20px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	font-size:1vw;
	text-transform:uppercase;

}


#counter {
	padding: 70px 0;
}

.counters-item {
	text-align: center;
	color: #035;
	padding-bottom: 30px;
}

.counters-item > div {
	margin: 10px 0;
}

.counters-item span {
	display: inline;
	font-family: Oswald, sans-serif;
	font-size: 35px;
	line-height: 50px;
}

.counters-item i {
	margin-bottom: 15px;
}

.counters-item h3 {
	color: #035;
	font-size: 20px;
	margin: 0;
}