body a {

  transition: 0.5s all;

  -webkit-transition: 0.5s all;

  -o-transition: 0.5s all;

  -moz-transition: 0.5s all;

  -ms-transition: 0.5s all;

}

html, body{

    font-size: 100%;

	font-family: 'Roboto Condensed', sans-serif;

	overflow-x:hidden;

}

body{

	background:#FFFFFF;

}



.modal-body {

    position: relative;

    padding: 15px;

    max-height: 580px;

    overflow: auto;

}



.modal-title {

	font-size:19px;

}



.modal-header {

	padding:5px;

	padding-left:10px;

	background: #64886b;

}



.modal-header .close {

    color: #000000;

    opacity: 1;

    margin-right: 5px;

    margin-top: 0px;

    text-shadow: 0 3px 6px #520d0d;

    border: 1px solid #8cb182;

    padding: 0px 6px;

	font-weight: bold;

}



.btn {

    padding: 3px 12px;

}



.modal-footer {

	padding-top:5px;

	padding-bottom:5px;

}



/*-- banner-top --*/

.w3layouts-banner-markerts{

	background: url(../images/2.jpg) no-repeat 0px 0px;

    background-size: cover;	

}

.w3layouts-banner-top1{

	background: url(../images/4.jpg) no-repeat 0px 0px;

    background-size: cover;	

}

.w3layouts-banner-top2{

	background: url(../images/3.jpg) no-repeat 0px 0px;

    background-size: cover;	

}

.agileinfo-dot{

	background: url(../images/dott.png)repeat 0px 0px;

    background-size: 2px;

    -webkit-background-size: 2px;

    -moz-background-size: 2px;

    -o-background-size: 2px;

    -ms-background-size: 2px;

}

.jarallax {

    position: relative;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 50%;

}

/*-- //banner-top --*/

/*-- banner --*/

.banner{

	position: absolute;

    top: 0;

    z-index: 99;

    left: 0;

    width: 100%;

}

/*-- header --*/

.header {

    margin: 0.5em 0 0 0;

}

.navbar-default {

    background: none;

    border: none;

}

.navbar {

    margin-bottom: 0;

}

.navbar-collapse {

    padding: 0;

    box-shadow: none;

}

.navbar-default .navbar-brand {

    color: #fff;

}

.w3layouts-logo h1{

	margin:0;

}

.w3layouts-logo h1 a {

    font-size: 1em;

    text-transform: uppercase;

    color: #FFFFFF;

    text-decoration: none;

    font-weight: 700;

    font-family: 'Montserrat', sans-serif;

    /*border: solid 1px #fff;*/

    padding: .2em .5em;

}

.w3layouts-logo h1 a span{

    font-size: .6em;

    font-weight: 400;

    font-family: 'Crimson Text', serif;

    text-transform: initial;

}

.navbar-nav {

    float: right;

    margin: 0;

	width:100%;

	background: black;

	padding: 0.5em;

	border-radius: 0.8em;

}

.navbar-default .navbar-nav > li > a {

    color: #fff;

    border: solid 1px rgba(255, 255, 255, 0);

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    -moz-border-radius: 30px;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    color: #43aa57;

	border: solid 1px #ffffff;

	background: #ffffff;

}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

    color: #ffffff;

}

.navbar-nav > li > a {

    font-size: 1em;

    padding: .2em 1.5em;

    margin-right: 5px;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

	color: #43aa57;

    border: solid 1px #ffffff;

	border-radius: 30px;

    -webkit-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    -moz-border-radius: 30px;

    background: #ffffff;

}

/*-- //header --*/

.w3layouts-banner-slider {

    margin: 8em 0;

}

.agileits-banner-info {

    text-align: center;

    padding: 8em 0 6em;

}

.agileits-banner-info h3{

    color: #ffffff;

    font-size: 5em;

    margin: 0;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

	text-shadow: #4e964e 5px 4px;

}

.agileits-banner-info h6{

    color: #FFFFFF;

    font-size: 2.5em;

	font-weight: bold;

    margin: 2em auto 0;

    font-family: 'Crimson Text', serif;

    font-style: italic;

}

.agileits-banner-info p{

    color: #FFFFFF;

    font-size: .9em;

    line-height: 1.8em;

    margin: 2em auto 0;

    width: 60%;

}

.w3-button{

	margin: 4em 0 1em 0;

}

.w3-button a{

    color: #FFFFFF;

    font-size: 1em;

    text-decoration: none;

    padding: 1.4em 1em;

    background: none;

    text-align: center;

    border: solid 2px #FFFFFF;

    border-radius: 50%;

	-webkit-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

}

.w3-button a:hover{

    color: #43aa57;

	background:#FFFFFF;

	border: solid 2px #FFFFFF;

}

/*--slider--*/

#slider2,

#slider3 {

  box-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  margin: 0 auto;

}

.rslides_tabs li:first-child {

  margin-left: 0;

}

.rslides_tabs .rslides_here a {

  background: rgba(255,255,255,.1);

  color: #fff;

  font-weight: bold;

}

.events {

  list-style: none;

}

.callbacks_container {

  position: relative;

  float: left;

  width: 100%;

}

.callbacks {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

}

.callbacks li {

  position: absolute;

  width: 100%;

}

.callbacks img {

  position: relative;

  z-index: 1;

  height: auto;

  border: 0;

}

.callbacks .caption {

	display: block;

	position: absolute;

	z-index: 2;

	font-size: 20px;

	text-shadow: none;

	color: #fff;

	left: 0;

	right: 0;

	padding: 10px 20px;

	margin: 0;

	max-width: none;

	top: 10%;

	text-align: center;

}

.callbacks_nav {

    position: absolute;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    bottom: 355px;

    left: 0;

    z-index: 9;

    text-indent: -9999px;

    overflow: hidden;

    text-decoration: none;

    width: 50px;

    height: 50px;

    background: transparent url(../images/arrows.png) no-repeat left top;

}

.callbacks_nav.next {

    left: auto;

    background-position: left top;

    right: 3%;

 }

 .callbacks_nav.prev {

    right: auto;

    background-position: right top;

    left: 3%;

}

#slider3-pager a {

  display: inline-block;

}

#slider3-pager span{

  float: left;

}

#slider3-pager span{

	width:100px;

	height:15px;

	background:#fff;

	display:inline-block;

	border-radius:30em;

	opacity:0.6;

}

#slider3-pager .rslides_here a {

  background: #FFF;

  border-radius:30em;

  opacity:1;

}

#slider3-pager a {

  padding: 0;

}

#slider3-pager li{

	display:inline-block;

}

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

}

.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display:none;

  width: 100%;

  left: 0;

  top: 0;

}

.rslides li{

  position: relative;

  display: block;

  float: left;

}

.rslides img {

  height: auto;

  border: 0;

  }

.callbacks_tabs{

    list-style: none;

    position: absolute;

    top: 84%;

    left: 48%;

    padding: 0;

    margin: 0;

    display: block;

    z-index: 999;

}

.slider-top span{

	font-weight:600;

}

.callbacks_tabs li{

    display: inline-block;

    margin: 0;

}

/*----*/

.callbacks_tabs a{

 visibility: hidden;

}

.callbacks_tabs a:after {

    content: "\f111";

    font-size: 0;

    font-family: FontAwesome;

    visibility: visible;

    display: block;

    height: 10px;

    width: 10px;

    display: inline-block;

    background: #ffffff;

    border: 2px solid #ffffff;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

}

.callbacks_here a:after{

    background: #43aa57;

    border: 2px solid #ffffff;

}

/*-- //slider --*/

.agileits-w3layouts-info img{

	width:100%;

}

.modal-header h4 {

    color: #212121;

    font-size: 2em;

    margin: 0;

    text-transform: uppercase;

    font-weight: 700;

    letter-spacing: 1px;

}

.modal-header h4 span {

    font-size: .6em;

    font-weight: 400;

    font-family: 'Crimson Text', serif;

    text-transform: initial;

}

.modal-body p{

    margin: 1em 0 0 0;

    font-size: .875em;

    color: #999999;

    line-height: 1.8em;

}

/*-- about --*/

.about,.markets,.services,.testimonial-dot,.blog,.contact,.simulador{

	padding:4em 0;

}

/*-- flex-slider --*/

#carousel li {

	margin-right: 0 !important;

    width: 107px !important;

}

#carousel img {display: block; opacity: .5; cursor: pointer;}

#carousel img:hover {opacity: 1;}

#carousel .flex-active-slide img {opacity: 1; cursor: default;}

#montoSolicitado{
	background: #00000000 !important;
	max-width: 40% !important;
	text-align: center;
	align-items: center;
} 

#montoCuota{
	background: #00000000 !important;
	max-width: 10% !important;
	text-align: center;
	align-items: center;
}

#contenedor_imagen_about{
	background-size: 100% 100% !important;
	background-repeat:no-repeat !important;
	background-size: cover !important;
}

#imagen_about{
	background-size: 100% 100% !important;
	background-repeat:no-repeat !important;
	 
	background-size: cover !important;
	width: 100% !important;
	height: 70% !important;
}

.w3-about-left h2,.wthree-heading h3{

	color: #000000;

    font-size: 1.5em;

    margin: 0;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

}

.w3-about-left h5,.wthree-heading h5{

    color: #000000;

    font-size: 1.1em;

    margin: 1em 0;

    font-family: 'Crimson Text', serif;

    font-style: italic;

}

.w3-about-left p{

	color:#000000;

	font-size:.9em;

	margin:0;

	line-height:1.8em;

	font-weight: bold;

}

.w3-about-left p span{

	display:block;

	margin:1em 0 0 0;

}

.w3l-button {

    margin: 2em 0 1em 0;

}

.w3l-button a {

    color: #212121;

    font-size: .9em;

    text-decoration: none;

    padding: .5em 2em;

    background: none;

    letter-spacing: 6px;

    text-transform: uppercase;

    font-weight: 600;

    text-align: center;

    border: solid 1px #000000;

}

.w3l-button a:hover {

    background:#43aa57;

    border: solid 1px #43aa57;

	color:#FFFFFF;

}

.w3l-button a:focus{

	outline:none;

}

/*-- about --*/

/*-- markets --*/

.markets{

	/*background:#dde4d6;*/

}

.wthree-heading{

	text-align:center;

}

.markets-grids,.agile-services-grids,.posts-grids,.agile-contact-form {

    margin: 4em 0 0 0;

}

.agileits-icon-grid {

    padding: 1em;

    background: #FFFFFF;

    box-shadow: 0 0px 1px rgb(107, 107, 107),0 1px 2px rgba(0,0,0,.24);

}

.icon-left{

    float: left;

    width: 70px;

    height: 70px;

    text-align: center;

    /*padding: 1.2em 0 0 0;*/

    padding: 0;

    margin-right: 1em;

    /*background: #43aa57;*/

}

.icon-left i.fa.fa-bar-chart,.icon-left i.fa.fa-line-chart,.icon-left i.fa.fa-area-chart,.icon-left i.fa.fa-signal,.icon-left i.fa.fa-money,.icon-left i.fa.fa-briefcase{

    color: #FFFFFF;

    font-size: 2em;

}

.icon-right{

    float: left;

    width: 70%;

    height:70px;

    position:relative;

}

.icon-right h5{

	color: #2c6a38;

    font-size: 1em;

    margin: 0;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

	position: absolute;

    top: 50%;

    transform: translate(0%,-50%);

}

.icon-right p{

	color: #999999;

    font-size: .9em;

    margin: 1em 0 0 0;

    line-height: 1.8em;

}

/*.w3ls-markets-grid:nth-child(4),.w3ls-markets-grid:nth-child(5),.w3ls-markets-grid:nth-child(6){

	margin:3em 0 0 0;

}*/

.w3ls-markets-grid:not(.firstrow){

	margin:3em 0 0 0;

}

/*-- //markets --*/

/*-- services --*/

.agile-services-grid img{

	width:100%;

}

.agile-services-grid h6{

	color: #000000;

    font-size: 1em;

    margin: 1em 0;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

}

.agile-services-grid p{

    color: #999999;

    font-size: .9em;

    margin:0;

    line-height: 1.8em;

}

.agile-services-grid ul{

	padding:0;

	margin:1em 0 0 0;

}

.agile-services-grid ul li{

    display: block;

    font-size: .9em;

    color: #999999;

    margin-top: 1em;

}

.agile-services-grid ul li span.glyphicon {

    padding-right: 6px;

}

/*-- //services --*/



/*-- blog --*/

.w3-agile-post-img a {

    background: url(../images/5.jpg) no-repeat 0px 0px;

    background-size: cover;

    min-height: 230px;

    display: block;

    text-decoration: none;

}

.w3-agile-post-img1 a {

    background: url(../images/6.jpg) no-repeat 0px 0px;

    background-size: cover;

}

.w3-agile-post-img2 a {

    background: url(../images/10.jpg) no-repeat 0px 0px;

    background-size: cover;

}

.w3-agile-post-img1 a:focus{

	outline:none;

}

.w3-agile-post-img a ul {

    padding: 11em 0 0 0;

    text-align: center;

    vertical-align: bottom;

}

.w3-agile-post-img a ul li {

	display: inline-block;

    color: #FFFFFF;

    font-size: 1em;

    text-decoration: none;

    padding: .5em 1em;

    border-radius: 20px;

}

.w3-agile-post-img a ul li:nth-child(1){

	background: #03A9F4;

}

.w3-agile-post-img a ul li:nth-child(2) {

    margin: 0 1em;

    background: #F44336;

}

.w3-agile-post-img a ul li:nth-child(3){

    background: #8BC34A;

}

.w3-agile-post-info h4 {

	margin: .5em 0;

}

.w3-agile-post-info h4 a {

    color: #000000;

    font-size: .9em;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

    text-decoration: none;

}

.w3-agile-post-info h4 a:hover{

	color:#43aa57;

}

.w3-agile-post-info h4 a:focus{

	outline:none;

}

.w3-agile-post-info p {

    color: #999999;

    font-size: .9em;

    margin: 0;

    line-height: 1.8em;

}

.w3-agile-post-info ul{

	padding:0;

	margin:0;

}

.w3-agile-post-info ul li{

	display: inline-block;

    color: #000000;

    font-size: 1em;

    font-family: 'Crimson Text', serif;

    font-style: italic;

}

.w3-agile-post-info ul li:nth-child(2){

    margin: 0 0 0 7em;

}

.w3-agile-post-info ul li a{

	color:#999999;

	text-decoration:none;

}

.w3-agile-post-info ul li a:hover{

	color:#43aa57;

}

/*-- //blog --*/

/*-- contact --*/

.contact{

    background: #f7f7f7;	

}

.w3layouts-contact-form-top h3,.contact-form-top h3,.w3agile-map h3 {

	color: #000000;

    font-size: 1em;

    margin: 1em 0;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

}

.w3layouts-contact-form-top p{

    font-size: .9em;

    color: #999;

    margin: 1em 0 0;

    line-height: 1.8em;

}

.agileits-contact-address{

	margin: 3em 0 0 0;

}

.w3layouts-contact-form-top p{

	margin:2em 0;

}

.agileits-contact-address ul {

    padding: 0;

    margin: 0;

}

.agileits-contact-address ul li {

    display: block;

    margin: 1em 0;

}

.agileits-contact-address ul li i.fa.fa-phone,.agileits-contact-address ul li i.fa.fa-map-marker,.agileits-contact-address ul li i.fa.fa-facebook {

    height: 40px;

    width: 40px;

    background: #43aa57;

    line-height: 40px;

    text-align: center;

    color: #FFF;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.agileits-contact-address ul li span {

    color: #999999;

    font-size: .875em;

    margin-left: 1em;

}

.agileits-contact-address ul li span a {

    color: #999999;

    text-decoration: none;

}

.agileits-contact-address ul li span a:hover{

    color: #43aa57;

}

.agileinfo-contact-form-grid{

    margin: 2em 0 0 0;

}

.agileinfo-contact-form-grid input[type="text"],.agileinfo-contact-form-grid input[type="email"] {

    display: inline-block;

    background: none;

    border: 1.5px solid #BBBBBB;

    width: 100%;

    outline: none;

    padding: 2px 6px 2px 10px;

    font-size: .9em;

    color: #555;

    margin-bottom: 1.5em;

}

.agileinfo-contact-form-grid textarea {

    background: none;

    border: 1.5px solid #BBBBBB;

    width: 100%;

    display: block;

    height: 150px;

    outline: none;

    font-size: 0.9em;

    color: #555;

    resize: none;

    padding: 10px 15px 10px 15px;

    margin-bottom: 1em;

}

button.btn1{

	color: #212121;

    font-size: .9em;

    text-decoration: none;

    padding: .5em 2em;

    background: none;

    letter-spacing: 6px;

    text-transform: uppercase;

    font-weight: 600;

    text-align: center;

    border: solid 1px #000000;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

button.btn1:hover{

    border: solid 1px #43aa57;

    color: #FFF;

	background:#43aa57;

}

.w3agile-map {

    margin: 4em 0 0 0;

}

.w3agile-map iframe{

    border: none;

    min-height: 300px;

    width: 100%;

	margin:2em 0 0 0;

}

/*-- //contact --*/

/*-- copyright --*/

footer{

	background: #212121;

	padding:1em 0;

}

.copyright p{

	text-align:center;

	color:#FFFFFF;

	margin:0;

	font-size:.9em;

}

.copyright p a{

	color:#FFFFFF;

	text-decoration:none;

}

.copyright p a:hover{

	color:#43aa57;

}

/*-- //copyright --*/

/*-- to-top --*/

#toTop {

	display: none;

	text-decoration: none;

	position: fixed;

	bottom: 35px;

	right: 2%;

	overflow: hidden;

	z-index: 999; 

	width: 40px;

	height: 40px;

	border: none;

	text-indent: 100%;

	background: url(../images/arrow.png) no-repeat 0px 0px;

}

#toTopHover {

	width: 40px;

	height: 40px;

	display: block;

	overflow: hidden;

	float: right;

	opacity: 0;

	-moz-opacity: 0;

	filter: alpha(opacity=0);

}

/*-- //to-top --*/

/*-- responsive --*/

@media(max-width:1080px){

	.icon-left {

		width: 59px;

		height: 59px;

		padding: 1em 0 0 0;

	}

	.testimonial-img-grid {

		width: 35%;

	}

}

@media(max-width:991px){

	.navbar-nav > li > a {

		padding: .5em 1em;

	}

	.agileits-banner-info {

		padding: 9em 0 9em;

	}

	.agileits-banner-info h3 {

		font-size: 4em;

	}

	.callbacks_tabs {

		left: 47%;

	}

	.w3-about-left:nth-child(2) {

		margin: 2em 0 0 0;

	}

	.w3ls-markets-grid:nth-child(2){

		margin:1em 0;

	}

	.w3ls-markets-grid:nth-child(4), .w3ls-markets-grid:nth-child(5), .w3ls-markets-grid:nth-child(6) {

		margin: 1em 0 0 0;

	}

	.agile-services-grid:nth-child(2){

		margin:2em 0;

	}

	.testimonial-img-grid {

		width: 45%;

	}

	.w3-agile-post-img a ul {

		padding: 8em 0 0 0;

	}

	.w3-agile-post-img a ul li {

		font-size: .9em;

		padding: .5em .6em;

	}

	.w3-agile-post-img a ul li:nth-child(2) {

		margin: 0 0em;

	}

	.w3-agile-post-img a {

		min-height: 175px;

	}

	.w3-agile-post-info ul li:nth-child(2) {

		margin: 0 0 0 3em;

	}

	.contact-form-right {

		margin: 2em 0 0;

	}

	.w3l-button a {

		width: 20%;

		display: block;

	}

	.w3l-button {

		margin: 2em 0 0 0;

	}

}

@media(max-width:800px){

	.callbacks_tabs {

		left: 46%;

	}

}

@media(max-width:736px){

	.navbar-default .navbar-toggle .icon-bar {

		background-color: rgb(0, 63, 16);

	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

		background: rgb(0, 63, 16);

	}

	.navbar-nav {

	    float: none;

		margin: 0;

		text-align: center;

		background: rgba(0, 0, 0, 0.85);

	}

	.w3-agile-post-img a {

		min-height: 310px;

	}

	.w3-agile-post-grids:nth-child(2){

		margin:2em 0;

	}

	.w3-agile-post-img a ul {

		padding: 16em 0 0 0;

	}

}

@media(max-width:667px){

	.sli{

		margin:0px !important;

	}

	

	.callbacks_tabs {

		left: 45%;

	}

	.callbacks_nav {

		bottom: 270px;

	}

	.testimonial-img-grid {

		width: 51%;

	}

}

@media(max-width:640px){

	.agileits-banner-info p {

		width: 70%;

	}

	.testimonial-img-grid {

		width: 55%;

	}

	.sli{

		margin:0px !important;

	}

}

@media(max-width:600px){

	.agileits-banner-info h3 {

		font-size: 3em;

	}

	.testimonial-img-grid {

		width: 60%;

	}

	.testimonial-img-info p {

		width: 75%;

	}

	.sli{

		margin:0px !important;

	}

}

@media(max-width:568px){

	.agileits-banner-info p {

		width: 75%;

	}

	.callbacks_tabs {

		left: 44%;

	}

	.sli{

		margin:0px !important;

	}

}

@media(max-width:480px){

	.agileits-banner-info h3 {

		font-size: 2em;

	}

	.w3l-button a {

		width: 28%;

	}

	.agileits-banner-info {

		padding: 7em 0 6em;

	}

	.w3-button {

		margin: 3em 0 1em 0;

	}

	.callbacks_tabs {

		left: 43%;

	}

	.about, .markets, .services, .testimonial-dot, .blog, .contact {

		padding: 2em 0;

	}

	.markets-grids, .agile-services-grids, .posts-grids, .agile-contact-form {

		margin: 2em 0 0 0;

	}

	.testimonial-img {

		width: 23.33%;

	}

	.testimonial-img-info p {

		width: 85%;

	}

	.w3agile-map {

		margin: 2em 0 0 0;

	}

	.w3agile-map iframe {

		margin: 0em 0 0 0;

	}

	.agileits-contact-address {

		margin: 2em 0 0 0;

	}

	.sli{

		margin:0px !important;

	}

}

@media(max-width:414px){

	.w3l-button a {

		width: 34%;

	}

	.w3-agile-post-img a ul {

		padding: 10em 0 0 0;

	}

	.w3-agile-post-img a {

		min-height: 220px;

	}

	.w3-agile-post-info ul li:nth-child(2) {

		margin: 0 0 0 7em;

	}

	.agileits-banner-info p {

		margin: 1em auto 0;

	}

	.agileits-banner-info h6 {

		margin: 1em auto 0;

	}

	.sli{

		margin:0px !important;

	}

}

@media(max-width:384px){

	.w3l-button a {

		width: 38%;

	}

	.callbacks_tabs {

		left: 42%;

	}

	.callbacks_nav {

		width: 40px;

		height: 40px;

		background: transparent url(../images/arrows.png) no-repeat left top;

		background-size: 202%;

	}

	.testimonial-img:nth-child(2) {

		margin: 0 1em;

	}

	.w3-button a {

		padding: 1em .6em;

	}

	.sli{

		margin:0px !important;

	}

}

@media(max-width:375px){

	.w3layouts-logo h1 a {

		font-size: .9em;

	}

	.agileits-banner-info {

		padding: 7em 0 3em;

	}

	.callbacks_tabs {

		top: 90%;

	}

	.callbacks_nav {

		bottom: 204px;

	}

	.sli{

		margin:0px !important;

	}

}

@media(max-width:320px){

	.agileits-banner-info h3 {

		font-size: 1.5em;

	}

	.agileits-banner-info p {

		font-size: .8em;

	}

	.callbacks_nav {

		bottom: 165px;

	}

	.callbacks_tabs {

		left: 40%;

	}

	.w3-about-left h2, .wthree-heading h3 {

		font-size: 1em;

	}

	.w3l-button a {

		width: 46%;

	}

	.icon-left {

		float: none;

		margin: 0 auto 1em;

	}

	.icon-right {

		float: none;

		width: 100%;

		text-align: center;

	}

	.testimonial-img-grid {

		width: 80%;

	}

	.testimonial-img {

		width: 26.33%;

	}

	.testimonial-img-info {

		margin: 1em 0 0 0;

	}

	.w3-agile-post-info h4 a {

		letter-spacing: 3px;

	}

	.w3-agile-post-info ul li:nth-child(2) {

		margin: 0 0 0 4em;

	}

	.w3-agile-post-img a {

		min-height: 160px;

	}

	.w3-agile-post-img a ul {

		padding: 7em 0 0 0;

	}

	.w3layouts-contact-form-top p {

		margin: 1em 0;

	}

	.agileinfo-contact-form-grid input[type="text"], .agileinfo-contact-form-grid input[type="email"] {

		margin-bottom: 0.5em;

	}

	.agileinfo-contact-form-grid textarea {

		height: 125px;

	}

	.w3agile-map iframe {

		min-height: 200px;

	}

	.testimonial-img-info p {

		width: 100%;

	}

	.modal-header h4 {

		font-size: 1.5em;

	}

	.sli{

		margin:0px !important;

	}

}

/*-- //responsive --*/

/*--login page--*/

.login-main {

    width: 25%;

    margin: 0 auto;

    background: #FFFFFF;

    background-size: cover;

    min-height: 400px;

    box-shadow: 0px 3px 20px 1px #c3c9bd;

}

.login-page {

    padding: 6.5em 0em;

}

.login-head {

    min-height: 150px;

}

.login-head h1 {

    font-size:3em;

     color:#FFF;

    padding: 1em 0em 0em 0em;

    text-align: center;

    font-family: 'Carrois Gothic', sans-serif;

}

.login-block {

    padding: 1em 2em 0em 2em;

	/*background-color: #ecece1;*/

}

.login-block input[type="text"], .login-block input[type="password"] {

    font-size: 0.9em;

    padding: 10px 20px;

    width: 100%;

    color:#8C8C8C;

    outline: none;

    border: 1px solid #D3D3D3;   

     border-radius: 5px;

	-ms-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

    background:#F5F5F5;

}

.login-block input[type="submit"] {

    border: none;

    outline: none;

    cursor: pointer;

    color: #fff;

    background: #6f7d60;

    width: 100%;

    margin: 0 auto;

    border-radius: 3px;

    padding: 0.5em 1em;

    font-size: 1em;

    display: block;

    font-family: 'Carrois Gothic', sans-serif;

}

.login-block input[type="submit"]:hover{

	background:grey;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all ;

	-ms-transition: 0.5s all;

}

.forgot-top-grids {

    margin: 1em 0em;

    padding:0em 1.5em

}

.login-block label.checkbox {

    margin-left: 1.3em;

    margin-top: 0;

    font-size: 1em;

    color: #555;

    font-weight: 400;

    display: inline-block;

    cursor: pointer;

}

.forgot {

	float: right;

    margin-top: 0.3em;

}

.forgot a {

	font-size: 0.75em;

    color:#FC8213;

    font-weight: 600;

    display: block;

    text-transform: uppercase;

}

.forgot a:hover{

	color:#68AE00;

}

.login-block h2{

	color:#68AE00;

	font-size:0.875em;

	margin:1.2em 0;

	text-align:center;

	font-family: 'Carrois Gothic', sans-serif;

}

/*--*/

.login-icons ul {

	text-align:center;

}

.login-icons ul li{

	display: inline-block;

    margin: 0 0.5em;

}

.login-icons ul li a{

	display:block;

}

.login-icons i.fa.fa-facebook, .login-icons i.fa.fa-twitter, .login-icons i.fa.fa-google-plus {

    font-size: 1em;

    color: #FFFFFF;

    width: 33px;

    height: 33px;

    line-height: 34px;

    vertical-align: middle;

    background: #3b5998;

    transition: 0.5s all;

}

.login-icons i.fa.fa-facebook:hover, .login-icons i.fa.fa-twitter:hover, .login-icons i.fa.fa-google-plus:hover {

	 border-radius: 35px;

}

.login-icons i.fa.fa-twitter{

	background:#55acee;

}

.login-icons i.fa.fa-google-plus{

	background:#dc4e41;

}

.login-icons i.fa.fa-dribbble{

	background:#ea4c89;

}

.forgot-grid{

	float:left;

}

.forgot-grid ul {

	margin:0;

	padding: 0px;

}

.forgot-grid ul li {

    list-style: none;

    display: inline-block;

}

.forgot-grid ul li input[type="checkbox"] {

    display: none;

}

.forgot-grid ul li input[type="checkbox"]+label {

    position: relative;

    padding-left: 31px;

    color: #FC8213;

    display: inline-block;

    cursor: pointer;

    font-size: .75em;

    font-weight: 600;

    text-transform: uppercase;

}

.forgot-grid ul li input[type="checkbox"]+label span:first-child {

    width: 17px;

    height: 17px;

    display: inline-block;

    border: 2px solid #FC8213;

    position: absolute;

    left: 0;

    bottom: 4px;

}

.forgot-grid ul li input[type="checkbox"]:checked+label span:first-child:before {

    content: "";

    background:url(../images/tick.png)no-repeat 1px -1px;

    position: absolute;

    left: 1px;

    top: 2px;

    font-size: 10px;

    width: 10px;

    height: 10px;

}

.login-block h3 {

    font-size: 1em;

    color: #000;

    text-align: center;

    margin-top: 1em;

    font-family: 'Carrois Gothic', sans-serif;

}

.login-block h3 a{

	color:#337AB7;

}

.login-block h3 a:hover{

	color:#FC8213;

}

.login-block h5 {

    font-size: 1em;

    text-align: right;

    margin-top: 1em;

    font-family: 'Carrois Gothic', sans-serif;

}

.login-block h5 a {

    color: #FC8213;

    text-decoration: underline;

}

.login-block h5 a:hover {

    color: #68AE00;

    text-decoration: underline;

}

/*--login page end here--*/

/* Login principal adaptable a escritorio y celular */
.login-body {
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(145deg, #bfe4ea 0%, #91cbd7 100%);
}

.login-body .login-page {
    display: flex;
    min-height: 100vh;
    padding: 36px 20px;
    align-items: center;
    justify-content: center;
}

.login-body .login-main {
    width: 100%;
    max-width: 430px;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(40, 93, 111, .14);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(25, 72, 88, .22);
}

.login-body .login-head {
    min-height: 0;
    padding: 31px 30px 18px;
    text-align: center;
}

.login-body .login-logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: 96px;
    margin: 0 auto 12px;
    object-fit: contain;
}

.login-body .login-title {
    color: #0e5f1d;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .4px;
}

.login-body .login-subtitle {
    margin-top: 4px;
    color: #68808b;
    font-size: 14px;
    font-weight: 600;
}

.login-body .login-block {
    padding: 8px 36px 28px;
}

.login-body .login-input-group {
    width: 100%;
    margin: 0 0 14px;
}

.login-body .login-input-group .input-group-addon {
    min-width: 48px;
    border-color: #c9d6da;
    background: #edf4f5;
    color: rgba(0, 88, 12, .72);
    font-size: 17px;
}

.login-body .login-block input[type="text"],
.login-body .login-block input[type="password"] {
    width: 100%;
    height: 50px;
    padding: 11px 15px;
    border: 1px solid #c9d6da;
    border-radius: 0 7px 7px 0;
    outline: none;
    background: #f9fbfb;
    box-shadow: none;
    color: #334a54;
    font-size: 16px;
}

.login-body .login-block input[type="text"]:focus,
.login-body .login-block input[type="password"]:focus {
    border-color: #559b69;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(85, 155, 105, .13);
}

.login-body .login-block input[type="submit"] {
    width: 100%;
    min-height: 50px;
    margin: 4px auto 0;
    padding: 12px 18px;
    border: 0;
    border-radius: 7px;
    outline: none;
    background: #386f42;
    box-shadow: 0 5px 13px rgba(56, 111, 66, .2);
    color: #fff;
    cursor: pointer;
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 16px;
    font-weight: 800;
}

.login-body .login-block input[type="submit"]:hover,
.login-body .login-block input[type="submit"]:focus {
    background: #2c5d35;
}

.login-body .login-signature {
    padding: 0 12px 16px;
    color: #617169;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 600px) {
    .login-body .login-page {
        min-height: 100svh;
        padding: 18px 14px;
    }

    .login-body .login-main {
        max-width: 100%;
        border-radius: 13px;
    }

    .login-body .login-head {
        padding: 27px 22px 16px;
    }

    .login-body .login-logo {
        height: 88px;
        margin-bottom: 10px;
    }

    .login-body .login-title {
        font-size: 28px;
    }

    .login-body .login-subtitle {
        font-size: 15px;
    }

    .login-body .login-block {
        padding: 8px 22px 25px;
    }

    .login-body .login-input-group {
        margin-bottom: 15px;
    }

    .login-body .login-block input[type="text"],
    .login-body .login-block input[type="password"],
    .login-body .login-block input[type="submit"] {
        min-height: 52px;
        font-size: 17px;
    }

    .login-body .login-input-group .input-group-addon {
        min-width: 50px;
        font-size: 18px;
    }
}

@media (max-width: 350px) {
    .login-body .login-page {
        padding: 10px;
    }

    .login-body .login-head {
        padding: 22px 16px 13px;
    }

    .login-body .login-logo {
        height: 74px;
    }

    .login-body .login-title {
        font-size: 25px;
    }

    .login-body .login-block {
        padding: 7px 16px 22px;
    }
}

.btn-file input[type='file']{

	position: absolute;

    top: 0;

    right: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    outline: none;

    background: white;

    cursor: inherit;

    display: inline-flex;

    width: 100%;

    padding: 0.4em;	

}

.loading {

	background:url("images/loading.gif") no-repeat scroll center 300px #FFFFFF;

	background-size: 30px 30px;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	padding:0;

	margin:0;

	display:none;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* ie 8 */

	filter:alpha(opacity=70); /* ie lt 7 */

	-moz-opacity:.70; /* ff lt 1.5, netscape */

	-khtml-opacity:.70; /* safari 1.x */

	opacity: .80;

	z-index: 9999;

    background-color: rgb(177, 177, 177);

}

.iconEdit {

	cursor:pointer;

}

.iconDelete:hover {

	cursor:pointer;

	color:red;

}

.iconAdd:hover {

	cursor:pointer;

	color:green;

}

.required {

	color:red;

}

.table > tbody > tr > td.listActions .glyphicon-pencil.iconEdit, .table > tbody > tr > td.listActions .glyphicon-remove.iconDelete{

	margin-left:7px;

	margin-right:7px;

	cursor:pointer;

}



.table > tbody > tr > td.listActions .glyphicon-remove.iconDelete:hover{

	color:red;

}

.table > tbody > tr > td.listActions .glyphicon-pencil.iconEdit:hover{

	color:green;

}



.table > tbody > tr > td.listActions, .table > thead > tr > th.listActions {

	width:1%;

    white-space:nowrap;

	padding-right:20px;

}

/*testimonials*/

.testimonial-dot{

    background: url(../images/dott.png)repeat 0px 0px;

    background-size: 2px;

    -webkit-background-size: 2px;

    -moz-background-size: 2px;

    -o-background-size: 2px;

    -ms-background-size: 2px;

    padding-top: 70px;

	padding-bottom: 112px;

}

#testimonials {

	background: url(../images/1.jpg) no-repeat 0px 0px !important;

	background-size:cover !important;

	/*padding-top: 90px;

	padding-bottom: 112px;*/

	position: relative;

	min-height: 198px;

	width: 100%;

	overflow: hidden;

	text-align: center;

}



#testimonials .flex-container {

	width: 80%;

	max-width: 850px;

	margin: 0 auto;

}



#testimonial-slider {

	margin: 0 0 30px 0px;

	padding-left: 0;

	position: relative;

}



#testimonial-slider p {

	font: 21px/1.9 "merriweather-regular", sans-serif;

	color: #FFFFFF;

	padding: 0;

    line-height: 25px;

	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

}



#testimonial-slider .testimonial-author {

	display: block;

	font: 16px/24px "raleway-heavy", sans-serif;

	letter-spacing: 2px;

	text-transform: uppercase;

	margin-top: 24px;

	color: #FFFFFF;

}



#testimonial-slider .testimonial-author img {

	width: 72px;

	height: 72px;

	margin-right: 10px;

	display: inline-block;

	border-radius: 50%;

	/*border: 6px solid white;*/

	vertical-align: middle;

}

#testimonial-slider .testimonial-author .imagenCli{

	display:inline-block;

	position:relative;

}

#testimonial-slider .testimonial-author .iconFacebookCliente {

	position:absolute;

	bottom: 0;

    right: 10px;

}

#testimonial-slider .testimonial-author .iconFacebookCliente i.fa-facebook {

	font-size: 12px;

    height: 24px;

    width: 24px;

    background: #3b5998;

    line-height: 24px;

    text-align: center;

    color: #FFF;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

}

#testimonial-slider .testimonial-author .author-info {

	display: inline-block;

	vertical-align: middle;

	text-align: left;

}



#testimonial-slider .testimonial-author .author-info span {

	display: block;

	font: 14px/18px "raleway-bold", sans-serif;

	letter-spacing: 0;

	text-transform: none;

	/*color: rgba(0, 0, 0, 0.6);*/

}



/* control nav */

#testimonials .flex-control-nav {

	width: 100%;

	text-align: center;

	display: block;

	position: absolute;

	bottom: -72px;

}



#testimonials .flex-control-nav li {

	margin: 0 6px;

	display: inline-block;

	zoom: 1;

}



#testimonials .flex-control-paging li a {

	width: 12px;

	height: 12px;

	display: block;

	background: white;

	cursor: pointer;

	text-indent: -9999px;

	border-radius: 20px;

}



#testimonials .flex-control-paging li a:hover {

	background: #CCC;

	background: rgba(0, 0, 0, 0.5);

}



#testimonials .flex-control-paging li a.flex-active {

	background: #fff;

	background: black;

	cursor: default;

}



/* media queries:

/* #testimonials / #testimonial-slider */



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

	#testimonials .flex-container {

		max-width: 700px;

	}



	#testimonial-slider p {

		font: 25px/1.9 "merriweather-regular", sans-serif;

	}



}



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

	#testimonials .flex-container {

		width: 90%;

	}



	#testimonial-slider p {

		font: 22px/1.9 "merriweather-regular", sans-serif;

	}



}



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

	#testimonials .flex-container {

		width: 95%;

	}



	#testimonial-slider p {

		font: 20px/1.9 "merriweather-regular", sans-serif;

	}



	#testimonial-slider .testimonial-author {

		font: 14px/24px "raleway-heavy" sans-serif;

	}



	#testimonial-slider .testimonial-author img {

		width: 60px;

		height: 60px;

		/*border: 6px solid white;*/

	}



	#testimonial-slider .testimonial-author .author-info span {

		font: 12px/18px "raleway-bold", sans-serif;

	}



}



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

	#testimonials .flex-container {

		width: auto;

	}



	#testimonial-slider p {

		font: 18px/1.9 "merriweather-regular", sans-serif;

	}



}

/*testimonials*/



.tableCuotasCreditosAccesoCliente tr.impago td {

	color:red;

}