/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
@font-face {
  font-family: 'icon';
  src: url('../fonts/icon.eot?79997091');
  src: url('../fonts/icon.eot?79997091#iefix') format('embedded-opentype'),
       url('../fonts/icon.woff2?79997091') format('woff2'),
       url('../fonts/icon.woff?79997091') format('woff'),
       url('../fonts/icon.ttf?79997091') format('truetype'),
       url('../fonts/icon.svg?79997091#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icon';
    src: url('../fonts/icon.svg?79997091#icon') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-email:before { content: '\e800'; } /* '' */
.icon-contacto:before { content: '\e801'; } /* '' */
.icon-menu:before { content: '\e802'; } /* '' */
.icon-smile:before { content: '\e803'; } /* '' */
.icon-controles:before { content: '\e804'; } /* '' */
.icon-candado:before { content: '\e805'; } /* '' */
.icon-check:before { content: '\e806'; } /* '' */
.icon-tiempo:before { content: '\e807'; } /* '' */
.icon-lista:before { content: '\e808'; } /* '' */
.icon-controles-white:before { content: '\e809'; } /* '' */
.icon-marcador-de-posicion:before { content: '\e80a'; } /* '' */
.icon-grupo:before { content: '\e80b'; } /* '' */
.icon-libro:before { content: '\e80c'; } /* '' */
.icon-guia-telefonica:before { content: '\e80d'; } /* '' */
.icon-trato:before { content: '\e80e'; } /* '' */
.icon-lista-1:before { content: '\e80f'; } /* '' */
.icon-objetivo:before { content: '\e810'; } /* '' */
.icon-correo:before { content: '\e811'; } /* '' */
.icon-llamada-telefonica:before { content: '\e812'; } /* '' */
.icon-map:before { content: '\e814'; } /* '' */
.icon-marker:before { content: '\e815'; } /* '' */
.icon-users:before { content: '\e816'; } /* '' */
.icon-list-bullet:before { content: '\f0ca'; } /* '' */

html, body{
    font-size: 100%;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: "Hanken", sans-serif;
    background:#ffffff;
    margin:0px!important;
    overflow-x: hidden;
}

.grecaptcha-badge{

  bottom: 253px !important;

}

p{
	margin:0;
	font-size:14px;
}
h1,h2,h3,h4,h5,h6{
 /*font-family: 'Dosis', sans-serif;*/
 font-family: "Hanken", sans-serif;
 margin:0;
 /*text-transform: uppercase;*/
}
ul,label{
	margin:0;
	padding:0;
}



body p{
	/*font-family: 'Open Sans', sans-serif;*/
    font-family: "Hanken", sans-serif;
    /*letter-spacing: 1px;*/
}
body a:hover{
	text-decoration:none;
  color: #333;
   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;
}
input[type="submit"],.w3l_header_left ul li a,.related-post-right h4 a,.comments-grid-right h4 a,.reply a,.w3_single_grid_left_grid ul li a,ul.contact_info li a,.w3ls_services_bottom_grid_grid_pos,.footer-copy p a,.w3l_services_grid h4 a,.agileinfo_footer_grid ul li a,.wthree_service_breadcrumb_left ul li a{
	transition: .5s ease-in;
	-webkit-transition: .5s ease-in;
	-moz-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	-ms-transition: .5s ease-in;
}

.imglogo{
  -webkit-filter: invert(1) hue-rotate(180deg) contrast(2);
  filter: invert(1) hue-rotate(180deg) contrast(2);
  -webkit-filter: invert(1) hue-rotate(180deg) contrast(2);
  filter: invert(1) hue-rotate(180deg) contrast(2);
  margin-top: 5px;
}

/*--/model--*/
.w3ls-social-icons{
	float:left;
	width: 33.333%;
}
.w3ls-social-icons i {
	font-size: 15px;
  background: #F52F41;
  padding: 8px 10px;
  color: #fff;
  border: 1px solid #F52F41;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
  -moz-transition:0.5s all;
}
.w3ls-social-icons i:hover {
	background: transparent;
    color: #ffcc33;
    border: 1px solid #ffcc33;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.agileits-contact-info{
	float:right;
	/*width: 33.333%;*/
	margin-top:1px;
}
.agileits-contact-info ul li {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    /*letter-spacing: 1px;*/
}
.agileits-contact-info ul li i {
    left: -.5em;
    color: #F52F41;
}
.agileits-contact-info ul li:nth-child(2) {
    margin-left: 25px;
}
.agileits-contact-info ul li a {
 color: #fff;
 vertical-align: text-bottom;
}
.agileits-contact-info ul li a:hover {
 color: #2baf2b;
}
.w3layouts-top-strip {
    background:#fff;
    padding: 5px 30px 10px 0px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 2em;
    border-bottom: 0px solid #e5e5e5;
}
.login-form input[type="email"], .login-form input[type="text"], .login-form input[type="password"] {
    width: 100%;
    padding: 1em 1em 1em 1em;
    font-size: 0.8em;
    margin: 1em 0;
    outline: none;
    color: #212121;
    border: 1px solid #999;
    /*letter-spacing: 1px;*/
    text-align: center;
}
.login-form input[type="submit"] {
    outline: none;
    padding: 0.9em 0;
    width: 100%;
    text-align: center;
    font-size: 1em;
    margin-top: 1em;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    background: #02a388;
    box-shadow: 0px 2px 1px rgba(28, 28, 29, 0.42);
    border-radius:50px;
}
.login-form input[type="submit"]:hover{
  background:#0c0d0d;

}
#login a{
    padding: 3px 15px;
    font-size: 12px;
}
.modal-header h4 {
    font-size: 2em;
    text-align: center;
    /*text-transform: uppercase;*/
    /*letter-spacing: 1px;*/
    color:#0c0d0d;
}
.modal-dialog {
    width: 600px;
    margin: 96px auto;
}
.form-date-w3-agileits {
    padding-left: 0;
    padding-right:0;
}
/*--//model--*/

.pricing-table {
  margin: 0 auto;
  margin-bottom: 5px;
  border: 1px solid #eaeaea;
  text-align: center;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.15);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 30px;
}


.pricing-table:hover {
  box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
}

.pricing-table .pricing-details h2 {
  font-size: 18px;
  color: #546E7A;
  font-weight: 500;
  padding-top: 35px;
  padding-bottom: 15px;
  background-color: #f52f41;
}

.pricing-table .pricing-details .price {
  color: #ffffff;
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -1px;
  background-color: #f52f41 !important;
  border-bottom: 1px solid #e9edf2;
  padding-bottom: 40px;
}

.pricing-table .pricing-details .price span {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #ffffff;
}

.pricing-table .pricing-details ul li {
  padding: 12px;
  font-size: 14px;
  list-style: none;
  text-align: start;
}

.pricing-table .pricing-details ul li:nth-child(even) {
  background-color: #f9f9f9;
}

.pricing-table .plan-button {
  padding: 30px 0;
  background: #f9f9f9;
}

.pricing-big {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}



/*--header-w3-agileits --*/
.imagen_logo{
  margin-top: 0.8em; 
  width: 80px;
}

.responsive-p{
  padding: 0 0 1em 0;
  font-size: 20px!important;
  color: #f52f41;
  font-weight: bold;
}

.img-circle{
  border-radius: 50%;
}

.img-perfil{
  border-radius: 50%;
  
}

.icono-tiempo{
  color:white;
  font-size: 35px;
}

.icono-check{
  color:white;
  font-size: 30px;
}

.icono-candado{
  color:white;
  font-size: 30px;
}

.div-buscador{
  border: 1px solid #aaa;
  margin-right: 30px;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(112,108,112,1);
}

.estilo-texto{
  font-style: normal;
  color: #d9534f;
}

.boton {
  float: left;
}

.inner-header-agile {
    /*padding: 0 5em;*/
    padding: 0 1em 0 2em;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.inner-header-agile.part2 {
    position: relative;
    padding-bottom:1em;
}
/*-- logo --*/
.navbar-header h1 {
    font-size: 2em;
    display: block;
    /*text-transform: uppercase;*/
}
.navbar-header h1 a {
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    line-height: 61px;
    font-weight: bold;
    padding-bottom: 22px;
    font-family: 'Open Sans', sans-serif;
}


/* Tooltip propio */
 .prueba-tooltip {
    display: inline;
    position: relative;
  }
  .prueba-tooltip:hover:after {
    bottom: 26px;
    content: attr(title); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
    z-index: 98;
    /* el formato gráfico */
    background: #fff; /* el color de fondo */
    border-radius: 5px;
    color: #d3d3d3; /* el color del texto */
    font-family: Georgia;
    font-size: 10px;
    padding: 5px 15px;
    text-align: justify;
    width: 150px;
    border: 1px solid;
    border-color: #ccc;
  }
  .prueba-tooltip:hover:before {
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
    /* el triángulo inferior */
    border:1px solid;
    border-color: #ccc;
    border-width: 6px 6px 0 6px;
  }

  /* Fin tooltip */


h1 span {
    color: #00acee;
    font-size: 1.8em;
}
/*-- //logo --*/
/*-- top-nav --*/
ul.nav.navbar-nav {
    margin-left: 0;
    margin-top: 2em;
    max-width: 80%;
    float: right;
}
.navbar-default {
    background: none;
    border: none;
    margin: 0;
    min-height: inherit;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 color: #F52F41;
 background:none!important;
}
.navbar-nav > li {
  /*margin: 0 0.8em;*/
  /*border-right:1px solid #fff;*/
  /*padding: 5px;*/
}
.navbar-nav > li:nth-child(5){
	border-right:none;
}
ul.nav.navbar-nav.navbar-right {
    margin-left: 10%;
}
.navbar-default .navbar-nav > li > a {
	/*font-size: 0.9em;*/
    font-size: 13px;
    position: relative;
    font-weight: 400;
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/
    color:#fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav li a.active {
    color: #fe423f;
    background:none!important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
 color: #F52F41;
 background:#2baf2b!important;
}
.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #F52F41;
  background:none!important;
}
.navbar-right {
    float: left!important;
    margin-right:0px!important;
}
.navbar-collapse {
    padding: 0!important;
}
ul.dropdown-menu.multi-column ul li{
    display:block;
    margin-bottom:.5em;
}
ul.dropdown-menu.multi-column ul li a{
	color:#212121;
}
ul.dropdown-menu.multi-column {
    width: 400px;
    left: 0;
    padding: 1em;
}
ul.dropdown-menu.multi-column ul li a:hover{
	color: #fe423f;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #000000;
}
.dropdown-menu {
	border-radius:0;
}
.navbar-nav > li > a {
  padding: 9px 15px!important;
}
p.s-log {
   color: #ffcc33;
   line-height: 1px;
   text-align: right;
   font-weight: 600;
   /*letter-spacing: 4px;*/
   margin-top: -11px;
   font-size: 0.3em;
}
.navbar-nav > li > a {
 padding: 0px!important;
 padding-right: 20px!important;
}
.dropdown-menu {
    position: absolute;
    top: 185%;
    left: -9px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 31px;
    padding: 5px 0;
    margin: 2px 0 0;
}
.dropdown-menu > li > a {
    display: block;
    padding: 9px 20px;
    clear: both;
}
/*-- //nav --*/
/*-- search --*/
.cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}
.cd-main-header {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
	-webkit-transform: translateX(260px);
    /*-- w3layouts --*/
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
}
.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: -62px;
    right: 0;
}
.cd-header-buttons li {
	display: inline-block;
}
.cd-search-trigger, .cd-nav-trigger {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	white-space: nowrap;
	color: transparent;
	z-index: 3;
   background: #00acee;
}

.cd-search-trigger::before, .cd-search-trigger::after {
	/* search icon */
	content: '';
	position: absolute;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-search-trigger::before {
	top: 11px;
	left: 11px;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    /*-- agileits --*/
    border:3px solid #fff;
}
.cd-search-trigger::after {
	/* handle */
	height: 3px;
	width: 8px;
	background: #fff;
	bottom: 14px;
	right: 11px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search-trigger span {
	/* container for the X icon */
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
	/* close icon */
	content: '';
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 22px;
	top: 50%;
	margin-top: -2px;
	left: 50%;
	margin-left: -11px;
	background:#fff;
	opacity: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search-trigger span::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
	/* hide search icon */
	-moz-opacity: 0;
	opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
	/* show close icon */
	-moz-opacity: 1;
	opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cd-search {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search input {
    border-radius: 0;
    border: none;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    padding: 0 5%;
    -webkit-box-shadow: inset 0 1px 0 #F52F41, 0 3px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 #F52F41, 0 3px 6px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 #F52F41, 0 3px 6px 
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 1.2em;
    padding: 1em 2em;
    color: #fff;
    /*letter-spacing: 1px;*/
}
.cd-search input::-webkit-input-placeholder {
	color: #fff !important;
}
.cd-search input::-moz-placeholder {
	color: #fff !important;
}
.cd-search input:-moz-placeholder {
	color: #fff !important;
}
.cd-search input:-ms-input-placeholder {
	color: #fff !important;
}
.cd-search input:focus {
	outline: none;
}
.cd-search.is-visible {
	-moz-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

/*--//header-w3-agileits --*/
/*-- /banner --*/
.baner-info{
 padding-top: 6em;
 margin: 0 auto;
 text-align: center;
}
.baner-info h3 {
 text-align: center;
 font-size: 3.5em;
 color: #fff;
 font-weight: 300;
 /*letter-spacing: 4px;*/
}
.baner-info h3 span {
	color:#F52F41;
}
.baner-info h4{
    text-align: center;
    font-size: 1em;
    margin: 2em 0.5em 0 0.5em;
    font-weight:500;
    /*letter-spacing: 10px;*/
    color: #fff;
    padding: 10px;
}
.baner-info div{
    text-align: center;
    font-size: 1em;
    margin: 2em 0 2em 0;
    /*letter-spacing: 10px;*/
    padding: 15px 20%;
}
.baner-info p {
	font-size: 1em;
    font-weight:300;
    /*letter-spacing: 10px;*/
    color:#fff;
}
span.simply-word {
    font-size:18px;
    font-weight: 500;
    margin-left: 5px;
    /*text-transform: uppercase;*/
    color: #02a388;
}
.baner-info span img {
    margin: 1em auto 0;
    text-align: center;
}
form.buscador{
    padding: 20px;
}
form.buscador select:disabled{
  color:#999;
}
form.buscador select, form.buscador button{
    padding: 10px;
    width: 185px;
  margin: 5px;
}
form.buscador button{
  padding: 10px;
  max-width: 90px;
  margin: 5px;
}
form.buscador select#tipo_profesional{
    width: 185px;
}

dl.filtros{
  padding: 0 20px;
  width: 100%;
}
dl.filtros dt{
  margin-top: 1em;
}
dl.filtros-busqueda{
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}


dl.filtros-busqueda dd{
    background: #d3d3d3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 4px 0 0;
    padding: 3px 6px;
    position: relative;
    text-shadow: 0 1px 1px #fff;
}

dl.filtros-busqueda dd a{
  color: #666;
  font-weight: bold;
  float: right;
}

.overlay-waiting {
    background-color: rgba(1, 1, 1, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
    cursor: wait;
}

.loading{
    width: 400px;
    height: 400px;
    position: fixed;
    font-size: 30px;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    text-align: center;
    padding-top: 12px;
    z-index: 999999;
}

.head-perfil{
  text-align: center;
  margin-bottom: 20px;
}

.head-perfil img{
  border-radius: 50%;
  max-width: 100%;
  margin-bottom: 20px;
}

.head-perfil p{
  font-size:  18px !important;
  margin-bottom: 10px !important;
}
.head-perfil p.chico{
  font-size:  16px !important;
}
.head-perfil p.negro{
  color:#000;
}
.btn-lg{
  max-width: 100%;
}

.baner-w3l-agile-grids-bottom {
 margin: 0 auto;
 text-align: center;
 position: absolute;
 left: 12%;
 bottom: -62%;
 width: 80%;
}
.w3l-b-grid{
	float:left;
	width:32%;
}
.w3l-b-one{
  background: #000 url(../images/b1.jpg) no-repeat 0px 0px;
  min-height:100px;
  background-size: cover;
  text-align: center;
  transition: .5s ease-in;
  -webkit-transition: .5s ease-in;
  -moz-transition: .5s ease-in;
  -o-transition: .5s ease-in;
  -ms-transition: .5s ease-in;
}
.w3l-b-grid .w3l-b-one:hover{
    min-height:200px;
}

/*-- //banner --*/
/*-- special --*/
.special,.w3_content_agilleinfo_inner,.team-section,.plans-section{
    padding: 5em 0;
}

.modificacion{
  color: #000;
}

h3.tittle,h2.w3l-inner-h-title,h3.w3l-inner-h-title{
  color:#f52f41;
  font-size: 3em;
  margin: 0;
  text-align: center;
  font-weight: 600;
  /*letter-spacing: 3px;*/
}

.featured, .team-section {
  background: #f5f5f5;
}

h2.w3l-inner-h-title,h3.w3l-inner-h-title{
	margin-bottom:1em;
}
h3.tittle.two {
    color: #fff;
}

/*--//Effect 1--*/
/*-- //special --*/
.ab-w3l-spa {
    text-align: center;
}
.ab-w3l-spa p {
    color: #555;
    line-height: 2.2em;
    margin: 0px auto 2.2em;
    width: 86%;
}

a.read {
    border: none;
    outline: none;
    background: #00acee;
    padding: 0.7em 1.5em 0.7em 1.5em;
    color: #fff;
    /*text-transform: uppercase;*/
    /*letter-spacing: 1px;*/
    font-size: 0.9em;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -moz-border-radius: 25px;
}
a.read:hover {
    text-decoration: none;
    background: #2baf2b;
}
.spa-agile i {
    font-size: 3em;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}
.spa-agile h4 {
    font-size: 1.2em;
    margin: 1em 0 0.5em 0;
    color: #F52F41;
    /*letter-spacing: 3px;*/
}
.spa-agile {
    text-align: center;

    padding: 5em 0 0 0;
}
.spa-grid {
    border-right: 1px solid #292b2b;
    background: #0c0d0d;
    padding: 1.5em 0;
    text-decoration: none;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}
.spa-grid:hover{
   border-right: 1px solid #1589b5;
   background: #00acee;
}
.spa-grid:nth-child(5) {
  border:none;
}
h3.tittle.fea {
    font-size: 2.3em;
    color: #2baf2b;
    margin-bottom: 2em;
}
.spa-grid:hover i {
    color: #fff;
    -webkit-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -o-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    transform: rotatey(180deg);
}
.team-row {
 margin-top: 3em;
}
.side-bar-form input[type="search"] {
    background: #fff;
    width: 81%;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #000000;
    /*letter-spacing: 1px;*/
    border: 1px solid #e4e3ea;
}
.side-bar-form input[type="submit"] {
    background: url(../images/search.png) no-repeat 9px 9px #2baf2b;
    width: 44px;
    height: 41px;
    border: none;
    outline: none;
    margin: 0 0 0 -4px;
    padding: 0;
}
.wom-right h5 a {
    color: #F52F41;
    font-size: 16px;
    text-decoration: none;
    /*text-transform: uppercase;*/
}
.agile-info-recent {
    margin: 1.3em 0;
}
ul.w3l-sider-list li i {
    display: inline-block;
    color: #0c0d0d;
    font-size: .9em;
    margin-right: 10px;
}
ul.w3l-sider-list li {
    display: inline-block;
    color: #666;
    font-size: .9em;
    margin-right: 18px;
}
.wom {
    float: left;
    width: 25%;

}
.wom-right {
    float: left;
    width: 70%;
    margin-left: 5px;
}
.w3l-recent-grid {
    margin: 1em 0;
}
h4.side-t-w3l-agile {
    color: #0c0d0d;
    font-size: 1.4em;
    /*letter-spacing: 1px;*/
    /*text-transform: uppercase;*/
    font-weight: 400;
    margin: 0em 0 0.7em 0;
}
/*-- /welcome --*/
/*-- services --*/

.w3_agileits_services_grid {
    text-align: center;
    padding: 0;
    width: 16%;
    margin-left: 0.5%;
    box-shadow: 0 0 18px rgba(0,0,0,0.18);
    /*border: 1px solid #C2C2C2;
    border-radius: 5px;*/
}
.notas_home {
    text-align: center;
    padding: 0;
    width: 32%;
    margin-left: 0.5%;
    box-shadow: 0 0 18px rgba(0,0,0,0.18);
    border: 1px solid #C2C2C2;
    border-radius: 5px;
}
.w3_agileits_services_grid_1{
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.075) center no-repeat;
    background-size: cover;
    position: relative;
    
}
.fondo_profesional{
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
}
.fondo_profesional::after{
    content: "";
    display: block;
    padding-top: 60%;

}
.w3_agileits_services_grid_1 i{
	color:#212121;
	font-size:3em;
	line-height:2.4em;
}
.w3_agileits_services_grid_1 img{
	width:100%;
}
.w3_agileits_services_grid_agile h3{
   text-transform: capitalize;
   font-size: 1.2em;
   /*letter-spacing: 3px;*/
   color: #F52F41;
   margin: 1em 0 0.8em;
   padding-bottom: .5em;
   position: relative;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}
.w3_agileits_services_grid_agile h3:after {
    content: '';
    position: absolute;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    width: 20%;
    height:3px;
    background: #212121;
    left: 40%;
    bottom: 0;
}
.w3_agileits_services_grid_agile p{
   color: #555;
   line-height:1.7em;
   padding: 10px;
}
.w3_agileits_services_grid_agile footer{
   color: #555;
   line-height:1.7em;
   padding: 10px;
}

.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile h3{
	color:#00acee;
	
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile p{
	color:#555;
}


.w3_agileits_services_grid{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background:#F52F41;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}
.para-w3 {
    color: #555;
    font-size: 15px;
    line-height: 35px;
    margin-top: 11px;
}
.news-grids {
    margin-top: 3em;
}
.w3_agileits_services_grids {
    margin-top: 3em;
}
.agileinf-button {
    margin: 4em auto 0;
    text-align: center;
}
/*--//services-section--*/
/*-- /short-codes --*/
.w3_breadcrumb {
  text-align: initial;
    font-size: 14px;
    padding-left: 2em;
    padding-bottom: 2em;
}

.responsive-title{
  color: #000;
}

.breadcrumb-inner ul li {
 list-style: none;
 display: inline-block;
 color: #000;
}
.breadcrumb-inner ul li  a{
 color: #f52f41;
}
.typo-1 {
    padding: 16px;
}

.grid_3 {
    background-color: #fff;
    padding: 1.8em;
    margin-bottom: 1em;
    border: 1px solid #ebeff6;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
h3.head-top{
    font-size: 28px;
    margin-bottom: 15px;
    color: #fe423f;
}
.grid_3 p {
    color: #999;
    font-size: 0.85em;
    margin-bottom: 1em;
}
.but_list h1,.but_list h2,.but_list h3,.but_list h4,.but_list h5,.but_list h6{
    margin-bottom: 0.7em;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px !important;
    font-size: 0.85em;
    color: #999;
    border-top: none !important;
}
.btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    outline: none;
}
.btn-default:active, .btn-default:focus, .btn-default:hover {
    outline: none !important;
}
.form-control1, .form-control_2.input-sm{
  border: 1px solid #e0e0e0;
  padding:5px 18px;
  color: #616161;
  background: #fff;
  box-shadow: none !important;
  width: 100%;
  font-size: 0.85em;
  font-weight: 300;
  height: 40px;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  outline:none;
}
.control3{
	margin:0 0 1em 0;
}
.btn-warning {
  color: #fff;
  background-color:rgb(6, 217, 149);
  border-color:rgb(6, 217, 149);
  padding:8.5px 12px;
}
.btn-disabled {
  color: #fff;
  background-color: #eee;
  border-color: #ccc;
  padding:8.5px 12px;
  color: #666;
  cursor:default;
}
.tag_01{
  margin-right:5px;
}
.tag_02{
  margin-right:3px;
}
.btn-warning:hover{
  background-color:rgb(3, 197, 135);
  border-color:rgb(3, 197, 135);
}
.btn-success:hover{
    border-color: #8BC34A !important;
    background: #8BC34A !important;
}
.control2{
  height:253px;
}
.alert-info {
  color: #31708f;
  background-color:rgb(240, 253, 249);
  border-color:rgb(201, 247, 232);
}
.bs-example4 {
  background: #fff;
  padding: 2em;
}
button.note-color-btn {
  width: 20px !important;
  height: 20px !important;
  border: none !important;
}
.form-control1:focus {
  border: 1px solid #03a9f4;
  background: #fff;
  box-shadow: none;
}
.show-grid [class^=col-] {
  background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, .widget_head{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
label {
    font-weight: 500;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
/*-- //short-codes --*/
/*-- icons page --*/
.codes a {
    color: #999;
}
.icon-box {
    padding: 8px 15px;
    background: rgba(111, 141, 175, 0.11);
    margin: 1em 0 1em 0;
    border: 5px solid #ffffff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
} 
.icon-box:hover {
    background: #000;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    -moz-transition:0.5s all;
}
.icon-box:hover i.fa {
	color:#fff;
}
.icon-box:hover a.agile-icon {
	color:#fff;
}
.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px; 
    line-height: 1.4;
    text-align: center;  
    font-size: 12px;
    list-style-type: none;	
}
.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.codes .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
} 
.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
h3.icon-subheading {
    font-size: 26px;
    color: #fe423f!important;
    font-weight: 300;
    margin: 30px 0 15px;
}
h3.agileits-icons-title {
    text-align: center;
    font-size: 30px;
    color: #111;
}
.icons a {
    color: #999;
}
.icon-box i {
    margin-right: 10px;
    font-size: 20px;
    color: #282a2b;
}
.icons-page .bs-glyphicons li {
    display: inline-block;
    width: 22%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
    background: rgba(40, 96, 157, 0.11);
    margin: 1%;
}
.icons-page .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #282a2b;
}
.icons-page .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
} 
.icons-page .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
.bs-example.bs-example-tabs {
    padding: 0 3em;
}
/*-- //icons page --*/
/*-- /contact --*/
.w3_agile_mail_grid input[type="text"],.w3_agile_mail_grid input[type="email"],.w3_agile_mail_grid input[type="password"] {
 border: 1px solid #e4e4e4;
 outline: none;
 -webkit-appearance: none;
 background: none;
 font-size:15px;
 /*letter-spacing:1px;*/
 color:#555;
 width: 100%;
 background: #f5f5f5;
 padding:1em 1em;
}
.w3_agile_mail_grid input[type="email"] {
	margin:1.2em 0;
}
.w3_agile_mail_grid textarea {
    outline: none;
    width: 100%;
    background: #f5f5f5;
    padding:1em 1em;
    font-size:15px;
    /*letter-spacing:1px;*/
    color:#555;
    border: 1px solid #e4e4e4;
    min-height: 196px;
    font-weight:400;
}
.w3_agile_mail_grid textarea::-webkit-input-placeholder,.w3_agile_mail_grid input[type="text"]::-webkit-input-placeholder,.w3_agile_mail_grid input[type="email"]::-webkit-input-placeholder  {
	color: #555 !important;
}
.w3_agile_mail_grid input[type="submit"] {
    border: none;
    padding: 0.8em 2em;
    margin-top: 0.5em;
    font-size: 18px;
    color: #fff;
    /*letter-spacing: 1px;*/
    outline: none;
    background: #E34234;
    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;
    -webkit-appearance: none;
    /*text-transform: uppercase;*/
    /*letter-spacing: 1px;*/
}

.w3l_contact_bottom{
   background: #000;
   padding:4em 0 4em 0;
}
.w3l_contact_grid {
    margin: 0 auto;
    text-align: center;
}
.w3ls_footer_grids p.agileits_w3layouts_est{
	color:#fff;
	line-height:2em;
	margin:2em auto 5em;
	width:65%;
	text-align:center;
}
.con-ions-left {
    background: #2e2e2e;
    float: left;
    width: 31%;
    margin: 0 10px;
    padding: 30px 20px;
}
.con-ions-left-w3l{
	float:left;
	width:55px;
	height:55px;
	border-radius:50px;
	text-align:center;
   background: #2baf2b;
}
.con-ions-left-w3l i{
	color: #fff;
    font-size: 1em;
    line-height: 3.4em;
}
.con-grid-w3l-leftr{
    float: right;
    width: 80%;
    text-align: left;
}
.con-grid-w3l-leftr h4{
	font-size: 1.2em;
    color: #fff;
    /*letter-spacing: 3px;*/
    margin-bottom: .5em;
}
.con-grid-w3l-leftr p{
	color:#999;
	line-height:1.5em;
}
.con-grid-w3l-leftr a{
	color:#999;
	text-decoration:none;
	font-size:14px;
}
.con-grid-w3l-leftr a:hover{
	color:#2baf2b;
}
.map iframe {
    width: 100%;
    border: none;
    margin-top: 5em;
    min-height: 110px;
    min-width: 166px;
}
.w3l_contact-bottom {
    background: #111;
    padding: 5em 0;
}
/*-- //contact --*/
/*-- about-bottom --*/

.about-bottom{
  width: 80%;
  margin: auto;
}

.w3l_about_bottom_left{
	padding:0;
	position:relative;
}
.w3l_about_bottom_left img{
	width:100%;
}
.play-icon{
    position: absolute;
    top: 51%;
    left: 46%;
}
.play-icon i {
    font-size:4em;
    color: #fff;
}
.play-icon:focus{
	outline:none;
}
.w3l_about_bottom_left_video{
	position: absolute;
    top: 37%;
    left: 36%;
}
.w3l_about_bottom_left_video h4,.w3l_about_bottom_left_video.book-text h4 {
    /*text-transform: uppercase;*/
    font-size: 1.7em;
    color: #fff;
    /*letter-spacing: 2px;*/
    
    padding: 0.4em 0em;
    width: 100%;
    text-align: center;
}
.w3l_about_bottom_left_video.book-text h4 {
 background: rgba(0, 0, 0, .5);
}
.w3l_about_bottom_right {
   padding: 0;
   min-height: 238px;
}
.agileinfo_header1{
	font-size: 1.6em;
    color: #212121;
    /*text-transform: uppercase;*/
    /*letter-spacing: 3px;*/
    font-weight: 600;
    padding: .5em 0;
    position: relative;
}
.w3l_about_bottom_right p{
	margin:1em 0 3em;
	color:#555;
	line-height: 1.5em;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px!important;
}
h3.tittle.why {
  text-align: center;
  color: #F52F41;
  /* max-width: 70%; */
  font-weight: bold;
  font-size: 22px;
}

.why_responsivo{
    text-align: center;
    color: #F52F41;
    /* max-width: 70%; */
    font-weight: bold;
    font-size: 22px;
}

.texto_explicativo {
  padding: 2em;
  border: 1px solid #aaa;
  margin: 0 7em 2em 7em;
  background: #eeeeee6b;
}

.pa_italic i {
    left: -1em;
    font-size: 11px;
}
.pa_italic span {
    display: none;
}
.collapsed span {
    display: inline-block;
    left: -1em;
    font-size: 11px;
}
.collapsed i {
    display: none;
}
.panel-heading {
    padding:10px 30px;
}
.panel-title > a{
    font-size: 1em;
    color:#212121;
    text-transform: capitalize;
    text-decoration: none;
}
.panel-default {
  border-color: #00acee;
  background: #00acee;
}
.panel-default > .panel-heading {
    border-color: #FFF;
    color:#212121;
    background-color: #00acee;
}
.panel-body {
    padding: 2em;
    font-size: 14px;
    line-height: 2em;
    color: #555;
    background: #fff;
}
a.pa_italic label {
    cursor: pointer;
    font-weight:500;
}
a.pa_italic:focus {
    outline: none;
    text-decoration: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-heading {
    border-radius:0px!important;
}
.panel-body p{
  margin-bottom: 0px !important;
  color: #333 !important;
  line-height: 1.42857143 !important;
}
.panel-body p b{
  font-weight: bold !important;
  color: #000 !important;
}
.panel-body li{
  margin-left: 10px !important;
}
.panel-body ul{
  margin: 0 40px 14px !important;
  font-size: 14px !important;
  color: #333 !important;
}

.video-grid-single-page-agileits img {
    width: 100%;
}
#video,#video1,#video2,#video3,#video4,#video5,#video5,#video7,#video8  {
  position: relative;
  background: #000;
  width: 100%;
  margin:0px auto;
}

#video img,
#video iframe,#video1 img,
#video1 iframe
{ display: block;width:100%; }

#play {
    position: absolute;
    top:47%;
    left: 44%;
    width:64px;
    height:64px;
    cursor: pointer;
    background: url('../images/play-button.png') no-repeat 0px 0px;
    background-size: auto, cover;
    z-index: 9;
}
#play6 {
  position: absolute;
  top: 30%;
  left: 44%;
  width:64px;
  height:64px;
  cursor: pointer;
  background: url('../images/play-button.png') no-repeat 0px 0px;
  background-size: auto, cover;
  z-index: 9;
}
.video_agile_player {
    padding: 0;
}
.book-form   label {
    font-size:15px;
    color: #fff;
    text-align: left;
    display: inline-block;
    float: left;
    font-weight: 500;
    margin-bottom: 10px;
    /*letter-spacing: 1px;*/
}
.book-form  label i {
    font-size: 1em;
    margin-right: 10px;
    color: #2baf2b;
}
.book-form input[type="text"],.book-form input[type="date"],.book-form input[type="time"],.book-form input[type="email"] {
  width: 100%;
  color: #9a9797;
  outline: none;
  font-size: 0.9em;
  line-height: 25px;
  padding: 3px 10px;
  border: 2px solid #fff;
  -webkit-appearance: none;
  margin-bottom: 1em;
  background: none;
  font-family: 'Open Sans', sans-serif;
}
.book-form input[type="text"]{
  border: 2px solid #fff;
}
.book-form form input[type="submit"]{
    text-transform: capitalize;
    background: #F52F41;
    color: #FFFFFF;
    padding: .8em 2em;
    border: none;
    font-size: 1em;
    outline: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    /*text-transform: uppercase;*/
    width: 100%;
    font-weight: 600;
    margin-top: 2em;
    -webkit-appearance: none;
}
.book-form {
    background: #0c0c0c;
    padding: 2em 2em;
    margin-top: 2em;
}
.book-form select.form-control {
    outline: none;
    font-size: 1em;
    padding: 5px 10px;
    width: 100%;
    line-height: 25px;
    border-radius: 0;
    background: none;
    color: #9a9797;
    border: 2px solid #fff;
    box-shadow:none!important;
}
.form-date-w3-agileits.second-agile {
    width: 50%;
}
.w3l_about_bottom_left_video.book-text {
    width: 100%;
    top:50%;
    left: 0;
}
.form-date-w3-agileits,.form-left-agileits-w3layouts.bottom-w3ls {
    padding-left: 0;
    padding-right: 0px;
    margin-right: 10px;
    width:48%;
}
.form-date-w3-agileits.second-agile,.form-time-w3layouts.second-agile,.form-left-agileits-w3layouts.second-agile,.form-left-agileits-w3layouts.bottom-w3ls.second-agile {

    margin-right:0!important;
    padding:0!important;
}
.form-left-agileits-w3layouts.bottom-w3ls {
    padding:0!important;
}
/*-- //about-bottom --*/
/*-- testimonials --*/
section.slider {
    padding: 0 !important;
}
.testimonial_grids{
	margin:3em 0 0;
}
.w3_agileits_testimonial_grid{
 /*width: 20%;*/
 margin:0 auto;
 text-align:center;
 display: flex;
justify-content: center;
}
.w3_agileits_testimonial_grid p {
 color: #555;
 line-height: 20px;
 /*letter-spacing: 2px;*/
 font-size: 0.85em;
 width: 50%;
margin: 0 auto;
}

.w3_agileits_testimonial_grid i{
   font-size: 2em;
   color: #555;
   padding: 15px;
   border: 2px solid #555;
   border-radius: 50%;
   display: inline-table;
   margin-top: 5%;
}
.w3_agileits_testimonial_grids {
    margin: 3em 0 0;
    text-align: center;
}
.w3_agileits_testimonial_grid img {
    margin: 0 auto;
    border-radius: 50%;
}
.guests-agile {
    background:
      /* top, transparent black, faked with gradient */ 
      linear-gradient(
        rgba(0, 0, 0, 0.7), 
        rgba(0, 0, 0, 0.7)
      ),;
      /* bottom, image */
      
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height:500px;
    margin-bottom: -25px;
}
/*-- //testimonials --*/
/*-- gallery --*/
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;	
	overflow: hidden;
	margin: 10px 0;
	height: auto;
	text-align: center;
	cursor: pointer;
	background: #000;
}

.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
    word-spacing: -0.15em;
    font-size: 1.5em;
    margin-top: 18%;
    color: #FFF;
    font-weight: 600;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	/*letter-spacing: 1px;*/
	font-size: 68.5%;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/


figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
   background: rgba(30, 28, 24, 0.41);
   content: '';
   -webkit-transition: -webkit-transform 0.6s;
   transition: transform 0.6s;
   -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
   transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 5px solid #F52F41;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-apollo p span{
   color: #ffcc33;
}
figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
/*-- //gallery --*/
.priceing-table-main {
    margin: 4em 0 0 0;
}
.price-list ul {
    padding: 0px;
    list-style: none;
}
.price-gd-top {
    background:#00acee;
    text-align: center;
}
.price-gd-top h4 {
    font-size: 1.8em;
    color: #fff;
    padding: 0.4em 1em;
    background: #0e99ce;
    font-weight: 300;
}
.price-gd-top h3 {
    padding: 0.2em 0em 0em 0em;
    font-size: 7em;
    color: #fff;
}
.price-gd-top h3 span {
    font-size: 30px;
    vertical-align: top;
}
.price-gd-top h5 {
    font-size: 1em;
    color: #fff;
    padding: 0em 3em 0.8em 0em;
    text-align: right;
}
.price-gd-bottom {
    background: #fff;
    text-align: center;
    padding: 1em 0em;
}
.price-gd-top.pric-clr2 h4 {
 background: #fbbe09;
}
.price-gd-top.pric-clr2 {
    background:#ffcc33;
}
.price-selet.pric-sclr2 a {
   background: #fbbe09;
}
.price-gd-top.pric-clr3 {
	background:#2baf2b;
}
.price-gd-top.pric-clr3 h4 {
    background: #209a20;
}
.price-gd-top.pric-clr4 {
	background:#F52F41;
}
.price-gd-top.pric-clr4 h4 {
	background: #f72d05;
}
.price-selet.pric-sclr4 a {
    background: #f72d05;
}
.price-selet.pric-sclr3 a {
    background: #209a20;
}
.price-list ul li {
    padding: 0.5em 0em;
    font-size: 0.9em;
    color: #2b2b2b;
    display: inline-block;
}
.price-selet {
    padding: 1em 0em;
    text-align: center;
    background: #fff;
}
.price-selet a {
    font-size: 1.1em;
    color: #fff;
    display: block;
}
.price-selet a {
	font-size: 0.9em;
    color: #ffffff;
    display: inline-block;
    padding: 0.5em 2em;
    background: #0e99ce;
    text-decoration: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
}
.price-block {
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.price-block:hover,.w3layouts-pricing:hover,.w3-agileits-vpn-grid:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    z-index: 1;
}
h6.bed{
	color:#00acee;
	font-size: 3em;
    margin: 2px 0;
}
h6.bed.two{
	color:#ffcc33;
}
h6.bed.three{
	color:#2baf2b;
}
h6.bed.four{
	color:#F52F41;
}
.book-form-inner form input[type="text"],.book-form-inner form input[type="date"],.book-form-inner form input[type="time"],.book-form-inner form input[type="email"] {
    width: 100%;
    color: #9a9797;
    outline: none;
    font-size: 0.9em;
    line-height: 25px;
    padding: 3px 10px;
    border: 2px solid #999;
    -webkit-appearance: none;
    margin-bottom: 1em;
    background: none;
    font-family: 'Open Sans', sans-serif;
}
.book-form-inner select.form-control {
    outline: none;
    font-size: 1em;
    padding: 5px 10px;
    width: 100%;
    line-height: 25px;
    border-radius: 0;
    background: none;
    color: #9a9797;
    border: 2px solid #999;
    box-shadow:none!important;
}
.book-form-inner .form-date-w3-agileits1,.form-left-agileits-w3layouts1.bottom-w3ls1 {
    padding-left: 0;
    padding-right: 0px;
    margin-right: 10px;
    width:48%;
}
.form-date-w3-agileits1.second-agile1{
  width:50%;
}
.form-date-w3-agileits1.second-agile1,.form-time-w3layouts1.second-agile1,.form-left-agileits-w3layouts1.second-agile1 {

    margin-right:0!important;
    padding:0!important;
}
.form-left-agileits-w3layouts.bottom-w3ls1 {
    padding:0!important;
}
.book-form-inner {
    margin-top: 2em;
}
.book-form-inner label {
    font-size: 15px;
    color: #333;
    text-align: left;
    display: inline-block;
    float: left;
    font-weight: 500;
    margin-bottom: 10px;
    /*letter-spacing: 1px;*/
}
.book-form-inner label i {
    font-size: 1em;
    margin-right: 10px;
    color: #2baf2b;
}	

.book-form-inner form input[type="submit"] {
    text-transform: capitalize;
    background: #F52F41;
    color: #FFFFFF;
    padding: .8em 2em;
    border: none;
    font-size: 1em;
    outline: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    /*text-transform: uppercase;*/
    width: 100%;
    font-weight: 600;
    margin-top: 2em;
    -webkit-appearance: none;
}
.book-form-inner  input[type=submit]:hover {
    background: #00acee;
    color: #fff;
}
/*-- social-icons --*/
ul.top-links li {
    margin-right: 19px;
    display: inline-block;
}
ul.top-links {
    margin-top:70px;
    margin-left: 31px;
}
ul.top-links li a i.fa {
    color: #fff;
    font-size: 15px;
    line-height: 31px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
}
ul.top-links li a i.fa:hover {
 color: #7ab800;
}
.w3_navigation {
  background: #0085c3;
  padding: 0.5em 0;
}
.slider-info h3 {
  font-size: 18em;
  color: #fff;
  /*letter-spacing: 8px;*/
}
/*-- //social-icons --*/
/*--team--*/
.team-grids {
    text-align: center;
    overflow:hidden;
}
.team-grids h4 {
    font-size: 1.4em;
    color: #fff;
    margin: .5em 0;
    font-weight: 300;
    /*letter-spacing: 2px;*/
}
.team-grids h6 {
    font-size: 1.1em;
    color: #FFF;
}
.team-img {
    position: relative;
}
.team-row p {
    color: #fff;
}
.team-grids .captn {
    position: absolute;
    top: -100%;
    left: 0;
    background: rgba(0, 0, 0, 0.59);
    width: 100%;
    height: 100%;
    padding: 3.5em 1em;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    transition:.5s all;
}
.team p span {
    color: #F6D13B;
}
.social-icons {
    margin-top: 2em;
}
.social-icons ul li {
    display: inline-block;
    margin: 0 0.2em;
}
.social-icons ul li a {
    background: url(../images/social-icons.png) no-repeat 0px -1px;
    display: block;
    height: 26px;
    width: 26px;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.social-icons ul li a.pin {
    background-position: 0px -28px;
}
.social-icons ul li a.in {
    background-position: 0px -57px;
}
.social-icons ul li a.be {
    background-position: 0px -86px;
}
.social-icons ul li a.you {
    background-position: 0px -115px;
}
.social-icons ul li a.vimeo {
    background-position: 0px -144px;
}
.social-icons ul li a:hover{
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
}
.team-grids:hover .captn {
    top: 0;	
}
.team-agile {
    background: #2baf2b;
    padding: 0.5em 1.5em;
    position: absolute;
    bottom: 0;
    width: 70%;
    left: 15%;
}
.modal-header.book-form form {
    margin-top: 1.5em;
}
.book-form input[type=submit] {
    color: #FFFFFF;
    padding: .8em 1em;
    font-size: 1em;
    cursor: pointer;
    border: 2px solid #fff;
    outline: none;
    background: #2baf2b;
    width: 100%;
    /*letter-spacing: 3px;*/
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.book-form input[type=submit]:hover {
  background: #00acee;
  color: #fff;
}
.check-box input[type="checkbox"]+label {
    position: relative;
    padding-left: 2em;
    border: none;
    outline: none;
    font-size: 0.9em;
    color: #555;
    font-weight: 400;
    cursor: pointer;
}
.check-box {
    margin-bottom: 1.5em;
}
.check-box input[type="checkbox"] {
    display: none;
}
.check-box input[type="checkbox"]:checked+label span:first-child:before {
    content: "";
    background: url(../images/tick.png)no-repeat;
    position: absolute;
    left: 2px;
    top: 2px;
    font-size: 10px;
    width: 10px;
    height: 10px;
}
.check-box input[type="checkbox"]+label span:first-child {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #555;
    position: absolute;
    left: 0;
    top: 1px;
}
/*--//team--*/
/*-- /single --*/
.single.video_agile_player h4 {
   font-size: 1.1em;
   margin: 0;
   font-weight: 400;
   line-height: 1.5em;
   /*text-transform: uppercase;*/
   color: #fe423f;
   margin:1em 0;
}
.single.video_agile_player p {
    color: #555;
    font-size: 0.9em;
    line-height: 1.9em;
    margin: 0.5em 0 1em 0;
}
.agile-info-wthree-box input[type="text"],.agile-info-wthree-box input[type="email"],.agile-info-wthree-box textarea,.agile-info-wthree-box select {
   outline: none;
   border: 1px solid #d6d4d4;
   background: none;
   padding: 5px 5px;
   width: 100%;
   font-size: 14px;
   /*letter-spacing: 1px;*/
   color: #333;
}
.agile-info-wthree-box input[type="email"]:nth-child(2) {
    margin: 1em 0;
}
.agile-info-wthree-box textarea {
   min-height: 110px;
   margin-bottom: 1em;
}
.agile-info-wthree-box select {

   margin-bottom: 1em;
}
.agile-info-wthree-box input[type="submit"] {
   outline: none;
   font-style: normal;
   padding: 0.9em 4em;
   background: #00acee;
   font-size: 16px;
   color: #fff;
   display: block;
   border: none;
   transition: .5s all;
   -webkit-transition: .5s all;
   -moz-transition: .5s all;
   -o-transition: .5s all;
   -ms-transition: .5s all;
   border-radius: 25px;
}
.agile-info-wthree-box input[type="submit"] :hover {
    color: #fff;
    background: #fe423f;
}
.form-info {
    padding-left: 0;
}
.all-comments-info {
    padding: 2em;
    border: 1px solid#ddd;
    margin: 2em 0;
    background-color: #fff;
}
.all-comments-info h5,.single-agile-shar-buttons h5{
  font-size: 1em;
  margin: 0;
  font-weight: 600;
  line-height: 1.5em;
  /*text-transform: uppercase;*/
  color:#0c0d0d;
  margin:0em 0 1em 0;
}
/*-- single --*/

.media.response-info {
  margin-top: 3em;
}
.response-info-mdl {
  margin: 1em 0px 1em 4em;
}
.response {
    margin: 3em 0;
}
.media-left.response-text-left {
  width: 11%;
}
.response-text h5 {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 1em 0;
	color: #fff;
}
.response h4 {
    font-size: 1.5em;
    /*letter-spacing: 1px;*/
    margin: 0 0 1em 0;
    color: #0c0d0d;
    /*text-transform: uppercase;*/
}
.response-text-left h5 a {
   text-decoration: none;
   color: #0c0d0d;
   /*text-transform: uppercase;*/
   font-size: 0.95em;
}
.response-text-left h5 a:hover{
	text-decoration: none;
    color: #fe423f;
    transition:.5s all;
}
.response-text-left h5{
	font-size: 17px;
    margin: 1em 0 0 0;
}
.response-text-right p{
   color: #555;
   margin: 0 0 15px;
   line-height: 1.9em;
}
.wom-right p {
  font-size: 0.85em;
  margin: 0 0 8px;
  margin-top: 0.6em;
  line-height: 1.8em;
  color: #555;
}
.response-text-right ul{
	padding:0;	
	text-align: right;
}
.response-text-right ul li{
  display: inline-block;
  color: #0c0d0d;
  font-size: 1em;
  margin-right: 1em;
  /*letter-spacing: 1px;*/
}
.response-text-right ul li a{
   color: #2baf2b;
   font-size: 1em;
}
.response-text-right ul li a:hover{
	color: #F52F41;
	text-decoration:none;
}
.media-left a img {
  width: initial;
}
.w3l-blog-list li, .blog-list1 li {
    list-style: none;
}
.w3l-blog-list li a:hover {
    color: #111;
}
.response-text-right ul {
    padding: 0;
    text-align: left;
}
h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
    font-size: 1.8em;
}
.single.video_agile_player h4 {
    font-size: 1em;
}

.w3l-blog-list li a {
  color: #555;
  font-size:0.85em;
  text-decoration: none;
  display: block;
  margin: 12px 0;
}
.w3l-blog-list {
    margin-top: 1.3em;
}
.w3l-blog-list i {
    color: #2baf2b;
    margin-right: 12px;
}
/*-- //single --*/
.w3agile_footer_copy {
    text-align: center;
    background: #F52F41;
    padding: 1em 0;
}
.w3agile_footer_copy p {
    color: #fff;
    font-size: 13px;
}
/*-- Footer --*/

.flags {
	display: flex;
    justify-content: center;
    list-style: none;
    text-align: -webkit-center;
    padding: 0;
    margin-top: -15px;
}

.flag {
	padding: 0 10px;
}

.flag a {
	text-decoration: none;
}

.flag a:hover {
	text-decoration: underline;
	text-decoration-color: #fff;
    text-decoration-style: dotted;
}

.flag img {
    width: 28px;
    height: 20px;
    margin: 0 auto .4em;
    border: 1px solid #fff;
    border-radius: 2px;
    display: -webkit-box;
}

.flag i {
	color: #fff;
	font-style: normal;
	font-size: 14px;
}

.w3l-footer {
	background-color: #F52F41;
}
.footer-info-agile {
	padding: 20px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.w3l-footer  h4 {
	color: #fff;
    padding: 24px 0 10px 0;
    font-weight: 300;
    font-size:1.4em;
    margin-bottom: 0.8em;
    /*letter-spacing: 1px;*/
}
.connect-agileits.newsletter h4 {
    font-size: 1.5em;
    /*letter-spacing: 1px;*/
}
.footer-info-agile li {
    color: #fff;
    display: block;
    line-height: 1.9em;
    font-size: 0.9em;
}
.links a {
	color: #fff;
}
.links a:hover {
	color: #FFF;
	text-decoration: underline;
}
a.mail {
    color: #00acee;
}
a.mail:hover {
    color:#2baf2b;
}
.connect-agileits.newsletter p {
    color: #999;
    margin-bottom: 8px;
}

/*-- Newsletter --*/
.footer-info-agile p {
   color: #EEE;
   line-height: 2em;
   margin-bottom: 27px;
   text-align: left;
}
.newsletter {
   position: relative;
   padding: 0.5em 1em;
}
.newsletter input[type="email"] {
  padding: 0.8em 1.5em;
  border: 1px solid #3a3939;
  width: 75%;
  text-align: left;
  color: #212121;
  background: #fff;
  outline: none;
  float: left;
}
.newsletter  input[type="submit"] {
    background: #2baf2b;
    padding: 0.8em 1em;
    border: none;
    outline: none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 20%;
    /*text-transform: uppercase;*/
    color: #fff;
    /*letter-spacing: 1px;*/
}
.newsletter input[type="submit"]:hover {
    background: #00acee;
}
.footer-grid-instagram a {
    float: left;
}
/*-- //Newsletter --*/
/*-- Footer-Social-Icons --*/
.connect-agileits{
    padding-bottom: 22px;
    text-align: center;
    border: 1px solid #515254;
    margin: 2em auto 3em;
    width: 97%;
}
.connect-agileits h4 {
	text-align: center;
}
.connect-social ul li {
	display: inline-block;
}

.connect-social ul li a{
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -ms-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
}
/*-- social-icons --*/
.social_icons {
    text-align: center;
}
.social{
    position:relative;
    margin: 10px auto 3px;
}
.social a{
    position: relative;
    display: inline-block;
    width:40px;
    height:40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    text-align: center;
    margin-right: 5px;
}
.social{
    /*background: #6788ce;*/
}
.social a:before,
.social a:after{
    border-color:#fff;
    color:#fff;
}

.social a:before,
.social a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 50%;
    transition: .3s all;
    border: 2px solid;
}
.social a:hover:after{
 -webkit-transform: scale(1.5);
}
.social a:hover:before{
    -webkit-transform: scale(1);
    transition: .3s all;
    opacity: 0;
}
a.icon.gp {
    margin: 0;
} 
.connect-social ul li a i {
   color: #fff;
   line-height: 40px;
   font-size: 1.5em;
   width: 34px;
   height: 34px;
   border-radius: 50%;
}
.footer-grid-instagram {
    float: left;
    width: 50%;
}
.w3agile_footer_copy p a {
    color: #fff;
}
.w3agile_footer_copy p a:hover {
    color: #555;
}
/*-- Footer-Social-Icons --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width:34px;
    height:34px;
    border: none;
    text-indent: 100%;
    background: url(../images/move-top.png) no-repeat 0px 0px;
}
#ventajas{
  margin:20px 200px;
}
.novedades .novedad{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px;
  border-style: solid;
  border-bottom: thick solid #999;
  border-width: 0 0 1px 0;
}
.novedades .categorias{
  text-align: center;
  margin-bottom: 30px;
}
.novedades h1{
  text-align: center;
  margin: 30px 0 30px 0;
  font-size: 50px;
  color: #F52F41;
  font-weight: 600;
}
.banner-full{
  margin: 0 0 20px 0;
}
.banner-half{
  margin: 0 0 20px 0;
  padding: 0 10px;
}
.novedad a{
  font-size: 18px;
  color: #F52F41;
  padding: 20px 0;
}
.novedad p{
  margin: 10px 0;
}
.novedades button{
  margin: 5px;
}
.canales .canal{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px;
  border-style: solid;
  border-bottom: thick solid #999;
  border-width: 0 0 1px 0;
}
.canales .categorias{
  text-align: center;
  margin-bottom: 30px;
}
.canales h1{
  text-align: center;
  margin: 30px 0 30px 0;
  font-size: 50px;
  color: #F52F41;
  font-weight: 600;
}
.banner-full{
  margin: 0 0 20px 0;
}
.banner-half{
  margin: 0 0 20px 0;
  padding: 0 10px;
}
.canal a{
  margin:2em 0 0;
}
.canal p{
  margin: 10px 0;
}
.canales button{
  margin: 5px;
}
/*-- /responsive --*/
@media (max-width:1440px){
	.baner-info h3 {
		font-size: 3.3em;
		/*letter-spacing: 4px;*/
	}
	.baner-info {
		padding-top: 4em;
		margin: 0 auto;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
      font-size: 2.5em;
  }
  h3.tittle.fea {
      font-size: 2em;
  }
  .special, #news, .w3_content_agilleinfo_inner, .team-section, .plans-section {
    padding: 4em 0 3em 0;
  }
  ul.nav.navbar-nav {
      margin-left: 0;
      margin-top: 2.2em;
  }
  .baner-info h4 {
      /*letter-spacing: 8px;*/
  }
  .w3l_about_bottom_right {
      padding: 0;
      min-height: 238px;
  }
  h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
      font-size: 2.3em;
  }
  .book-form form input[type="submit"] {
      padding: .8em 2em;
      border: none;
      font-size: 1em;
      font-weight: 600;
      margin-top: 1.35em;
  }
  .priceing-table-main {
      margin: 3em 0 0 0;
  }
}
@media (max-width:1366px){
	.w3l_about_bottom_right p {
     margin: 1em 0 1em;
 }
 .w3l_about_bottom_right {
  padding: 0;
  min-height: 238px;
}
.book-form {
  padding: 2em 2em;
  margin-top: 1em;
}
}
@media (max-width:1280px){
	.baner-info h3 {
		font-size: 3em;
		/*letter-spacing: 4px;*/
	}
	.baner-info h4 {
		font-size: 0.9em;
		/*letter-spacing: 8px;*/
	}
	h3.tittle.fea {
		font-size: 1.8em;
	}
  .notas_home{
    width: 30%;
  }
	.spa-agile h4 {
      font-size: 1.1em;
  }
  .team-row {
      margin-top: 2em;
  }
  h2.w3l-inner-h-title, h3.w3l-inner-h-title {
      margin-bottom: 0.5em;
  }
  ul.nav.navbar-nav {
      margin-left: 0;
      margin-top: 2em;
  }
  .special-grids {
      margin: 2em 0 0 0;
  }
  h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
      font-size: 2em;
  }
  .w3l_about_bottom_right {
      padding: 0;
      min-height: 238px;
  }
  #play {
      position: absolute;
      top: 52%;
      left: 44%;
      background-size: 62%;
  }
  .w3l_about_bottom_left_video {
      position: absolute;
      top: 37%;
      left: 26%;
  }
  .price-gd-top h3 {
      font-size: 6em;
  }

  .imagen-no-responsive{
    display: none;
  }

  .imagen-responsive{
    display: block;
  }

  /* YUDITH */


  /* FIN YUDITH */
}

@media (min-width: 780px){

.nav li {
  list-style: none;
  padding: 5px 0px;
}

.nav > li {
  float: left;
}

.anuncio{
  display: none;
}

.buscador-zona1{
  position: absolute;
  bottom: 35%;
  padding: 0 0 0 4px;
}

.buscador-zona2{
  position: absolute;
  bottom: 35%;
  padding: 0 0 0 6px;
}

form.buscador{
    padding: 45px 20px 20px 20px;
}

.nav .sub-menu {
  display: none;
  font-style: normal;
  font-size:13px;
  position: relative;
}

.sub-menu > li > a {
  color:white;
}

.sub-menu > li > a:hover {
  color:#F52F41;
}

.collapse{
   margin-left: -110px;
}
  .text-ini{
    display: block;
  }

  .imagen-no-responsive{
    display: block;
  }

  .texto-final{
   width: 775px;
}

  .imagen-responsive{
    display: none;
  }


  .menu-iniciado{
    display:none;
  }

  .search-profesional{
      float:left;
      max-width: 500px;
  }

  .button-profesional1{
      float:right;
      display:block;
      text-align: center;
  }

  .button-profesional1 > a{
      margin-left: 50px;
      margin-top:5px;
      margin-bottom: 10px;
  }

  .button-profesional2{
      display: none;
  }

  .admin-text {
    border-bottom: 1px solid #aaa;
    /* padding: 1em 2em; */
    padding-bottom: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-left: 2em;
    margin-top: 0;
    cursor: pointer;
    margin-right: 30px;
   }

   .admin-text h5 {
   font-size: 1em;
   /*letter-spacing: 1px;*/
   margin: 0 0 0.5em 0;
   color: black;
  }
  .admin-text-right p {
    color: #444;
    font-size: 0.9em;
    margin: 0 0 10px;
    line-height: 15px;
  }
  .admin-text-left {
    float: left;
    width: 20%;
  }
  .admin-text-right {
    float: right;
    width: 77%;
  }
  .admin-text-left img {
      width: 100%;
      border-radius: 50%;
  }
  .admin-text-right span {
    font-size: 15px;
    margin: 0 0 1em 0;
    font-weight: 500;
    color: #ffffff;
    /*letter-spacing:1px;*/
  }
  .admin-text-right span a {
      color: #0c0d0d;
      text-decoration: none;
  }
  .admin-text-right span a:hover{
    color: #fff;
    transition:.5s all;
  }

  .iconos-style{
    padding-bottom: 5px;
  }
}

@media (max-width: 780px){

  .w3_agileits_testimonial_grid i{
    font-size: 1em;
    color: #555;
    padding: 15px;
    border: 0.8px solid #555;
    border-radius: 50%;
    display: inline-table;
    margin-top: 18%;
 }

  #hijo_grid{
    width: 70%;
  }

  .w3_agileits_services_grid_1 img {
    width: 100%;
    height: 6.3em;
  }

  .w3_agileits_testimonial_grid p {
    color: #555;
    line-height: 2.2em;
    margin-bottom: 0.8em;
    font-size: 0.8em;
  }

  .w3_agileits_services_grid_agile p{
    line-height:1em;
 }

  .responsive-p{
    padding: 0;
    font-size: 15px!important;
    color: #f52f41;
    font-weight: bold;
  }

  .w3agile_footer_copy p {
    padding: 1.5%;
  }

  .imagen_logo{
    margin-top: 0.8em; 
    width: 120px;
  }

  .about-bottom{
    width: 90%;
    margin: auto;
  }

  .w3_breadcrumb {
    text-align: initial;
    font-size: 13px;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
}

#hijo_grid{
  width:40%;
}

  .why_responsivo{
      text-align: center;
      color: #F52F41;
      /* max-width: 70%; */
      font-weight: bold;
      font-size: 1.2em;
  }

  .p_responsive{
    font-size: 0.9em;
  }

  .moreconten { 
    display: none; 
  }

  .morelin { 
    display: block; 
    cursor: pointer; 
    color:#F52F41; 
  }
  
  .morelin:hover { 
    text-decoration:underline; 
  }

  .texto_explicativo {
    padding: 1em;
    border: 1px solid #aaa;
    margin: 0 0em 1em 0em;
    background: #eeeeee6b;
  }

  .hidden { 
    display:none; 
  }
  
  .text-ini{
    display: none;
  }

  .w3_agileits_services_grid_1{
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.075) center no-repeat;
    background-size: cover;
    position: relative;
    max-width: 42%;
    
}

.w3_agileits_services_grid_agile p{
  padding: 0 5px;
}

  .search-profesional{
    float: left;
    max-width: 88%;
    font-size: 13px;
    margin-left: -25px
  }

  .search-profesional-galeria{
    float: left;
    max-width: 200px;
  }

  .imglog-profesional{
    margin-left:-25px;
  }

  .button-profesional1{
      display: none;
  }

  .menu-ini{
    display:none;
  }

  div#bs-example-navbar-collapse-1{
    display: none;
  }

  .button-profesional2{
      float:right;
      display: block;
      width: 19%;
      left: 18px;
      padding-top: 4px;
      padding-bottom: 4px;
  }

  .button-profesional2 > a{
      
      margin-top:5px;
      margin-bottom: 5px;
  }

  .icono-contacto{
    font-size: 32px;
    color:#a3a3a3;
  }

  .icono-contacto:hover{
    font-size: 32px;
    color:#666;
  }

  .icono-email{
    font-size: 32px;
    color:#d9534f;
  }

  .icono-email:hover{
    font-size: 32px;
    color:#666;
  }
  
  .admin-text {
   border-bottom: 1px solid #aaa;
   /*padding: 1em 2em;*/
   padding-bottom: 5px;
   padding-top: 5px;
   padding-right: 35px;
   padding-left: 35px;
   margin-top: 0;
   cursor: pointer;
   }

   .admin-text h5 {
   font-size: 1em;
   /*letter-spacing: 1px;*/
   margin: 0.5em 0 0.5em 0;
   color: black;
  }
  .admin-text-right p {
    color: #444;
    font-size: 0.9em;
    margin: 0 0 10px;
    line-height: 15px;
  }
  .admin-text-left {
    float: left;
    width: 20%;
  }
  .admin-text-right {
    float: right;
    width: 77%;
  }
  .admin-text-left img {
      width: 100%;
      border-radius: 50%;
      margin-top: 0.5em;
  }
  .admin-text-right span {
    font-size: 15px;
    margin: 0 0 1em 0;
    font-weight: 500;
    color: #ffffff;
    /*letter-spacing:1px;*/
  }
  .admin-text-right span a {
      color: #0c0d0d;
      text-decoration: none;
  }
  .admin-text-right span a:hover{
    color: #fff;
    transition:.5s all;
  }

  .iconos-style{
    padding-bottom: 15px;
  }

  .notas_home{
    height: 100%;
  }

  .w3_agileits_services_grid_agile h3{
    font-size: 0.9em;
    margin: 0.6em 0.6em 0.5em 0.6em;
  }
}

@media (max-width:1080px){
	ul.nav.navbar-nav {
		margin-left: 0;
		margin-top: 2em;
	}

	.ab-w3l-spa p {
		color: #555;
		line-height: 2.2em;
		margin: 0 auto 2.2em;
		width: 96%;
	}
	.agileits-special-info {
     padding: 3em 1em;
 }
 .welcome-agileinfo h4 {
  font-size: 1.2em;
  margin: 1em 0 0.5em 0;
  /*letter-spacing: 3px;*/
  font-weight: 300;
}
.price-gd-top h4 {
  font-size: 1.5em;
  padding: 0.4em 1em;
}
ul.top-links li {
  margin-right: 7px;
  display: inline-block;
}
ul.top-links {
  margin-top: 35px;
  margin-left: 0px;
}
.w3ls-special-text:after {
  pointer-events: none;
  position: absolute;
  width: 188px;
  height: 186px;
}
.con-ions-left-w3l {
  float: left;
  width: 49px;
  height: 49px;
}
.con-grid-w3l-leftr {
  float: right;
  width: 75%;
  text-align: left;
}
.con-ions-left-w3l i {
  font-size: 1em;
  line-height: 3em;
}
.spa-agile h4 {
  font-size: 1em;
}
#play {
  position: absolute;
  top: 52%;
  left: 44%;
  background-size: 62%;
}
.w3l_about_bottom_left_video {
  position: absolute;
  top: 37%;
  left: 26%;
}
.book-form {
  padding: 1em 1em;
  margin-top: 1em;
}
.form-date-w3-agileits, .form-left-agileits-w3layouts.bottom-w3ls {
  padding-left: 0;
  padding-right: 0px;
  margin-right: 10px;
  width: 47%;
}
.panel-heading {
  padding: 3px 30px;
}
.w3l_about_bottom_right {
  padding: 0;
  min-height: 238px;
}
.price-gd-top h3 {
  font-size: 5em;
}
.w3_agileits_testimonial_grid p {
  color: #555;
  line-height: 1.2em;
  margin-bottom: 2em;
  /*letter-spacing: 2px;*/
  font-size: 0.8em;
}
.guests-agile {
  min-height: 500px;
  padding-top: 5em;
}
}
@media (max-width:1024px){
	
	.navbar-nav > li {
		margin: 0 0.3em;
	}
	.price-gd-top h5 {
		font-size: 0.9em;
		padding: 0.2em 3em 0.8em 0em;
	}
	.price-gd-top h3 span {
		font-size: 20px;
		vertical-align: top;
	}
	.baner-info {
		padding-top: 8em;
		margin: 0 auto;
	}
	ul.top-links {
		margin-top: 35px;
		margin-left: 5px;
	}
	.baner-info h3 {
		font-size: 2.8em;
		/*letter-spacing: 4px;*/
	}
	#video img, #video iframe, #video1 img, #video1 iframe {
		display: block;
		width: 100%;
		padding-bottom: 1.4em;
	}
	.w3_agileits_testimonial_grid {
		width: 71%;
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width:991px){
  .notas_home{
    width: 95%;
    margin-top: 10px;
    height: 100%;
  }
	.spa-grid:nth-child(5),.spa-grid:nth-child(3) {
		border: none;
	}
	.spa-grid {
		border-right: 1px solid #999;
		float: left;
		width: 50%;
	}
	.spa-grid.lost {
      margin-top: 0em;
      border-top: 1px solid #999;
  }
  .team-grids {
      text-align: center;
      overflow: hidden;
      float: left;
      width: 32%;
  }
  .team-grids:nth-child(4) {
     margin-top:1.5em;
 }
 .welcome-grid {
  margin-top: 2em;
  float: left;
  width: 50%;
}
.welcome-agileinfo span.glyphicon {
  font-size: 2.5em;
}
.welcome-section-wthree {
  min-height: 557px;
  padding-top: 4em;
}
.price-grid {
  float: left;
  width: 50%;

}
.priceing-table-main {
  margin:2em 0 0 0;
}
.col-md-3.price-grid.lost {
  margin-top: 2em;
}
.w3ls-special-text:after {
  pointer-events: none;
  position: absolute;
  width: 184px;
  height: 186px;
}
.w3l-special-grid {
  padding: 0;
  float: left;
  width: 50%;
}
.w3ls-special-text h4 {
  font-size: 1.5em;
  margin: 0;
  font-weight: 300;
  /*letter-spacing: 7px;*/
  padding-top: 4em;
}
.section-grid-wthree {
  padding: 0 7px;
  float: left;
  width: 50%;
}
.section-grid-wthree:nth-child(3) {
  margin-top:2em;
}
.w3ls-special-text:after {
  pointer-events: none;
  position: absolute;
  width: 310px;
  height: 186px;
}
.footer-info-grid {
  width: 50%;
}
.footer-grid-instagram {
  float: left;
  width: 24%;
}
.connect-agileits {
  padding-bottom: 22px;
  margin: 2em auto 3em;
  width: 100%;
}
.gallery-grid {
  float: left;
  width: 50%;
}
.con-ions-left {
  float: left;
  width: 100%;
  margin: 10px 10px;
  padding: 30px 20px;
}
.services-info-w3-agileits:after {
  content: "";
  position: absolute;
  left: 182px;
  top: 267px;
  width: 25px;
  height: 25px;
}
.map iframe {
  margin-top: 3em;
}
.form-info {
  padding-left: 0;
  margin-top: 1em;
}
.w3_agileits_services_grid {
  text-align: center;
  padding: 0;
  width: 48%;
  margin-bottom: 2%;
  margin-left: 1%;
}
#video img, #video iframe, #video1 img, #video1 iframe {
  display: block;
  width: 100%;
  padding-bottom: 0;
}
.w3l_about_bottom_left_video {
  position: absolute;
  top: 37%;
  left: 39%;
}
#play {
  position: absolute;
  top: 52%;
  left: 47%;
  background-size: 84%;
}
.w3l_about_bottom_right {
  padding: 0;
  min-height: 238px;
}
.w3l_about_bottom_right.two {
  padding: 0em 2em 2em 2em;
}
.book-form {
  padding: 2em 2em;
  margin-top: 1em;
}
.form-date-w3-agileits, .form-left-agileits-w3layouts.bottom-w3ls {
  padding-left: 0;
  padding-right: 0px;
  margin-right: 10px;
  width: 48%;
  float: left;
}
.form-date-w3-agileits.second-agile, .form-time-w3layouts.second-agile, .form-left-agileits-w3layouts.second-agile, .form-left-agileits-w3layouts.bottom-w3ls.second-agile {
  margin-right: 0!important;
  padding: 0!important;
  float: left;
  width: 50%;
}
.book-form-inner .form-date-w3-agileits1, .form-left-agileits-w3layouts1.bottom-w3ls1 {
  padding-left: 0;
  padding-right: 0px;
  margin-right: 10px;
  width: 48%;
  float: left;
}
.form-date-w3-agileits1.second-agile1, .form-time-w3layouts1.second-agile1, .form-left-agileits-w3layouts1.second-agile1 {
  margin-right: 0!important;
  padding: 0!important;
  float: left;
  width: 50%;
}
.baner-info {
  padding-top: 7em;
  margin: 0 auto;
}
.ab-w3l-spa p {
  line-height: 2.2em;
  margin: 1.5em auto 2em;
  width: 100%;
}
.panel-heading {
  padding: 8px 30px;
}
.w3_agile_mail_grid textarea {
  margin-top: 1em;
}
#ventajas{
  margin:20px 100px;
}
}
@media (max-width:800px){
	.navbar-default .navbar-nav > li > a {
      font-size: 0.8em;
  }
  ul.nav.navbar-nav {
      margin-left: 0;
      margin-top: 2em;
  }
  .inner-header-agile {
    padding: 0 2em;
}
.icon-box {
  padding: 8px 15px;
  margin: 1em 0 1em 0;
  width: 50%;
}
.footer-info-agile {
  margin-top: 18px;
}
h3.agileits-icons-title {
  text-align: center;
  font-size: 27px;
}
.baner-info h3 {
  font-size: 2.5em;
  /*letter-spacing: 2px;*/
}
.baner-info h4 {
  font-size: 0.9em;
  margin: 1.5em 0.5em 0 0.5em;
  /*letter-spacing: 6px;*/
}
.baner-info {
  padding-top: 5em;
  margin: 0 auto;
}
.agileits-contact-info {
  float: right;
  width: 60.333%;
  margin-top: 6px;
}
.baner-info p {
  font-size: 0.9em;
  font-weight: 300;
  /*letter-spacing: 10px;*/
}
.agileinf-button {
  margin: 2em auto 0;
}
.spa-agile {
  padding: 4em 0 0 0;
}
h3.tittle.fea {
  font-size: 2em;
  margin-bottom: 1em;
}
.w3l_about_bottom_left_video {
  position: absolute;
  top: 37%;
  left: 36%;
}
#ventajas{
  margin:20px 100px;
}
}
@media (max-width:768px){

  .text-ini{
    display: none;
  }

  .esconder{
    display: none;
  }

  .anuncio {
  font-weight: 900;
  display:block;
}

	.newsletter input[type="email"] {
		padding: 0.8em 1.2em;
		border: 1px solid #3a3939;
		width: 69%;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 29%;
	}
	.baner-info h4 {
		font-size: 0.9em;
		margin: 1.2em 0.5em 0 0.5em;
		/*letter-spacing: 6px;*/
	}
	.w3l_about_bottom_left_video {
		position: absolute;
		top: 37%;
		left: 36%;
	}
	.guests-agile {
		min-height: 500px;
    padding-top: 1em;
    width: 95%;
    margin: 3%;
	}
	.w3_agileits_testimonial_grid {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.special, #news, .w3_content_agilleinfo_inner, .team-section, .plans-section {
		padding: 3em 0;
	}
}
@media (max-width:767px){
	.header {
		padding: 1.5em 1.5em 0;
	}
	ul.nav.navbar-nav.navbar-right {
		margin: 0;
		margin-left: 42%;

	}
  .text-ini{
    display: none;
  }

  .alineado{
    margin: 4%;
  }

  .estrellas-up{
    color:#fcc900;
  }

  .estrellas-down{
    color:#e8e4e3;
  }

  .equis{
    margin-top: 4%
  }

.span-style{
    border-radius: 50px 50px;
    width: 180px;
    background-color: white;
    border-color: #d9534f;
  }
	.navbar-default .navbar-nav > li > a { 
		text-align: center;
	}

  .texto-final{
   width: 300px;
}

  #responsive-style{
    width: 200px;
  }

  .menu-ini{
    display: none;
  }

  #menu-ini{
    display: none;
  }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
	}
	.navbar-default .navbar-toggle {
		border: none;
		background: none;
		margin: 17px 10px 0 0px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #FFF;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #F52F41;
	}
	.navbar-default .navbar-nav > li > a:before { 
		width: 0; 
	}
	.navbar-default .navbar-nav > li > a { 
		padding: 0.8em;
	}
	.navbar-nav > li {
		margin: 0;
	}
	div#bs-example-navbar-collapse-1 {
		margin: 0;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 999;
		margin-top:0.5em;
		text-align: center!important;
    margin-top: -42px;
	}
	.navbar-default .navbar-nav > li > a:before {
		width: 0;
		display:none;
	}
	.navbar-default .navbar-nav > li > a {
     font-size: 0.85em;
 }
 ul.multi-column-dropdown {
  text-align: center;
}
ul.dropdown-menu.multi-column ul li a{
 color:#fff;
}
ul.nav.navbar-nav {
  margin-left: 0;
  margin-top: 1.7em;
  margin: 0 !important;
   float: none;

}
ul.dropdown-menu.multi-column {
  left: 0;
  padding: 0.5em;
  width: 100%;
  background: #000;
}
.navbar-nav > li {
  float: none;
  border-right: none;
  width: 100%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}
.navbar-nav {
  background: #0c0d0d;
  padding: 10px 0;
}
.navbar-nav .open .dropdown-menu {
   background-color: #333;
}
ul.dropdown-menu.multi-column {
  text-align: center;
  float: none;
  width: 100%;
}
.navbar {
  width: 93%;
}
.navbar-toggle {
  position: absolute;
  float: left;
  padding: 14px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px!important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #F52F41!important;
}
.navbar-header h1 {
  font-size: 1.8em;
  text-align: center;
}
.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: -71px;
  right: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color:#f5f5f5!important;
}
.dropdown-menu > li > a {
  display: block;
  padding:5px 0px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #f5f5f5;
  white-space: nowrap;
  text-align: center;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color:#00acee!important;

}
.navbar-nav > li > a {
  padding: 0px!important;
  padding-right: 0px!important;
}
h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
  font-size: 2em;
}
h3.tittle.fea {
  font-size: 1.6em;

}
.w3ls-special-text:after {
  pointer-events: none;
  position: absolute;
  width: 259px;
  height: 186px;
}
.welcome-section-wthree {
  min-height: 612px;
  padding-top: 4em;
}
ul.top-links li {
  margin-right: 0px;
  display: inline-block;
}
.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: -63px;
  right: 0;
}
.navbar-nav .open .dropdown-menu {
  background-color: #333;
  text-align: center!important;
}
.dropdown-menu {
  position: static;
  top: 136%;
  left: 0;
  z-index: 1000;
  display: none;
  float: none!important;
  background-color: #3e4144!important
}
.dropdown-menu > li > a {
   color: #fff;
}

.menu-ini{
  display: none;
}

}
@media (max-width:736px){

}
@media (max-width:667px){
	.news-grids {
		margin-top: 2em;
	}
	.spa-agile {
        padding: 3em 0 0 0;
    }
}
@media (max-width:640px){
	.navbar {
		width: 100%;
	}
	.baner-info h3 {
		font-size: 2em;
		/*letter-spacing: 1px;*/
	}
	.baner-info h4 {
		font-size: 0.8em;
		margin: 1.5em 0.5em 0 0.5em;
		/*letter-spacing: 4px;*/
	}
	a.w3_play_icon1 {
		background: #00acee;
		padding: 0.6em 1.3em 0.6em 1.3em;
		/*letter-spacing: 1px;*/
		font-size: 0.9em;
	}
	.w3ls-special-text h4 {
		font-size: 1.5em;
		margin: 0;
		font-weight: 300;
		/*letter-spacing: 7px;*/
		padding-top: 4.5em;
	}
	.section-grid-wthree {
		padding: 0 7px;
		float: left;
		width: 100%;
	}
	.services-info-w3-agileits:after {
		content: "";
		position: absolute;
		left: 266px;
		top: 195px;
		width: 25px;
		height: 25px;
	}
	.footer-info-grid {
		float: left;
		width: 100%;
	}
	.team-grids {
		text-align: center;
		overflow: hidden;
		float: left;
		width: 47%;
		margin: 0% 1%;
	}
	.team-grids:nth-child(3),.team-grids:nth-child(4) {
		margin-top: 1.5em;
	}
	.w3_agile_mail_grid textarea {
		min-height:150px;
		font-weight: 400;
	}
	.form-date-w3-agileits, .form-left-agileits-w3layouts.bottom-w3ls {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 47%;
		float: left;
	}
	.newsletter input[type="email"] {
		padding: 0.8em 1.2em;
		border: 1px solid #3a3939;
		width: 69%;
		font-size: 0.9em;
	}
	.newsletter input[type="submit"] {
		padding: 0.84em 1em;
		width: 29%;
		font-size: 0.9em;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		font-size: 1.7em;
	}
	.modal-dialog {
		width: 525px;
		margin: 96px auto;
	}
	.book-form-inner .form-date-w3-agileits1, .form-left-agileits-w3layouts1.bottom-w3ls1 {
		padding-left: 0;
		padding-right: 0px;
		margin-right: 10px;
		width: 47%;
		float: left;
	}
	.modal-header h4 {
     font-size: 1.8em;
 }
}
@media (max-width:568px){
	.special, #news, .w3_content_agilleinfo_inner, .team-section, .plans-section, .w3l_contact-bottom {
		padding: 2.5em 0;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 210px;
		height: 186px;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 246px;
		height: 186px;
	}
	.newsletter input[type="email"] {
		padding: 0.8em 1.2em;
		border: 1px solid #3a3939;
		width: 100%;
		margin-bottom: 1em;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 41%;
	}
	.map iframe {
		margin-top: 2em;
		min-height: 110px;
    min-width: 166px;
	}
	.icon-box {
		padding: 8px 15px;
		margin: 1em 0 1em 0;
		width: 100%;
	}
	.price-gd-top h3 {
		padding: 0.2em 0em 0.1em 0em;
		font-size: 4em;
	}
	.spa-agile {
		padding: 2em 0 0 0;
	}
  #ventajas{
    margin:20px 50px;
  }
}
@media (max-width:480px){
	.newsletter input[type="email"] {
		padding: 0.8em 1.2em;
		border: 1px solid #3a3939;
		width: 100%;
		margin-bottom: 1em;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 41%;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 165px;
		height: 186px;
	}
	.price-gd-top h3 {
		padding: 0.2em 0em 0.1em 0em;
      font-size: 4em;
  }
  .inner-header-agile {
      padding: 0 1em;
  }
  .navbar-header h1 {
      font-size: 1.6em;
      text-align: center;
  }
  .navbar-header h1 a {
      color: #FFFFFF;
      text-decoration: none;
      display: inline-block;
      line-height: 54px;
      font-weight: bold;
      padding-bottom: 24px;
  }
  .navbar-default .navbar-toggle {
      margin: 15px 10px 0 0px;
  }
  .cd-header-buttons {
      position: absolute;
      display: inline-block;
      top: -61px;
      right: 0;
  }
  .baner-info h3 {
      font-size: 1.8em;
      /*letter-spacing: 3px;*/
  }
  .baner-info {
      padding-top: 3em;
      margin: 0 auto;
  }
  form.buscador select, form.buscador button{
    width: 100%;
  }
  form.buscador select#tipo_profesional{
    width: 100%;
}
  .welcome-agileinfo h4 {
      font-size: 1em;
      margin: 0.5em 0 0.5em 0;
      /*letter-spacing: 3px;*/
      font-weight: 300;
  }
  .welcome-grid {
      margin-top: 1em;
      float: left;
      width: 100%;
  }
  .welcome-section-wthree {
      min-height: 605px;
      padding-top: 2em;
      padding-bottom: 2em;
  }
  .welcome-agileinfo {
      text-align: center;
      padding-top: 1em;
  }
  .media.response-info {
      margin-top: 1em;
  }
  .response h4 {
      font-size: 1.2em;
  }
  .con-ions-left {
      float: left;
      width: 95%;
      margin: 10px 10px;
      padding: 30px 20px;
  }
  h3.icon-subheading {
     font-size: 21px;
 }
 .modal-dialog {
  width: 410px;
  margin: 96px auto;
}
div#myModal1 {
  padding-right: 0px!important;
}
.agileits-special-info h4 {
  font-size: 1.3em;
  /*letter-spacing: 1px;*/
}
.grid figure {
    position: relative;
    overflow: hidden;
    margin: 5px 0;
}
.news-grids {
  margin-top: 1em;
}
.admin-text h5 {
  font-size: 1em;
}
.latest-news-agile-left-content {
  padding: 0;
}

.latest-news-agile-right-content {
  padding: 0;
}
.response-text-right ul li {
  font-size: 0.9em;
}
.response-text-right ul li {
  display: inline-block;
  color: #0c0d0d;
  font-size: 0.9em;
}
h4.side-t-w3l-agile {
  color: #0c0d0d;
  font-size: 1.1em;
}
.wom-right h5 a {
    font-size: 15px;
}
.w3l-footer h4 {
  padding: 24px 0 10px 0;
  font-size: 1.2em;
  margin-bottom: 0.5em;
  /*letter-spacing: 1px;*/
}
.footer-grid {
  padding: 0;
}
.all-comments-info {
 padding: 1em;
}
.connect-agileits {
  margin: 2em auto 2em;
  width: 100%;
}
.book-form-inner .form-date-w3-agileits1, .form-left-agileits-w3layouts1.bottom-w3ls1 {
  padding-left: 0;
  padding-right: 0px;
  margin-right: 10px;
  width: 100%;
  float: left;
}
.form-date-w3-agileits1.second-agile1, .form-time-w3layouts1.second-agile1, .form-left-agileits-w3layouts1.second-agile1 {
  margin-right: 0!important;
  padding: 0!important;
  float: left;
  width: 100%;
}
.book-form-inner form input[type="submit"] {
  padding: .8em 2em;
  margin-top: 1em;
}
.w3ls-social-icons i {
  font-size: 13px;
}
.agileits-contact-info {
  float: right;
  width: 65.333%;
  margin-top: 6px;
}
.agileits-contact-info ul li:nth-child(2) {
  margin-left: 4px;
}
.baner-info p {
  font-size: 0.8em;
  font-weight: 300;
  /*letter-spacing: 4px;*/
}
.baner-info h4 {
  font-size: 0.8em;
  margin: 1.5em 0.5em 0 0.5em;
  /*letter-spacing: 6px;*/
  padding: 10px;
}
h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
  font-size: 1.5em;
}
.form-date-w3-agileits, .form-left-agileits-w3layouts.bottom-w3ls {
  padding-left: 0;
  padding-right: 0px;
  margin-right: 10px;
  width: 100%;
  float: left;
}
.form-date-w3-agileits.second-agile, .form-time-w3layouts.second-agile, .form-left-agileits-w3layouts.second-agile, .form-left-agileits-w3layouts.bottom-w3ls.second-agile {
  margin-right: 0!important;
  padding: 0!important;
  float: left;
  width: 100%;
}
.w3l_about_bottom_left_video {
  position: absolute;
  top: 31%;
  left: 28%;
}
.w3l_about_bottom_right {
  padding: 0;
  min-height: 238px;
}
.media-left, .media-right, .media-body {
  display: block!important;
  vertical-align: top;
}

}
@media (max-width:414px){
	.special, #news, .w3_content_agilleinfo_inner, .team-section, .plans-section, .w3l_contact-bottom {
		padding: 2em 0;
	}
	.baner-info h3 {
		font-size: 1.6em;
		/*letter-spacing: 1px;*/
	}
	.baner-info h4 {
		font-size: 0.8em;
		margin: 1em 0.5em 0 0.5em;
		/*letter-spacing: 4px;*/
    padding: 10px;
	}
	.w3ls-special-text h4 {
		font-size: 1.3em;
		/*letter-spacing: 7px;*/
		padding-top: 5em;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 137px;
		height: 186px;
		top: 25px;
		left: 23px;
	}
	.price-grid {
		float: left;
		width: 84%;
		margin-bottom: 1.5em;
		margin-left: 8%;
	}
	.price-grid.lost {
		margin-top:0em!important;
	}
	.team-grids {
		text-align: center;
		overflow: hidden;
		float: left;
		width: 77%;
		margin: 0% 11%;
	}
	.team-grids:nth-child(3), .team-grids:nth-child(4),.team-grids:nth-child(2) {
		margin-top: 1.5em;
	}
	.gallery-grid {
		float: left;
		width: 50%;
		padding: 0 5px;
	}
	.w3_agile_mail_grid {
		margin-top: 1.2em;
		padding: 0;
	}
	.navbar-default .navbar-toggle {
		margin: 15px 12px 0 0px;
	}
	.services-info-w3-agileits:after {
		content: "";
		position: absolute;
		left: 171px;
		top: 264px;
		width: 25px;
		height: 25px;
	}
	.team-row {
		margin-top: 1em;
	}
	figure.effect-apollo p {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 2em;
 }
 .grid figure p {
  /*letter-spacing: 1px;*/
  font-size: 60.5%;
}
.single.video_agile_player h4 {
  font-size: 0.9em;
}
.single.video_agile_player p {
  color: #555;
  font-size: 0.85em;
}
.w3ls-social-icons {
  float: none;
  width: 100%;
  text-align: center;
}
.agileits-contact-info {
  float: none;
  width: 100%;
  margin-top: 6px;
  text-align: center;
}
.w3_agileits_services_grid {
  text-align: center;
  padding: 0;
  width: 100%;
  margin-bottom: 2%;
  margin-left: 0%;
}
.w3_agileits_testimonial_grids {
  margin: 1em 0 0;
}
.guests-agile {
  min-height: 482px;
  padding-top: 2em;
}
.modal-dialog {
  width: 373px;
  margin: 46px auto;
}
.modal-header h4 {
  font-size: 1.4em;
}
.w3l_about_bottom_right.one {
  padding: 2em 1em 1em 1em;
}
.w3l_about_bottom_right.two {
 padding: 0em 1em 1em 1em;
} 
}
@media (max-width:384px){
	a.w3_play_icon1 {
		background: #00acee;
		padding: 0.5em 1.2em 0.5em 1.2em;
		/*letter-spacing: 1px;*/
		font-size: 0.8em;
	}
	.baner-info h3 {
		font-size: 1.5em;
		/*letter-spacing: 1px;*/
	}
	.navbar-default .navbar-toggle {
		margin: 15px 16px 0 0px;
	}
	.newsletter input[type="submit"] {
		padding: 0.8em 1em;
		width: 53%;
	}
	.baner-info {
		padding-top: 1em;
		margin: 0 auto;
	}
	h3.tittle, h2.w3l-inner-h-title, h3.w3l-inner-h-title {
		font-size: 1.4em;
		/*letter-spacing: 1px;*/
	}
	.spa-agile h4 {
		font-size: 0.9em;
	}
	h3.tittle.fea {
		font-size: 1.2em;
		margin-bottom: 1.3em;
	}
	.w3l-special-grid {
		padding: 0;
		float: left;
		width: 100%;
	}
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 290px;
		height: 186px;
		top: 25px;
		left: 23px;
	}
	.typo-1 {
		padding: 0;
	}
	.price-grid {
		float: left;
		width: 84%;
		margin-bottom: 1.5em;
		margin-left: 8%;
	}
	.w3l_about_bottom_left_video h4, .w3l_about_bottom_left_video.book-text h4 {
		/*text-transform: uppercase;*/
		font-size: 1.2em;
	}
	.modal-dialog {
		width: 347px;
		margin: 46px auto;
	}
	.price-gd-top h3 {
		padding: 0.2em 0em 0.1em 0em;
		font-size: 3.5em;
	}
	h3.agileits-icons-title {
		text-align: center;
		font-size: 19px;
	}
	h3.icon-subheading {
		font-size: 17px;
	}
	h3.head-top {
      font-size: 21px;
  }
  .w3_agile_mail_grid input[type="text"], .w3_agile_mail_grid input[type="email"] {
      font-size: 14px;
      padding: 0.7em 1em;
  }
  .w3_agile_mail_grid input[type="submit"] {
    border: none;
    padding: 0.6em 2em;
    margin-top: 0.5em;
    font-size: 16px;
}

}
@media (max-width:375px){
	.w3ls-special-text:after {
		pointer-events: none;
		position: absolute;
		width: 281px;
		height: 186px;
		top: 25px;
		left: 23px;
	}
	.baner-info h3 {
		font-size: 1.4em;
		/*letter-spacing: 1px;*/
	}
	.grid figure p {
		/*letter-spacing: 1px;*/
		font-size: 54.5%;
	}
	.ab-w3l-spa p {
		line-height: 1.9em;
		margin: 1em auto 1.5em;
		width: 100%;
	}
	.spa-agile i {
     font-size: 2em;
 }
 h5.sub-title {
    font-size: 17px;
}
.para-w3 {
  font-size: 14px;
  line-height: 29px;
  margin-top: 11px;
}
.social a {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  text-align: center;
  margin-right: 14px;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 0 5px !important;
  font-size: 0.85em;
  color: #999;
  border-top: none !important;
}
.w3_agile_mail_grid input[type="submit"] {
  border: none;
  padding: 0.6em 2em;
}
.baner-info h4 {
  font-size: 0.8em;
  margin: 1em 0.5em 0 0.5em;
  /*letter-spacing: 3px;*/
  padding: 15px 0;
}
.baner-info {
  padding-top: 2em;
  margin: 0 auto;
}
.navbar-toggle {
  position: absolute;
  float: left;
  padding: 12px 8px;
}
.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 41px;
  height: 41px;
}
.cd-search-trigger::after {
  height: 3px;
  width: 8px;
  background: #fff;
  bottom: 15px;
  right: 10px;
}
.navbar-header h1 a {
  color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
  line-height: 54px;
  font-weight: bold;
  padding-bottom: 15px;
}
.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: -55px;
  right: 0;
}
.navbar-default .navbar-toggle {
  margin: 12px 16px 0 0px;
}
.cd-search-trigger::before {
  top: 8px;
  left: 10px;
  width: 18px;
  height: 18px;
}
.book-form form input[type="submit"] {
  padding: .8em 2em;
  border: none;
  font-size: 0.9em;
  font-weight: 600;
  margin-top: 1.35em;
}
.price-gd-top h4 {
  font-size: 1.2em;
  padding: 0.4em 1em;
}
.w3_agileits_testimonial_grid p {
  color: #555;
  line-height: 2.2em;
  margin-bottom: 0.8em;
  font-size: 0.8em;
}
.agileits-contact-info ul li {
    display: inline-block;
    font-size: 13px;
    /*letter-spacing: 1px;*/
}
.btn-lg{
  font-size: 16px;
}

}
@media (max-width:320px){
	.navbar-default .navbar-toggle {
      margin: 12px 22px 0 0px;
  }
  .baner-info h4 {
      font-size: 0.73em;
      margin: 1em 0.5em 0 0.5em;
      /*letter-spacing: 2px;*/
      line-height: 1.8em;
      padding: 10px;
  }
  .spa-agile h4 {
      font-size: 0.9em;
      /*letter-spacing: 1px;*/
  }
  .special.featured {
      padding: 2em 0 1px 0;
  }
  .w3ls-special-text:after {
      pointer-events: none;
      position: absolute;
      width: 226px;
      height: 186px;
      top: 25px;
      left: 23px;
  }
  .grid_3 {

    padding: 0.5em;
}

.newsletter {
  position: relative;
  padding: 0.5em 0.5em;
}
.newsletter input[type="submit"] {
  padding: 0.8em 1em;
  width: 66%;
}
.baner-info h3 {
  font-size: 1.2em;
  /*letter-spacing: 1px;*/
}
.baner-info {
  padding-top: 2.8em;
  margin: 0 auto;
}
.services-info-w3-agileits {
  position: relative;
  padding: 20px 20px;
}
.services-info-w3-agileits:after {
  content: "";
  position: absolute;
  left: 123px;
  top: 198px;
  width: 25px;
  height: 25px;
}
.w3agile_footer_copy p {
  font-size: 13px;
  line-height: 1.9em;
  padding: 0 3px;
}
.w3l_about_bottom_left_video {
  position: absolute;
  top: 25%;
  left: 22%;
}
#play {
  position: absolute;
  top: 52%;
  left: 42%;
  background-size: 73%;
}
.book-form {
  padding: 1em 1em;
  margin-top: 1em;
}
.book-form form input[type="submit"] {
  padding: .8em 1em;
  border: none;
  font-size: 0.9em;
  font-weight: 600;
  margin-top: 1.35em;
}
.price-grid {
  float: left;
  width: 90%;
  margin-bottom: 1.5em;
  margin-left: 4%;
}
.w3_agileits_testimonial_grid i {
  font-size: 1em;
}
.w3_agileits_testimonial_grid img {
  margin: 0 auto;
  border-radius: 50%;
  width: 32%;
}
.guests-agile {
  min-height: 456px;
  padding-top: 2em;
}
.modal-dialog {
  width: 285px;
  margin: 46px auto;
}



}
/*-- //responsive --*/