body {
  background: #fff;
  font-family:"sansationregular", sans-serif;
  color: #666;
  -webkit-font-smoothing: antialiased; 
}

@font-face {
    font-family: 'sansationbold';
    src: url('../fonts/Sansation-Bold-webfont.eot');
    src: url('../fonts/Sansation-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Sansation-Bold-webfont.woff') format('woff'),
         url('../fonts/Sansation-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Sansation-Bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationbold_italic';
    src: url('../fonts/Sansation-BoldItalic-webfont.eot');
    src: url('../fonts/Sansation-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation-BoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/Sansation-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Sansation-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Sansation-BoldItalic-webfont.svg#sansationbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationitalic';
    src: url('../fonts/Sansation-Italic-webfont.eot');
    src: url('../fonts/Sansation-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation-Italic-webfont.woff2') format('woff2'),
         url('../fonts/Sansation-Italic-webfont.woff') format('woff'),
         url('../fonts/Sansation-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Sansation-Italic-webfont.svg#sansationitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansation_lightlight';
    src: url('../fonts/Sansation-Light-webfont.eot');
    src: url('../fonts/Sansation-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation-Light-webfont.woff2') format('woff2'),
         url('../fonts/Sansation-Light-webfont.woff') format('woff'),
         url('../fonts/Sansation-Light-webfont.ttf') format('truetype'),
         url('../fonts/Sansation-Light-webfont.svg#sansation_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansation_lightlight_italic';
    src: url('../fonts/Sansation-LightItalic-webfont.eot');
    src: url('../fonts/Sansation-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation-LightItalic-webfont.woff2') format('woff2'),
         url('../fonts/Sansation-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Sansation-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Sansation-LightItalic-webfont.svg#sansation_lightlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/Sansation-Regular-webfont.eot');
    src: url('../fonts/Sansation-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Sansation-Regular-webfont.woff') format('woff'),
         url('../fonts/Sansation-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Sansation-Regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
a {
	color:#98ad43;
}
.brand {
	padding: 20px;
}
.jumbotron {
	background-image:url('../img/back-jumbo.jpg');
  	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:top center;
}

.jumbotron h1{
	font-family:"sansationregular", sans-serif; 
	color: #254670;
	font-size: 2.2em;
}
.jumbotron h3{
	font-family:"sansationregular", sans-serif; 
	color: #ffffff;
	font-size: 1.4em;
}
.jumbotron p {
	font-family:"sansationregular", sans-serif; 
	color: #ffffff;
	font-size: 1.2em;
}

.skew-menu {
  text-align: center;
  margin-top: -50px;
}
.skew-menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: skew(-25deg);
}
.skew-menu ul li {
  background: #fff;
  float: left;
  border-right: 1px solid #eee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  color: #555;
  font-weight: bolder;
  transition: all 0.3s linear;
}
.skew-menu ul li:first-child {
  border-radius: 7px 0 0 7px;
}
.skew-menu ul li:last-child {
  border-right: none;
  border-radius: 0 7px 7px 0;
}
.skew-menu ul li:hover {
  background: #98ad43;
  color: #eee;
}
.skew-menu ul li a {
  display: block;
  padding: 1em 2em;
  color: inherit;
  text-decoration: none;
  transform: skew(25deg);
}
@media only screen and (max-width: 375px) {
    .skew-menu ul li a {
	  display: block;
	  padding: 0.8em 0.8em;
	  color: inherit;
	  text-decoration: none;
	  transform: skew(25deg);
	}
	.skew-menu ul li {
	  font-size: .9em;
	}
}
.navegacion{
	margin-top: -50px;
}
p {
	font-size: 1.1em;
	line-height: 160%;
}
h1 {
	font-family: 'sansationbold';
	font-size: 2.3em;
	color: #3b394e;	
	padding: 20px 0;
}
h2 {
	font-family: 'sansationbold';
	font-size: 2em;
	color: #3b394e;	
	padding: 10px 0 5px 0;
}
h3 {
	font-family: 'sansationbold';
	font-size: 1.6em;
	color: #3b394e;	
	padding: 10px 0;
}
.back-green {
	background: #98ad43;
	color: #fff;
	padding-top: 20px;
	border: 0;
}
.back-grey {
	background: #f2f2f2;
	color: #4d4d4d;
	padding-top: 20px;
	border: 0;
}
.back-imagen {
	background-image:url('../img/back-contacto-noxotros.jpg');
  	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:top center;
	border: 0;
	padding-bottom: 20px;
}
.btn-main {
	border-radius: 25px;
	background-color:#e26c14;
	color: #fff;
	font-size: 1.3em;
	padding: 10px 25px;
	border: none;
}
.btn-main:hover {
	background-color:#98ad43;
	color:#000;
	box-shadow: 2px 2px 8px #333;
}


.pulse:hover,
.pulse:focus {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
.pulse {
  --color: #fff;
  --hover: #ef8f6e;
}
.buttons a {
  color: var(--color);
  transition: 0.25s;
}
.buttons a:hover, a:focus {
  border-color: var(--hover);
  color: #fff;
}
#nosotros {
	background:#fff;
	padding-bottom: 50px;
}
#servicios {
	background-image:url('../img/back-servicios.jpg');
  	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:top center;
	color: #fff;
}
#clientes {

}
#contacto {
	padding-top:60px;
}
.slider {
	background: #fff;
	color: #333333;
	box-shadow: 6px 6px 24px #333;
	padding: 10px 10px 30px 10px;
}

.carousel-control.left, .carousel-control.right{
    background: transparent;
}
.carousel-inner {
	overflow: visible;
}
.carousel-control.left {
    left: -50px;
}
.carousel-control.right {
    right: -50px;
}
.edificios {
	background-image:url('../img/back-contacto.png');
  	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:bottom center;
}
footer {
	background-color: #3b394e;
	padding: 20px 0;
	color: #fff;
}
#contenedor{
display: table; /*Da formato de tabla a la capa*/
height: 100%; /*Tiene una altura del 100% de la pantalla*/
/*margin-right:0; Solo si quieres alinear a la derecha*/
/*margin-left:auto; Solo si quieres alinear a la derecha*/
}
#contenido {
display: table-cell; /*Da formato de celda a la capa lo que permite alinear verticalmente*/
vertical-align: bottom; 
}

#line-title {
	border-top: solid 3px #98ad43;
	width: 50px;
	display:inline-block;
}
#line-title2 {
	border-top: solid 3px #fff;
	width: 50px;
	display:inline-block;
}
.carousel-indicators {
    bottom: -50px;
}
.carousel-indicators .active {
    width: 24px;
    height: 24px;
    margin: 0;
    background-color: #3b394e;
}
.carousel-indicators li {
	width: 20px;
    height: 20px;
    background-color: #e26c14;
    border-radius:30px;
    border: solid 2px #fff;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(152, 173, 67, 0.9);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 19px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 10px;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/*slider*/








@media only screen and (max-width: 375px) {
    .jumbotron {
		background-image:url('../img/back-jumbo-sm.jpg');
	  	background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:top center;
	}
	.back-imagen {
		background-image:url('../img/back-contacto-noxotros-sm.jpg');
	  	background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:top center;
		border: 0;
		padding-bottom: 20px;
	}	
}