/*!
 * LEGEND - Free Responsive One Page Template
 *
 * Copyright 2013
 * Created by: Inbetwin Network
 * URL: http://inbetw.in
 * Designed and built based on Twitter Bootstrap. */

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Non-semantic
04 Navbar
05 Single-Page Sections
06 Footer
07 Bootstrap Carousel
08 Buttons
09 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*#logo{
	background-color: none;
	/*height: 1.3125em;
	margin-left: -100px;
	background-image:url("img/Logo.png") ;
}

 @media screen and (max-width: 300px){ //some value

	#logo{
		width: 10em;

	margin-top: -30px;
	}
 }
 */

 #logo{
	background-image: url("img/Logo.png");
	width: 14em;

}





  /* Only override this if one of the conditions for the 1500w image is met */
/* @media
	(min-width: 275px) and (max-width: 400px),
	(min-width: 368px) {
	main {
	width: 10em;
	  background-image: url("img/Logo-sm.png");
	  margin-top: -40px;
	}
 } */




.group:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden; /* For clearing */
}
body {
	background:#20201C;
	color: #5D5B55;
	font-size: 100%;
	font-family: 'Barlow', sans-serif;
}
::-moz-selection {
/*background:#f0bf00;*/
background:#44443D; /* color header 68 68 61 */
color:#333;
}
::selection {
background: #EB6D03;
color:#333;
}
/*---------- FORMS ----------*/

input[type=text], input[type=submit], textarea {
	width: 100%;
	padding: 0.5em;
	font-size: 1em;
	margin-bottom: 1.5em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input, button, select, textarea {
	font-family: 'Barlow', sans-serif;
}
/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/


/*

COLORES TRIMPEX


texto gris: rgb( 93, 91, 85) hex #5D5B55;

texto naranaja: rgb( 220, 115, 45) hex #DC732D;

/*color naranjita menu #EB6D03 ??  225 128 45 */

/* color header 68 68 61   hex #44443D */


/* gris claro background: rgba(227, 231, 228, 1);   #E3E7E4 */

 /* #f5f5f5;   FONDO SECCION TEXTO INSTITUCIONAL / INICIO */

*/

fa{
	margin:auto;
}

p {
	font-size: 1.840em; /* 22pt*/
	line-height: 1.2; /* 24px */
	margin: 0 0 1.5em 0;
	font-family: 'Barlow', sans-serif;
}
ul, ol {
	font-size: 1em; /* 16px */
	line-height: 1.5; /* 24px */
	margin: 0 0 1.5em 0;

}
body, input, textarea {
}
a:link, a:visited {
	color: #EB6D03;
}
a:hover, a:active {
	color: #EB6D03;
	text-decoration: underline;
}
h2, h3, h4, h5, h6 {
	font-weight: normal; /* reset default browser weight for our webfonts */
	/*font-family: 'Barlow', sans-serif;*/
	font-family: 'Saira Condensed', sans-serif;

}
h1 {
	font-weight: normal; /* reset default browser weight for our webfonts */
	/*font-family: 'Barlow', sans-serif;*/
	font-family: 'Barlow', sans-serif;
	font-weight: 300;


	font-size: 1.5em; /* 1.5em;   24px, cambiado por 39pt 3.26em  no va , utlimo cambio 2em masomenos 32pt*/
	line-height: 1; /* 24px */
	margin-top: 1.42em;
	margin-bottom: 0em;



}
h2 {
	font-size: 1.81em; /* 22px */
	line-height: 1.1429; /* 24px */
	margin-top: 1.1429em;
	margin-bottom: 0em;
}
h3 {
	font-size: 1.125em; /* 18px */
	line-height: 1.3333; /* 24px */
	margin-top: 1.3333em;
	margin-bottom: 0em;
}
h4 {
	font-size: 1em; /* 16px */
	line-height: 1.5; /* 24px */
	margin-top: 1.5em;
	margin-bottom: 0em;
}
h5 {
	font-size: 0.875em; /* 14px */
	line-height: 1.7143; /* 24px */
	margin-top: 1.7143em;
	margin-bottom: 0em;
}
strong {
	font-weight:normal;
	font-family: 'Barlow', sans-serif;
}
small {
	font-size: 0.75em; /* 12px */
	line-height: 2; /* 24px */
	margin-top: 2em;
	margin-bottom: 0em;
}
em {
	font-style: normal;
	font-family: 'Barlow', sans-serif;
}
.muted {
	color: #A5A5A2;
	font-family: 'Barlow', sans-serif;
}
.impressed {
	text-shadow:
 -1px -1px 0 rgba(0, 0, 0, 0.5), /* shadow */  1px 1px 0 rgba(255, 255, 255, 0.9); /* highlight */
}
.more-link {
	font-size: 0.8em; /* 14pt */
	margin-top: 40px;
	font-weight: 400;
	font-family: 'Barlow', sans-serif;
	margin: auto;


}
.more-link:link, .more-link:visited {
	color: #EB6D03;

}
.more-link:link, .more-link:hover {
	color: #EB6D03;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;



}

.more-link #linktrimp {

	font-size: 0.8em; /* 14pt */
	margin-top: 40px;
	line-height: 1em;
	font-weight: 400;
	font-family: 'Barlow', sans-serif;



}

ul .more-link-do {
	font-size: 1.4em; /* 16pt */
	margin-top: 80px;
	font-weight: 400; /* REguLar */
	font-family: 'Barlow', sans-serif;
	margin: auto;
	color: white;


}

.more-link-do:link, .more-link-do:visited {
	color: #EB6D03;

}
.more-link-do:link, .more-link-do:hover {
	color: #EB6D03;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;



}

/* ----------------------------------------------------------------------------------------------------------
03 Non-semantic ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* New Image Replacement Hack */

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1em;
}
.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.medium {
	font-weight: normal;
	font-family: 'Barlow', sans-serif;
}
/* ----------------------------------------------------------------------------------------------------------
04 Navbar ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.navbar-fixed-top .container {
/* Uncomment to make nav expand full width */
 /*	width: auto; */
}
.navbar .brand {
	margin-left:0;
	padding: 0;
	margin-top: 1.05em;
}
.navbar .brand a {
	padding: 0;
	color: #fff;
	font-size: 1.25em;
	margin-left: 0;
	font-weight: 400;
	font-family: 'Barlow', sans-serif;
}
.navbar .brand a:hover {
	text-decoration: none;
	/*color:#f0bf00; */
	color: #DC732D;  /*color naranjita menu  225 128 45  #DC732D*/
 transition: color .15s linear;
 -webkit-transition: color .15s linear;
 -moz-transition: color .15s linear;
}
.navbar .brand a:focus {
	/*outline: none;*/
}
.navbar-inner {
	min-height: 4.75em;
}
.navbar-inverse .navbar-inner {
	background-repeat: repeat;
	background-color: #44443D; /* color header 68 68 61 */
	border-color: #44443D; /*#f0bf00;*/
}
.navbar-wrapper {
	overflow:hidden;/* No fixed height, will break collapsible nav */
}
#menu-main {
	margin-top: 1.125em;
}
ul#menu-main > li > a {
	font-family: 'Barlow', sans-serif;
	font-weight: normal;
	font-size: 1em;
	color: #fff;
}
ul#menu-main > li > a:hover {
	background:#44443D;   /* naranjita cuadraso #E1802D; original #f0bf00;*/
	padding: 9px 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #EB6D03;
	/* font-weight: 600;
	font-family: 'Barlow', sans-serif;   FEDE QUEDA HORRIBLE ESTO  */
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	text-shadow: none;
}
/* ----------------------------------------------------------------------------------------------------------
05 Single-Page Sections ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#headerwrap {
	width: 100%;
	background: url("../img/top-bg.png") #44443D no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	;
	min-height: 600px;
	margin-top: -60px;
	padding-top:160px;
	text-align:center;
}
#headerwrap h1 {
	color: #FFFFFF;
	/*font-family: 'Barlow', sans-serif;*/
	font-family: 'Barlow', sans-serif;
	font-size: 2em;
	line-height: 1.6;
	font-weight: 400;
	margin: 1em 0;
}
#headerwrap h2 {
	color: #FFFFFF;
	font-family: 'Barlow' , sans-serif;
	/*font-family: 'Barlow', sans-serif;*/
	font-size: 2em;
	font-weight: normal;
	margin: 0.5em 0;
	text-shadow: 1px 1px 1px #333333;
}



#headerwrap h1 span {
	/*color:#f0bf00;*/
	line-height: 1.5;
}

#asistencia{
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	/* font-size: 3.26em; NO VA */

}

.p-inicio{
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 16pt; /* Quintana dice 20pt */
	margin-top: 0px;


}

.p-trimpex{
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 16pt; /* Quintana dice 20pt */
	margin-bottom: -5px;
	margin-top: -27px;
	color: #EB6D03;


}


.line-2{
	margin-top: 17px;
	border-top: 2px solid #EB6D03;
	width: 30px;
}

#entrimpex{
	color: #EB6D03;
}

#planes {
	text-decoration: underline;
	color: white;
	text-underline-offset: 12px;

	text-decoration-color: #EB6D03;
}


#headerwrap input[type=text] {
	background: rgba(227, 231, 228, 1);
	font-family: 'Barlow', sans-serif;
	font-size: 1.3125em;
	border: 0;
	text-align: center;
	vertical-align: middle;
	margin-bottom:0 !important;
}
#headerwrap input[type=text]:focus {
	background: #43413e;
	color: #eff1ef;
	transition: background 0.25 ease-in;
	-moz-transition: background 0.25 ease-in;
	-webkit-transition: background 0.25 ease-in;
}
#headerwrap input[type=text] {
	height: 2.9em;
	width:50%;
}
#headerwrap input[type=submit] {
	font-family: 'Barlow', sans-serif;
	color: #fff;
	width: 185px;
	height: 2.9em;
	font-size: 1.3125em; /* 21px */
	padding:0.5em;
	letter-spacing: 0.05em;
	margin: 0;
	border: 0;
	text-transform: none;
	background: #f0bf00 !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#headerwrap input[type=submit]:hover, #headerwrap input[type=submit]:active {
	background: #43413e !important;
}
/*========== Social Icons ==========*/
ul.icon {
	font-size:54px;
	margin:1em 0 0.5em 0;
}
ul.icon li {
	display:inline-block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
ul.icon li:hover {
	opacity:0.7;
}
section.single-page {
	/* padding: 4.75em 0;  76px */
	background-color: #f5f5f5;  /* FONDO SECCION TEXTO INSTITUCIONAL / INICIO*/
	background-image: url(../img/arcoinicio.png);
	width: 100%;
	/* height: 10%;*/
	background-size: 100% 200px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-origin: content-box;
	background-position-y: bottom;
}
section.single-page h1 {
	text-align: center;
	font-family:  'Barlow', sans-serif;
	margin-bottom: 2em; /* 72px */
	font-size: 2.25em; /* 36px */
}

#acompanamos {
	font-size: 2.25em; /* 36px */
	font-family:  'Saira Condensed', cursive;
	margin-top: 10px;

}

#formapersonalizada{
	color:#DC732D;
}

#idea{
	background-image: url(../img/idea.png);
	width: 100%;
	margin: auto;
	height: 500px;
	/*background-size: 100% 100%;*/
	background-repeat: no-repeat;


}

section #idea .classidea{
	width: 100%;

}

#feature {
	/*background: url("../img/yellow.png") repeat-x 0 0;*/

	height: 406px;
	z-index: 500;
	/*box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);*/
	/*-moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);*/
	/*-webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3);*/
	background-color: white;
}
#feature article {
	text-align: center;
	margin-top: 120px;
	max-width: 1170px;
}
#feature-headline {
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
	color: rgba(228, 229, 229, 1);
	margin-bottom: 3%; /* 39px */
	margin-top: -.25em;
	height: 109px;
	background-size: 100% auto;
}
#feature-headline span {
	font-family: 'Barlow', sans-serif;
	text-transform: lowercase;
}
#feature article p {
	font-family: 'Barlow', sans-serif;
	font-size: 40px;
	margin-bottom: 0;
	line-height: 1.35;
	/*color: #fff;*/
	color:#333;
}


/* inicio */´



section#inicio {
	padding-bottom: 0;

	background-color: #f5f5f5;
	background-image: url(../img/arcoinicio.png);
	width: 100%;
	height: 10%;
	background-size: 100% 100px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-origin: content-box;
	background-position-y: bottom;

}



section#inicio h1 {
	font-size: 3em;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
section#inicio hgroup h2 {
	margin-top: 1em;
	text-transform: capitalize;
}
section#inicio hgroup h3 {
	margin-top:  .35em;
	font-family: 'Barlow', sans-serif;
}
section#inicio .entry-content {
	margin: 1em 0 2.5em;
}
section#inicio .align {
	text-align:center;
	margin-top:10px;
	font-size:6em;
}
/* inicio Image Hover */
.mask2 img {
	margin: 0 auto;
	max-width: 100%;
	display: block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mask2 img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);
	opacity: 1;
}
/* institucional */

section#institucional {
	/* padding-bottom: 9.5em; */
	background-image: url(../img/institucional-bg.png);

	/*width: auto;*/
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;

}
#institucional h1 {
	font-size: 3em;
	/*margin-bottom: 1em;*/
	/*margin-top: 0.5em;*/
}
section#institucional h2 {
	font-size: 22px;
	/* margin-bottom: 15px; */
	margin-top: 10px;
	text-align:center;
}
section#institucional p {
	/* margin:10px; */
	font-size: 34px;
	text-transform: uppercase;
	color:white;
	text-align: center;
}

/* institucionaldos */

#institucionaldos {
	/* padding-bottom: 9.5em; */
	background-image: url(../img/idea.png);
	height: 900px;
	width: 100%;

	background-size: cover;
	background-repeat: no-repeat;

}
#institucionaldos h1 {
	font-size: 3em;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
#institucionaldos h2 {
	font-size: 22px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align:center;
}
#institucionaldos p {
	margin:10px;
	font-size: 34px;
	text-transform: uppercase;
	color:white;
	text-align: center;
}

/* coco */

section#coco {
	padding-bottom: 0em;

	background-image: url(../img/institucional-bg.png);

	/*width: auto;*/

	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;

}
#coco h1 {
	font-size: 3em;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
section#coco h2 {
	font-size: 22px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align:center;
}
section#coco p {
	margin:10px;
	font-size: 34px;
	text-transform: uppercase;
	color:white;
	text-align: center;
}
section#coco li {

	text-align: center;
}

#brindando{
	margin:10px;
	font-size: 23px;
	text-align: center;
	padding-bottom: 60px;

	color:white;
}
#contamos{
	/*margin:10px;*/
	font-size: 31px;
	text-align: center;
	padding-bottom: 60px;
	font-weight: bold;
	font-family:  'Saira Condensed', cursive;

}

.contamos{
	line-height: 1.6;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 3.26em;
}

.enfasis-span{
	color:#EB6D03;





}

#beneficios p{
	display:block;
	background-color: #EB6D03;
	color:white;
	height: 50px;
	width: 400px;
	margin: auto;
	padding-top: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2.2em;
	font-family: 'Barlow', sans-serif;
	text-align: center;
}

section#institucional .align {
	text-align:center;
	margin-top:10px;
	font-size: 6em;
}
section#institucional .align .sev_icon {
	text-align:center;
	margin:10px 0 20px 0;
	font-size: 0.6em;
	color:#EB6D03;
}
section#institucional .span3 {
	background:#e9e9e9;
	padding: 20px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
section#institucional .span3:hover {
	background:#e3e3e3;
	box-shadow: 1px 1px 6px #C1BAC1;
}
/* Testimonials */

section#testimonials {
	height:  647px;
	background: url("../img/yellow_testimonial.png") repeat-x 0 0;
	padding: 0;
	color: #e4e5e2;
	z-index: 500;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
section#testimonials .blockquote-wrapper {
	display: table-cell;
	vertical-align: middle;
	height:  647px;
}
blockquote.mega {
}
blockquote.mega p {
	font-size: 45px;
	line-height: 50px;
	text-align: left;
	font-family: 'Barlow', sans-serif;
	font-weight:bold;
	color:#312A1E;
}
blockquote.mega .cite {
	font-size: 22px;
	text-align: left;
	font-weight:300;
}
/* servicios */

i.far.fa-map-marker-alt{
	display:block;
	float:left;
	margin:20px;
	font-size: 34pt;


}

.servicios-txt{
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 20px;


}

section#servicios {
	background: url("../img/grey-cardboard-bg.png") repeat 0 0;
	padding-top: 150px;
}
section#servicios .align {
	font-size: 6em;
	text-align: center;
}

/* serviciosdos */

#iconos{
	margin-top: 100px;
}

section#serviciosdos {
	/* background: url("../img/grey-cardboard-bg.png") repeat 0 0; */
	background-image: none;

}
section#serviciosdos .align {
	font-size: 6em;
	text-align: center;
}

#divisorun.entry-content{
	border-top: 1px solid #888888;
	padding-top: 25px;

	margin-top: 25px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;

}
#divisordo.entry-content{
	border-top: 1px solid #888888;
	padding-top: 25px;
	margin-top: 25px;


	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;

}
#divisortr.entry-content{
	border-top: 1px solid #888888;
	padding-top: 25px;
	margin-top: 25px;


	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;




}
   /*TARJETAS*/
article.post {
	background:none;
	/* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); */
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	height: 830px;
	width: 353px;

	margin-bottom: 40px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;

	border: 1px solid #888888;



}

.servicios{
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 1.2em; /* 14pt */
	text-align: center;

}

#rowservicios{

	margin-top: -70px;
}

#tarjetas{
	padding-left: 40px;
}

article.post li{

	/* border: 1px solid #C00; */
	max-width: inherit;
	list-style-position: inside;

	break-inside: avoid-column;

	font-weight: bold;
	width: 330px;
}



article .inside {  /**TARJETAS**/
	margin-left: 24px;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 0px;
	padding-top: 0;
	/* background: url("../img/dot-row-2.png") repeat-x scroll 0 0 transparent !important; */
	overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;


}
.post-date {
	color: #A5A5A2;
	float: right;
	font-family: 'Barlow', sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 2;
	margin-right: 5px;
}
#servicios h1 {
	font-size: 3em;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
#servicios h2 {
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #EB6D03;  /* antes #312A1E; el q va #EB6D03*/
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	/*clear: right;*/
	text-align: center;
}
/* links and contacto */

section#links{
	color: #e4e5e2;
	/*background:#23231E;*/
	/* color: #23231E;  COLOR contacto FooT  r 35 g 35 b 30*/

}

section#contacto {
	color: #e4e5e2;
	/*background:#23231E;*/
	/* color: #23231E;  COLOR contacto FooT  r 35 g 35 b 30*/

}

section#links .align, section#contacto .align {
	font-size: 6em;
	text-align: center;
}
#links h1, #contacto h1 {
	font-size: 2em;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
#contacto, #links {
	padding-top: 4.75em;
}
#links {
	padding-bottom: 0;
	background: url("../img/links.png") ;
	background-size: cover;
	height: 300px;
}
#contacto {
	padding-bottom: 0;

	background: url("../img/contact-form.png") ;
	background-size: cover;
}
section#contacto{

}

.dejanos{

	font-weight:700;
	line-height: 1;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 3.26em;
	color: white;
}

.grisado{

	background: rgba(85, 83, 83, 0.6);
	z-index: 1;

	position: relative;
}

.trimpex{

	font-size: 16px;
}

#solapanaranj{
	width: 400px;
	height: 400px;
	position: relative;
	 z-index: 6;

bottom: 400px;
float: right;

}
/* links */

#ul-links{
	list-style-type: none;
}

#links h3 {
	font-size: 26px;
	margin-top: 24px;
	margin-bottom: 0px;
}
#links h3, .job-position {
	text-align: center;
}
#links .featurette {
	text-align: center;
	font-size: 21px;
}
#links h2.featurette-heading {
	margin-bottom: 24px;
}
.linksalign {
	text-align:center
}
.links-thumb {
	margin-top: 26px;
	text-align:center;
}
.job-position {
	font-family:'Barlow', sans-serif;
	margin-bottom: .46155em;
}
/* contacto Form */

#theme-form {
	position: relative;
	z-index: 999;
}
#theme-form input[type=text], .cform-form textarea {
	background: rgba(227, 231, 228, 1);
	font-family: 'Barlow', sans-serif;
	border: 0;
	text-align: left;
	vertical-align: middle;
}
#theme-form input[type=text]:focus, .cform-form textarea:focus {
	background: rgb(162, 164, 161);
	color: #eff1ef;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	transition: background 0.25 ease-in;
	-moz-transition: background 0.25 ease-in;
	-webkit-transition: background 0.25 ease-in;
}
#theme-form input[type=text] {
	height: 3.25em;
}
#theme-form input[type=submit] {
	font-family: 'Barlow', sans-serif;
	color: #fff;
	width: 185px;
	height: 60px;
	text-shadow: none;
	font-size: 1.3125em; /* 21px */
	padding:0.5em;
	letter-spacing: 0.05em;
	margin: 0 0 20px 0;
	display: block;
	border: 0;
	text-transform: none;
	/*background: #f0bf00 !important;*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	filter: drop-shadow(3px 5px 3px rgba(0,0,0,0.3));
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-image: linear-gradient(to top, #e24f06 0%, #FA7B03 100%);
}




#theme-form input[type=submit]:hover {
	background-position: right center; /* change the direction of the change here */
 }

/*#theme-form input[type=submit]:hover, #theme-form input[type=submit]:active {*/
	/*background: #43413e !important;*/
/*}*/
#theme-form textarea {
	padding-top: 1em;
}
div.cform-response-output {
	max-width: 60%;
	text-align: center;
	margin-left: 40% !important;
	margin-top: 0.5em !important;
	padding: 0.5em !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.cform-not-valid-tip {
	color: #888;
	border: 1px dotted #ad3729 !important;
	width: 100% !important;
	left: 0 !important;
	padding: 0.5em !important;
	font-family: 'Barlow', sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/* Featurettes */



hr.featurette-divider {
	margin: 3em 0;
	border-width: 0;
	height: 9px;
	/* background: url("../img/dot-row-3-lt.png") repeat-x; */
}


#divlogobajoform{
	text-align: center;
	margin: auto;
	width: 100%;
	margin-bottom: 100px;
	transition: .5s ease-in;
	opacity: .4;
	filter: grayscale(100%);
}
#divlogobajoform:hover{
	transition: .5s ease-in;
	opacity: 1;
	filter: grayscale(0%);
}
/* ----------------------------------------------------------------------------------------------------------
06 Footer ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#map-wrapper {
	margin-top: 20px;

}
footer {
	text-align: center;
	color: #20201C;  /* COLOR FOOTER  r35 g 35 b 30*/
	background-color: #20201C; ;
	/*font-weight: bold;*/
	padding-left: 100px;
}
footer p {
	margin-top: -130px;
}

footer   {
	color: #B1B1B1 ;
	margin-left: 10%;
	margin-top: 5%;
	list-style: none;
}

footer ul  {

	list-style: none;

}

#social{
	float:left;

}

#suturbadesign{
	width: 100px;
	float:right;
	margin-right: -140px;




}

#menu-main-footer{
	text-align: left;

}

/**Estructura FOOTER **/

.estructura {

	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0.5em;
}
.est-one {

	border: 1px dotted #ad3729 !important;

}
.est-two {

	border: 1px dotted #ad3729 !important;

}
.est-three {

	border: 1px dotted #ad3729 !important;

 }
.est-four {

	border: 1px dotted #ad3729 !important;

}

#derechos{
	float: left;
}


/* ----------------------------------------------------------------------------------------------------------
07 Bootstrap Carousel ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

    .carousel-caption {
	background-color: transparent;
	position: static;
	max-width: 550px;
	padding: 0 20px;
	margin-top: 200px;
	position:absolute;
}
.carousel-caption h1,  .carousel-caption .lead {
	margin: 0;
	line-height: 1.25;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.carousel-caption .btn {
	margin-top: 10px;
}
.carousel-control {
	height: 50px;
	top: 46%;
	margin-top: 0;
	font-size: 6.5em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	background-color: transparent;
	border: 0;
	font-family: 'Barlow', sans-serif;
	opacity: 0.4;
	border-radius: 0;
}
.carousel-control:link, .carousel-control:visited {
	color: #262626;
}
/* Banner Carousel  */
    #banner.carousel {
	margin-top: 4.75em;
	margin-bottom: 0;
	margin-top: 0;
	max-height: 642px;
}
.banner-caption {
	/*	width: 18%; */
    	position: absolute;
	left: 20%;
	top: 10%;
	color: #007ac3;
}
#intro-caption {
	margin-top:150px;
	font-family: 'Barlow', sans-serif;
	text-align: center;
	font-size: 80px;
	line-height: 90px;
	color:#fff;
	font-weight:bold;
	text-shadow: 2px 2px 2px #000;
}
#intro-caption span {
	font-family:'Barlow', sans-serif;
	font-size: 0.65em;
}
#banner.carousel .item {
}
#banner.carousel img {
}
#banner.carousel .carousel-control {
}
/* ----------------------------------------------------------------------------------------------------------
08 Buttons ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.btn {
	font-family: 'Barlow', sans-serif;
	color: #fff;
	width: 185px;
	height: 20px;
	text-shadow: none;
	font-size: 1.3125em; /* 21px */
	padding: 1em 0.5em;
	letter-spacing: 0.05em;
	margin: 4.5em auto 0;
	display: block;
	border: 0;
	text-transform: none;
	background: #EB6D03 !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;

}
.btn:link, .btn:visited {
	color: #fff;
}
.btn:hover {
	background: #312A1E !important;
}
.navbar-inverse .btn-navbar {
	width: auto;
	height: auto;
}

/* ----------------------------------------------------------------------------------------------------------
09 Media queries --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/* RESPONSIVE
-------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
	html {
	  scroll-behavior: auto;
	}
  }

    @media (max-width: 1186px) {
 .banner-caption {
	    	/*	width: 18%; */
	    	position: absolute;
 left: 20%;
 top: 6%;
 color: #007ac3;
}
 #intro-caption {
 font-family: 'Barlow', sans-serif;
 text-align: center;
 font-size: 60px;
 line-height: 70px;
}
 .banner-caption p {
 font-size: 1em;
}
}
 @media (max-width: 979px) {
 .navbar-fixed-top {
 margin-bottom: 0;
}
 .navbar .container {
 width: 100%;
}
 .navbar .brand {
 margin-top: 0;
}
 .navbar .btn-navbar {
 margin-top: 0;
}
 .navbar-fixed-top .navbar-inner {
 padding: 0px;
}
 .featurette {
 height: auto;
 padding: 0;
}
 .featurette-image.pull-left,  .featurette-image.pull-right {
 display: block;
 float: none;
 max-width: 40%;
 margin: 0 auto 20px;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
 #headerwrap {
 padding-top:0;
}
}
 @media (max-width: 767px) {
 .container {
 padding-right: 5px;
 padding-left: 5px;
}
 .navbar-fixed-top,  .navbar-fixed-bottom,  .navbar-static-top {
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom:0px;
 padding-bottom:0px;

}
 .navbar-inner {
 margin: 0;
}
 .carousel {
 margin-left: -20px;
 margin-right: -20px;
}
 .carousel .container {
}
 .carousel-caption {
 width: 65%;
 padding: 0 70px;
 margin-top: 100px;
}
 .carousel-caption h1 {
 font-size: 30px;
}
 .carousel-caption .lead,  .carousel-caption .btn {
 font-size: 18px;
}
 .featurette-heading {
 font-size: 30px;
}
 .featurette .lead {
 font-size: 18px;
 line-height: 1.5;
}
}

    /* Smaller screens ----------- */


@media (width <= 979px) {
	#logo {
		background-image: url("img/Logo-sm.png");
		border: 3px solid yellow;
		margin-top: -35px;
		padding: 15px;
		width: 10em;
		align-items: center;
		justify-content: center;


	}
 }

@media (max-width : 480px) {

 #headerwrap {
 padding-top:0;
}
 #headerwrap h1 {
 font-size:2em;
}
 #headerwrap h2 {
 font-size:1em;
}
 #headerwrap input[type="text"] {
 width: 100%;
}
 #headerwrap input[type="submit"] {
 margin-top:1em;
 width: 135px;
}
.container {
/*1px solid yellow;*/
}
 #links .links-thumb {
 margin-right: auto;
 margin-left: auto;
 width: 150px;
 display: block;
 text-align:center
}
 #feature article p {
 font-family: 'Barlow', sans-serif;
 font-size: 26px; /* font-size: 26px; */
 margin-bottom: 0;
 line-height: 30px;
 color: #fff;
}
}

    /* Smartphones (portrait and landscape) ----------- */
	@media only screen  and (min-device-width : 320px)  and (max-device-width : 480px) {
 #feature-headline {
 background: transparent;
 text-indent: 0;
 overflow: visible;
 margin-top: 1.5em;
}
 #navbar-inner {
 margin:	0;
}
 #banner { /*display: none;*/
}
 section.single-page {
 padding: 1em 0;
}

/* Feature */
#feature-badge {
/*	display: none; */
}

/* inicio & servicios */

#servicios h1 {
 background: transparent;
}
 #servicios h1 span {
 background: transparent;
 padding: 0;
}
 #inicio .container {
 top: 0 !important;
}
 #feature article p {
 font-family: 'Barlow', sans-serif;
 font-size: 26px; /* font-size: 26px; */
 margin-bottom: 0;
 line-height: 30px;
 color: #fff;
}
 .img-servicios {
 width: 100%;
}
 .img-servicios {
 margin-right: auto;
 margin-left: auto;
 display: block;
}
 section#inicio hgroup h2 {
 margin-top: 1.5em;
}

		/* institucional */

		#institucional h1 {
 background: transparent;
}
 #institucional h1 span {
 background: transparent;
 padding: 0;
}
 section#institucional h2 {
 margin-bottom: 0.25em;
}
 section#institucional h2, section#institucional ul {
 text-align: center;
}


	    /* Testimonials */

section#testimonials {
			display: none;
}

		/* links */

#links .links-thumb {
 margin-right: auto;
 margin-left: auto;
 width: 150px;
 display: block;
 text-align:center
}
 .job-position: {
 margin-bottom: 1.5em;
}
 .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
 margin-left: auto;
 margin-right: auto;
}

		/* contacto Form */

#theme-form {
 overflow: hidden;
}
 #theme-form input[type=submit] {
 width: 100%;
}
}

	/* Smartphones (landscape) ----------- */
	@media only screen  and (min-width : 321px) {
 #feature-headline {
 font-size: 32px; /* 34px */
}
}

	/* Smartphones (portrait) ----------- */
	@media only screen  and (max-width : 320px) {
 #feature-headline {
 font-size: 1.1875em; /* 19px */
}
 #feature article p {
 font-family: 'Barlow', sans-serif;
 font-size: 26px; /* font-size: 26px; */
 margin-bottom: 0;
 line-height: 30px;
 color: #fff;
}
}

	/* iPads (portrait and landscape) ----------- */
	@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px) {
 .banner-caption p {
 font-size: 0.6em;
}
 #intro-caption {
 font-size: 4em;
}
}

	/* iPads (landscape) ----------- */
	@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape) {
/* Styles */
	}

	/* iPads (portrait) ----------- */
	@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait) {
/* Styles */
	}

	/* Desktops and laptops ----------- */
	@media only screen  and (min-width : 1224px) {
/* Styles */
	}