/*     # 1FADC5    #04B404 ; */
 
 h4, h5, h6,
 h1, h2, h3 {margin-top: 0;}

h1 { font-size: 2.50em; padding: 1rem 0rem 1rem;  }
h2 { font-size:2.25em;  padding: 1rem 0rem 1rem; }
h3 { font-size: 2.00em;  padding: 1rem 0rem 1rem;}
h4 { font-size: 1.75em;  }
h5 { font-size: 1.50em;} 
h6 { font-size: 1.25em;}

@media (max-width: 768px) {
  h1 { font-size: 1.50em;   padding: 1rem 0rem 1rem;  }
  h2 { font-size: 1.305em;  padding: 1rem 0rem 1rem; }
  h3 { font-size: 1.10em;   padding: 1rem 0rem 1rem;}
  h4 { font-size: 1.00em;  }
  h5 { font-size: 0.90em;} 
  h6 { font-size: 0.80em;}  
  }

 ul, ol {margin: 0;}
 p {margin: 0;}

 body {   font-size: 20px;   color:#000;  } 
 html, body{
    color:#000; 
    font-family: 'Arimo', sans-serif;
    font-size: 100%;
    background:#fff; 
 }



 
.cuadro_ima_inicio {    
  width:  350px;
  height: 350px;
}
.cuadro_ima_prin {    
  width:  400px;
  height: 400px;
}

@media (max-width: 768px) {
  .cuadro_ima_ficha {    
      width:  350px;
      height: 350px;
    }
  }


.ficha_ima{
  object-fit: cover;
  width:100%;
  height: 100%;
}


 
.btn-flotante { 
	font-size: 16px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color:var(--color_primario); /* Color de fondo */
	padding: 5px 5px 2px 5px; /* Relleno del boton */
	position: fixed;
	bottom: 10px;
    /* right: 40px;  */
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 110;
}
.btn-flotante:hover {
	background-color:var(--color_secundario); /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}

@media only screen and (max-width: 600px) {
    .btn-flotante {
       font-size: 16px;
       padding: 5px 5px 2px 5px; /* Relleno del boton */
       bottom: 10px;
       right: 40px;
   }
} 

 .formulario {
  background-color: #f1f1f2f2;
  width: min( 60rem, 100% ); /** Utilizar el valor más pequeño **/
  margin: 0 auto;
  padding: 2rem;
  border-radius: 1rem;
}
.formu {
  background-color: #f1f1f2f2;
  width: min( 60rem, 100% ); /** Utilizar el valor más pequeño **/
  margin: 0 auto;
  padding: 0rem;
  border-radius: 0.5rem;
}

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


.btsim { 
  background-color: #09C;
  color: #fff;
  padding: .0rem .9rem;
  margin-top: .0rem;
  text-decoration: none;
  border-radius: .5rem;
  text-align: center;
  border: none;
} 
.btlin {
  background-color: white;
padding: .0rem .9rem;
  margin-top: .0rem;
  color: black;
  border: 2px solid #09C;
border-radius: .3rem;  
line-height: 2rem;
}
.btven {
  background-color: white;
padding: .0rem .9rem;
  margin-top: .0rem;
  color: black;
  border: 2px solid #09C;
border-radius: .0rem;  
line-height: 2rem;
} 
.btlin_ch {
  background-color: white;
padding: .0rem .1rem .2rem .1rem;
  margin-top: .0rem;
  color: black;
  border: 2px solid #09C;
border-radius: .3rem;  
line-height: 2rem;
} 
.btlin_ch_activo {
  background-color: #06C  ;
text-decoration: none;
padding: .0rem .1rem .2rem .1rem;
  margin-top: .0rem;
  color: #fff;
  border: 2px solid #09C;
border-radius: .3rem;  
line-height: 2rem;
text-decoration: none;
 
} 

.btn-contactenos {
  
  background-color: var(--color_primario);
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display:     inline-block;
  font-size: 18px;
}

.btn-leer {    
  background-color: #036A6E;  
  border: none;
  color: white;
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
  display:     inline-block;
  font-size: 16px;
}



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

 a {
   transition: 0.5s all;
   -webkit-transition: 0.5s all;
   -moz-transition: 0.5s all;
   -o-transition: 0.5s all;
   text-decoration: none;
 }
 /*--banner start here--*/
 .banner {  
   min-height: 810px;
   background-size: cover;
 	}
 .banner-bot-main {
   padding: 15em 0em 0em 0em;
   position: relative;
 }
 span.menu {
   display: none;
    
 }
 span.logo-clr {
   color:  #04B404 ;
 }
 .header {
   background: rgba(0, 0, 0, 0.69);
   padding: -2em 0em 1.5em 0em;
   position: fixed;
   -moz-box-shadow: 0 1px 2px #ebebeb;
 	-webkit-box-shadow: 0 1px 2px #ebebeb;
 	box-shadow: 0 5px 5px rgba(0,0,0,.15);
     transition: all 0.3s;
 }
 .top-nav ul {
   padding: 0em 0em 0em 0em;
   list-style: none;
    
 }
 .top-nav ul li {
   display: inline-block;
   margin: 0em 1em 0em 0em;
      
 }
 .logo {
   float: left;
   width: 45%; 
   margin: 1em 0em 1em 0em;
 }
 .logo a{
  color: #fff;
  text-decoration:none;
}
 .header-right { /* ----------- Este es el bueno --------------------------------*/
   float: right;
   width: 55%;   
   margin: 1em 0em 1em 0em;
   
 }
 .header-left {
  float: left;
  width: 30%;
  margin: 0em 0em 0em 0em;
   
}
 .drop-down {
   float: right;
 }
 .top-nav {
   float:right;
 }
 .top-nav ul li a {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
   text-decoration:none;
  font-family: 'Signika', sans-serif;
 }
 .top-nav ul li a:hover,.top-nav ul li a.active{
 	color: #04B404 ;
 }


 .banner-bot-main h3 {
   font-size: 1.7em;
   font-weight: 600;
   color: #fff;
   text-align: left; 
   margin: 4em 0em 0em 0em;  /*  aqui  02*/
   padding: 0.5em 0.5em;
    
   width: 50%;
   border-radius: 7px 25px 6px 25px;
  font-family: 'Signika', sans-serif;
 }
 .banner-bot-main p {
   font-size: 1em;
   font-weight: 400;
   color: rgb(255, 255, 255);
   padding: 0.5em 1.5em;
   background:  #04B404 ;  /* -------------------------------------------- aqui */
   border-radius: 5px;
   width: 55%;
 }
 select.in-drop {
   border: none;
   outline: 0;
   font-size: 0.95em;
   font-weight:400;
   color: #fff;
   background: none;
   width: 100%;
 }
 select.in-drop option {
   background: #000;
 }
 /*--- slider-css --*/
 .slider {
 	position: relative;
 	
 }
 .rslides {
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding: 0;
   margin: 0;
   
   }
 .rslides li {
   -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top: 0;
  
   }
 .rslides li:first-child {
   position: relative;
   display: block;
   float: left;
   }
 .rslides img {
   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0;
   }
 
 
 span.bg-small {
 	background: rgba(0, 0, 0, 0.39);
 	display: block;
 	width: 40%;
 	height: 48px;
 	position: absolute;
 	top: 83px;
 	left: -40px;
 }
 span.bg-large {
 	background: rgba(0, 0, 0, 0.39);
 	display: block;
 	width: 60%;
 	height: 70px;
 	position: absolute;
 	top: 194px;
 	left: -40px;
 }
 
 a.morebtn{
 	background:#3D3D3D;
 	padding:0.8em 0;
 	display:block;
 	font-size:0.875em;
 	text-transform:uppercase;
 	color:#FFF;
 	width:20%;
 	margin:0 auto;
 	transition:0.5s all ease;
 	-webkit-transition:0.5s all ease;
 	-moz-transition:0.5s all ease;
 	-o-transition:0.5s all ease;
 	-ms-transition:0.5s all ease;
 }
 a.morebtn:hover{
 	background:#585686;
 }
 .callbacks_nav {
     position: absolute;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   top: 100%;
   left: -8%;
   opacity: 0.7;
   
   text-indent: -9999px;
   overflow: hidden;
   text-decoration: none;
   height: 48px;
   width: 45px;
   background: url("../images/left.png") no-repeat left top;
   margin-top: -45px;
   border-radius: 100%;
 }
 .callbacks_nav.next {
   left: auto;
 background:url("../images/right.png") no-repeat left top;
   right: -8%;
  }
 /*--banner end here--*/
 /*--banner-info start here--*/
 .banner-info {
   padding: 3em 0em 3em 0em;
 }
 span.ban-info-clr {
   color: #04B404 ;
 }
 .bann-info-grid h4 {
   font-size: 1.5em;
   font-weight: 600;
   color: #000;
   font-family: 'Signika', sans-serif;
 }
 .bann-info-grid p {
   font-size: 0.85em;
   font-weight: 400;
   color: #939090;
   line-height: 1.7em;
 }
 .banner-info-main h3 {
   font-size: 2.7em;
   font-weight: 600;
   color:  #04B404 ;
   text-align: center;
   margin: 0em 0em 0.8em 0em;
   font-family: 'Signika', sans-serif;
 }
 /*--banner-info end here--*/
 /*--our creative start here--*/
 .creative {
   padding: 1em 0em 3em 0em;
 }
 .creative-main h3 {
   font-size: 1.8em;
   font-weight: 700;
    color:  #04B404 ;
    margin: 0px 0px 10px 13px;
   font-family: 'Signika', sans-serif;
 }
 /*	Strip
 /*-----------------------------------------------------------------------------------*/
 .b-link-stripe{
 	position:relative;
 	display:inline-block;
 	vertical-align:top;
 	font-family: 'Source Sans Pro', sans-serif;
 	font-weight: 300;
 	overflow:hidden;
 }
 .b-link-stripe .b-wrapper{
 	position:absolute;
 	width:100%;
 	height:100%;
 	top:0;
 	left:0;
 	text-align:center;
 	color:#ffffff;
 	overflow:hidden;
 }
 .b-link-stripe .b-line{
 	position:absolute;
 	top:0;
 	bottom:0;
 	width:20%;
 	background:rgba(15, 207, 140, 0.9);
 	transition:all 0.5s linear;
 	-moz-transition:all 0.5s linear;
 	-ms-transition:all 0.5s linear;
 	-o-transition:all 0.5s linear;
 	-webkit-transition:all 0.5s linear;
 	opacity:0;
 	visibility:hidden; /* lt-ie9 */
 }
 /*-----------------------------------------------------------------------------------*/
 /*	Animation effects
 /*-----------------------------------------------------------------------------------*/
 .b-animate-go{
 	text-decoration:none;
 }
 .b-animate{
 	transition: all 0.5s;
 	-moz-transition: all 0.5s;
 	-ms-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	-webkit-transition: all 0.5s;
 	visibility: hidden;
 	font-size:1.1em;
 	font-weight:700;
 }
 .b-animate img{
 	margin-top:0%;
 	display: -webkit-inline-box;
 }
 h2.b-animate.b-from-left.b-delay03 {
 	padding-top: 7em;
 	font-size: 15px;
 	color: #7E7C7C;
 }
 h2.b-animate.b-from-left.b-delay03 img {
   width: 13%;
 }
 /* lt-ie9 */
 .b-animate-go:hover .b-animate{
 	visibility:visible;
 }
 .b-from-left{
 	position:relative;
 	left:-100%;
 }
 .b-animate-go:hover .b-from-left{
 	left:0;
 }
 span.m_4{
 	font-size:14px;
 	font-weight:400;
 }
 p.m_5 {
 	margin: 2% auto 5%;
 	width: 70%;
 	color: #283A47;
 	font-size: 1.1em;
 	font-weight: 600;
 	line-height: 1.5em;
 	text-align: center;
 }
 ul#filters {
 	padding: 0px;
 	margin: 1em 0em;
 	text-align: center;
 }
 /*--team--*/
 .team{
 	background:#fff;
 	padding:0 0 9% 0;
 }
 .col_1_of_4:first-child {
 	margin-left: 0;
 }
 .span_1_of_4 {
 	width: 22.8%;
 }
 .col_1_of_4 {
 	display: block;
 	float: left;
 	margin: 1% 0 1% 2.6%;
 	background: #FFF;
 }
 /* lt-ie9 */
 .b-link-stripe:hover .b-line{
 	visibility:visible;
 }
 .b-link-stripe .b-line1{
 	left:0;
 }
 .b-link-stripe .b-line2{
 	left:20%;
 	transition-delay:0.1s !important;
 	-moz-transition-delay:0.1s !important;
 	-ms-transition-delay:0.1s !important;
 	-o-transition-delay:0.1s !important;
 	-webkit-transition-delay:0.1s !important;
 }
 .b-link-stripe .b-line3{
 	left:40%;
 	transition-delay:0.2s !important;
 	-moz-transition-delay:0.2s !important;
 	-ms-transition-delay:0.2s !important;
 	-o-transition-delay:0.2s !important;
 	-webkit-transition-delay:0.2s !important;
 }
 .b-link-stripe .b-line4{
 	left:60%;
 	transition-delay:0.3s !important;
 	-moz-transition-delay:0.3s !important;
 	-ms-transition-delay:0.3s !important;
 	-o-transition-delay:0.3s !important;
 	-webkit-transition-delay:0.3s !important;
 }
 .b-link-stripe .b-line5{
 	left:80%;
 	transition-delay:0.4s !important;
 	-moz-transition-delay:0.4s !important;
 	-ms-transition-delay:0.4s !important;
 	-o-transition-delay:0.4s !important;
 	-webkit-transition-delay:0.4s !important;
 }
 .b-link-stripe:hover .b-line{
 	opacity:1;
 }
 #portfoliolist .portfolio {
 		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		-o-box-sizing: border-box;
 		width: 25%;
 		display:none;
 		float:left;
 		overflow:hidden;
 }
 div#portfoliolist {
 		padding: 10px 0px;
 }	
 .portfolio-wrapper img {
   width: 100%;
 }
 .portfolio-wrapper {
 		overflow:hidden;
 		position: relative !important;
 		cursor:pointer;
 		margin:0em 0em 0px 0px;
 }
 .portfolio img {
 		max-width:100%;
 		display: block;
 		margin: 0px auto 0px;
 		/*--position: relative;--*/
 		transition: all 300ms!important;
 		-webkit-transition: all 300ms!important;
 		-moz-transition: all 300ms!important;
 }
 
 .b-wrapper:hover {
 	background: rgba(31, 173, 197, 0.35);
 	transition: 0.5s all;
 	-webkit-transition: 0.5s all;
 	-o-transition: 0.5s all;
 	-moz-transition: 0.5s all;
 	-ms-transition: 0.5s all;
 }
 /*--our creative end here--*/
 /*--services start here--*/
 .services {
   background:  #04B404 ;
   padding: 3.5em 0em 3.5em 0em;
 }
 .services-top h3 {
   font-size: 2.7em;
   font-weight: 600;
   color: #fff;
   text-align: center;
     font-family: 'Signika', sans-serif;
 }
 .services-bottom {
   margin: 3em 0em 0em 0em;
 }
 .services-bottom h4 {
   font-size: 1.8em;
   font-weight: 600;
   color: #fff;
   margin: 0em 0em 0em 0em;
   font-family: 'Signika', sans-serif;
 }
 .services-gridleft h5 {
   font-size: 1.05em;
   font-weight: 400;
   color: #fff;
   line-height: 1.4em;
   margin: 2em 0em 1em 0em;
 }
 .services-gridleft p {
   font-size: 0.85em;
   font-weight: 400;
   color: #E5E5E5;
   line-height: 1.5em;
 }
 .services-gridright ul {
   margin: 2em 0em 0em 0em;
   padding: 0em;
   list-style: none;
 }
 .services-gridright ul li {
   margin: 0em 0em 0.3em 0em;
 }
 .services-gridright ul li a {
   font-size: 0.9em;
   font-weight: 400;
   color: #fff;
   background: url(../images/play.png)no-repeat;
   padding: 0px 0px 0px 25px;
   text-decoration: none;
 }
 .services-gridright ul li a:hover {
  text-decoration: none;
  color: #E5E5E5;	
 }
 /*--services end here--*/
 /*--program start here--*/
 .program {
   padding: 3.5em 0em 3.5em 0em;
 }
 .program-gridleft h4 {
   font-size: 1.8em;
   font-weight: 600;
   color: #000;
   margin: 0em 0em 0.5em 0em;
   font-family: 'Signika', sans-serif;
 }
 span.quote {
   background: url(../images/Quote.png);
   width: 100px;
   height: 100px;
   display: inline-block;
   float: left;
   margin: 2em 0em 0em 0em;
 }
 .quote-text {
   float: right;
   width: 75%;
 }
 .quote-text h5 {
   font-size: 1.05em;
   font-weight: 400;
   color: #000;
   line-height: 1.4em;
   margin: 1em 0em 1em 0em;
 }
 .quote-text p {
   font-size: 0.85em;
   font-weight: 400;
   color: #939090;
   line-height: 1.5em;
 }
 .program-tips {
   width: 50%;
   margin: 0 auto;
   background:  #04B404 ;
   border-radius: 4px;
 }
 .program-tips h4 {
   padding: 10px;
   font-size: 1.3em;
   font-weight: 600;
   background: #6AD6E8;
   color: #fff;
   text-align: center;
   border-radius: 5px 5px 0px 0px;
 }
 .program-tips h5 {
   font-size: 0.9em;
   font-weight: 600;
   padding: 10px 15px;
   margin: 0px;
   line-height: 1.4em;
 }
 .program-tips p {
   font-size: 0.8em;
   font-weight: 400;
   color: #fff;
   line-height: 1.5em;
   padding: 0px 15px 20px 15px;
 }
 .program-btn {
   margin: 2.5em 0em 0em 0em;
 }
 .program-btn a {
   font-size: 0.95em;
   font-weight: 400;
   color: #fff;
   background:  #04B404 ;
   padding: 0.5em 1em;
   border-radius: 4px;
   text-decoration: none;
 }
 .program-btn a:hover {
 	background: #000;
 	text-decoration:none;
 }
 /*--program end here--*/
 /*--blog start here--*/
 .blog {
   background: rgba(153, 153, 153, 0.15);
   padding: 3.5em 0em;
 }
 .blog h3 {
   font-size: 2.7em;
   font-weight: 600;
   color:  #04B404 ;
   text-align: center;
   margin: 0em 0em 1.2em 0em;
   font-family: 'Signika', sans-serif;
 }
 .blog-triners {
   text-align: center;
 }
 .blog-triners img {
   border-radius: 100px;
   border: 3px solid  #04B404 ;
 }
 .blog-gridleft h4 {
   font-size: 1.8em;
   font-weight: 600;
   color: #000;
   font-family: 'Signika', sans-serif;
 }
 .blog-gridleft p {
   font-size: 0.85em;
   font-weight: 400;
   color: #717070;
   line-height: 1.8em;
   margin: 2em 0em 0em 0em;
 }
 .blog-triners p {
   font-size: 0.85em;
   font-weight: 400;
   color: #717070;
   line-height: 1.5em;
 }
 .blog-btn {
   margin: 2.5em 0em 0em 0em;
 }
 .blog-btn a {
   font-size: 0.95em;
   font-weight: 400;
   color: #fff;
   background:  #04B404 ;
   padding: 0.6em 1em;
   border-radius: 4px;
   text-decoration: none;
 }
 .blog-btn a:hover {
 	background:#000;
 	text-decoration: none;
 }
 .blog-triners h5 {
   font-size: 1em;
   font-weight: 600;
   color: #000;
   margin: 0.5em 0em 0.3em 0em;
 }
 /*--blog end here--*/
 /*--single page start here--*/
 .single {
   padding: 3em 0em 3em 0em;
 }
 .blog-grids h4 {
   font-size: 1.5em;
   font-weight: 600;
   color:  #04B404 ;
 }
 .blog-grids h5 {
   font-size: 1.2em;
   font-weight: 400;
   color: #000;
   margin: 0.4em 0em 0.5em 0em;
 }
 .blog-grids h5 a {
   text-decoration: none;
   color: #000;
 }
 .blog-grids h5 a:hover{
 	color: #04B404 ;
 	text-decoration: none;
 }
 .blog-grids p {
   font-size: 0.9em;
   font-weight: 400;
   color: #939090;
   line-height: 1.8em;
 }
 .single-commemts {
   background: rgba(118, 117, 116, 0.61);
   padding: 1em 1em 1em 1em;
   margin: 3em 0em 3em 0em;
 }
 .user-comment h4 a {
   color: #04B404 ;
   font-size: 1.2em;
   font-weight: 600;
   margin: 0em 0em 0.5em 0em;
    text-decoration: none;
   font-family: 'Noto Serif', serif;
 }
 .user-comment h4 a {
 	color:#fff;
 }
 .user-comment h4 a:hover {
 	color: #04B404 ;
 }
 .user-comment p {
   font-size: 0.95em;
   font-weight: 400;
   color: #fff;
   line-height: 1.5em;
 }
 .user-bwn {
   text-align: right;
   margin: 1em 0em 0em 0em;
 }
 .user-comment h5 {
   font-size: 0.95em;
   font-weight: 400;
   color: #000;
   margin: 0.5em 0em 0.3em 0em;
 }
 .user-bwn a {
   font-size: 15px;
   font-weight: 400;
   color: #fff;
   background:  #04B404 ;
   padding: 7px 11px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;
    text-decoration: none;
 }
 .user-bwn a:hover {
   color: #000;
   background: #fff;
   text-decoration: none;
 }
 .magsingle-contact h4 {
   font-size: 1.5em;
   font-weight: 600;
   color:  #04B404 ;
 }
 .magsingle-contact input[type="text"] {
   font-size: 14px;
   font-weight: 400;
   color: #000;
   padding: 6px 7px;
   background: none;
   width: 50%;
   outline: none;
   border: 1px solid #999;
   margin: 0px 0px 15px 0px;
   display: block;
   -webkit-appearance: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
 }
 .magsingle-contact textarea {
   font-size: 14px;
   font-weight: 400;
   color: #000;
   padding: 6px 7px;
   background: none;
   width: 100%;
   height:10em;
   outline: none;
   border: 1px solid #999;
   margin: 0px 0px 15px 0px;
   display: block;
   resize:none;
   -webkit-appearance: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
 }
 .magsingle-contact input[type="submit"] {
   font-size: 15px;
   font-weight: 600;
   color: #fff;
   padding: 8px 20px;
   background:  #04B404 ;
   border: none;
   outline: none;
   -webkit-appearance: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   margin: 10px 0px 0px 0px;
 }
 .magsingle-contact input[type="submit"]:hover {
 	background:rgba(118, 117, 116, 0.61);
 }
 .blog-cate h4 {
   font-size: 1.5em;
   font-weight: 400;
   color:  #04B404 ;
   margin: 0px 0px 16px 0px;
 }
 .blog-posts h4 {
   font-size: 1.5em;
   font-weight: 400;
   color:  #04B404 ;
 }
 .blog-cate ul {
   padding: 0px;
   list-style: none;
 }
 .blog-cate ul li {
   display: block;
   margin: 10px 0px 10px 0px;
 }
 .blog-cate ul li a {
   font-size: 1em;
   font-weight: 400;
   color: #000;
   text-decoration: none;
   
   padding: 0px 0px 0px 5px;
 }
 .blog-cate ul li a:hover {
 	color:#888383;
 }
 .blog-post-right {
   padding: 0px;
 }
 .blog-post-right h4 a {
   text-decoration: none;
   color: #a6192e;
 }
 .blog-post-right h5 {
   font-size: 1em;
   font-weight: 600;
   margin: 0em 0em 0.2em 0em;
 }
 .blog-post-right h5 a {
   color: #000;
   text-decoration: none;
 }
 .blog-post-right p {
   font-size: 0.9em;
   font-weight: 400;
   color: #909090;
   line-height: 1.5em;
 }
 .blog-posts-grid {
   margin: 0em 0em 1.5em 0em;
 }
 .blog-cate {
   margin: 0em 0em 2.5em 0em;
 }
 .magsingle-contact {
   margin: 0em 0em 2em 0em;
 }
 .blog-post-left {
   padding: 0 10px 0 0;
 }
 /*--single page end here--*/
 /*--clients start here--*/
 .clients {
   padding: 3em 0em 5em 0em;
 }
 .clients-top {
   text-align: center;
   padding: 0em 0em 2em 0;
 }
 .clients-top h3 {
   font-size: 1.8em;
   font-weight: 600;
   color:  #04B404 ;
   margin: 0em 0em 0.2em 0em;
   font-family: 'Signika', sans-serif;
 }
 .clients-top p {
   font-size: 0.9em;
   font-weight: 400;
   color: #000;
 }
 .clients-bottom h4 {
   font-size: 1.15em;
   font-weight: 600;
   color: #000;
   margin: 0px;
   text-align: right;
   font-family: 'Signika', sans-serif;
 }
 .clients-bottom p {
   font-size: 0.9em;
   font-weight: 400;
   color: #95928d;
   line-height: 1.6em;
   width: 50%;
   margin: 0em auto 1em;
   text-align: center;
 }
 /*--clients end here--*/
 /*--contact start here--*/
 .contact {
   padding: 3em 0em 4em 0em;
   background: url(../images/con-bann.jpg)no-repeat center;
   background-size: cover;
   min-height: 400px;
 }
 span.glyphicon.glyphicon-earphone {
   font-size: 1.8em;
   color: #fff;
   display: inline-block;
   vertical-align: text-bottom;
 }
 span.glyphicon.glyphicon-envelope {
   font-size: 1.8em;
   color: #fff; 
   display: inline-block;
   vertical-align: middle;
 }
 span.glyphicon.glyphicon-map-marker {
   font-size: 1.8em;
   color: #fff;
   display: inline-block;
     vertical-align: top;
 }
 .ftr-left-gd1 p {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
   display: inline-block;
   padding: 0em 0em 0em 1em;
 }
 .ftr-left-gd1 p a {
   color: #fff;
   text-decoration: none;
 }
 .ftr-left-gd1 p a:hover{
 	color: #04B404 ;
 }
 .ftr-left-gd1 {
   margin: 0em 0em 3em 0em;
 }
 .contact-main h3 {
   font-size: 2.7em;
   font-weight: 600;
   color: #fff;
   text-align: center;
   margin: 0em 0em 1.5em 0em;
   font-family: 'Signika', sans-serif;
 }
 .contact-right input.name {
   margin: 0em 0.5em 0em 0em;
 }
 .contact-right input[type="text"] {
   width: 55%;
   color: #fff;
   outline: none;
   display: block;
   font-size: 0.8em;
   padding: 10px 15px;
   margin-bottom: 1em;
   border: solid 1px #fff;
   -webkit-appearance: none;
   background: rgba(102, 102, 102, 0.15);
   font-weight: 400;
   border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   -moz-border-radius: 0.3em;
   -o-border-radius: 0.3em;
   -ms-border-radius: 0.3em;
 }
 .contact-right textarea {
   width: 100%;
   height:11em;
   color: #fff;
   outline: none;
   resize:none;
   font-size: 0.8em;
   padding: 10px 15px;
   margin-bottom: 1em;
   border: solid 1px #fff;
   -webkit-appearance: none;
   background: rgba(102, 102, 102, 0.15);
   font-weight: 400;
   border-radius: 0.3em;
   -webkit-border-radius: 0.3em;
   -moz-border-radius: 0.3em;
   -o-border-radius: 0.3em;
   -ms-border-radius: 0.3em;
 }
 .send {
   text-align: right;
 }
 .contact-right input[type="submit"] {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
   background:  #04B404 ;
   border: none;
   padding: 0.5em 2em 0.5em 2em;
   border-radius: 3px;
   outline: none;
   font-family: 'Signika', sans-serif;
 }
 .contact-right input[type="submit"]:hover {
   color: #000;
   background: #fff;
 }
 /*--contact end here--*/
 /*--map start here--*/
 .map {
   background: #000;
 }
 .map iframe {
   border: none;
   width: 100%;
   height: 300px;
 }
 /*--map end here--*/
 /*--footer start here--*/
 #toTop {
 	display:none;
 	text-decoration: none;
 	position: fixed;
 	bottom: 0px;
 	right: 10px;
 	overflow: hidden;
 	width: 48px;
 	height: 48px;
 	border: none;
 	text-indent: 100%;
 	background-size: 35px;
 	background: url(../images/arrow.png) no-repeat 0px 0px;
 }
 .footer {
   background: #000;
 }
 .footer-main {
   padding: 1.5em 0em 1.5em 0em;
 }
 ul.ftr-icons {
   padding: 0em;
   list-style: none;
 }
 .footer-right {
   text-align: right;
 }
 .footer-right ul {
   padding: 0px;
   list-style: none;
 }
 .footer-right ul li {
   display: inline-block;
   margin: 0em 0.8em 0em 0em;
 }
 .footer-right ul li a {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
   text-decoration:none;
   font-family: 'Signika', sans-serif;
 }
 .footer-right ul li a:hover {
   color:  #04B404 ;
 }
 .ftr-icons li {
   display: inline-block;
 }
 .ftr-icons li a {
   background: url(../images/f-sprite.png)no-repeat;
   width: 36px;
   height: 36px;
   display: inline-block;
   margin: 0em 0.5em 0em 0em;
   border: 2px solid #000;
 }
 .ftr-icons li a.fa {
   background-position: 1px 1px;
 }
 .ftr-icons li a.tw {
   background-position: -34px 1px;
 }
 .ftr-icons li a.you {
   background-position: -69px 1px;
 }
 .ftr-icons li a.p {
   background-position: -104px 1px;
 }
 .ftr-icons li a.fa:hover {
   transform: rotateY(360deg);
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border: 2px solid  #04B404 ;
   border-radius: 40px;
   padding: 4px 4px;
 }
 .ftr-icons li a.tw:hover {
   transform: rotateY(360deg);
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border: 2px solid  #04B404 ;
   border-radius: 40px;
   padding: 4px 4px;
 }
 .ftr-icons li a.you:hover {
   transform: rotateY(360deg);
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border: 2px solid  #04B404 ;
   border-radius: 40px;
   padding: 4px 4px;
 }
 .ftr-icons li a.p:hover {
   transform: rotateY(360deg);
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border: 2px solid  #04B404 ;
   border-radius: 40px;
   padding: 4px 4px;
 }
 .copyright {
   text-align: center;
   padding: 2em 0em 0em 0em;
 }
 .copyright  p {
   font-size: 1em;
   font-weight: 400;
   color: #fff;
 }
 .copyright  p a {
   color:  #04B404 ;
   text-decoration: none;
 }
 .copyright  p a:hover{
 	 color: #fff;
 }
 /*--footer end here--*/


 @media(max-width:1200px){ /*--------------- Cambio ------ 769 ----------*/

  .logo {
    float: left;
    width: 80%; 
    margin: 1em 0em 1em 0em;
  }



 .header-right { /* ----------- Este es el bueno --------------------------------*/
  float: right;
  width: 20%;   
  margin: 0em 0em 1em 0em;
  
}

 span.menu{
 		display: block;
 		text-align: center;
 		/* padding: 1px 0px 0px 0px; */
     margin: 1em 0em 1em 0em;
 		cursor: pointer;
 		color: #E74C3C;
 		font-size: 16px;
 		font-weight: 700;
 		position:relative;
 	}
 .top-nav ul.res{
 	 display:none;
 	 padding:0px;
 }
 .top-nav ul.res {
 		padding: 0;
 		margin: 1.5em 0em 0em 0em;
 		z-index: 999;
 		position: absolute;
 		width: 100%;
 		left:0;
 }
 .top-nav ul.res li {
 		display: block;
 		text-align: center;
 		background: #04B404 ;
 		margin: 0;
 }
 .top-nav ul.res li a {
 		font-size: 16px;
 		padding: 1em 0;
 		color: #fff;
 		display: block;
 }
 ul.res li a:hover,ul.res li a.active{
 	color:#000;
 }
 .logo h1 {
   font-size: 2.3em;
 }
 .banner-bot-main h3 {
   font-size: 1.4em;
   width: 75%;
   margin: 5 auto 0.3em;
 }
 .banner-bot-main p {
   font-size: 0.95em;
   width: 75%;
   margin: 0 auto;
 }
 .banner {
   min-height: 420px;
 }
 .banner-bot-main {
   padding: 7em 0em 0em 0em;
 }
 .callbacks_nav {
   top: 80%;
   left: 0%;
 }
 .portfolio-wrapper {
   float: left;
   width: 50%;
   margin: 0em 0em 1em 0em;
 }
 .creative {
   padding: 1em 0em 2em 0em;
 }
 .services-bottom {
   margin: 1em 0em 0em 0em;
 }
 .banner-info-main h3 {
   font-size: 2.5em;
 }
 .services-top h3 {
   font-size: 2.5em;
 }
 .services {
   padding: 1.5em 0em 2.5em 0em;
 }
 .services-gridleft h5 {
   margin: 1em 0em 1em 0em;
 }
 .services-gridright {
   margin: 2em 0em 0em 0em;
 }
 .services-gridright ul {
   margin: 0.5em 0em 0em 0em;
 }
 .program-gridright {
   margin: 2em 0em 0em 0em;
 }
 .program {
   padding: 2.5em 0em 2.5em 0em;
 }
 .blog {
   padding: 2.5em 0em;
 }
 .blog h3 {
   font-size: 2.5em;
   margin: 0em 0em 0.5em 0em;
 }
 .blog-gridleft {
   margin: 0em 0em 2.5em 0em;
 }
 .blog-triners {
   float: left;
   width: 33%;
 }
 .clients {
   padding: 2em 0em 4em 0em;
 }
 .contact-main h3 {
   font-size: 2.5em;
   margin: 0em 0em 0.6em 0em;
 }
 .contact {
   padding: 1.5em 0em 2.5em 0em;
   min-height: 400px;
 }
 .contact-right {
     float: right;
   width: 65%;
 }
 .contact-left {
   float: left;
   width: 35%;
 }
 .contact-right textarea {
   height: 9em;
 }
 .map iframe {
   height: 250px;
 }
 .footer-left {
   float: left;
   width: 40%;
 }
 .footer-right {
   float: right;
   width: 60%;
 }
 .clients-bottom p {
   width: 70%;
 }

 .blog-cate {
   float: left;
   width: 50%;
 }
 .blog-post-left {
   float: left;
   width: 47%;
   padding: 0px;
 }
 .blog-post-right {
   float: right;
   width: 52%;
 }
 .user {
   float: left;
   width: 15%;
 }
 .user-comment {
   float: right;
   width: 85%;
 }
 .bann-info-grid {
   padding: 0em 0em 1em 0em;
 }
 .drop-down {
   margin: 0.4em 0em 0em 0em;
 }
 }