/* RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, center,

dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, thead, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

* {box-sizing:border-box;}


/*ESTILOS GENERALES
****************************************/

body {
	font-family: 'Lexend', sans-serif;
	font-weight: 300;	
	}
	
::-webkit-scrollbar {
	width: 10px;
	}
	
::-webkit-scrollbar-track { /*fondo-barra-scroll*/
	background-color: #E9E9E9;
	}

::-webkit-scrollbar-thumb { /*barra-scroll*/
	background-color: #42C343;
	}
	
::-moz-selection {
	background-color:#123A1A;
	color: #41F941;
	}
	
::selection {
	background-color:#123A1A;
	color: #41F941;
	}
	
a {
	text-decoration:none;	
		
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	}


#logo-giro {
	width: 70px;
	height: 70px;
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 2;
}

#logo-giro a {
	width: 70px;
	height: 70px;
	position: absolute;
	background:center center no-repeat url(../imagenes/icono-giro.png);
}

#logo-giro a:hover {
	filter: saturate(150%);
}

#menu {
	width: 800px;
	height: 100px;	
	position: absolute;
	top: 0px;
	right: 0;
	padding-top: 40px;
	z-index: 1;
	
}

#menu li {
	display: inline;
	margin: 0 20px;
	color: white;
	font-size: 13px;
	letter-spacing: 1px;	
	position: relative;	
}

#menu li a {
	color: white;	
}

#menu li a:hover {
	color: #41F941;	
}

#menu li a span {
	color: #41F941;
	margin-left: 10px;
}

#menu li ul {
	display: none;	
}

#menu li:hover > ul  {
	display: block;
	position: absolute;
	width: 300px;
	height: 250px;
	top: 10px;
	left: 0;
	padding-top: 20px;	
	cursor:pointer;
	
	animation: Animacion 0.5s ease;
	}
	
@keyframes Animacion {
	0%{	top:50px; opacity:0.1;}
}

#menu li ul li:nth-child(1) {
	border-top: 4px solid #CCF294;
}

#menu li ul li {
	display:inline-block;
	font-size: 16px;
	letter-spacing:normal;	
	
	border-bottom: 1px solid rgba(65,249,65,0.4);
	padding: 15px;
	margin: 0;	
	
}

#menu li ul li a:hover  {
	color: #CCF294;
}

#imagenes-completas {
	background-color: #123A1A;
	text-align: center;
	width: 100%;
	height: auto;	
	padding: 100px 0;
}


#redes {
	position: fixed;
	width: 40px;
	height: 200px;
	bottom: 100px;
	right: 20px;
	z-index: 100;	
}

#redes a {
	width: 40px;
	height: 40px;
	display: block;
}

#redes a:hover {
	filter: saturate(180%);
}

.scrollup {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 30px;
	right: 20px;
	display: none;
	background: center center no-repeat #fff url(../imagenes/go-to-top.png);
	box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
  }

.scrollup:hover {	
	background: center center no-repeat rgba(255, 255, 255, 0.8) url(../imagenes/go-to-top-hover.png);	
  }

.linea-3-verdes {
	width: 100%;
	height: 1px;	
}

.linea-3-verdes figure {	
	height: 1px;
	position: relative;
	float: left;
	}

.linea-3-verdes figure:nth-child(1) {
	width: 40%;
	background-color: #0B700B;
	
}

.linea-3-verdes figure:nth-child(2) {
	width: 30%;
	background-color: #42C343 ;
}

.linea-3-verdes figure:nth-child(3) {
	width: 30%;
	background-color: #CCF294;
}

.titulo-1 {
	text-align: center;
	font-size: 40px;	
	font-weight: 800;
	color: #0B700B;	
}

.titulo-1 span {
	font-weight: 400;
}

.parrafos {
	color: #123A1A;
	font-size: 15px;
	line-height: 28px;
	font-weight: 300;
}

.parrafos span {
	font-weight: 600;
	color: #07A507;
}

/*botones*/

.boton-chico {
	position: absolute;
	width: 236px;
	height: 50px;	
	text-align: center;
	border: 1px solid rgba(66,195,67,0.3);
	border-radius: 40px;
	background-image: none;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 15%;
	color: #42C343;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 50px;
	font-weight: 600;

	transition: 0.3s ease;
}


.boton-chico:hover {
	background-position: center center;
	color: rgba(255,255,255,0.0);
	padding-left: 0px;
	background-image: url(../imagenes/ver-mas.png);
	line-height: 70px;
	
}

.boton-chico div {
	position: absolute;	
	width: 7px;
	height: 7px;
	background-color: #42C343;
	border-radius: 50%;
	transition: 0.5s ease;
}

.boton-chico div:nth-child(1) {
	top: -4px;
	left: 150px;
}
.boton-chico div:nth-child(2) {
	top: 45px;
	left: 40px;
}
.boton-chico:hover div:nth-child(1) {	
	left: 50px;
}
.boton-chico:hover div:nth-child(2) {	
	left: 160px;
}

.combo_tres_botones {
	width: 900px;
	height: 280px;
	margin: auto;
}

.combo_tres_botones section {
	position: relative;
	float: left;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	padding-top: 45px;
	text-align: center;
	background-image: url(../imagenes/fondo-circulo.png);
	
}

.combo_tres_botones section:nth-child(2) {
	margin: 0 30px;
}


.combo_tres_botones section h2 {
	text-align: center;
	color: #0B700B;
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
}

.combo_tres_botones section a {
	top: 185px;
	left: 70px;
	width: 140px;
	height: 35px;
	font-size: 15px;
	line-height: 30px;
	font-weight: 400;
	color: #0B700B;
	line-height: 33px;
}

.combo_tres_botones section a div {	
	width: 5px;
	height: 5px;
}


.combo_tres_botones section a div:nth-child(1) {
	top: -3px;
	left: 90px;
}

.combo_tres_botones section a div:nth-child(2) {
	top: 31px;
	left: 30px;
}

.combo_tres_botones section a:hover div:nth-child(2) {	
	left: 100px;
}

/*cierre botones*/

footer {
	background-color: rgba(11,112,11,0.5);
	background-image: url(../imagenes/pie-de-pagina.jpg);
	background-position: center center;
	width: 100%;
	height: 600px;
	padding-top: 80px;
}

footer figure {
	width: 200px;
	height: 150px;
	margin: auto;		
	background-image: url(../imagenes/giro.png);
	background-position: top center;
	background-repeat: no-repeat;	
}


footer article {
	width: 70%;
	height: 300px;
	padding-top: 30px;
	margin: auto;
}

footer article section {
	position: relative;
	float: left;	
	height: 300px;	
}

footer article section:nth-child(1) {
	width: 20%;	
}

footer article section:nth-child(2) {
	width: 20%;	
}

footer article section:nth-child(3) {
	width: 40%;	
}

footer article section:nth-child(4) {
	width: 20%;	
}


footer article section h3 {
	font-size: 20px;
	line-height:50px;
	letter-spacing: 1px;
	font-weight: 700;
	color: #41F941;
	text-align: center;
}

footer article section h4 {
	font-size: 15px;
	line-height:40px;
	letter-spacing: 1px;
	font-weight: 300;
	color: #41F941;
	text-align: center;
}

footer article section h4 span {
	color: #CCF294;
	font-weight: 400;	
}


#formulario {
	width:90%;
	height:230px;
	padding-top: 15px;
	margin: auto;	
	}

	
.botones-form {
	width:100%;
	height:30px;
	font-family: 'Quicksand';
	font-size:14px;
	color:#CCF294;
	border:none;	
	margin-bottom:10px;
	border-bottom:1px solid #07A507;
	background-color:transparent;
	outline:none;
	
	transition: 0.2s ease;	
	}
	
.botones-form:hover {
	color:#fff;
	border-bottom:1px solid #41F941;
	}
	
.botones-form::-webkit-input-placeholder {
	color:#41F941;
	}
	
.botones-form::-moz-input-placeholder {
	color:#41F941;
	}
	
.botones-form:hover::-webkit-input-placeholder {
	color:#41F941;
	}
	
.botones-form:hover::-moz-input-placeholder {
	color:#41F941;
	}
	
.mensaje {
	height:50px;
	}
	
#enviar {
	width:100%;
	background-color: #07A507;
	height:30px;	
	border:none;
	outline:none;
	color:#fff;
	font-family: 'Lexend', sans-serif;	
	font-size:16px;	
	font-weight: 700;
	letter-spacing: 1px;
	padding-right: 20px;
	cursor:pointer;
	text-align: right;
	
	transition: 0.2s ease;
	
	}
	
#enviar:hover {
	background-color: #41F941;
	}

#creditos {
	width: 80%;
	height: 100px;	
	margin: auto;	
}

#creditos h6 {	
	height: 100px;
	position: relative;	
	color: #42C343;
	font-size: 13px;
	line-height: 100px;
	letter-spacing: 1px;
	text-align: center;
}

#creditos h6:nth-child(1) {
	float: left;
	width: 700px;	
}

#creditos h6:nth-child(1) a {
	color: #0B700B;	
}

#creditos h6:nth-child(2) {
	float: right;
	width: 200px;	
}

#creditos h6:nth-child(2) a {
	color: #42C343;
}

#creditos h6:nth-child(2) a:hover {
	color: #ff0036;
	letter-spacing: 2px;
}

.encabezado-sencillo {
	width: 100%;
	height: 400px;
	padding-top: 180px;
	text-align: center;
	background-image: url(../imagenes/politica-de-privacidad.jpg);
	background-attachment: fixed;
	background-position: top center;	
}


.encabezado-sencillo h1 {
	font-size: 50px;
	line-height: 80px;
	color: #CCF294;
	
	font-weight: 600;
}

#politica-de-privacidad {
	width: 60%;
	height: auto;
	margin: auto;
	margin-bottom: 100px;	
	margin-top: 50px;
}

#politica-de-privacidad h2 {
	font-size: 20px;
	line-height: 50px;
	color: #07A507;
	margin-bottom: 30px;
	font-weight: 500;
}

#politica-de-privacidad h3 {
	font-size: 18px;
	line-height: 40px;
	color: #0B700B;
	border-bottom: 1px solid #CCF294;
	margin-bottom: 30px;
	font-weight: 600;
}

#politica-de-privacidad p {
	font-size: 16px;
	line-height: 36px;
	font-weight: 400;
	text-align: justify;
	color: #0B700B;
	margin-bottom: 30px;
}

#politica-de-privacidad p span {
	font-weight: 600;
}

#politica-de-privacidad ul {
	margin-left: 50px;
	margin-bottom: 30px;
}

#politica-de-privacidad ul li {
	font-size: 16px;
	line-height: 36px;
	font-weight: 400;
	color: #07A507;
	
	margin-bottom: 15px;
	list-style-type:disc;
	border-bottom: 1px solid rgba(204, 242, 148, 0.5);
	
}

.encabezado-confirma {
	background-image: url(../imagenes/confirma.jpg);
}

.encabezado-confirma p {
	width: 500px;
	height: 200px;
	color: #F2FFDC;
	font-weight: 600;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	margin: auto;
	margin-top: 100px;
}


.encabezado-confirma p span {
	font-weight: 400;
	font-size: 30px;
}

/*HOME************************************************************/	

/*slider*/

.CSSgal {
	position: relative;
	overflow: hidden;
	height: 600px; /* Or set a fixed height */
}

/* SLIDER */

.CSSgal .slider {
	height: 100%;
	white-space: nowrap;
	font-size: 0;
	transition: 0.8s;
}

/* SLIDES */

.CSSgal .slider > * {
	font-size: 1rem;
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	height: 100%;
	width: 100%;
	background: none 50% no-repeat;
	background-size: center center cover;
}

/* PREV/NEXT, CONTAINERS & ANCHORS */

.CSSgal .prevNext {
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 80%;
	left: 10%;
	height: 0;
}

.CSSgal .prevNext > div+div {
	visibility: hidden; /* Hide all but first P/N container */
}

.CSSgal .prevNext a {	
	position: absolute;
	width:       100px;
	height:      100px;
	line-height: 70px; /* If you want to place numbers */
	text-align: center;
	opacity: 0.7;
	font-size: 150px; /*tamaño de las flechas*/
	font-weight: 100;
	color: #41F941;
	-webkit-transition: 0.3s;
					transition: 0.3s;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
	left: 0;
}
.CSSgal .prevNext a:hover {
	opacity: 1;
}
.CSSgal .prevNext a+a {
	left: auto;
	right: 0;
}

/* NAVIGATION */

.CSSgal .bullets {
	position: absolute;
	z-index: 2;
	bottom: 0;
	padding: 20px;
	width: 100%;
	text-align: center;
}
.CSSgal .bullets > a {
	display: inline-block;
	width:       10px;
	height:      10px;
	border-radius: 4px;
	margin: 5px;
	text-decoration: none;
	background: rgba(204, 242, 148, 1);
	-webkit-transition: 0.3s;
					transition: 0.3s;
}
.CSSgal .bullets > a+a {
	background: rgba(204, 242, 148, 0.5); /* Dim all but first */
}
.CSSgal .bullets > a:hover {
	background: rgba(204, 242, 148, 0.7) !important;
}

/* NAVIGATION BUTTONS */
/* ALL: */
.CSSgal >s:target ~ .bullets >* {      background: rgba(204, 242, 148 0.5);}
/* ACTIVE */
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(204, 242, 148,   1);}
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(204, 242, 148,   1);}
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(204, 242, 148,   1);}
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(204, 242, 148,   1);}
/* More slides? Add here more rules */

/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.CSSgal >s:target ~ .prevNext >* {      visibility: hidden;}
/* ACTIVE: */
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
/* More slides? Add here more rules */

/* SLIDER ANIMATION POSITIONS */

#s1:target ~ .slider {transform: translateX(   0%); -webkit-transform: translateX(   0%);}
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
/* More slides? Add here more rules */


/* estilos propios slider home */

.CSSgal{
	color: #fff;	
	text-align: center;
}

.CSSgal .slider .contenedor-slide-uno {
	background: rgb(18,58,26);
	background: linear-gradient(180deg, rgba(18,58,26,1) 0%, rgba(11,112,11,0.5) 100%);
	width: 100%;
	height: 600px;
	margin: auto;
	padding-top: 200px;	
}

.CSSgal .slider .contenedor-slide-uno section {
	margin: auto;
	width: 1024px;
	height: 300px;
	position: relative;	
	color: #41F941;	
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
}

.CSSgal .slider .contenedor-slide-uno section h2 {	
	color: #00c432;	
	font-size: 100px;
	line-height: 150px;
	font-weight: 700;
	text-align: left;	
	background-image: url(../imagenes/giro.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width:580px;
	margin: auto;
}

.CSSgal .slider .contenedor-slide-uno section h1 {	
	color: #fff;
	font-size: 40px;	
	font-weight: 600;
	text-align: center;
}

.CSSgal .slider .contenedor-slide-uno section a {	
	top: 220px;
	left: 400px;
	color: #CCF294;
}

.CSSgal .slider .contenedor-slide-uno section a:hover {	
	color: rgba(204, 242, 148, 0.0);
	
}

.CSSgal .slider .contenedor-slide-dos {	
	width: 905px;
	height: 480px;
	padding-top: 200px;	
	margin: auto;		
}

.CSSgal .slider .contenedor-slide-tres {	
	width: 900px;
	height: 250px;
	margin: auto;
	margin-top: 200px;		
	text-align: left;	
	padding-right: 550px;
}

.CSSgal .slider .contenedor-slide-tres h3 {
	font-weight: 600;
	color: #41F941;
	font-size: 40px;
	line-height: 60px;
	text-shadow: 2px 2px 2px rgba(18,58,26,0.5);
	border-bottom: 1px solid #00c432;
	
}

.CSSgal .slider .contenedor-slide-tres h2 {
	font-weight: 500;
	color: white;
	font-size: 25px;
	line-height: 30px;
	padding: 30px 0;
}

.CSSgal .slider .contenedor-slide-tres a {
	border: 1px solid rgba(204, 242, 148,0.7);
	color: white;
}

.CSSgal .slider .contenedor-slide-tres a:hover {
	color: rgba(255,255,255,0.0);
	background-image: url(../imagenes/ver-mas-2.png);
	
}

.CSSgal .slider .contenedor-slide-cuatro {	
	width: 900px;
	height: 450px;
	margin: auto;
	margin-top: 100px;		
	text-align: right;
	padding-left: 300px;
	padding-top: 150px;
	
}

.CSSgal .slider .contenedor-slide-cuatro h3 {
	font-weight: 600;
	color: white;
	font-size: 40px;
	line-height: 50px;
	text-shadow: 2px 2px 2px rgba(18,58,26,0.2);	
	margin-bottom: 10px;	
}

.CSSgal .slider .contenedor-slide-cuatro ul {
	border-top: 1px solid #00c432;
	padding-top: 10px;	
}

.CSSgal .slider .contenedor-slide-cuatro ul li {
	display: inline-block;
	width: 80px;
	height: 80px;	
}

.CSSgal .slider .contenedor-slide-cuatro ul li a:hover {
	filter: contrast(300%);
}
/*cierre slider home*/

.cuidamos {
	width: 1100px;
	height: 30px;
	margin: auto;	
	font-size: 24px;
	font-weight: 400;
	color: #42C343;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px;	
}

.cuidamos span {
	font-weight: 600;
}


/* Slider - logos */

.customer-logos {
    width: 80%;
    height: auto;
    margin: auto;
	margin-bottom: 40px;		
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*cierre slider logos*/


.boton-conoce-mas {
	margin: auto;
	position: relative;
	width: 600px;
	height: 60px;
		
}

.boton-conoce-mas a {
	position: absolute;
	width: 600px;
	height: 60px;
	top: 0px;
	left: 0px;	
	text-align: center;	
	border: 1px solid rgba(204, 242, 148, 0.5);
	border-radius: 40px;
	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;

	color: #42C343;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 60px;
	font-weight: 500;

	transition: 0.3s ease;	
}

.boton-conoce-mas a:hover {
	background-position: center center;
	background-image: url(../imagenes/ver-mas.png);
	color: rgba(255,255,255,0.0);
	border: 1px solid rgba(66,195,67,0.3);	
	
}

.boton-conoce-mas a div {
	position: absolute;	
	width: 10px;
	height: 10px;
	background-color: #CCF294;
	border-radius: 50%;
	transition: 0.5s ease;
}

.boton-conoce-mas a div:nth-child(1) {
	top: -6px;
	left: 90px;
}
.boton-conoce-mas a div:nth-child(2) {
	top: 52px;
	left: 220px;
}


.boton-conoce-mas a:hover div:nth-child(1) {	
	left: 450px;
	background-color: #42C343;
}
.boton-conoce-mas a:hover div:nth-child(2) {	
	left: 300px;
	background-color: #42C343;
}

.experiencia {
	width: 100%;
	height: 600px;
	background-color: #42C343;
	background-image: url(../imagenes/textura-10.png);
	background-attachment: fixed;
	margin-top: 100px;
	padding-top: 150px;
	
}

.experiencia section {
	width: 1000px;
	height: 300px;
	margin: auto;	
}

.experiencia section aside {
	width: 715px;
	height: 300px;
	position: relative;
	font-size: 36px;
	line-height: 60px;	
	color: white;
	text-align: left;
	font-weight: 300;
	float: left;
	background-image:url(../imagenes/experiencia-giro.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 170px;	
}


.experiencia section aside a {
	position: absolute;
	width: 370px;
	height: 60px;
	top: 200px;
	left: 170px;	
	text-align: left;
	padding-left: 50px;
	border: 1px solid rgba(204, 242, 148, 0.5);
	border-radius: 40px;
	background-image: url(../imagenes/whatsapp.png);
	background-position: right center;
	background-repeat: no-repeat;

	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 60px;
	font-weight: 400;

	transition: 0.3s ease;	
}

.experiencia section aside a:hover {
	background-position: center center;
	color: rgba(255,255,255,0.0);
	padding-left: 0px;
}

.experiencia section aside a div {
	position: absolute;	
	width: 10px;
	height: 10px;
	background-color: #CCF294;
	border-radius: 50%;
	transition: 0.5s ease;
}

.experiencia section aside a div:nth-child(1) {
	top: -6px;
	left: 90px;
}

.experiencia section aside a div:nth-child(2) {
	top: 52px;
	left: 220px;
}

.experiencia section aside a:hover div:nth-child(1) {	
	left: 250px;
}
.experiencia section aside a:hover div:nth-child(2) {	
	left: 60px;
}

.experiencia section figcaption {
	background-image: url(../imagenes/colombia-mapa.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;	
	width: 280px;
	height: 300px;	
	position: relative;
	float: left;
}

.experiencia section aside span {
	font-weight: 700;
}

#soluciones {
	width: 100%;
	height: 900px;
	padding-top: 100px;
	margin: auto;
	background-image: url(../imagenes/soluciones-giro.jpg);
	background-attachment: fixed;
	background-position: center center;
}

#soluciones article {
	width: 942px;
	height: 480px;
	margin: auto;
	margin-top: 100px;
}

#soluciones article section {
	position: relative;
	float: left;
	width: 310px;
	height: 480px;
	text-align: center;	
	background-color: rgba(255, 255, 255, 0.8);
	
}

#soluciones article section figure {
	width: 100%;
	height: 96px;
	position: absolute;
	top: -40px;
	left: 0;	
	background-position: center center;
	background-repeat: no-repeat;	
}

#soluciones article section:nth-child(1) figure {
	background-image: url(../imagenes/consultoria-en-sst.png);	
}

#soluciones article section:nth-child(2) figure {
	background-image: url(../imagenes/Supervision-interventoria.png);	
}

#soluciones article section:nth-child(3) figure {
	background-image: url(../imagenes/productos.png);	
}

#soluciones article section h2 {
	color: #0B700B;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	padding: 90px 100px 0 90px;	
}

#soluciones article section p {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0 35px;
}

#soluciones article section a {
	top: 380px;
	left: 35px;
}

#soluciones article section:nth-child(2) h2 {
	padding: 60px 30px 0 30px;
}

#soluciones article section:nth-child(2) {	
	margin: 0 5px;
}


.giro {
	width: 100%;
	height: 500px;
	margin: auto;
	position: relative;	
	background-image: url(../imagenes/giro.png);
	background-position: top center;
	background-repeat: no-repeat;	
	line-height: 30px;
	padding-top: 100px;
	margin-top: 100px;
	margin-bottom: 80px;
}

.giro h1 {
	font-size: 20px;	
	font-weight: 400;
	letter-spacing: 1px;
	color: #0B700B;
	margin-bottom: 50px;
	text-align: center;	
}


.giro aside {		
	background-color: #42C343;
	background-image: url(../imagenes/textura-10.png);
	background-attachment: fixed;
	width: 60%;
	height: 300px;	
	border-radius: 0 150px 150px 0;	
}

.giro aside p {
	font-size: 18px;
	line-height: 40px;	
	font-weight: 400;
	width: 395px;
	height: 200px;
	float: right;
	margin-right: 100px;
	margin-top: 50px;
	color: #fff;
	text-align: left;

}

.giro aside p span {
	font-weight: 700;
}

.giro a {
	top: 300px;
	left: 58%;
	background-color: rgba(255, 255, 255, 0.5);
}

#contador {
	width: 100%;
	height: 500px;	
	padding-top: 120px;
	background-image: url(../imagenes/textura-2.png);
	background-attachment: fixed;	
	background-position: center center;		
}

/*inicio animacion numeros*/


#contador .charts_orb {
	width: 800px;
	height: 250px;
	margin: auto;
}

#contador .charts_orb .orb {
	position: relative;
	float: left;
	width: 230px;
	height: 250px;
	text-align: center;
	
}

#contador .charts_orb .orb:nth-child(2) {	
	margin-left: 53px;
	margin-right: 53px;
}

#contador .charts_orb .orb_graphic {
	font-size: 110px;
	letter-spacing: -2px;
	color: #07A507;
	font-weight: 900;
	
	background-image: url(../imagenes/+.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#contador .charts_orb .orb_label {
	font-size: 16px;
	line-height: 20px;
	color: #123A1A;
	font-weight: 400;
}

#contador .charts_orb .orb_label span {
	font-weight: 700;
}

/*cierre*/
#noticias-e-instagram {
	width: 100%;
	height: 500px;	
}

#noticias-e-instagram article {
	position: relative;
	float: left;
	width: 50%;
	height: 500px;
}

#noticias-e-instagram article:nth-child(1) {
	background-image: url(../imagenes/noticias-GIRO.jpg);
	background-position: center center;
	
}

#noticias-e-instagram article:nth-child(1) section {
	width: 50%;
	height: 500px;
	margin-left: 50%;
	padding: 100px 0 0 50px;
	background-color: rgba(11,112,11,0.8);
}

#noticias-e-instagram article:nth-child(1) section h3 {
	font-size: 30px;
	color: #41F941;
	line-height: 40px;
	letter-spacing: 1px;
	border-bottom: 1px solid #42C343;
	padding-left: 45px;
	font-weight: 600;
	background-image: url(../imagenes/noticias.png);
	background-position: left center;
	background-repeat: no-repeat;
	
}

#noticias-e-instagram article:nth-child(1) section h2 {
	font-size: 20px;
	color: #CCF294;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	padding: 40px 50px 30px 0;	
}

#noticias-e-instagram article:nth-child(1) section p {
	padding: 0px 50px 30px 0px;
	color: #fff;	
}


#noticias-e-instagram article:nth-child(1) section a {
	position: absolute;
	width: 200px;
	height: 40px;
	top: 400px;
	left: 55%;	
	text-align: center;	
	border: 1px solid rgba(204, 242, 148, 0.2);
	border-radius: 40px;
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;

	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 40px;
	font-weight: 400;

	transition: 0.3s ease;	
}

#noticias-e-instagram article:nth-child(1) section a:hover {
	letter-spacing: 20px;		
	color: rgba(255,255,255,0.0);	
	background-image: url(../imagenes/ver-mas-2.png);
	border: 1px solid rgba(204, 242, 148, 0.5);
}

#noticias-e-instagram article:nth-child(1) section a div {
	position: absolute;	
	width: 7px;
	height: 7px;
	background-color: #CCF294;
	border-radius: 50%;
	transition: 0.5s ease;
}

#noticias-e-instagram article:nth-child(1) section a div:nth-child(1) {
	top: -4px;
	left: 150px;
}
#noticias-e-instagram article:nth-child(1) section a div:nth-child(2) {
	top: 35px;
	left: 60px;
}


#noticias-e-instagram article:nth-child(1) section a:hover div:nth-child(1) {	
	left: 50px;
}
#noticias-e-instagram article:nth-child(1) section a:hover div:nth-child(2) {	
	left: 160px;
}

#noticias-e-instagram article:nth-child(2) {
	padding-left: 20px;
	padding-right: 20px;
}

#noticias-e-instagram article:nth-child(2) h3 {
	width: 160px;
	margin: auto;
	letter-spacing: 1px;
	text-align: right;	
	font-weight: 600;
	font-size: 20px;
	color: #07A507;
	line-height: 60px;	
	background-image: url(../imagenes/instagram-icon.png);
	background-position: left center;
	background-repeat: no-repeat;	
}


/*páginas internas***********************************************************************/
#encabezado-paginas-internas {
	width: 100%;
	height: 768px;	
	background-position: top center;
	background-attachment: fixed;
	padding-top: 250px;
}

.titulo-encabezado {
	text-align: center;
	font-size: 52px;
	line-height: 62px;
	color: #F2FFDC;
	font-weight: 700;
	text-shadow: 3px 3px 10px rgba(18,58,26,0.5);
}


#encabezado-paginas-internas section {
	width: 600px;
	height: 300px;
	margin: auto;
}


.secciones-contenido {
	width: 900px;
	height: 600px;
	margin: auto;
	}

.secciones-contenido h2 {
	color: #00c432;
	font-size: 40px;
	line-height: 50px;
	font-weight: 400;
}

.secciones-contenido h2 span {
	font-weight: 700;
}

.secciones-contenido p {
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #0B700B;
	font-weight: 300;
}

.secciones-contenido p span{
	color: #07A507;
	font-weight: 600;
}

.aro-giro {
	background-image: url(../imagenes/aro.png);
	width: 200px;
	height: 200px;
	margin: auto;
	margin-top: -100px;	
}

/*conocenos*************************************************/

.encabezado-conocenos {
	background-image: url(../imagenes/giro-conocenos.jpg);
}

.encabezado-conocenos section h2,
.encabezado-conocenos section h1 {
	position: relative;
	float: left;
	width: 300px;
	height: 300px;
}

.encabezado-conocenos section h2 {
	font-size: 80px;
	letter-spacing: -2px;
	line-height: 100px;
	font-weight: 600;
	color: #ccf294;
	text-align: center;
	text-shadow: 1px 1px 4px rgba(11,112,11,0.8);
	padding-top: 50px;
}

.encabezado-conocenos section h1 {
	font-size: 40px;
	line-height: 55px;
	letter-spacing: 1px;
	font-weight: 300;
	color: #F2FFDC;
	background-image: url(../imagenes/divisor.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 40px;
}

.conocenos-slide-uno {
	background: url(../imagenes/decada.png) left center no-repeat;
	padding: 180px 0 0 400px;	
}

.conocenos-slide-uno p {
	margin-top: 20px;
}

.conocenos-slide-dos {
	background-color: #00c432;
	background-image: url(../imagenes/textura-10.png);
	background-attachment: fixed;
	text-align: center;	
}

.conocenos-slide-dos section {
	padding: 80px 150px 0 150px;
}

.conocenos-slide-dos section h2 {
	color: white;
}

.conocenos-slide-dos section p {
	color: white;
	margin-top: 20px;
}

.conocenos-slide-tres {
	background-color: #0B700B;	
}

.conocenos-slide-tres section {
	background: url(../imagenes/comprometido.png) left center no-repeat;
	padding: 130px 0 0 380px;	
}

.conocenos-slide-tres section h2 {
	color: white;
}


.conocenos-slide-tres section p {
	color: white;
	margin-top: 20px;
}

.conocenos-slide-cuatro {
	background: url(../imagenes/mapa-regiones.png) right center no-repeat;
	padding: 150px 280px 0 0;
}

.conocenos-slide-cuatro h2 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;	
}


.conocenos-slide-cuatro ul li {
	color: #0B700B;
	font-size: 16px;
	line-height: 50px;
	font-weight: 400;
	border-bottom: 1px solid rgba(11,112,11,0.2);
	list-style-image: url(../imagenes/list-item.png);
	list-style-position: inside;
}

.conocenos-slide-cuatro ul li span {
	font-weight: 600;
}

.tres-botones-conocenos {
	margin-bottom: 150px;
}

/*somos parte del equipo*************************************************/

#perfiles-mauricio-german {
	width: 1100px;
	height: 1300px;
	margin: auto;
	margin-top: 150px;	
}	

#perfiles-mauricio-german section {	
	width: 49%;
	height: auto;
	position: relative;
	float: left;
	padding-bottom: 50px;
	background-color: rgba(242, 251, 225, 0.2);
	box-shadow: 7px 7px 20px rgba(18,58,26,0.2);
	border-bottom: 1px solid #42C343;
}

#perfiles-mauricio-german section:nth-child(2) {
	margin-left: 2%;
}

#perfiles-mauricio-german section:nth-child(2) h2 {
	background-color: #07A507;
}

#perfiles-mauricio-german section:nth-child(2) h3 {
	background-color: #07A507;
}

#perfiles-mauricio-german section h2 {
	font-size: 32px;
	font-weight: 700;
	background-color: #42C343;
	color: #fff;
	padding: 40px 50px 30px 40px;
}

#perfiles-mauricio-german section h3 {
	font-size: 18px;
	letter-spacing: 1px;	
	font-weight: 300;
	background-color: #42C343;
	color: #fff;
	padding: 5px 50px 5px 40px;		
}

#perfiles-mauricio-german section h3:nth-child(4) {	
	padding: 5px 50px 50px 40px;
}

#perfiles-mauricio-german section h4 {
	font-size: 25px;	
	font-weight: 600;	
	color: #42C343;
	padding: 0 0 20px 50px;
	border-bottom: 1px solid #42C343;
}

#perfiles-mauricio-german section ul {
	padding: 0px 50px 0px 50px;
}

#perfiles-mauricio-german section ul li {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;	
	padding: 10px 0px 10px 0px;	
	color: #0B700B;
	border-bottom: 1px dotted #CCF294;
}

#perfiles-mauricio-german section ul li:nth-child(odd) {
	color: #42C343;
}

/*tab*/

.equipos-de-trabajo h3 {
	font-size: 20px;
	line-height: 40px;
	color: #0B700B;
	font-weight: 300;
	background-color: rgba(204, 242, 148, 0.1);
	box-shadow: 5px 5px 10px rgba(11,112,11,0.2);
	padding: 30px 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #00c432;
}

.equipos-de-trabajo h3 span {
	font-weight: 600;
}

.equipos-de-trabajo p {
	font-size: 16px;
	line-height: 36px;
	color: #0B700B;
	font-weight: 300;
	margin-bottom: 30px;
	margin-top: 30px;
}

.equipos-de-trabajo h2 {
	font-size: 26px;
	line-height: 36px;
	color: #00c432;
	padding-bottom: 20px;
	font-weight: 700;
	border-bottom: 1px solid #CCF294;
}


/*SOLUCIONES *********************************************************************/

.introduccion-soluciones {
	width: 1024px;
	height: 360px;
	margin: auto;
	margin-top: 50px;
}

.introduccion-soluciones figure,
.introduccion-soluciones figcaption {
	position: relative;
	float: left;	
	height: 360px;
	
}

.introduccion-soluciones figure {
	width: 350px;
}

.introduccion-soluciones figcaption {
	width: 600px;
	margin-left: 50px;
	padding-top: 30px;
}

.introduccion-soluciones figcaption h2 {
	color: #00c432;
	font-size: 36px;
	line-height: 60px;
	font-weight: 300;
}

.introduccion-soluciones figcaption h2 span{
	font-weight: 700;
}

.introduccion-soluciones figcaption p {
	color: #0B700B;
	font-size: 20px;
	line-height: 40px;
	font-weight: 400;
	margin-top: 20px;
}

.introduccion-soluciones figcaption p span {
	font-weight: 800;
}


#contenedor-tab {
	width: 100%;
	height: auto;
	background-color: #42C343;
	background-image: url(../imagenes/textura-10.png);
	background-attachment: fixed;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 150px;
}


.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;	
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	display: block;
	float: left;
	position: relative;	
	margin-left: 2px;
}

.tabs nav li.tab-current { /*hover items principales*/
	z-index: 100;
	background-color: white;
}

.tabs nav a {
	display: block;
	width:255px;
	height: 120px;
	padding: 48px 40px 0 40px;
	text-align: center;
	color: white;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	background-color: rgba(18,58,26,0.1);
}

.tabs nav a:hover {	
	background-color: rgba(18,58,26,0.4);
}

.tabs nav li.tab-current a {
	color: #0B700B;
	background: url(../imagenes/hover.png) top center no-repeat;
	box-shadow: 0px 0px 30px rgba(11,112,11,0.8);	
}

.tabs nav a strong {
	display: none;
}

/* Content */
.content section {
	display: none;
	width: 1024px;
	position: relative;
	margin: 0 auto;	
	background-color: white;
	padding: 50px 50px 50px 350px;
	box-shadow: 0px 0px 20px rgba(18,58,26,0.5);	
}

.content section figure {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 250px;
	height: 250px;	
	text-align: center;			
}

.content section .TitulosItemsTab {
	display: none;
}

.content section ul li {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 50px;
	font-weight: 400;
	border-bottom: 1px solid #CCF294;
	color: #0B700B;
	list-style-image: url(../imagenes/items-listas-soluciones.png);
	list-style-position: inside;
	
}

.content section ul li:nth-child(even) {
	color: #07A507;
}

.content section ul li ol li {	
	list-style-image: url(../imagenes/items-sublistas.png);
	padding-left: 20px;
	border-bottom: none;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: normal;
}

.content section ul li ol  {
	padding-bottom: 10px;
}

/* Fallback example */
.no-js .content section {
	display: block;
}

.content section.content-current {
	display: block;
}

.tres-botones-soluciones {	
	width: 740px;
	margin-bottom: 150px;
	margin-top: 100px;
}

.tres-botones-soluciones section {
	margin: 0px 60px;
}

.tres-botones-soluciones section:nth-child(2) {
	margin: 0;
}



/*SOLUCIONES*/

.encabezado-consultoriaSST {
	background-image: url(../imagenes/consultoria-SST.jpg);
}

.encabezado-TAR {
	background-image:url(../imagenes/tareas-de-alto-riesgo.jpg);
}

.intro-TAR figcaption {    
	padding-top: 0px;
}

.intro-TAR figcaption h2 {
    font-size: 33px;
	line-height: 50px;
}

.tabs-TAR nav a {
	width:339px;
}

.tabs-TAR .content section figure {
	top: 0px;
}


.encabezado-productos {
	background-image: url(../imagenes/productos-en-sst.jpg);
}

#productos {
	width: 980px;
	height: 175px;	
	margin:auto;
	margin-bottom: 150px;
	margin-top: 150px;
}

#productos section {
	position: relative;
	float: left;	
	width: 170px;
	height: 170px;
	background-color: #07A507;
	text-align: center;	
	border-radius: 50%;
	color: white;
	padding: 85px 15px;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight: 500;
	text-shadow: 1px 1px 2px rgba(11,112,11,0.5);	
	background-position: top center;
	background-repeat: no-repeat;
}


#productos section:nth-child(1) {
	background-image:url(../imagenes/signal.png);	
}

#productos section:nth-child(2) {
	background-image:url(../imagenes/seguridad-vial.png);
	margin: 0 30px;
	background-color: #42C343;
}

#productos section:nth-child(3) {
	background-image:url(../imagenes/control-de-quimicos.png);	
}

#productos section:nth-child(4) {
	background-image:url(../imagenes/emergencias.png);
	margin: 0 30px;
	background-color: #42C343;	
}

#productos section:nth-child(5) {
	background-image:url(../imagenes/bloqueo-y-etiquetado.png);	
}

/*EMPRESAS*/
.encabezado-empresas {
	background-image: url(../imagenes/empresas-clientes.jpg);
}


#logos-clientes {
	width: 60%;
	margin: auto;
	height: auto;
	margin-bottom: 100px;
	text-align: center;
}

#logos-clientes li {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 25px;	
}

#logos-clientes li img {
filter: grayscale(100%);
opacity: 0.6;
transition: 0.3s ease;
}

#logos-clientes li:hover img {
	filter: grayscale(0%);
	opacity: 1;
	}

.encabezado-haz-parte {
	background-image: url(../imagenes/clientes.jpg);
}

.encabezado-somos-parte {
	background-image: url(../imagenes/equipo.jpg);

}

#requisitos-trabajo {
	width: 800px;
	height: 550px;	
	margin:auto;
	margin-top: 50px;
	margin-bottom: 100px;
}

#requisitos-trabajo section {
	position: relative;
	float: left;	
	width: 250px;
	height: 250px;
	margin: 8px;
	background-color: rgba(204, 242, 148, 0.5);
	text-align: center;	
	border-radius: 50%;
	color: #07A507;
	padding: 120px 50px 0 50px;
	font-size: 19px;	
	line-height: 25px;	
	font-weight: 300;		
	background-position: top center;
	background-repeat: no-repeat;
}

#requisitos-trabajo section span {
	font-weight: 700;
}

#requisitos-trabajo section:nth-child(1) {
	background-image:url(../imagenes/licencia.png);	
}


#requisitos-trabajo section:nth-child(2) {
	background-image:url(../imagenes/pasion.png);	
	background-color: #42C343;
	color: white;
	padding: 110px 30px 0 30px;	
}

#requisitos-trabajo section:nth-child(3) {
	background-image:url(../imagenes/vocacion.png);	
}

#requisitos-trabajo section:nth-child(4) {
	background-image:url(../imagenes/resultados.png);
	background-color: #42C343;
	color: white;	
}

#requisitos-trabajo section:nth-child(5) {
	background-image:url(../imagenes/seguridad.png);	
}

#requisitos-trabajo section:nth-child(6) {
	background-image:url(../imagenes/movilidad.png);
	background-color: #42C343;
	color: white;	
}

.envianos-tu-hv {
	margin-bottom: 120px;
}

/*responsive*****************************************************************************************************************************************************************************/

/*1536*/	
@media screen and (max-width:1700px) {

#noticias-e-instagram article:nth-child(1) section {
	padding: 50px 0 0 50px;
}

}

/*1366****************************************************************************************/	
@media screen and (max-width:1500px) {


/**footer*/
footer article {
	width: 90%;
}

#creditos {
	width: 90%;
}

/*home*/

/*slider home*/
.CSSgal .prevNext {
	width: 92%;
	left: 4%;	
}

.CSSgal .prevNext a {	
	font-size: 100px; /*tamaño de las flechas*/	
}

/* Slider - logos */
.customer-logos {
    width: 90%;
}

/*páginas internas*/
#encabezado-paginas-internas {
	width: 100%;
	height: 650px;
	padding-top: 230px;
}

.titulo-encabezado {
	text-align: center;
	font-size: 40px;
	line-height: 50px;
	color: #F2FFDC;
	font-weight: 600;
	text-shadow: 2px 2px 1px rgba(18,58,26,0.5);
}

.titulo-encabezado img {
	width: 10%;
}

.aro-giro {
	width: 140px;
	height: 140px;
	background-size: 100%;
	margin-top: -70px;	
}

.encabezado-conocenos section {
	padding-left: 50px;
}

.encabezado-conocenos section h2,
.encabezado-conocenos section h1 {
	width: 250px;
	height: 200px;
}

.encabezado-conocenos section h2 {
	font-size: 60px;
	line-height: 80px;
	padding-top: 30px;
}

.encabezado-conocenos section h2 img {
	width: 50%;
}

.encabezado-conocenos section h1 {
	font-size: 30px;
	line-height: 45px;
	padding-top: 0px;
}


/*empresas*/

#logos-clientes {
	width: 80%;	
}



}


/*1024************************************************************************************************************************************************************************************/

@media screen and (max-width:1100px) {

#menu {
	width: 550px;
}

#menu li {
	margin: 0 10px;
	font-size: 12px;
}

#menu li:hover > ul  {	
	width: 180px;
	height: auto;
	}

#menu li ul li {
	font-size: 14px;
	line-height: 20px;	
	padding: 10px;
}

#imagenes-completas img {
	width: 90%;
}

/*cierre*/

#noticias-e-instagram {
	height: 1000px;
}

#noticias-e-instagram article {
	width: 100%;
}

#noticias-e-instagram article:nth-child(1) section {
	padding: 100px 20px 0 50px;
}


/**footer*/

footer article {
	width: 100%;
}

#creditos {
	width: 100%;
}

.combo_tres_botones {	
	width: 800px;
	height: 250px;
}


.combo_tres_botones section {
	width: 245px;
	height: 245px;
	padding-top: 35px;
	background-size: 100%;	
}

.combo_tres_botones section h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

.combo_tres_botones section a {
	top: 160px;
	left: 55px;
}

/*HOME**/

/*slider home*/

.CSSgal .prevNext {
	width: 100%;
	left: 0;	
}

.CSSgal .slider .contenedor-slide-uno {
	padding-top: 170px;	
}

.CSSgal .slider .contenedor-slide-uno section {
	width: 600px;
}

.CSSgal .slider .contenedor-slide-uno section h1 {	
	font-size: 27px;
}

.CSSgal .slider .contenedor-slide-uno section a {	
	left: 180px;

}

.CSSgal .slider .combo_tres_botones {	
	width: 800px;	
}

.CSSgal .slider .contenedor-slide-tres {	
	width: 600px;
	padding-right: 300px;
}

.CSSgal .slider .contenedor-slide-cuatro {	
	width: 600px;
}

.cuidamos {
	width: 500px;
	height: 100px;		
	font-size: 22px;
	line-height: 44px;	
}

/* Slider - logos */
.customer-logos {
    width: 90%;
}

/*Páginas Internas*/

.secciones-contenido {
	width: 600px;
	}

.secciones-contenido h2 {
	font-size: 30px;
	line-height: 40px;
}

.secciones-contenido p {
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
}

/*Somos Giro - Conócenos*/

.conocenos-slide-uno {
	background-size: 45%;
	padding: 160px 0 0 290px;
}


.conocenos-slide-dos section {
	padding: 100px 50px;
}

.conocenos-slide-tres section {
	background-size: 45%;
	padding: 180px 0 0 290px;
}

.conocenos-slide-cuatro {
	background: url(../imagenes/mapa-regiones.png) left top no-repeat;
	background-size: 36%;
	padding: 0;
}

.conocenos-slide-cuatro h2 {
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 100px;
	padding: 80px 0px 0px 250px;
}

/*empresas*/

#logos-clientes li {
	margin: 0px;	
}

#logos-clientes li img {
	width: 70%;
}


/*soluciones*/

.introduccion-soluciones {
	width: 600px;
	height: 550px;
	text-align: center;
}

.introduccion-soluciones figure {
	width: 600px;
	height: 220px;	
	text-align: center;
}

.introduccion-soluciones figure img {
	width: 35%;	
}

.introduccion-soluciones figcaption {
	width: 600px;
	margin-left: 0px;
	padding-top: 0px;
}

.introduccion-soluciones figcaption h2 {
	font-size: 30px;
	line-height: 50px;
}

/*tabs*/

.tabs nav a {
	width:200px;
	padding: 45px 12px 0 12px;
	font-size: 16px;
	line-height: 20px;
}


/* Content */
.content section {
	display: none;
	width: 90%;
	padding: 50px 50px 50px 250px;
}

.content section figure {
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;		
}

.content section figure img {
	width: 100%;
}

/**productos en SST*/

#productos {
	width: 600px;
	height: 360px;	
	margin-bottom: 50px;
	margin-top: 50px;
}

#productos section {
	margin-bottom: 20px;
}

#productos section:nth-child(2) {
	margin: 0 40px;
}

#productos section:nth-child(4) {
	margin: 0px 40px 0 100px;
}

/*haz parte del equipo GIRO*/

.introduccion-giro {
	height: 420px;
}

/*somos parte de GIRO*/

#perfiles-mauricio-german {
	width: 960px;
	height: 1400px;
}

}

/*768***********************************************************************************************************************************************************/	


@media screen and (max-width:1023px) {

#noticias-e-instagram article:nth-child(1) section {
	padding: 150px 20px 0 50px;
}

#noticias-e-instagram article:nth-child(1) section p {
	display: none;	
}

footer {	
	background-image: url(../imagenes/footer-movil.jpg);	
	width: 100%;
	height: 1000px;
	padding-top: 40px;	
}

footer figure {
	width: 120px;
	height: 90px;	
	background-size: 100%;	
}

footer article {
	padding-top: 0px;
}

footer article section {		
	height: auto;
	padding: 30px 0;	
}

footer article section h3 {
	font-size: 17px;
	line-height:40px;
}

footer article section h4 {
	font-size: 14px;
	line-height:36px;
}

footer article section:nth-child(1) {
	width: 50%;
	border-right: 1px solid rgba(204, 242, 148, 0.3);	
		
}

footer article section:nth-child(2) {
	width: 50%;	
}

footer article section:nth-child(3) {
	width: 100%;
	border-top: 1px solid rgba(204, 242, 148, 0.3);
	border-bottom: 1px solid rgba(204, 242, 148, 0.3);	
}

footer article section:nth-child(4) {
	width: 100%;	
}

#formulario {
	width:80%;
}

#creditos {
	width: 330px;
	height: 170px;	
}

#creditos h6 {	
	font-size: 14px;
	letter-spacing: normal;
}


#creditos h6:nth-child(1) {
	width: 100%;
	height: 100px;
	line-height: 30px;
	padding-top: 20px;
	border-bottom: 1px solid rgba(204, 242, 148, 0.5);
}

#creditos h6:nth-child(2) {
	width: 100%;
	height: 70px;
	line-height: 60px;
}

.combo_tres_botones {	
	width: 600px;
	height: 200px;
}


.combo_tres_botones section {
	width: 190px;
	height: 190px;
	padding-top: 30px;
}

.combo_tres_botones section figure img {
	width: 15%;
}

.combo_tres_botones section:nth-child(2) {
	margin: 0 14px;
}

.combo_tres_botones section h2 {
	font-size: 15px;
	line-height: 17px;
	font-weight: 500;
}

.combo_tres_botones section a {
	width: 110px;
	top: 120px;
	left: 40px;
	font-size: 13px
}

.combo_tres_botones section a:hover div:nth-child(2) {	
	left: 80px;
}

/*home*/

/*slider-home*/
.CSSgal .slider .combo_tres_botones {	
	width: 600px;	
}

.experiencia section {
	width: 600px;	
}

.experiencia section aside {
	width: 300px;
	height: 300px;	
	font-size: 20px;
	line-height: 35px;		
	padding-left: 0px;
	padding-top: 90px;
	background-size: 23%;		
}

.experiencia section aside a {	
	width: 320px;	
	top: 220px;
	left: 0px;	
	padding-left: 40px;	
	font-size: 15px;
	letter-spacing: 1px;	
}

#soluciones {	
	height: 1300px;
}

#soluciones article {
	width: 600px;
	height: 910px;
	margin-top: 60px;
}

#soluciones article section {	
	width: 600px;
	height: 300px;	
	padding-top: 20px;	
}

#soluciones article section figure {
	width: 100px;
	height: 100px;	
	top: 0px;
	left: 100px;	
	background-size: 70%;	
}

#soluciones article section:nth-child(2)  figure {
	left: 50px;
}

#soluciones article section h2 {
	padding:20px 0 0 0px;		
}

#soluciones article section:nth-child(2) h2 {
	padding:0 130px;
}

#soluciones article section p {
	margin-top: 25px;	
	padding: 0 60px;	
}

#soluciones article section a {	
	top: 210px;
	left: 180px;
}

#soluciones article section:nth-child(2) {	
	margin: 5px 0px;
}

.giro aside {		
	width: 70%;
	height: 300px;	
}

.giro aside p {
	font-size: 16px;
	line-height: 34px;	
	width: 305px;
	margin-right: 70px;
	margin-top: 50px;
}

.giro a {
	width: 200px;
	top: 300px;
	left:63%;
}

#contador {
	width: 100%;
	height: 400px;
	padding-top: 90px;	
}

#contador .charts_orb {
	width: 600px;
	height: 220px;
}


#contador .charts_orb .orb {
	width: 180px;
	height: 220px;	
}

#contador .charts_orb .orb:nth-child(2) {	
	margin-left: 29px;
	margin-right: 29px;
}


#contador .charts_orb .orb_graphic {
	font-size: 90px;
}

#contador .charts_orb .orb_label {
	font-size: 15px;
	line-height: 20px;
}

/*empresas*/

#logos-clientes li {
	width: 130px;
	height: 130px;
	margin: 0px;	
}

#logos-clientes li img {
	width: 70%;
}

/*servicios*/
/*tab*/

.tabs nav a {
	width:130px;
	padding: 50px 12px 0 12px;
	font-size: 25px;
	line-height: 30px;
}

.tabs nav a span {
	display: none;
}

.tabs nav a strong {
	display: block;
}

/* Content */
.content section {
	padding: 50px 50px 50px 170px;
}

.content section figure {
	top: 10px;
	left: 10px;
	width: 150px;
	height: 150px;		
}

.content section .TitulosItemsTab {
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #0B700B;
	font-weight: 600;
	border-bottom: 2px solid #00c432;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*haz parte del equipo GIRO*/

#requisitos-trabajo {
	width: 600px;
	height: 400px;
	margin-top: 0px;
	margin-bottom: 150px;	
}

#requisitos-trabajo section {
	width: 185px;
	height: 185px;
	margin: 7px;
	padding: 100px 10px 0px 10px;
	font-size: 18px;	
	line-height: 20px;
	background-size: 58%;
}


#requisitos-trabajo section:nth-child(2) {
	background-image:url(../imagenes/pasion-responsive.png);	
	padding: 80px 15px 0 15px;
	font-size: 16px;	
	line-height: 20px;	
}


#requisitos-trabajo section:nth-child(5) {
	background-image:url(../imagenes/seguridad-responsive.png);	
}

/*somos parte de giro**/

#perfiles-mauricio-german {
	width: 85%;
	height: 2500px;
	margin-top: 50px;
}

#perfiles-mauricio-german section {	
	width: 100%;
}

#perfiles-mauricio-german section:nth-child(2) {
	margin-left: 0;
	margin-top: 40px;
}

/*soluciones*/

.tres-botones-soluciones {	
	width: 410px;	
}

.tres-botones-soluciones section {
	margin: 0px;
}



}

/*360**********************************************************************************************************************************************************************/	
@media screen and (max-width:600px) {

#logo-giro {
	width: 100%;
	height: 72px;
	position: absolute;
	top: 0px;
	left: 0px;	
}

#logo-giro a {
	width: 100%;
	height: 70px;
	background:center center no-repeat url(../imagenes/logo-giro-menu-responsive.png);
}


#menu {
	width: 100%;
	height: 105px;
	padding-top: 70px;	
	text-align: center;
	padding-right: 5px;
	}

#menu li {
	margin: 0 3px;
	font-size: 11px;
	letter-spacing: normal;	
}

#menu li a span {
	margin-left: 2px;
}

#menu li:hover > ul  { 
	left: -50px;
	text-align: center;
	}

#redes {	
	width: 35px;	
	bottom: 150px;
	right: 5px;	
}

#redes a {
	width: 35px;
	height: 40px;	
}

#redes a img {
	width: 100%;
	text-align: center;
}

#noticias-e-instagram article:nth-child(1) section {
	width: 100%;	
	margin-left: 0;
}

#noticias-e-instagram article:nth-child(1) section a {
	top: 330px;
	left: 50px;	
}

.scrollup {
	width: 40px;
	height: 40px;
	bottom: 100px;
	right: 5px;
  }


.titulo-1 {	
	font-size: 30px;
	line-height: 40px;
	padding: 0 30px;
}


.combo_tres_botones {	
	width: 250px;
	height: 370px;
}

.combo_tres_botones section {
	width: 250px;
	height: 120px;
	padding-top: 20px;
	border-radius: 10px;
	background-image: none;
	background-color: rgba(243, 255, 226, 0.7);
}

.combo_tres_botones section figure {
	display: none;
}

.combo_tres_botones section:nth-child(2) {
	margin: 2px 0px;
	padding-top: 10px;
}

.combo_tres_botones section a {
	top: 65px;
	left: 70px;
}

/*home*/

/*slider home*/

.CSSgal .prevNext a {	
	font-size: 60px; /*tamaño de las flechas*/	
}


.CSSgal .slider .contenedor-slide-uno {
	padding-top: 170px;	
}

.CSSgal .slider .contenedor-slide-uno section {
	width: 240px;
	height: 250px;
}

.CSSgal .slider .contenedor-slide-uno section h2 {	
	font-size: 50px;
	line-height: 50px;
	text-align: center;	
	background-position: bottom center;
	background-size: 50%;
	width:200px;
	height: 100px;
	margin-bottom: 20px;	
}

.CSSgal .slider .contenedor-slide-uno section h1 {	
	font-size: 18px;
	line-height: 22px;
}

.CSSgal .slider .contenedor-slide-uno section a {	
	left: 0px;
	top: 200px;
}

.CSSgal .slider .contenedor-slide-dos {	
	padding-top: 115px;		
}

.CSSgal .slider .combo_tres_botones {	
	width: 250px;	
}

.CSSgal .slider .contenedor-slide-tres {	
	width: 240px;
	padding-right: 0px;
}

.CSSgal .slider .contenedor-slide-tres h2 {
	font-size: 20px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.CSSgal .slider .contenedor-slide-cuatro {	
	width: 200px;
	height: 250px;
	margin-top: 200px;		
	padding-left: 0px;
	padding-top: 90px;		
	background-image: url(../imagenes/like-redes.png);
	background-position: top center;
	background-repeat: no-repeat;
	
}

.CSSgal .slider .contenedor-slide-cuatro h3 {
	font-size: 28px;
	line-height: 35px;
	text-align: center;	
}

.CSSgal .slider .contenedor-slide-cuatro ul li {
	width: 62px;
	height: 62px;		
}

.CSSgal .slider .contenedor-slide-cuatro ul li a img {
	width: 100%;
}

.cuidamos {
	width: 300px;		
	font-size: 18px;
	line-height: 30px;	
}

.boton-conoce-mas {
	width: 300px;
	height: 80px;
	
}

.boton-conoce-mas a {
	position: absolute;
	width: 300px;
	height: 80px;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 25px;
	padding: 13px 30px;
}

.boton-conoce-mas a div:nth-child(2) {
	top: 72px;
}

.boton-conoce-mas a:hover div:nth-child(1) {	
	left: 220px;	
}

.boton-conoce-mas a:hover div:nth-child(2) {	
	left: 100px;	
}

.experiencia section {
	width: 320px;	
}

.experiencia section aside {
	width: 320px;	
	text-align: center;	
	background-position: top center;	
}

.experiencia section   figcaption {
	display: none;
}

#soluciones {	
	height: 1600px;
}

#soluciones article {
	width: 320px;
	height: 1210px;
}

#soluciones article section {	
	width: 320px;
	height: 400px;	
	padding-top: 60px;	
}

#soluciones article section figure {
	width: 60px;
	height: 60px;	
	top: 12px;
	left: 130px;	
	background-size: 100%;		
}

#soluciones article section:nth-child(2)  figure {
	left: 130px;
}

#soluciones article section h2 {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;		
}

#soluciones article section:nth-child(2) h2 {
	padding:20px 30px 0px 30px;
}

#soluciones article section p {
	margin-top: 10px;	
	padding: 0 30px;
	font-size: 15px;
	line-height: 28px;	
}

#soluciones article section a {	
	top: 310px;
	left: 40px;
}

#soluciones article section:nth-child(2) a {
	top: 328px;	
}

#soluciones article section:nth-child(3) a {
	top: 290px;
	
}

.giro aside {		
	width: 95%;	
}

.giro aside p {
	font-size: 15px;
	line-height: 30px;	
	width: 257px;
	height: 210px;
	margin-right: 10%;
	margin-top: 40px;	
}

.giro a {
	top: 480px;
	left: 50px;
	background-color: rgba(255, 255, 255, 0.8);
}

#contador {	
	height: 330px;
	padding-top: 60px;	
}

#contador .charts_orb {
	width: 312px;
}

#contador .charts_orb .orb {
	width: 90px;
}

#contador .charts_orb .orb img {
	width: 40%;
}

#contador .charts_orb .orb:nth-child(2) {	
	margin-left: 20px;
	margin-right: 20px;
}


#contador .charts_orb .orb_graphic {
	font-size: 50px;
	background-size: 15%;
}

#contador .charts_orb .orb_label {
	font-size: 14px;
	padding-top: 10px;
}

/*páginas internas*/

#encabezado-paginas-internas {
	padding-top: 200px;
}

#encabezado-paginas-internas section {
	width: 260px;
}

.titulo-encabezado {
	font-size: 30px;
	line-height: 40px;
	}

.titulo-encabezado img {
	width: 30%;
}

.encabezado-conocenos section {
	padding-left: 0px;
}

.encabezado-conocenos section h2 {
	font-size: 60px;
	line-height: 70px;
	padding-top: 0px;	
	height: 150px;
}

.encabezado-conocenos section h1 {	
	font-size: 25px;
	line-height: 35px;
	background-image: url(../imagenes/divisor-horizontal.png);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	padding-left: 0px;
	padding-top: 30px;
	font-weight: 400;
}

/*Páginas Internas*/

.secciones-contenido {
	width: 270px;
	}

.secciones-contenido h2 {
	font-size: 25px;
	line-height: 35px;
}

/*Somos Giro - Conócenos*/

.conocenos-slide-uno {
	background: url(../imagenes/decada-responsive.png) top center no-repeat;
	padding: 230px 0 0 0;
	text-align: center;
}

.conocenos-slide-dos section {
	padding: 80px 0 0 0;
}

.conocenos-slide-dos section img {
	width: 50%;
}

.conocenos-slide-tres section {
	background: url(../imagenes/comprometido-responsive.png) top center no-repeat;
	padding: 230px 0 0 0;
	text-align: center;
}

.conocenos-slide-cuatro {
	background: url(../imagenes/mapa-regiones.png) top center no-repeat;
	background-size: 36%;
	padding: 100px 0 0 0 ;
	margin-top: 40px;
	margin-bottom: 50px;
}

.conocenos-slide-cuatro h2 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
	padding: 0;
	text-align: center;
}

.conocenos-slide-cuatro ul li {
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 30px;
}

/*soluciones*/

.introduccion-soluciones {
	width: 280px;
}

.introduccion-soluciones figure {
	width: 280px;
	height: 150px;	
}

.introduccion-soluciones figure img {
	width: 50%;	
}

.introduccion-soluciones figcaption {
	width: 280px;
}

.introduccion-soluciones figcaption h2 {
	font-size: 22px;
	line-height: 35px;
}

.introduccion-soluciones figcaption p {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: normal;
}


/*empresas*/

#logos-clientes li {
	width: 90px;
	height: 90px;
}


/*servicios*/
/*tab*/

#contenedor-tab {
	margin-top: 50px;
}

.tabs nav a {
	width:80px;
	height: 80px;
	padding: 30px 12px 0 12px;
	font-size: 20px;
	line-height: 30px;
}

.tabs nav a span {
	display: none;
}

.tabs nav a strong {
	display: block;
}

.tabs nav li.tab-current a {
	background-size: 70%;	
}

/* Content */
.content section {
	padding: 0;
}

.content section figure {
	display: none;		
}

.content section .TitulosItemsTab {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	padding: 40px 40px 20px 40px;
	text-align: center;
}

.content section ul {
	padding: 20px 30px 20px 40px;
}

.content section ul li {
	font-size: 15px;
	letter-spacing: normal;
	line-height: 25px;
	list-style-position:outside;
	padding-bottom: 10px;
	margin-bottom: 10px;	
}

.content section ul li ol {
	padding-left: 20px;
}

.content section ul li ol li {
	list-style-position:outside;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;

}

/*haz parte del equipo GIRO*/

.introduccion-giro {
	height: 380px;
}


#requisitos-trabajo {
	width: 340px;
	height: 500px;
	
}

#requisitos-trabajo section {
	width: 160px;
	height: 160px;
	margin: 0px;
	padding: 80px 10px 0px 10px;
	font-size: 16px;	
	line-height: 20px;
	background-size: 55%;
	margin-bottom: 10px;
}

#requisitos-trabajo section:nth-child(even) {
	margin-left: 20px;
}

#requisitos-trabajo section:nth-child(2) {
	padding: 62px 5px 0 5px;
	font-size: 16px;	
	line-height: 20px;	
}


/**productos en SST*/

#productos {
	width: 320px;
	height: 500px;	
	margin-bottom: 0px;
	margin-top: 0px;
}

#productos section {
	width: 150px;
	height: 150px;
	margin-bottom: 0px;
	padding: 80px 0 0 0;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: normal;
}

#productos section:nth-child(2) {
	margin: 0 0 20px 15px;
}

#productos section:nth-child(4) {
	margin: 0 0 0 15px;
}

#productos section:nth-child(5) {
	margin: 15px 0 0 70px;
}

/*soluciones*/

.tres-botones-soluciones {	
	width: 250px;
	height: 250px;
	margin-bottom: 80px;
}

.tres-botones-soluciones section {
	margin: 0px;
	background-color: rgba(204, 242, 148, 0.5);
}

/*somos parte de giro**/

#perfiles-mauricio-german {
	width: 90%;
	height: 2700px;
	margin-top: 50px;
}

#perfiles-mauricio-german section h3 {
	font-size: 16px;
	letter-spacing: normal;
	padding: 5px 30px 5px 20px;		
}

#perfiles-mauricio-german section h3:nth-child(4) {	
	padding: 5px 30px 50px 20px;
}

#perfiles-mauricio-german section h4 {
	font-size: 20px;	
	padding: 0 0 20px 30px;
}

#perfiles-mauricio-german section ul {
	padding: 0px 30px 0px 30px;
}

#perfiles-mauricio-german section ul li {
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px dotted #CCF294;
}


.equipos-de-trabajo h3 {
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	padding: 20px 40px;

}

.equipos-de-trabajo p {
	font-size: 15px;
	line-height: 30px;
	padding: 0px 40px;
}


.equipos-de-trabajo h2 {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	padding: 0 40px 30px 40px;
}

.equipos-de-trabajo {
	padding-bottom: 40px;
}


}