/*header start*/


.mybanner{
	padding-top: 10px;
	background-color: rgba(21,128,64,1);
}


.logoh{
	position: relative;
	display: inline-block;
	width: 55%;
	height: 90px;
	margin-top: 10px;
	background: transparent url("../img/logo-header-1.html") no-repeat scroll 0% 0%;
	background-size: auto auto;
	
}

.titlebanner{
	font-family: BebasNeue_Bold;
	font-size: 1.8em;
	margin-top: 25px;
	color: #fff;
	font-style: italic;	
}
.idiomabar{
	float: right;	
	padding-bottom: 5px;	
}

.idioma-cont{
	padding-top: 0px;
}
.idioma-cont p{
	margin-left: 10px;
	display: inline-block;
	background-color: #158050;
	padding: 10px 10px;
}
@media screen and(max-width: 480px){
		.idiomabar{		
		float: left !important;
		margin: 0px auto;
		margin-left: 0%;		
		}
	}
@media screen and(max-width: 980px){
	.titlebanner{
		font-size: 1.5em;
		margin-top: 2px;
	}

}
/************************************
    boton idioma
****************************************/
.btn-mtl {
	float: right;
	margin-right: 10px;
	color: rgba(255,255,255,1);
	background-color: #FFA500 !important;
	border: 1px solid #FFA500 !important;
}
/********
para color focus boostraap
*********/

header nav ul li {
	list-style: none;
}

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

Contenido Carrousel
en file: css/style-my.css

***********************************************/
/***********************************************
btn ksy
************************************************/
.btn-sky2{
	position: absolute;
	z-index: 100;
	right: 48%;
	top:670px;	
	display: inline-block;	
	font-size: 1em;
	color: #fff;
	cursor: pointer;	
	-webkit-transition:  all .8s ease-in-out; /* Safari */
    transition:  all .8s ease-in-out;
}
.btn-sky2:hover {
	-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);	
}
/*****************************
Madia Query btn sky
******************************/
@media screen and (max-width: 480px){
	.btn-sky2{
		top: 650px !important;
	}
}
@media screen and (max-width: 768px){
	.btn-sky2{
		top: 600px;
	}
}

/***********************************
 form start, el contenedor esta en el archivo style-my.css
  ***********************************/
.text-form-title{
	font-family: BebasNeue_Book;
	font-size: 2em;	
	text-align: center !important;
	color: #158040;
	font-weight: bold;
}
.text-form-subtitle{
	font-family: BebasNeue_Light;
	font-size: 2.2em;	
	text-align: center !important;
	color: #158040;
	font-weight: bold
}

#cont-form p{
	text-align: center;
	font-size: 0.9em;
	color: #777;

}
.text-form-generaly{
	font-family: TIMESS;
}

.person{
	max-width: 250px;
	min-width: 250px;
	background: rgba(100,100,100,1);	
}

.person_textarea{
	width: 250px;
	max-width: 280px;
	min-width: 280px;
	min-height: 100px;	
}

.form_person{	
	width: 330px;
	background: rgba(200,200,200,1);
	border-radius: 1px;
	padding: 10px;
	box-shadow: 0px 5px 5px 0px rgba(39, 39, 39, 0.8);
}
.fa.icon-submit{
	display:none;
}
/******************************************
Media query
********************************************/
@media screen and (max-width: 1024px){
	.form_person{
		width: 100%;
		margin-left: 0%;
		border-radius: 0;
	}
	.person_textarea{		
		max-width: 80%;
		min-width: 100%;
		min-height: 100px;
	}
	.btn-form{
		width: 100%;
	}

}

@media screen and (max-width: 768px){
	.form_person{
		width: 100%;
		margin-left: 0%;
		border-radius: 0;
	}
	.person_textarea{
		
		max-width: 80%;
		min-width: 100%;
		min-height: 100px;
	}
	.btn-form{
		width: 100%;
	}
}

@media screen and (max-width: 480px){
	.form_person{
		width: 100%;
		margin-left: 0%;
		border-radius: 0;
	}
	.person_textarea{
		
		max-width: 80%;
		min-width: 100%;
		min-height: 100px;
	}
	.btn-form{
		width: 100%;
	}
}
.input-style{
	padding-bottom: 2px !important;	
}
.input-style input:focus{
	outline:0px !important;
	box-shadow: 0px 0px 0px !important;
}
.form-control{
	border-radius:0px !important;
	border-color: transparent !important;
	outline:0px !important;
	box-shadow: 0px 0px 0px !important;
}
.option-style option{
	padding-left: 15px;
	color: #999999;
}

.btn1{
	font-size: 16px;
	color: #BFBDBD;	
	margin-bottom: 5px;
}

.btn-form{	
	font-size: 1em !important;
	padding: 0px;
	width: 100%;
	color: #fff;
	background: #FFA500;
	border-radius: 0px !important;
}
.btn-form:hover,
.btn-form:focus{
	background: #158040;	
	color: #fff !important;
	

}

/******************************
    Media query formulario
    archive style-my.css

*****************************/
/******************************************
Mensaje de confirmacion
*********************************************/


.err_ok{
	color: rgba(0,0,0,.8);
}


#negro{	
	background-color: rgba(0,0,0,.5);
	
}
#dialogo{	
	background-color: rgba(255,255,255,.5);
	border-radius: 0px 0px 5px 5px;
	
}
#dialogo p{
	color: rgba(0,0,0,.5);
	padding: 10px;
	font-size: 1em;
	text-align: center;
}
/********************
  end form
********************/
/******************************************************
weare start

***********************************************************/
.cont-weare{
	padding: 0px ;
	padding-top:50px;
	padding-bottom: 50px;
	background-color: rgba(244,243,243,1);
	background-image: url('../img/background-section-one.png');
}

.weare{
	margin: 0px auto;
	/*padding: 65px 0px !important;*/
}

.icon_weare {
	color: #158040;
	font-weight: bold;
	text-align: center;
}

.weare h1{	
	padding-bottom: 0px;
	font-weight: bold;
	text-align: center;	
}

.weare section{
	width:100%;
	
	background-color: ;
	/*background: url("../img/text_pop_001.png") top center no-repeat ;*/
	background-size: 100%;	
}

.weare .title{
	margin: 0px;
	font-size: 4em;
	font-family: BebasNeue_Bold;
	text-align: center;
	color: #3c3c3c;
}
.weare .sub-title{
	margin: 0px;
	font-size: 3em;
	font-family: BebasNeue_Book;
	text-align: center;
	color: #158040;
	line-height:.5;

}
.weare .sub-txt{
	margin: 0px;
	text-align: center;
	font-size: 1.5em;
	margin-bottom:20px;
	color: #666;
}
.weare section ul{
	padding-top: 0px;
	padding-bottom: 10px;
}

.weare section ul li{
	font-family: BebasNeue_Bold;
	font-size: 2em;
	list-style: none;
	padding: 15px 5px;
}
.weare section ul li:nth-child(4){
	color:#FFA500;
	padding: 0px 15px;
}
.weare section ul li:nth-child(4) span{
	color: #FFA500;
	padding-right: 20px;

}
span.size{
	font-size: 1.5em;
}
.weare section span{
	padding-right: 10px;
}
/************************************
  Media Query
***************************************/
@media screen and (max-width: 480px){
	.cont-weare{
		width: 100%;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.weare section{
		height: 100px;
	}
	.weare section ul li{
		font-size: 1.2em;
	}
	.weare .title{
		font-size: 3em;
	}
	.weare .sub-title{
		font-size: 2em;

	}
	.weare .sub-txt{
		font-size: 1em;
	}
}


/**********************************************
          BODY MAIN
**********************************************/
.contbody{
	background-color: #fff;
}
.contbody:after,
.contbody:before{
	content:'';
	display:blog;
	clear:both;
}
/*weare sect2*/
#weare1{	
}
.weare-sect2{
	width: 100%;	
	padding-top: 0;
	/*background-color: orange !important;*/
	/*background: url('../img/weareone_001.png') top center no-repeat;*/
}

.weare-sect2 h2{
	font-family: BebasNeue_Bold;
	font-size: 3.5em;
	color: #666;
	text-align: center;
	margin-bottom: 5px !important;
	line-height: 0 !important;
}
.weare-sect2 h3{
	font-family: BebasNeue_Bold;
	font-size: 2em;
	color: #666;
	padding-bottom: 0px;
	text-align: center;
}
.weare-sect2 h3 span{
	font-size: 1em;
	line-height: 1 !important;
	color: inherit;
}

.btn-up {
   text-align: center;	
	margin-top: 40px;	
}
.btn-up  p{
	display: inline-block;
	width: 70%;	
	font-family: BebasNeue_Bold;
	font-size: 3.5em;
	padding: 0px 100px;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	background-color: #158040;
	box-shadow: 0px 7px 0px 0px #004E23;
	text-decoration: none !important;
	cursor: pointer;
	box-sizing: border-box;
}
.btn-up  a:active,
.btn-up  a:focus,
.btn-up  a:hover{
	color: #fff !important;
	text-decoration: none !important;
}

/****************************************************
        Media Query
********************************************************/

@media screen and (max-width: 480px){
	#weare1{
		width: 100%;
		margin-top: 80px !important;
	}
	.weare-sect2{
		margin-top: 200px;
	}
	.weare-sect2 h3{
		font-size: 1.5em;
		
	}
	.btn-up{		
	   margin-top: 20px;		
	}
	.btn-up p{
		width: 100%;
		font-size: 1em !important;
		padding: 0px 50px;
	}
}
@media screen and (max-width: 768px){
	.btn-up p{
	margin-left: 0%;
	font-size: 1.5em ;	
	padding: 0px 50px;
	}
}

/*******************************************
up end
*******************************************/

/****************************************
up1 sections start
******************************************/

.btn-up1 {
   text-align: center;	
	margin-top: 5px;
	margin-bottom: 40px;
}
.btn-up1  p{
	display: inline-block;
	width: 70%;	
	font-family: BebasNeue_Bold;
	font-size: 3.5em;
	padding: 0px 100px;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	background-color: #158040;
	box-shadow: 0px 7px 0px 0px #004E23;
	text-decoration: none !important;
	cursor: pointer;
	box-sizing: border-box;
}
.btn-up1  a:active,
.btn-up1  a:focus,
.btn-up1  a:hover{
	color: #fff !important;
	text-decoration: none !important;
}


/****************************************************
        Media Query btn-up1 & weare
*****************************************************/
@media screen and (max-width: 480px){
	.btn-up1{		
	   margin-top: 20px;		
	}
	.btn-up1 p{
		font-size: 2.5em;
		padding: 0px 50px;
	}
	.weare p{
		padding: 0px 0px;
	}
}

@media screen and (max-width: 768px){
	.btn-up1 p{
	margin-left: 0%;
	font-size: 2em;	
	padding: 0px 50px;
	}
}

/*********************************
up1 sections end
*********************************/


/****************************************************
we-are end
*****************************************************/

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

Modulo 2

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

.fist-group{
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 50px;
	padding-bottom: 50px;
	/*box-shadow: 20px 0px 25px #888888; */
}

/*****************************
inicia articulo numero 1
******************************/

.fist-group-art1{
	background: #fff;
	border-right: solid  1px rgba(200,200,200,.5);
	opacity: 0.9;
	-webkit-transition: background .50s,color .50s; /* Safari */
	-moz-transition: background .50s,color .50s;
	-o-transition: background .50s,color .50s;
    transition: background .50s,color .50s;	
}



.fist-group-art1  h2,h3{
	font-weight: bold;
	/*color: #158040;*/
	text-align: center !important;
}
.fist-group-art1  h2{
	margin-bottom: 0px;
}
.fist-group-art1  h3{
	margin-top: 5px;
}
.fist-group-art1  h4{
	font-weight: bold;
	/*color: #158040;*/
	text-align: center !important;
}
.fist-group-art1 p{
	padding: 0px 20px;
	text-align: center;
	font-size: 1.2em;
}

/*********************************
inicia articulo numero 2
**********************************/

.fist-group-art2 h2,h3,h4,h5{
	font-weight: bold;
	/*color: #158040;*/
	text-align: center !important;
}
.fist-group-art2  h2{
	margin-bottom: 0px;
}
.fist-group-art2  h3{
	margin-top: 5px;
}
.fist-group-art2 p{
	padding: 0px 20px;
	text-align:  center;
	font-size: 1.2em;
}
/*
********************************
listas de beneficios
********************************
.benef_1{
	padding-top: 30px;
}
*/
/*******************************
inicia articulo numero 3
********************************/

.fist-group-art2{
	background: #fff;
	border-right: solid  1px rgba(200,200,200,.5);
	opacity: 0.9;
	-webkit-transition: background .50s,color .50s; /* Safari */
	-moz-transition: background .50s,color .50s;
	-o-transition: background .50s,color .50s;
    transition: background .50s,color .50s;	
}
.fist-group-art3{
	background: #fff;

	opacity: 0.9;
	-webkit-transition: background .50s,color .50s; /* Safari */
	-moz-transition: background .50s,color .50s;
	-o-transition: background .50s,color .50s;
    transition: background .50s,color .50s;	
}

.fist-group-art3 h2,h3,h4,h5{
	font-weight: bold;
	/*color: #158040;*/
	text-align: center !important;
}
.fist-group-art3  h2{
	margin-bottom: 0px;
}
.fist-group-art3  h3{
	margin-top: 5px;
	
}
.fist-group-art3 p{
	padding: 0px 20px;
	text-align:   center;
	font-size: 1.2em;
}

.sect_1-rep{
	padding: 0px 80px;
	margin: 0px auto;
}

.sect_1-rep img{
	margin: 0px auto;
	box-shadow: 20px 0px 25px #888888;	
}
/************************************************

Media Query

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

@media screen and (max-width: 768px){
	.sect_1-rep img{
		margin-left: 35%;
		
	}
	.sect_1-rep{


	}
}

@media screen and (max-width: 480px) {
    .sect_1-rep img {
        margin-left: 0%;
    }

    .sect_1-rep {
        padding: 0px 20%;
    }


    /************************************
termina articulo numero 1
*************************************/


    /************************************
inicia articulo numero 2
*************************************/

    .fist-group-art2 {
        /*padding-bottom: 85px;*/
        background: #fff;
        border-right: solid 1px rgba(200,200,200,.5);
        opacity: 0.9;
        -webkit-transition: background .50s,color .50s; /* Safari */
        -moz-transition: background .50s,color .50s;
        -o-transition: background .50s,color .50s;
        transition: background .50s,color .50s;
    }

        .fist-group-art2 h5, h4, h3, h2 {
            font-weight: bold !important;
            /*color: #158040;*/
            text-align: center !important;
        }

        .fist-group-art2 p {
            padding: 0px 20px;
            text-align: center;
        }


    /*************************************
termina articulo numero 2
**************************************/

    /*************************************
inicia articulo numero 3
**************************************/

    .fist-group-art3 {
        background: #fff;
        opacity: 0.9;
        -webkit-transition: background .500s,color .500s; /* Safari */
        -moz-transition: background .500s,color .500s;
        -o-transition: background .500s,color .500s;
        transition: background .500s,color .500s;
    }

        .fist-group-art3 h3 {
            font-weight: bold;
            /*color: #158040;*/
            text-align: center !important;
        }
    /************************************
termina articulo numero 3
*************************************/