/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,900);
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic');
/* --- pe-icon-7-stroke --- */
@import url('pe-icon-7-stroke.css');
@import url('helper.css');



/* Inicio Seccion 4*/
.section4{
  width: 100%;
  display: grid;
}

.pag1-section4{
  text-align: center; 
  margin: auto;
  display: grid; 
  grid-template-rows: 1fr ;
  grid-template-columns:  1fr;
   grid-gap: 1px;
 
}

.pag1-section4-div1{
  grid-row:1/2; 
  grid-column: 1/2;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: 100px 2fr 1fr;
  grid-template-rows: 1fr;
   padding: 1px;

}

.pag1-section4-div1-div0{
  grid-row:1/2; 
  grid-column: 1/2;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
}
/*seccion quienes somos*/
.pag1-section4-div1-div1{
  grid-row:1/2; 
  grid-column: 2/3;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
}


/*pareja*/
.pag1-section4-div1-div2{
  grid-row:1/2; 
  grid-column: 3/4;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}






/* Inicio Seccion 3*/
.section3{
  width: 100%;
  display: grid;
}

.pag3-section3{
  /*width: 85%; */
  text-align: center; 
  margin: auto;
  display: grid; 
  grid-template-rows: 1fr;
  grid-template-columns:  1fr 1fr;
 
}

.pag3-section3-div1{
  grid-row:1/2; 
  grid-column: 1/2;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: auto;

}
/* lado izquierdo del cuadrado */
.pag3-section3-div1-div1{
  grid-row:1/2; 
  grid-column: 1/2;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: auto;
  grid-template-rows: auto;

}

/* cuadrado */
.pag3-section3-div1-div2{
  grid-row:1/2; 
  grid-column: 2/3;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: auto;
  grid-template-rows: auto;

}


.pag3-section3-div2{
  grid-row:1/2; 
  grid-column: 2/3;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: auto;
  grid-template-rows: auto;
  
}





/* FIN Seccion 3*/

/* Inicio Seccion 0*/
.section2{
  width: 100%;
  display: grid;
}

.pag2-section1 {
  /*width: 85%; */
  text-align: center; 
  margin: auto;
  display: grid; 
  grid-template-rows: 1fr 1fr;
  grid-template-columns:  auto;
 

}

.pag2-section2-div1{
  grid-row:1/2; 
  grid-column: 1/2;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: auto;
  grid-template-rows: auto;

}


.pag2-section2-div2{
  grid-row:2/3; 
  grid-column: 1/2;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: auto;
  grid-template-rows: auto;
  margin-top: 0;

}





/* FIN Seccion 0*/


/* Inicio Seccion 1*/

.section1{
  width: 100%;
  display: grid;
}

.pag1-section1 {
  /*width: 85%; */
  text-align: center; 
  margin: auto;
  display: grid; 
  grid-template-rows: auto;
  grid-template-columns: 100px 2fr 2fr;
 

}

.pag1-section1-div0{
  grid-row:1/2; 
  grid-column: 1/2;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: auto;
  grid-template-rows: auto;

}


.pag1-section1-div1{
  grid-row:1/2; 
  grid-column: 2/3;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: auto;
  grid-template-rows: auto;
  margin-top: 0;

}

.pag1-section1-div2{
  grid-row:1/2; 
  grid-column: 3/4;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: auto;
  grid-template-rows: auto;

}

@media screen and (max-width: 900px){
		.pag1-section1 {
		  /*width: 85%; */
		  text-align: center; 
		  margin: auto;
		  display: grid; 
		  grid-template-rows: auto;
		  grid-template-columns: auto;
		 	}
		 	.pag2-section2{
		  /*width: 85%; */
		  text-align: center; 
		  margin: auto;
		  display: grid; 
		  grid-template-rows: auto;
		  grid-template-columns: auto;
		 	}
		 	

	/* Inicio Seccion 3*/


		.pag3-section3{
		  /*width: 85%; */
		  text-align: center; 
		  margin: auto;
		  display: grid; 
		  grid-template-rows:  1fr;
		  grid-template-columns:   1fr;
		 
		}

		.pag3-section3-div1{
		  grid-row:1/2; 
		  grid-column: 1/2;
		  text-align: center;
		  display: grid;
		  align-items: center;
		  grid-template-columns: 8fr 1fr;
		  grid-template-rows: auto;

		}



		/* lado izquierdo del cuadrado */
		.pag3-section3-div1-div1{
		  grid-row:1/2; 
		  grid-column: 1/2;
		  text-align: center;
		  display: grid;
		  align-items: center;
		  grid-template-columns: auto;
		  grid-template-rows: auto;

		}

		/* cuadrado */
		.pag3-section3-div1-div2{
		  grid-row:2/3; 
		  grid-column: 1/2;
		  text-align: center;
		  display: grid;
		  align-items: center;
		  grid-template-columns: auto;
		  grid-template-rows: auto;

		}
 	

}

/* FIN Seccion 1*/


.div-part1{
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows:  40% 30% auto auto auto  ;
	/*width: 80%;
	padding: 20px;
	border: 1px solid black;*/
	margin: 0 auto;
	
	
	justify-content: stretch;
}


.caja{
	/*width: 150px;
	height: 150px;
	margin: 15px;*/
	
	
	text-align: center;
	line-height: 15px;	  
}

.c1{
	grid-column: 1/3;
	 justify-content: center;


	
}

.c2{
	grid-column: 1/3;
	
}

.c3{
	
	grid-column: 1/2;
	



	
}

/*.c4{
	grid-column-start: 2;
	grid-row-start: 3;
	 grid-row-end: 3;


	background-color: blue;
	
}

.c5{
	grid-column: 1/2;
	
}

.c6{
	grid-column: 1/2;
	
}*/





body {
	width: 100%;
	height: 100%;
	font-family: 'Lato',sans-serif;
	font-weight: 300;
	color: #666;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.6em;
}

html {
	width: 100%;
	height: 100%;
}

h1 {
	font-size: 38px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 32px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 24px;
}
h6 {
	font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #111;
}

h1.h-xlight,h2.h-xlight,h3.h-xlight ,h4.h-xlight ,h5.h-xlight ,h6.h-xlight  {
	font-weight: 200;
}

h1.h-light,h2.h-light,h3.h-light ,h4.h-light ,h5.h-light ,h6.h-light  {
	font-weight: 300;
}

h1.h-bold,h2.h-bold,h3.h-bold ,h4.h-bold ,h5.h-bold ,h6.h-bold  {
	font-weight: 600;
}

h1.font-light,h2.font-light,h3.font-light,h4.font-light,h5.font-light,h6.font-light {
	color: #fff;
}

.big-heading {
	font-size: 48px;
	font-weight: 700;
}

p {
	margin: 0 0 20px;

}

p.lead {
	font-weight: 600;
}

.highlight-light {
	background-color: rgba(255,255,255,.5);
	padding: 20px;
	display: inline-block;
	color: #111;
}

.highlight-dark {
	background-color: rgba(0,0,0,.5);
	padding: 20px;
	display: inline-block;
	color: #fff;
}

.highlight-color {
	padding: 20px;
	display: inline-block;
}

a {
	color: green;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover,
a:focus {
	text-decoration: none;
	color:blue;
}

.whatsapp {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
}

.whatsapp-icon {
	margin-top:13px;
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 300;
	color: #999;
}

blockquote.bg-light {
	background-color: rgba(255,255,255,.8);
	padding: 20px;
	color: #222;
}

blockquote.bg-dark {
	background-color: rgba(0,0,0,.8);
	padding: 20px;
}

blockquote strong {
	font-weight: 700;
}


a.link:hover
{

}

.light {
	font-weight: 400;
}




.navbar {
	margin-bottom: 0;
}

.navbar-brand {
	font-weight: 700;
}
.navbar-brand {
	height: 40px;
	padding: 5px 15px;
	font-size: 18px;
	line-height: 1em;
}

.navbar-brand:focus {
	outline: 0;
}

.nav.navbar-nav {
	background-color: rgba(255,255,255,.6);
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
	background-color: rgba(0,0,0,0);
}


.navbar-custom ul.nav li a {
	font-size: 12px;
	letter-spacing: 1px;
	color: #444;
	text-transform: uppercase;
	font-weight: 700;
}



.navbar-custom.top-nav-collapse ul.nav li a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #fff;
}

.navbar-custom ul.nav ul.dropdown-menu {
	border-radius: 0;	
	margin-top: 21px;
	border-top: none;
}

.navbar-custom ul.nav li a:hover ul.dropdown-menu {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-collapse.collapse.in a {
	color: #666;
}

.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
	outline: 0;
	background-color: rgba(255,255,255,.2);
	color: #214ad1;
}
#link
{
	font-weight: 900;
	font-size: 16px;
	padding-top: 0px;
}
#link:hover,
#link:focus{
	outline: 0;
	background-color: rgba(255,255,255,.2);
	color: #214ad1;
	font-size: 19px;
}



#link2
{
	font-weight: 900;
	font-size: 16px;
	padding-top: 28px;
}
#link2:hover,
#link2:focus{
	outline: 0;
	background-color: rgba(255,255,255,.2);
	color: #214ad1;
	font-size: 19px;
}


/* loader */
#page-loader { 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	background: #fff; 
	z-index: 9999; 
}
#page-loader img {
	margin: 100px auto; 
	display: block;
}

.loader { 
	text-align: center; 
	margin: auto; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
	height: 40px;
}
.loader { text-align: center; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 40px; }
.loader span { display: block; font: 14px "Roboto", sans-serif; text-transform: uppercase; margin-bottom: 20px; }

.spinner { margin: 0 auto; width: 40px; height: 40px; position: relative; }

.con1 > div, .con2 > div, .con3 > div { width: 7px; height: 7px; background-color: #191919; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }

.con2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

.con3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }

.circle1 { top: 0; left: 0; }

.circle2 { top: 0; right: 0; }

.circle3 { right: 0; bottom: 0; }

.circle4 { left: 0; bottom: 0; }

.con2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.con3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.con1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.con2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.con3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.con1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.con2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.con3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.con1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.con2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.con3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); }
40% { -webkit-transform: scale(1); } }

@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); }
40% { transform: scale(1); -webkit-transform: scale(1); } }

@keyframes boxSpin{
	0%{
		transform: translate(-10px, 0px);
	}
	25%{
		transform: translate(10px, 10px);
	}
	50%{
		transform: translate(10px, -10px);
	}
	75%{
		transform: translate(-10px, -10px);
	}
	100%{
		transform: translate(-10px, 10px);
	}
}


@keyframes shadowSpin{
	0%{
		box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
	}
	25%{
		box-shadow: 10px 10px #39CCCC, -10px -10px #FFDC00;
	}
	50%{
		box-shadow: -10px 10px #39CCCC, 10px -10px #FFDC00;
	}
	75%{
		box-shadow: -10px -10px #39CCCC, 10px 10px #FFDC00;
	}
	100%{
		box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
	}
}

#load {
	z-index: 9999;
	background-color: #FF4136;
	opacity: 0.75;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin: -5px auto 0 auto;
	left: 0;
	right: 0;
	border-radius: 0px;
	border: 5px solid #FF4136;
	box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
	animation: shadowSpin 1s ease-in-out infinite;
}

/* misc */
hr {
	margin-top: 10px;
	color: #211f1f;
}

hr.bold {
	border-top: 3px solid #eee;
}

.divider-header {
	display: block;
	width: 40px;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.divider-short {
	display: block;
	width: 60px;
	height: 5px;
	margin: 0 auto;
	margin-bottom: 10px;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}
.marginbot-60{margin-bottom:60px !important;}
.marginbot-70{margin-bottom:70px !important;}
.marginbot-80{margin-bottom:80px !important;}
.marginbot-90{margin-bottom:90px !important;}
.marginbot-100{margin-bottom:100px !important;}

.margintop-0{margin-top:0 !important;}
.margintop-10{margin-top:10px !important;}
.margintop-20{margin-top:20px !important;}
.margintop-30{margin-top:30px !important;}
.margintop-40{margin-top:40px !important;}
.margintop-45{margin-top:45px !important;}
.margintop-50{margin-top:50px !important;}

/* ===========================
--- General sections
============================ */

.home-section {
	padding-top: 150px;
	padding-bottom: 110px;
	display:block;
	position:relative;
	z-index:120;
}

.inner-section {
	padding-top: 110px;
	padding-bottom: 110px;
}


.home-section.nopadd-bot {
	padding-bottom: 0;
}


.section-heading h2 {
	font-size: 48px;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.section-heading p {
	font-weight: 300;
	font-size: 20px;
	line-height: 1.6em;
}

.color-dark .section-heading h2 {
	color: #111;
}
.color-dark .section-heading p {
	color: #444;
}

.color-dark .divider-short {
	background: #666;
}
.color-dark .divider-header {
	background: #666;
}

.color-light .divider-short {
	background: #666;
}
.color-light .divider-header {
	background: #666;
}


.color-light .section-heading h2 {
	color: #fff;
}
.color-light .section-heading p {
	color: #fefefe;
}

.color-light blockquote,.color-light p {
	color: #fefefe;
}

/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f9f9f9;
}


.bg-dark {
	background: #404040;
}

/* --- section color var --- */

.text-light {
	color: #fff;
}



/* ===========================
--- Intro
============================ */

.intro {
	width:100%;
	position:relative;
	padding:0;
}
.intro-inner {
	width:100%;
	position:relative;
	padding:120px 0 20px;
}

.brand-heading {
	font-size: 40px;
}

.intro-text {
	font-size: 18px;
}


/* ====  slider ==== */
.sy-caption-wrap {
	position: absolute;
	bottom: 2em;
	top: 35%;
	z-index: 12;
	left: 50%;
}


.sy-caption-wrap .sy-caption {
	position: relative;
	left: -50%;
	background-color: transparent;
	color: #fff;
	text-shadow: -1px 0 1px #111;
	font-size: 46px;
	text-transform: uppercase;
	line-height: 1.1em;
	text-align: center;
	font-weight: 900;
	padding: 0;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	-ms-border-radius: 1.2em;
	-o-border-radius: 1.2em;
	border-radius: 1.2em;
}
.sy-caption-wrap .sy-caption a {
	margin-top: 30px;
}
.sy-slide div a.slide-btn {
	
	margin-top: 30px;
}

/* ===========================
--- Intro - home video
============================ */

.morphext > span {
	display: none;
}

.morphext > .animated {
	display: inline-block;
}

#intro.home-video { 
	position: relative; 
	margin: 0 auto; 
	text-align: center;
	height: 0;
	padding-top: 20%;
	padding-bottom: 30%;
	position: relative;
	overflow: hidden;
	
}
#intro.home-video .homevideo-container { height: 100%; width: 100%; position: absolute; z-index: 1; background-size: cover; }

#intro.home-video .overlay { 
	position: relative; 
	height: 100%; 
	z-index: 2; 
	padding: 20% 0;

}

#intro.home-video .home-video-wrapper {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.bs-video {
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.bs-video.widescreen {
	padding-bottom: 57.25%;
}

.bs-video.vimeo {
	padding-top: 0;
}

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

.video-caption h1 {
	text-transform: uppercase;
}

/* ===========================
--- About
============================ */




/* ===========================
--- Services
============================ */
.service-box {
	background: #f9f9f9;
	padding: 20px;
}

.service-icon {
	margin-bottom: 20px;
}	
/*
#service{	
	background-image: url(../img/img-service.jpg);
}

*/

/* ===========================
--- Team
============================ */

.team-wrapper-big, .team-wrapper-small { width: 100%; position: relative; text-align: center; }
.team-wrapper-big img, .team-wrapper-small img { width: 100%; }
.team-wrapper-big:hover .team-wrapper-overlay h5 { bottom: 70%; color: #fff; visibility: visible; }
.team-wrapper-big:hover .team-wrapper-overlay h6, .team-wrapper-small:hover .team-wrapper-overlay h6 { bottom: 60%; color: #fff; }
.team-wrapper-big:hover .team-wrapper-overlay p, .team-wrapper-small:hover .team-wrapper-overlay p { color: #eee; opacity: 1; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0.2s; -moz-transition: opacity 0.4s 0.2s; -o-transition: opacity 0.4s 0.2s; transition: opacity 0.4s 0.2s; }
.team-wrapper-big:hover .team-wrapper-overlay .social-icons, .team-wrapper-small:hover .team-wrapper-overlay .social-icons { opacity: 1; -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0.4s; -moz-transition: opacity 0.4s 0.4s; -o-transition: opacity 0.4s 0.4s; transition: opacity 0.4s 0.4s; }

.team-wrapper-small:hover .team-wrapper-overlay .social-icons { -webkit-transition: opacity 0.4s; -webkit-transition-delay: 0.2s; -moz-transition: opacity 0.4s 0.2s; -o-transition: opacity 0.4s 0.2s; transition: opacity 0.4s 0.2s; }

.team-wrapper-overlay { position: absolute; height: 100%; width: 100%; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
.team-wrapper-overlay h5 { visibility: hidden; position: absolute; width: 100%; margin: 15px 0; -webkit-transition: bottom 0.3s; -moz-transition: bottom 0.3s; -o-transition: bottom 0.3s; transition: bottom 0.3s; }
.team-wrapper-overlay h6 { bottom: -40px; }
.team-wrapper-overlay p { color: #eee; position: absolute; width: 100%; top: 35%; padding: 0 20px; opacity: 0; 
	-webkit-transition: opacity 0.1s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.1s 0s; -o-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; }
	.team-wrapper-overlay .social-icons { position: absolute; bottom: 20px; width: 100%; opacity: 0; -webkit-transition: opacity 0.1s; -webkit-transition-delay: 0s; -moz-transition: opacity 0.1s 0s; -o-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; -webkit-backface-visibility: hidden; padding: 0 20px; }
	.team-wrapper-overlay .social-icons a { color: #fff; }

	.team-social {
		margin-left: 0;
		padding-left: 0;
		border-radius: 50px;

	}

	.team-social {
		text-align: center;
	}

	.team-social li{
		display: inline-block;
		margin:0 !important;
		padding:0;
	}


	.team-social a{
		margin:0;
		padding:0;
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #3bbec0;
		color: #fff;
		-webkit-transition: background .3s ease-in-out;
		transition: background .3s ease-in-out;
	}
	.team-social a i{
		text-align: center;
		margin:0;
		padding:0;
	}

	.team-social .social-facebook{
		border-radius: 50px;
	}


	.team-social .social-facebook a{background: #1734d4;}
	.team-social .social-twitter a{background: #00acee;}
	.team-social .social-dribbble a{background: #d74980;}
	.team-social .social-deviantart a{background: #8da356;}
	.team-social .social-google a{background: #ed2424;}
	.team-social .social-vimeo a{background: #d10a50;}
	.team-social .social-facebook a:hover{background: #142cb5;}
	.team-social .social-twitter a:hover{background: #0294cc;}
	.team-social .social-dribbble a:hover{background: #f769a0;}
	.team-social .social-deviantart a:hover{background: #adc376;}
	.team-social .social-google a:hover{background: #fc3838;}
	.team-social .social-vimeo a:hover{background: #bf0a49;}

	/* stats */
	.stats .icon {
		margin: 0 0 20px 0;
	}

	.stats strong.number {
		font-size: 38px;
	}

	.stats span.text {
		font-weight: 700;
		font-size: 24px;
	}


/* ===========================
--- Works
============================ */

#owl-works {

}

.item {
	margin: 10px;
}

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

/* ===========================
--- Contact
============================ */


.form-group {
	margin-bottom: 20px;
}

form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	font-size: 16px;
}
form#contact-form input,form#contact-form select,form#contact-form textarea {
	font-size: 18px;
	line-height: 1.6em;
	border: 1px solid #eee;
	-webkit-box-shadow: none;
	box-shadow:  none;
	border-radius: 2px;
}

.btn-lg,
.btn-group-lg > .btn {
	border-radius: 2px;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.input-group-addon {
	background-color: #fefefe;
	border: 1px solid #eee;
}

.widget-contact {
	text-align: left;
}

.validation {
	color: red;
	display:none;
	margin: 0 0 20px;
	font-weight:400;
	font-size:13px;
}

#sendmessage {
	color: green;
	border:1px solid green;
	display:none;
	text-align:center;
	padding:15px;
	font-weight:600;
	margin-bottom:15px;
}

#errormessage {
	color: red;
	display:none;
	border:1px solid red;
	text-align:center;
	padding:15px;
	font-weight:600;
	margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}


/* ===========================
--- Bottom
============================ */

.boxcol-25 {
	width: 100%;
}

.box-social {
	list-style: none;
}

.box-social li {
	width: 25%;
	float: left;
}


.box-social .social-facebook a { 
	display: block;
	background: #3873ae;
}


/* ===========================
--- Inner pages
============================ */

ul.page-breadcrumb {
	list-style: none;
	margin-left:0;
	padding-left:0;
}
ul.page-breadcrumb li {
	margin:0 5px;
	display: inline-block;
}

/* --- inner featured bg --- */

.intro-inner.featured.page-blog {
	background-image: url(../img/dummy/bg-blog.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.intro-inner.featured.page-icons {
	background-image: url(../img/dummy/bg-page-icons.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.intro-inner.featured .section-heading h2 {
	margin-bottom: 20px;
	line-height: 1em;
}

/* --- Blog --- */
#content.blog article h3 {
	margin-bottom: 10px;
}
#content.blog article h3 a {
	text-transform: uppercase;
}

#content article:after {
	content: "";
	display: block;
	width: 60px;
	height: 5px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	background: #111;
}
#content article:last-child:after {
	content: "";
	display: block;
	width: 60px;
	height: 5px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	background: none;
}
article h3 a {
	color: #111;
	font-weight: 900;
}

article .post-standard,article .post-gallery,article .post-video, article .post-audio,article .post-quote   {
	margin-bottom: 20px;
}
article .post-excerpt {
	margin-bottom: 20px;
}

.post-meta ul {
	list-style: none;
	padding-left:0;
}
.post-meta ul li {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
}
.post-meta ul li i {
	color: #111;
}

/* --- slider post format --- */
.carousel-inner > .item {
	margin-left:0;
	padding-left: 0;
	width: 100%;
	height: auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left:0;
	padding-left: 0;
}

.carousel-control {
	position: absolute;
	top: 37%;
	bottom: 0;
	left: 0;
	width: auto;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	filter: alpha(opacity=50);
	opacity: .5;
}
.carousel-control.left,.carousel-control.right {
	background-image: none;
	filter: none;
}
.carousel-control.right {
	right: 20px;
}
.carousel-control.left {
	left: 20px;
}

/* --- video post format --- */
.bs-video {
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.bs-video.widescreen {
	padding-bottom: 57.25%;
}

.bs-video.vimeo {
	padding-top: 0;
}

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


/* --- comments --- */
ul.comment-list {
	list-style: none;
	padding-left: 0;
}

ul.comment-list li .comment {
	margin-bottom: 60px;
}


ul.comment-list li ul.comment-list  {
	margin-left: 110px;
}

ul.comment-meta {
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
}

ul.comment-meta li {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px;
}

ul.comment-meta li a {
	color: #222;
}

ul.comment-meta li.reply a {
	padding: 2px 5px;
	color: #fff;
	border-radius: 2px;
}

ul.comment-meta li.reply a:hover {
	background: #222;
	color: #fff;
}

.comment-top img {
	float: left;
	margin: 0 20px 30px 0;
}


/* --- pagination --- */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}


/* ==== Sidebar ==== */
.sidebar .widget h5 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.sidebar .widget {
	margin-bottom: 50px;
}

.widget ul {
	list-style: none;
	margin-left:0;
	padding-left:0;
}
.sidebar .widget ul li {
	margin-left:0;
	padding-left:0;
	margin-bottom: 10px;
}
.sidebar .widget ul li a {
	color: #666;
}


.widget.widget_categories ul li:before {
	display: inline-block;
	font-family: 'Pe-icon-7-stroke';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e684";
	margin-right: 10px;
}


.widget.widget_recent_post ul li figure {
	float: left;
	margin: 0 20px 0 0;
}

.widget.widget_recent_post ul li {
	margin-bottom: 25px;
}

.widget.widget_recent_post ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.widget.widget_recent_post ul li h6 {
	margin-bottom: 10px;
}
.widget.widget_recent_post ul li span {
	font-size: 14px;
}

.widget .tagcloud a {
	padding: 4px 10px;
	color: #fff;
	display:inline-block;
	margin: 0 10px 10px 0;
	font-size: 14px;
	border-radius: 2px;
}

.widget .tagcloud a:hover {
	color: #fff;
	background: #333;
}

/* --- widget --- */

form.search-form input {
	font-size: 18px;
	line-height: 1.6em;
	border: 1px solid #eee;
	-webkit-box-shadow: none;
	box-shadow:  none;
	border-radius: 2px;
}

form.search-form input:focus {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}



/* ===========================
--- Footer
============================ */

footer {
	background-color: #404040;
}

footer {
	text-align: center;
	padding: 50px 0 ;
	
}

footer p {
	color: #f8f8f8;
	font-size: 14px;
}

footer a.totop {
	color: #fff;
	margin-bottom: 30px;
}
footer a.totop:focus {
	outline: 0;
}

.credits, .credits a {
	color: #fff;
}

/* menu */
ul.footer-menu {
	list-style: none;
}

ul.footer-menu li {
	float: left;
	margin: 0 0 0 10px;

}

ul.footer-menu li a {
	color: #fff;
	font-size: 16px;
	border-left: 1px solid #999;
	padding-left: 9px;
	line-height: 1.1em;
}

ul.footer-menu li:first-child a {
	border-left: none;
	padding-left: 0;
}

.social-widget {
	margin-top: 20px;
	margin-bottom: 30px;
}
.social-widget ul li a:hover {
	color: #fff;
}

footer .social-widget ul.team-social li a {
	margin: 0 5px;
}



#fondo-fondouno{	
	background-image: url(../img/seccion2/fondo1.png);
	background-position: center top;
	background-size: 100% 100%;
	display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 100vh; 
    width: 100%;
}

#circulopareja{	

	background-position: center top;
	
    height: 100vh; 
    width: 70vw;
}

 #parejasecc3{		
				background-position: center top;
				background-size: 100% 100%;
				display: flex;
			    justify-content: center;
			    margin: 0 auto;
			    height: 70vh; 
			    width: 100vw;    
			  }
#parejasecc4{		
				background-position: center top;
				background-size: 100% 100%;
				display: flex;
			    justify-content: center;
			    margin: 0 auto;
			    height: 70vh; 
			    width: 100%;    
			  }	



  		  

@media screen and (max-width: 900px){
				 #circulopareja{		
				background-position: center top;
				background-size: 100% 100%;
				display: flex;
			    justify-content: center;
			    margin: 0 auto;
			    height: 40vh; 
			    width: 100vw;    
			  }

			  #pre0{		
				background-position: center top;
				background-size: 100% 100%;
				display: flex;
			    justify-content: center;
			    margin: 0 auto;
			    height: 10vh; 
			    width: 100vw;    
			  }

			  #pre1{		
				background-position: center top;
				background-size: 100% 100%;
				display: flex;
			    justify-content: center;
			    margin: 0 auto;
			    height: 10vh; 
			    width: 100vw;    
			  }

			  #pre2{		
				background-position: center top;
				background-size: 100% 100%;
				display: flex;
			    justify-content: center;
			    margin: 0 auto;
			    height: 10vh; 
			    width: 100vw;    
			  }
			  
			 #fondo-fondouno{	
					background-image: url(../img/seccion2/fondo1.png);
					background-position: center top;
					
					display: flex;
				    justify-content: center;
				    margin: 0 auto;
				    max-height: 25vh;
				    min-height: 25vh;
				    width: 100%;
				} 

				#fondo-fondodos{	
				background-image: url(../img/seccion2/fondo2.png);
				background-position: center top;
					
					display: flex;
				    justify-content: center;
				    margin: 0 auto;
				    
				    max-height: 50vh;
				    min-height: 50vh;
				    width: 100%;
				}

				 #fondo-fondotres{	
					background-image: url(../img/seccion3/fondo.png);
					background-position: center top;
					
					display: flex;
				    justify-content: center;
				    margin: 0 auto;
				    max-height: 70vh;
				  	min-height: 70vh;
				    width: 100%;     
				}

				 #parejasecc3{	
				
				 background-position: center top;
			    justify-content: center;
			    margin: 0 auto;
			    max-height: 15vh;
				  min-height: 15vh;
			    width: 100%;    
			  }

		

			   #fondocuadrado{					
				 background-position: center top;
			    justify-content: center;
			    margin: 0 auto;
			    max-height: 70vh;
				  min-height: 70vh;
			    width: 100%;    
			  }

			  #fondo-cuatro{	
					background-image: url(../img/seccion4/fondo4.png);
					background-position: center top;
					
					display: flex;
				    justify-content: center;
				    margin: 0 auto;
				    max-height: 70vh;
				  	min-height: 70vh;
				    width: 100%;     
				}
  }

 #fondo-cuatro{	
	background-image: url(../img/seccion4/fondo4.png);
	background-position: center top;
	background-size: 100% 100%;
	display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 100vh; 
    width: 100%;   
}

 #fondo-fondotres{	
	background-image: url(../img/seccion3/fondo.png);
	background-position: center top;
	background-size: 100% 100%;
	display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 100vh; 
    width: 100%;
     
}

#fondo-fondodos{	
	background-image: url(../img/seccion2/fondo2.png);
	background-position: center top;
	background-size: 100% 100%;
	display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 100vh; 
    width: 100%;
     
}

#fondo-cada3{	
	background-image: url(../img/seccion2/pareja.png);
	background-position: center top;
	background-size: 100% 100%;
	display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 100vh; 

}
#fondo-cada4{	
	background-image: url(../img/parallax/fondo4.png);
	background-position: center top;
	background-size: 100% 100%;
	display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 100vh; 

}
#fondo-cada5{	
	background-image: url(../img/parallax/fondo5.png);
	background-position: center top;
	background-size: 100% 100%;
	display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 100vh; 

}

 #fondocuadrado{	
	background-image: url(../img/seccion3/cuadrado.png);
	background-position: center top;
	background-size: 100% 100%;
	display: grid;
    justify-content: center;
    margin: 0 auto;
    height: 65vh; 
    width: 100%;
}

/* === testimonial slide === */
.testimonialslide {
	margin-top:0;
	padding-top: 0;
}

.testimonialslide ul li blockquote {
	color: #fff;
	border-left: none;
}

.testimonialslide ul li h4 {
	color: #fff;
	font-weight: 900;
}
.testimonialslide ul li h4 span {
	color: #fff;
	font-weight: 400;
}

/* ===========================
--- Video bg
============================ */

#section-video { 
	margin:0;
	height: 300px; 
	background-attachment: fixed !important; 
	background-size: cover !important; 
	color: #fff; 
	position: relative; 
	margin: 0 auto; 
	text-align: center;
}
#section-video .video-container { height: 100%; width: 100%; position: absolute; z-index: 1; background-size: cover; }

#section-video .overlay { 
	position: relative; 
	height: 100%; 
	z-index: 2; 
	padding: 60px 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
}

/* video icon */
.video-icon {
	margin-top:45px;
}
.video-icon a {
	display: block;
	color: #fff;
}
.video-icon a:focus {
	outline:0;
	color: #fff;
}

.video-icon a:hover{
	color: #fff;
}
.video-icon a i.icon-circled {
	font-size: 40px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	background: rgba(0,0,0,.5);
}

/* ===========================
--- Elements
============================ */

/* --- tooltip --- */
.tooltip {
	font-size: 16px;
	line-height: 1.6em;
}


/* --- Pricing box --- */
.pricing-box {
	width: 100%;
	text-align: center;
}

/* ---- pricing box color ---- */
.pricing-box.white {
	background: #fff;
}

/* red */
.pricing-box.red {
	background: #c83539;
}
.pricing-box.red .pricing-header h4,.pricing-box.red .pricing-header h5 {
	color: #fff;
}
.pricing-box.red .pricing-footer {
	background: #b8262a;
}

/* --------- */
.pricing-box .pricing-header {
	padding: 30px 0 0;
}
.pricing-box .pricing-header h5.pricing-value {
	font-weight: 900;
	font-size: 60px;
	
}

.pricing-box .pricing-content  {
	padding: 10px 0 30px;
}
.pricing-box .pricing-content  ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.pricing-box.white .pricing-content  ul li {
	color: #222;
}

.pricing-box .pricing-footer {
	padding: 30px 0 30px;
}
.pricing-box.white .pricing-footer {
	background: #f8f8f8;
}



/* --- scroll --- */

.page-scroll .btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
	0 {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes pulse {    
	0 {
		-moz-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-moz-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
}


#text {
	color: #fff;
	background: #ffcc00;
}

/* Google Map */
#map{
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}

/* Open and Close Styles */
.close-map{
	height: 0;
}

.open-map{
	height: 500px;
}

/* Open and Close Button Styles */

#map-btn1-div {
	width: 100%;
	background: #555;
}

a.gmap-btn.btn-show {
	display: block;
}
a.gmap-btn.btn-hide {
	display: none;
}
a.gmap-btn{
	height: auto;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}

a.gmap-btn:focus {
	outline: 0;
}

.close-map-button{
	padding:10px;
	opacity: 1;
}

.open-map-button{
	padding:10px;
	opacity: 0.5;
}

#map .google-map-big-button:hover{
	background:#3498db;
	color:#fff;
}

/* Google Map Div */
#map #google-map{
	height: 500px;
	display: block;
	position: absolute;
	bottom:0;
	width: 100%;
	z-index: 1;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}

.close-map #google-map{
	opacity: 0;
}

.open-map #google-map{
	opacity: 1;
}

/* blink btn */
.blink {
	-webkit-animation-name: blink;
	-moz-animation-name: blink;
	-o-animation-name: blink;
	animation-name: blink;
	-webktit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

.blink-infinite {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.blink-5 {
	-webkit-animation-iteration-count: 5;
	-moz-animation-iteration-count: 5;
	-o-animation-iteration-count: 5;
	animation-iteration-count: 5;
}

.blink-furiously {
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

@-webkit-keyframes blink {
	50% {
		opacity: 0;
	}
}
@-moz-keyframes blink {
	50% {
		opacity: 0;
	}
}
@-o-keyframes blink {
	50% {
		opacity: 0;
	}
}
@keyframes blink {
	50% {
		opacity: 0;
	}
}


/* --- demo icons --- */

#demoicon [class^="pe-7s-"], #demoicon [class*=" pe-7s-"] {
	font-size: 40px;
}

.font-icon-code {
	display: none;
}

.font-icon-detail span:first-child {
	display: inline;
	transition: padding 100ms linear, font-size 250ms linear;
	padding: 10px;
	font-size: 48px;
	color: #1a1a1a;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}

.font-icon-list {
	padding: 30px 0px;
}

.font-icon-detail {
	text-align: center;
}

.font-icon-detail span.font-icon-name {
	font-size: 14px;
	margin-top: 25px;
	display: block;
}


/* --- button --- */
.btn {
	border-radius: 2px;
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;	
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 14px;
}

.btn.btn-noradius {
	border-radius: 0;
}

a.btn:focus{
	outline: 0;
}

.btn-red {
	color: #fff;
	background-color: #c83539;
	border-color: #c83539;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
	color: #fff;
	background-color: #ed4a32;
	border-color: #ed4a32;
}
.btn-red:active {
	background-image: none;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
	color: #fff;
	background-color: #ed4a32;
	border-color: #ed4a32;
}


.btn-default:hover,
.btn-default:focus {
	border: 1px solid #28c3ab;
	outline: 0;
	color: #000;
	background-color: #28c3ab;
}

.btn-huge {
	padding: 25px;
	font-size: 26px;
}

.banner-social-buttons {
	margin-top: 0;
}

/*asdsdsdsdsdsdsd*/

/* Add a black background color to the top navigation barra superior logo */ 
.topnav {
	background-color: #18344C;
	overflow: hidden;
}

/* Style the links inside the navigation bar  color de letras*/
.topnav a {
	float: left;
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	font-weight: 800;
}
/*asdsdsdsdsdsdsd*/
/* Change the color of links on hover */

.topnav a.imagen:hover {
	background-color: #4b84db;
	color: black;
}


.imagen a:hover {
	background-color: #4b84db;
	color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
	background-color: #04AA6D;
	color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
	display: none;
}


/* Media queries */

@media(min-width:767px) {

	.navbar {
		padding: 20px 0;
		border-bottom: 0;
		letter-spacing: 1px;
		background: 0 0;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
	}

	.top-nav-collapse {
		padding: 0;
		background-color: #000;
	}

	.navbar-custom.top-nav-collapse {
		border-bottom: 1px solid rgba(255,255,255,.3);
	}
	
	.intro {
		height: 100%;
		padding: 0;
	}

	.brand-heading {
		font-size: 100px;
	}
	

	.intro-text {
		font-size: 25px;
	}


}
@media (max-width:768px) {
	
	.site-logo{
		margin: 0 0 0 30px;
		float:none;
	}
	.navbar-custom ul.nav li a {
		color: #eee;
	}
	.navbar-custom ul.nav ul.dropdown-menu li {
		border-bottom: 1px solid #aaa;

	}
	.navbar-header {
		margin-top:-40px;
		padding:0;
	}
	.navbar-header button {
		background: #111;
	}
	
	.navbar-header button.navbar-toggle {
		padding: 4px 15px;
		font-size: 14px;
		color: #fff;
	}
	
	.navbar-custom .nav {
		background: #444;
	}
	
	.service-box {
		margin-bottom: 50px;
	}
	
	.team-wrap {
		margin-bottom: 30px;
	}
	
	form#contact-form {
		margin-bottom: 50px;
	}
	
	.xs-marginbot-20 {
		margin-bottom: 20px;
	}

}

@media (max-width:480px) {

	.navbar-custom .nav.navbar-nav {
		background-color: rgba(255,255,255,.4);
	}
	
	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}
	
	.tp-banner-container {
		padding-top:40px;
	}

	.tp-caption .page-scroll a.btn-circle {
		width: 40px;
		height: 40px;
		margin-top: 10px;
		padding: 7px 0;
		border: 2px solid #fff;
		border-radius: 50%;
		font-size: 20px;
	}
	
}


/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {
		float: right;
		display: block;
	}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
}

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

section .container{
	
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.proyectos-container{
	opacity:0;
	position:relative;
	transition:opacity .5s linear 1s;
	width:100%
}
.proyectos-container.items-load{
	opacity:1
}
.proyectos-container .item
{
	display:block;
	margin:10px;
	padding:0;
	position:absolute;
	width:calc(100% - 20px)
}
@media screen and (min-width:768px){
	.proyectos-container .item{width:calc(50% - 20px)}
}
@media screen and (min-width:1024px){
	.proyectos-container .item{width:calc(33.33333% - 20px)}
}
@media screen and (min-width:1216px){
	.proyectos-container .item{margin:15px;width:calc(33.33333% - 30px)}
}
.proyectos-container .item-proyecto{
	filter:drop-shadow(0 0 .6em rgba(10,10,10,.1))
}
.proyectos-container .card{
	border-radius:0;-webkit-clip-path:polygon(6% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%);
	clip-path:polygon(6% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%);
	transition:transform .3s ease-in-out,background-color .3s ease-in-out
}

.proyectos-container .card:hover{
	transform:scale(1.03)
}

.proyectos-container .card:hover .image:before{
	background-color:unset
}
.proyectos-container .card-container{
	display:flex;
	flex-direction:column;
	position:relative;
	transition:height .3s ease-in-out
}
.proyectos-container .image:before{
	background-color:rgba(0,46,86,.55);
	bottom:0;
	content:"";
	left:0;
	position:absolute;
	right:0;
	top:0;
	transition:background-color .3s ease-in-out
}

.proyectos-container .image img{
	max-width:100%;
	-o-object-fit:cover;
	object-fit:cover;
	overflow:hidden;
	z-index:-1
}

.proyectos-container .image .cotiza{
background-color:#062e51;
bottom:0;
color:#2ee5d8;
font-size:1.4rem;
font-weight:700;
left:0;
overflow:hidden;
padding:.3rem 1.8rem;
position:absolute;
right:0;
text-align:center;
text-transform:uppercase
}
.proyectos-container .card-info{
padding:1.5rem 1.75rem;
position:relative;
transition:opacity .2s ease-in-out,margin-top .2s ease-in-out,visibility .2s ease-in-out,top .2s ease-in-out
}
@media screen and (min-width:1024px){
.proyectos-container .card-info{
padding:1rem 1.8rem
}

}
@media screen and (min-width:1216px){
.proyectos-container .card-info{
padding:1.3rem 2.2rem
}

}
.proyectos-container .nombre-content{
margin-bottom:1.5rem
}
.proyectos-container .precio-content{
align-items:center;
display:flex;
justify-content:space-between;
transition:opacity .2s ease-in-out,margin-top .2s ease-in-out,visibility .2s ease-in-out
}
.proyectos-container .precio-content .tag{
-webkit-clip-path:polygon(100% 0,100% 70%,90% 100%,10% 100%,0 70%,0 0);
clip-path:polygon(100% 0,100% 70%,90% 100%,10% 100%,0 70%,0 0)
}
.precio-container span{
background-color:#2ee5d8;
border:3px solid #fff;
border-radius:20px 0 20px 0;
color:#fff;
display:inline-block;
justify-content:center;
padding:.7rem 1rem
}
.image.features-img{
-webkit-clip-path:polygon(10% 0,90% 0,100% 5%,100% 95%,90% 100%,10% 100%,0 95%,0 5%);
clip-path:polygon(10% 0,90% 0,100% 5%,100% 95%,90% 100%,10% 100%,0 95%,0 5%)
}