body{
		padding:0;
		margin:0;
		background-color:#ffffff;
	}
	body a{
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
		font-weight:400;
		font-family: 'Open Sans', sans-serif;
		
	}
	input[type="button"],input[type="submit"],input[type="text"],input[type="tel"],input[type="email"]{
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
		font-family: 'Open Sans', sans-serif;
	}
	h1,h2,h3,h4,h5,h6{
		margin:0;		
		font-weight:400;
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
		font-family: 'Mitr', sans-serif;
	}

	.clear {
		clear:both;
	}
	.button,.btn-default{
		margin:0;
	}
	p{
		margin:0;
		font-family: 'Open Sans', sans-serif;
	}
	textarea{
		margin:0;
		font-family: 'Open Sans', sans-serif;
	}
	label{
		margin:0;
		font-family: 'Open Sans', sans-serif;
	}
	.text-center {
		text-align:center;
	}
	img{
		width:100%;
	}
	.navbar-brand{
		font-family: 'Open Sans', sans-serif;
	}
	span{
		font-family: 'Open Sans', sans-serif;
		color:#000;
	}
	.btn{
		font-family: 'Cabin', serif;
	}
	.agile-about,.agile-services,.agile-blog,.agile-testimonials,.agile-gallery,.agile-team{
		padding:3em 0em;
	}

	@font-face{
		font-family: 'Open Sans';
		src:url('../fonts/OpenSans-Regular.ttf') format('truetype');
	}
	@font-face{
		font-family:'mitr';
		src:url('../fonts/mitr.ttf') format('truetype');
	}
	@font-face{
		font-family:'oxgyen';
		src:url('../fonts/oxgyen.ttf') format('truetype');
	}
	/*--navigation--*/
	.navbar-default {
		background-color: transparent;
		border-color: transparent;
		margin: 30px 0 0 0;
	}
	.navbar-brand span {
		font-size: 25px;
		font-weight: 500;
		text-align: left;
		text-transform: uppercase;
		background: rgba(133, 38, 104, 0.85);
		padding: 5px 13px;
		color: #f0e5e5;
	}
	.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
		color: #fff;
		background-color: transparent;
	}
	.navbar-brand {
		float: left;
		height: 50px;
		padding: 15px 15px;
		font-size: 25px;
		font-weight: 500;
		line-height: 20px;
		text-align: center;
		text-transform: uppercase;
	}
	.navbar-default .navbar-brand {
		color: #fdfdfd;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
		color: #f7f6f6;
		background-color: transparent;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 15px 15px;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
	}
	.navbar-default .navbar-nav > li > a {
		color: #f9f9f9;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #fff;
		background-color: transparent;
	}
	.navbar {
		position: relative;
		min-height: 55px;
		margin-bottom: 0;
		border: 1px solid transparent;
		background: rgba(243, 241, 241, 0.2);
	}
	.navbar-brand:before {
	/*	content:  "\f19d";*/
		font-family: FontAwesome;
		margin: 0px 10px 0 0;
		color: #efeeee;
		font-size: 35px;
		padding: 0;
		display: inline-block;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 7px 10px;
		font-size: 17px;
		text-align: center;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #fff;
		white-space: nowrap;
		text-transform: capitalize;
		letter-spacing: 1px;
	}
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: rgba(21, 20, 20, 0.98);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #fdf9f9;
		background-color: transparent;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #171414;
	}
	span.caret {
		color: #fff;
	}
	/*--/navigation--*/
	/*--banner--*/
	.agile-navigation {
		background: url(../images/banner2a.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigation1 {
		background: url(../images/dipl.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 136px;
	}
	.agile-navigation2 {
		background: url(../images/banner3a.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigation3 {
		background: url(../images/banner4.png)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigation4 {
		background: url(../images/banner5.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigation5 {
		background: url(../images/banner6.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigation6 {
		background: url(../images/banner7a.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigation7 {
		background: url(../images/banner8.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigation8 {
		background: url(../images/banner7b.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}

    .agile-navigationE {
		background: url(../images/banner9.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigationF {
		background: url(../images/banner10.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}

    .agile-navigationM {
		background: url(../images/banner.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	 .agile-navigationA {
		background: url(../images/eneap.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigationX {
		background: url(../images/banner7b.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
    .agile-navigationT {
		background: url(../images/banner11.jpg)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	 .agile-navigation9 {
		background: url(../images/banner12.png)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigationH {
		background: url(../images/bannerH.png)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}
	.agile-navigationI {
		background: url(../images/integrate.png)0px 0px no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		min-height: 800px;
	}	 
	.agile-text h2 {
		font-size: 50px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		color: #fff;
		border-top: 4px double #ddd;
		border-bottom: 4px double #ddd;
		width: 100%;
		margin: 4em auto 0;
		padding: 25px;
	}
	.agile-text p {
		font-size: 25px;
		font-weight: 500;
		text-align: center;
		text-transform:none;
		letter-spacing: 1px;
		line-height: 1.5;
		color: #fff;
		width: 70%;
		margin: 30px auto 0;
	}
	/* sugestion box*/
	.containerS {
	max-width:400px;
	width:100%;
	margin:0 auto;
	position:relative;
}

#suggestion_box textarea, #suggestion_box button[type="submit"] { font:400 16px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#suggestion_box {
	background:#F9F9F9;
	padding:25px;
	margin:50px 0;
}

#suggestion_box h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#suggestion_boxh4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

#suggestion_box h5 {
	margin:5px 0 15px;
	display:block;
	font-size:10px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#suggestion_box textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#suggestion_box textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#suggestion_box button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#0CF;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#suggestion_box button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#suggestion_box button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#suggestion_box input:focus, #suggestion_box textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

	 
	/*--modal--*/
	.btn {
		display: inline-block;
		padding: 8px 20px;
		margin: 30px 0;
		font-size: 20px;
		font-weight: normal;
		text-transform: capitalize;
		line-height: 1.42857143;
		text-align: center;
		letter-spacing: 2px;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0px;
	}
	.btn-primary {
		color: #fff;
		background-color: #280b1f;
		border: 3px solid #852668;
	}
	.btn-primary:hover {
		color: #fff;
		background-color: #852668;
		border: 3px solid #280b1f;/*mo-obs*/
		transition: 0.8s ease-in;
	}
	.btn-primary:focus, .btn-primary.focus {
		color: #fff;
		background-color:#852668;/*linea-mo*/
		border-color: #280b1f;
	}
	.agile-modal {
		text-align: left;
	}
	.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
		color: #fff;
		background-color: #852668;
		border-color: #fff;
	}
	.modal-title {
	   font-size: 25px;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 10px 0 10px;
		background: #eabfbf;
		color: #fff;
		padding: 7px;
	}
	button.btn.btn-secondary {
		display: inline-block;
		padding: 10px 30px;
		margin: 30px 0;
		font-size: 15px;
		font-weight: normal;
		text-transform: capitalize;
		line-height: 1.42857143;
		text-align: center;
		letter-spacing: 2px;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0px;
	}

	.btn8 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(39,12,37,.8);
  background: #74256d;
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(#74256d),to(#9b3192));
  background: -moz-linear-gradient(#74256d, #9b3192);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn8{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:
    0 5px 0 #3a1237,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #3a1237,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #3a1237,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn8:active {	
  -webkit-box-shadow: 
    0 8px 0 #74256d,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #74256d,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #74256d,
    0 12px 10px rgba(0,0,0,.3);
}

.btn8:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}


	.btn9 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(77,0,38,.8);
  background: #cc0066;
  background: -webkit-linear-gradient(#cc0066), to(#ff0080);/*hacia uno mas claro*/
  background: -moz-linear-gradient(#cc0066, #ff0080);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn9{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:/*uno mas obscuro*/
    0 5px 0 #660033,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #660033,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #660033,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn9: active {	
  -webkit-box-shadow: 
    0 8px 0 #cc0066,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #cc0066,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #cc0066,
    0 12px 10px rgba(0,0,0,.3);
}

.btn9:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}


.btn1 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(77,25,51,.8);
  background: #cc6699;
  background: -webkit-linear-gradient(#cc6699), to(#d98cb3);/*hacia uno mas claro*/
  background: -moz-linear-gradient(#cc6699, #d98cb3);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn1{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:/*uno mas obscuro*/
    0 5px 0 #73264d,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #73264d,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #73264d,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn1: active {	
  -webkit-box-shadow: 
    0 8px 0 #cc6699,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #cc6699,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #cc6699,
    0 12px 10px rgba(0,0,0,.3);
}

.btn1:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.btn2 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(116,11,27,.8);
  background: #cf1430;
  background: -webkit-linear-gradient(#cf1430), to(#ed455e);/*hacia uno mas claro*/
  background: -moz-linear-gradient(#cf1430, #ed455e);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn2{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:/*uno mas obscuro*/
    0 5px 0 #8b0e21,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #73264d,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #73264d,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn2: active {	
  -webkit-box-shadow: 
    0 8px 0 #cf1430,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #cf1430,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #cf1430,
    0 12px 10px rgba(0,0,0,.3);
}

.btn2:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.btn3 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(128,26,0,.8);
  background: #ff3300;
  background: -webkit-linear-gradient(#ff3300), to(#ff5c33);/*hacia uno mas claro*/
  background: -moz-linear-gradient(#ff3300, #ff5c33);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn3{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:/*uno mas obscuro*/
    0 5px 0 #cc2900,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #cc2900,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #cc2900,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn3: active {	
  -webkit-box-shadow: 
    0 8px 0 #ff3300,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #ff3300,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #ff3300,
    0 12px 10px rgba(0,0,0,.3);
}
.btn3:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}


.btn4 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(121,48,6,.8);
  background: #f2610d;
  background: -webkit-linear-gradient(#f2610d), to(#f5813d);/*hacia uno mas claro*/
  background: -moz-linear-gradient(#f2610d, #f5813d);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn4{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:/*uno mas obscuro*/
    0 5px 0 #c24e0a,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #c24e0a,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #c24e0a,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn4: active {	
  -webkit-box-shadow: 
    0 8px 0 #f2610d,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #f2610d,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #f2610d,
    0 12px 10px rgba(0,0,0,.3);
}

.btn4:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.btn5 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(12,27,65,.8);
  background: #1c3f95;
  background: -webkit-linear-gradient(#1c3f95), to(#295ad6);/*hacia uno mas claro*/
  background: -moz-linear-gradient(#1c3f95, #295ad6);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn5{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:/*uno mas obscuro*/
    0 5px 0 #0c1b40,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #0c1b40,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #0c1b40,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn5: active {	
  -webkit-box-shadow: 
    0 8px 0 #1c3f95,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #1c3f95,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #1c3f95,
    0 12px 10px rgba(0,0,0,.3);
}

.btn5:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.btn6 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(0,140,153,.8);
  background: #00eaff;
  background: -webkit-linear-gradient(#00eaff), to(#4df0ff);/*hacia uno mas claro*/
  background: -moz-linear-gradient(#00eaff, #4df0ff);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn6{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:/*uno mas obscuro*/
    0 5px 0 #00a0b0,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #00a0b0,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #00a0b0,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn6: active {	
  -webkit-box-shadow: 
    0 8px 0 #00eaff,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #00eaff,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #00eaff,
    0 12px 10px rgba(0,0,0,.3);
}

.btn6:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

.btn7 span {	
  display: inline-block;
  padding: 10px  20px;
  text-shadow: 0 -1px 1px rgba(0,55,77,.8);
  background: #0092cc;
  background: -webkit-linear-gradient(#0092cc), to(#00b7ff);/*hacia uno mas claro*/
  background: -moz-linear-gradient(#0092cc, #00b7ff);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  margin-left: 1%;
  color:white;
} 
   .btn7{
   	 display: inline-block;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
   	 -webkit-box-shadow:/*uno mas obscuro*/
    0 5px 0 #005b80,
    0 7px 20px rgba(0,0,0,.35);  /*8 15*/
  -moz-box-shadow:
    0 5px 0 #005b80,
    0 7px 20px rgba(0,0,0,.35);
  box-shadow:
    0 5px 0 #005b80,
    0 7px 20px rgba(0,0,0,.35);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  margin-left: 25%;
   }
   
   .btn7: active {	
  -webkit-box-shadow: 
    0 8px 0 #0092cc,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 
    0 8px 0 #0092cc,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow: 
    0 8px 0 #0092cc,
    0 12px 10px rgba(0,0,0,.3);
}

.btn7:active span {	
  -webkit-transform: translate(0, 3px);
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  transform: translate(0, 3px);
}

/*	.modal-body p {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 1.5;
		margin: 20px 0 20px 0;
	}
	.close span {
		color: #000;
	}
	.modal-header .close {
		margin-top: -85px;
	}
	/*--/modal--*/
	/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


	h4.header {
		font-size: 25px;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #000;
	}
	.line {
		border-bottom: 2px solid #852668;
		width: 10%;
		margin: 8px auto 20px;
	}
	/*--about
	.agile-aboutright {
		background: url(../images/about.jpg)0px 0px no-repeat;
		min-height: 400px;
		background-size: cover;
		background-position: 50% 50%;
		
	}--*/

	.sesion1 iframe{
		margin-left: 28%;

	}
	.agile-aboutleft {
		padding: 15px 0 15px 0;
	}
	.agile-aboutleft h3 {
		font-size: 25px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		margin: 20px 0 20px 0;
	   color: rgba(25, 24, 24, 0.82);
	}
	.agile-aboutleft p {
		font-size: 14px;
		font-weight: 500;
		text-align: justify;
		text-transform:none;
		letter-spacing: 1px;
		line-height: 2;
		color: #524e4e;
		margin-right: 20px;
	}
	input[type="text"],input[type="tel"],input[type="email"] {
		font-size: 15px;
		font-weight: 900;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		width: 100%;
		box-sizing: border-box;
		padding: 6px;
		margin: 13px auto 13px;
		border: none;
		background: white;
		outline: none;
		border:3px solid rgba(203, 154, 154,.97);     
		color:#000;
	}
	select {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: none;
		letter-spacing: 1px;
		width: 100%;
		box-sizing: border-box;
		border: none;
		outline: none;
		 border: 2px solid  rgba(252, 249, 249, 0.97);
		margin: 13px auto 13px;
		background:none;
		padding: 5px;
			color:#471f43;	
	}
	option {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		background: #280b1f;
		color: #fff;
	}
	input[type="submit"] {
	  font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		width: 50%;
		margin: 22px auto 22px;
		display: block;
		padding: 5px;
		background: #852668;/*#280b1f; #0ca041;*/
		border: none;
		outline: none;
		color:#fff;
		cursor: pointer;
	}
	.agile-aboutform h5 {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		background: rgba(133, 38, 104, 0.78);
		color: #fff;
		padding: 14px;
		margin:0;
	}
	.agile-aboutform input[type="text"],input[type="tel"],input[type="email"] {
	font-size: 15px;
		font-weight: 900;
		text-align: left;
		background: rgba(133, 38, 104, 0.78);
		}	

	.audio{
		margin:0 auto;
		display:table;
	}
	form {
		background:transparent;
		padding: 10px;
	}
	input[type="submit"]:hover {
		background: #852668;
		color: #fff;
		transition: 0.5s ease-in;
	}
	/*--/about--*/
	.libros img{
		width:50%;
		height: auto;
	}
	/*--services--*/
	.service-icon {
		float: left;
		width: 10%;
		margin: 25px 0 0 0;
	}
	.service-text {
		float: left;
		width: 80%;
		margin-left: 10%;
	}
	.service-icon span .fa {
		background: #852668;
		width: 50px;
		height: 50px;
		display: block;
		color: #fff;
		text-align: center;
		line-height: 2;
		font-size: 25px;
	}
	.service-text h4 {
		font-size: 20px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: #fff;
	}
	.service-text p {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		text-transform:none;
		letter-spacing: 1px;
		line-height: 1.5;
		margin: 10px 0 10px 0;
		color:#fff;
	}
	.service-gridmain {
		padding: 4em 0 4em 0;
		background: rgba(179, 41, 126, 0.93);
	}
	.services-grids {
		margin: 70px 0 70px 0;
	}
	/*--/services--*/
	/*--gallery--*/
	.gallery-works {
		margin: 0 0 20px 0;
	}
	/*--/gallery--*/
	/*-- team --*/
	.agileits_w3layouts_head{
		font-size:2.2em;
		color:#212121;
		text-align:center;
		text-transform:capitalize;
	}
	.agileits_w3layouts_head span{
		display: inline-block;
		padding: .3em 0;
		border-top: 2px solid #e60004;
		border-bottom: 2px solid #e60004;
	}
	.w3_agileits_para{
		margin:1em 0 0;
		color:#3fc8ef;
		text-align:center;
	}  
	.wthree_team_grid_left{
		overflow:hidden;
		position:relative;
	}
	.wthree_team_grid_left img {
		-webkit-transition: -webkit-transform 400ms ease;
		-moz-transition: -moz-transform 400ms ease;
		transition: transform 400ms ease;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.wthree_team_grid_left:hover img {
		-webkit-transition-duration: 6s; 
		-moz-transition-duration: 6s;
		transition-duration: 6s;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1); 
		transform: scale(1.1);
	} 
	.w3l_banner_figure p a {
		display: inline-block;
		color: #fff;
		font-size: 0.9em;
		margin: 0 5px; 
	}
	.w3l_banner_figure p a:hover{ 
		color: #222; 
	}
	/*-- image-hover --*/ 
	.wthree_team_grid_left figure {
		position: relative;
		float: none;
		overflow: hidden;
		text-align: center;
	} 
	.wthree_team_grid_left figure img {
		position: relative;
		display: block;
		opacity: 0.8;
	} 
	.wthree_team_grid_left figure .w3l_banner_figure {
		padding: 2em;
		color: #fff;
		text-transform: uppercase; 
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		/* height: 100%; */
		text-align: left;
	} 
	.wthree_team_grid_left figure .w3l_banner_figure::before,
	.wthree_team_grid_left figure .w3l_banner_figure::after {
	} 
	 
	/***** Julia *****/
	/*---------------*/

	figure.effect-julia {
		background: #2f3238;
	} 
	figure.effect-julia p {
		display: inline-block;
		margin: 0 0 0.25em;
		padding: 0.4em 1em;
		background: rgba(3, 185, 248, 0.48);
		color: #fff;
		text-transform: none;
		font-weight: 500;
		font-size:1em;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-360px,0,0);
		-moz-transform: translate3d(-360px,0,0);
		-o-transform: translate3d(-360px,0,0);
		-ms-transform: translate3d(-360px,0,0);
		transform: translate3d(-360px,0,0);
	}

	figure.effect-julia p:first-child {
		-webkit-transition-delay: 0.15s;
		-moz-transition-delay: 0.15s;
		-o-transition-delay: 0.15s;
		-ms-transition-delay: 0.15s;
		transition-delay: 0.15s;
	} 
	figure.effect-julia:hover p:first-child {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		-ms-transition-delay: 0s;
		transition-delay: 0s;
	}

	figure.effect-julia:hover .w3ls-bnr-icons:nth-of-type(2) {
		-webkit-transition-delay: 0.05s;
		-moz-transition-delay: 0.05s; 
		transition-delay: 0.05s;
	}

	figure.effect-julia:hover p:nth-of-type(3) {
		-webkit-transition-delay: 0.1s;
		-moz-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
		-ms-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	/*figure.effect-julia:hover img {
		opacity: 0.4;
	}
	*/
	figure.effect-julia:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.wthree_team_grid_left figure .w3l_banner_figure:hover{
		background:rgba(4, 41, 47, 0.55);
	}
	/*-- //team --*/
	/*--blog--*/
	.agile-blogup h6 {
		font-size: 25px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		color:rgba(25, 24, 24, 0.6);
	}
	.agile-blogmain h6 {
		font-size: 25px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		margin: 0 0 25px 0;
		padding: 0;
		color:rgba(25, 24, 24, 0.6);
	}
	.agile-blogmain div{
		background: #b3297e;
	}
	.agile-blogup div{
		background:#681849;
	}
	
	.left {
		float: left;
		border: 3px solid #ddd;
		width:17%;
		border-top:3px solid #280b1f;
	}
	.right {
		float: left;
		width: 70%;
		margin-left: 13%;
	}
	.upblock{
		margin: 25px 0 0;
	}
	.upblock ul {
		margin: 0;
		padding: 0;
		
	}
	.upblock li {
		list-style-type: none;
	}
	span.date {
		font-size: 25px;
		font-weight: 800;
		text-align: center;
		letter-spacing: 2px;
		display: block;
		border-bottom:2px solid rgba(255,255,255, 0.28);
		padding: 10px;
		color:#fff;
	}
	span.month {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		display: block;
		line-height: 1.5;
		color:#fff;
		padding: 5px;
	}
	.right h5 {
		font-size: 18px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: rgba(255, 255, 255, 0.88);
		margin: 0 0 10px 0;
	}
	.right span {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 2;
		display: block;
		color: #fff;
	}
	.right span:before {
		content: "\f017";
		font-family: 'FontAwesome';
		margin-right: 10px;
		font-size: 20px;
		color: #fff;
	}
	.right label {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
	}
/*	.right label:before {
		 content: "\f041";
		font-family: 'FontAwesome';
		margin-right: 10px;
		font-size: 20px;
		color: #635d5d; */
	}
	.middleblock {
		margin: 25px 0 0;
	}
	.middleblock ul {
		margin: 0;
		padding: 0;
	}
	.middleblock li{
		list-style-type:none;
	}
	.lastblock {
		margin: 25px 0 0;
	}
	.lastblock ul {
		margin: 0;
		padding: 0;
	}
	.lastblock li{
		list-style-type:none;
	}

	.agile-blog1 {
		width: 13%;
		border: 2px solid #f7f6f6;
		padding: 10px;
		background: #280b1f;
		float:left;
	}
	.header-form1 h4 {
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		line-height: 2;
		background: #fbf9f9;
		margin: 0;
		padding: 12px;
	}
	.agile-blogtext {
	  float: left;
		width: 87%;
		margin: 0;
		padding: 0;
		
	}
	.agile-bg div{
		background: #681849;
	}

	.agile-blogtext p{
		color:#fff;
		text-align: center;
		margin-top: 5px;
	}
	 a.w3_play_icon {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		text-decoration: none;
		letter-spacing: 1px;
		color: #000;
		margin: 35px 0 0 0;
		display: block;
	}
	a.w3_play_icon {
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		text-decoration: none;
		letter-spacing: 1px;
		color: #f7f1f1;
		background: rgba(9, 117, 42, 0.82);
		margin: 4px 0 0 0;
		padding: 15px;
		display: inline-block;
	}
	a.w3_play_icon1{
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		text-decoration: none;
		letter-spacing: 1px;
		color: #f7f1f1;
		 background: rgba(9, 117, 42, 0.82);
		margin: 4px 0 0 0;
		padding: 15px;
		display: inline-block;
	}

	.header-form1 a:focus {
		outline: none;
		outline-offset: -2px;
	}
	span.date1 {
		font-size: 25px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 2px;
		display: block;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	span.month1 {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		color: #fff;
		display: block;
		margin: 5px 0 0 0;

	}
	.modal-title {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 5px 0 5px;
		background: #eabfbf;
		color: #fff;
		padding: 7px;
	}
	/*--/blog--*/
	/*--contact--*/
	.agile-contactus {
		background: url(../images/contact.jpg)0px 0px no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		min-height: 500px;
	}
	.agile-contact1 h5 {
		font-size: 30px;
		font-weight: 500;
		text-align: left;
		text-transform: lowercase;
		color: #fff;
		margin:40px 0 10px 0;
	}
	.agile-contact1 p {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: none;
		letter-spacing: 1px;
		color: #fff;
	}
	.contact-form input[type="text"],.contact-form input[type="email"] {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		letter-spacing: 1px;
		padding: 10px;
		outline: none;
		border: none;
		border-bottom: 2px solid #fff;
		background: none;
		color: #f7f4f4;
		display: block;
	} 
	textarea {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		padding: 10px;
		 border: none;
		border-bottom: 2px solid #fff;
		background: none;
		color: #f7f4f4;
		width: 100%;
		height: 100px;
		color: #000;
	}

	.alert {
	padding: 1em;
	color:#fff;
	border-radius: 2px;
	margin-bottom: 20px;
	font-size: 14px;
    }
	.alert.success p {
	background: #4CAF50;
    }
    .alert.error {
	background:#ffcccc ;
	border:1px solid #ff6666;
	color: #fff;
    }
    
	.agile-contact1 {
		margin: 4em 0 0 0;
	}
	.agile-contact1 input[type="submit"] {
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		width: 30%;
		margin: 20px auto 20px;
		display: block;
		padding: 7px;
		background: #5d3380;
		border: none;
		outline: none;
		color: #fff;
		cursor: pointer;
	}
	.agile-contact1 form {
		background: none;
		padding: 0;
	}
	::-webkit-input-placeholder{
		color:#fff;
	}
	.container iframe {
		width: 640px;
		height: 564px;
		margin: 5em 0 0 0;
	}
	ul.navigation {
	   list-style-type: none;
		margin: 0;
		padding: 0;
		width: 40%;
		float: left;
		margin-left: 10%;
	}	
	.icon-left i {
		font-size: 30px;
		font-weight: 500;
		color: #fff;
		margin-right: 10px;
	}
	.icon-left {
		float: left;
		margin: 10px 0 0 0;
	}
	.icon-right h5 {
		font-size: 20px;
		font-weight: 500;
		text-align: left;
		text-transform: capitalize;
		color: #fff;
		letter-spacing: 1px;
		margin: 10px 0 5px 0;
	}
	.icon-right span {
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		text-transform: none;
		letter-spacing: 1px;
		color: #fff;
	}
	ul.navigationmiddle {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 40%;
		float: left;
		margin-left: 10%;
	}
	.icon-right a {
		font-size: 15px;
		font-weight: 500;
		color: #fff;
		text-decoration: none;
	}
	ul.navigationthree {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 45%;
		float: left;
		margin-left: 5%;
	}
	.agile-fields {
		background:rgba(10, 9, 9, 0.48);
	}
	/*--/contact--*/
	/*--footer--*/
	footer {
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 2px;
		color: #fff;
		background:rgba(0, 0, 0, 0.72);
		padding:1em;
	}
	footer a{
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		text-transform: capitalize;
		letter-spacing: 1px;
		color:  #ffc800;

	}
	footer a:hover{
		text-decoration:none;
		color:  #ffc800;
	}
	/*--/footer--*/
	/*--top hover--*/
	#toTop {
		display: none;
		text-decoration: none;
		position: fixed;
		bottom: 20px;
		right: 2%;
		overflow: hidden;
		z-index: 999;
		width: 32px;
		height: 32px;
		border: none;
		text-indent: 100%;
		background: url(../images/arrow1.png) no-repeat 0px 0px;
	}
	#toTopHover {
		width: 32px;
		height: 32px;
		display: block;
		overflow: hidden;
		float: right;
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
	}
	/*--/tophover--*/

	/*sign-in*/

	@import url('https://fonts.googleapis.com/css?family=Raleway');

body{font-family: 'Raleway', sans-serif ;}

.tab-style{
font-size:20px;
width:50%;
background-color:#f2f2f2;
  text-align:center;
  

}
.nav-tabs > li > a {
    margin-right: 0px;
    color:grey;
}



.group2 { 
	position: relative; 
	margin-top: 16px; 
}

.btn-block{margin-top:20px;
margin-bottom:20px;
font-size:18px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {   background-color:#e5ecf4;
color:#4a89dc;}

.login-shadow{-webkit-box-shadow: 5px -5px 6px 0px rgba(82,82,82,0.52);
-moz-box-shadow: 5px -5px 6px 0px rgba(82,82,82,0.52);
box-shadow: 5px -5px 6px 0px rgba(82,82,82,0.52);
  z-index:1;
   
}

.signup-shadow{-webkit-box-shadow: -5px 0px 6px 0px rgba(82,82,82,0.52);
-moz-box-shadow: -5px -5px 6px 0px rgba(82,82,82,0.52);
box-shadow: -5px 0px 6px 0px rgba(82,82,82,0.52);
  
}


.modal-header{background-color:#e5ecf4;}

.group { 
	position: relative; 
	margin-top: 30px; 
}


.input {
	font-size: 18px;
	padding: 10px 10px 10px 5px;
	-webkit-appearance: none;
	display: block;
	background:none;
	color: #52207a;
	width: 100%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #757575;
}

.input:focus { outline: none; }


/* Label */

.label {
	color: #52207a; 
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: -10px;
	top: 10px;
	transition: all 0.2s ease;
}


/* active */

.input:focus ~ .label, .input.used ~ .label {
	top: -20px;
  transform: scale(.75); left:-15px;
	/* font-size: 14px; */
	color: #4a89dc;
}


/* Underline */

.bar {
	position: relative;
	display: block;
	width: 100%;
}

.bar:before, .bar:after {
	content: '';
	height: 2px; 
	width: 0;
	bottom: 1px; 
	position: absolute;
	background: #4a89dc; 
	transition: all 0.2s ease;
}

.bar:before { left: 50%; }

.bar:after { right: 50%; }


/* active */

.input:focus ~ .bar:before, .input:focus ~ .bar:after { width: 50%; }


/* Highlight */

.highlight {
	position: absolute;
	height: 60%; 
	width: 100px; 
	top: 25%; 
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}


/* active */

.input:focus ~ .highlight {
	animation: inputHighlighter 0.3s ease;
}


@media  screen and (max-width: 767px) and (min-width: 576px){
  #myModal{margin-left:20%;
            margin-right:20%;}

  #forgot-password{margin-left:20%;
            margin-right:20%;}
} 


@media screen and (min-width: 768px) {
	
	#myModal .modal-dialog  {width:500px;}
  
  #forgot-password .modal-dialog{width:500px;}
  
  .modal-body{padding-left:50px;
              padding-right:50px;}
}
.modal-body{
	background:;
}


/*.modal-body{background-image:url("../images/avatar1.png");
background-size:cover;
z-inedx:4;}*/

/*em{display:none;}

/*fin de sign-in*/
	/*--respsonsive--*/
@media(max-width:1920px){
		
}
@media(max-width:1680px){
		
}
@media(max-width:1600px){
		
}
@media(max-width:1440px){
		a.w3_play_icon {
			font-size: 17px;
			padding: 16px;
		}
		a.w3_play_icon1{
			font-size: 17px;
			padding: 16px;
		}
		.middleblock {
			margin: 10px 0 0;
		}
		.lastblock {
			margin: 10px 0 0;
		}
}
@media(max-width:1366px){
		a.w3_play_icon {
			font-size: 15px;
			padding: 19px;
		}
		a.w3_play_icon1{
			font-size: 15px;
			padding: 19px;
		}
}
@media(max-width:1280px){
		a.w3_play_icon {
			font-size: 14px;
			padding: 20px;
		}
		a.w3_play_icon1 {
			font-size: 14px;
			padding: 20px;
		}
}
@media(max-width:1080px){
		.agile-text h2 {
			font-size: 50px;
		}
		.agile-text img{
			width: 30%;
			height: auto;
		}
		.btn{
			margin: 0px 0;
		}
		input[type="submit"]{
			margin: 11px auto 11px;
		}
		.agile-blogup {
			width: 100%;
		}
		.agile-blogmiddle {
			width: 50%;
		}
		.agile-bloglast {
			width: 50%;
		}
		.container iframe {
			width: 540px;
		}
		figure.effect-julia p{
			font-size: 0.9em;
		}
}
@media(max-width:1024px){
		.agile-aboutform h5 {
			font-size: 17px;
		}
		input[type="submit"] {
			margin: 25px auto 25px;
		}
		.line{
			width: 10%;
		}
}
@media(max-width:991px){
		.navbar-brand span {
			font-size: 20px;
		}
		.navbar-brand {
		   padding: 12px 15px;
			font-size: 22px;
		}
		.nav > li > a{
			font-size: 13px;
		}
		.agile-text h2 {
			font-size: 50px;
		}
		.agile-text p {
			font-size: 15px;
			width: 80%;
		}
		
		}
		.agile-aboutform h5{
			margin: 10px 0 0 0;
		}
		.service-icon{
			margin: 0 0 20px 0;
		}
		.service-text{
			margin: 0 0 10px 10%;
		}
		.gallery-works {
			margin: 0 0 20px 0;
			width: 50%;
			float: left;
		}
		.agile-blogmiddle {
			width: 50%;
			float: left;
		}
		.agile-bloglast {
			width: 50%;
			float: left;
		}
		.container iframe {
			width: 400px;
			height: 300px;
			margin: 0em 0 0 0;
		}
		.agile-fields {
			margin: 0 0 10px 0;
		}
		.agile-aboutform {
			padding: 0;
		}
}
@media(max-width:900px){
	.container iframe {
		width: 400px;
	}
}
@media(max-width:800px){
	a.w3_play_icon {
		font-size: 14px;
		padding: 11px;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 10px;
	}
	.agile-blog1 {
		width: 15%;
	}		
	.agile-blogtext {
		width: 85%;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 10px;
	}
	.container iframe {
		width: 400px;
	}
}
@media(max-width:768px){
	.wthree_team_grid_left figure .w3l_banner_figure{
		    padding: 0.5em!important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #f19409!important;
	}
	#small-dialog, #small-dialog1, #small-dialog2{
		max-width: 60%!important;
	}
	.agile-text h2 {
			font-size: 40px;
		}
	.agile-text img{
			width: 40%;
			height: auto;
		}
}

@media (max-width: 767px){
	.video video{
		width:100%;
		height:auto;
	}

	}
	
@media(max-width:736px){
	div#bs-example-navbar-collapse-1 {
		position: absolute;
		width: 100%;
		background: rgba(29, 28, 28, 0.51);
		z-index: 9;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #852668;
	}
	.navbar-default .navbar-toggle {
		border-color: #852668;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fdfdfd;
	}
	.container iframe {
		width: 400px;
	}
	figure.effect-julia p {
		font-size: 0.8em;
	}
	.agile-text h2{
		width: 80%;
	}
	figure.effect-julia {
		margin: 0 0 15px 0px;
	}
	.texto img{
		width:100%;
		height:auto;
	}
}
@media(max-width:667px){
	.container iframe {
		width: 400px;
	}
	.agile-blogmiddle {
		width: 100%;
	}
	a.w3_play_icon {
		font-size: 14px;
		padding: 20px;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 20px;
	}
	.agile-bloglast {
		width: 100%;
		float: left;
	}
	
	.line {
		width: 15%;
	}
	.agile-text h2 {
		font-size: 35px;
	}
	.agile-navigation{
		min-height: 650px;
	}

}
@media(max-width:600px){
	.agile-text h2{
		width: 100%;
		font-size: 40px;
	}
	iframe {
		width: 523px;
	}
	#small-dialog, #small-dialog1, #small-dialog2 {
		max-width: 70%!important;
	}
}
@media(max-width:568px){
	.container iframe {
		width: 300px;
	}
	#small-dialog, #small-dialog1, #small-dialog2 {
		max-width: 90%!important;
	}
}

@media(max-width:480px){
	.agile-text h2 {
		font-size:40px;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 20px;
	}
	.icon-right h5 {
		font-size: 15px;
	}
	.icon-right span {
		font-size: 11px;
	}
	.icon-right a {
		font-size: 15px;
	}
	.agile-contact2 {
		padding: 0;
	}
	iframe {
		width: 435px;
	}
	.agile-blogmain h6{
		text-align: left;
	}
}
@media(max-width:414px){
	.agile-text h2 {
		font-size: 35px;
	}
	a.w3_play_icon {
		font-size: 14px;
		padding: 10px;
	}
	a.w3_play_icon1 {
		font-size: 14px;
		padding: 10px;
	}
	iframe {
		width: 380px;
	}
	.line {
		width: 20%;
	}
}	
@media(max-width:384px){
	.right span {
		font-size: 14px;
	}
	.right label {
		font-size: 13px;
	}
	a.w3_play_icon {
		font-size: 12px;
		padding: 15px;
	}
	a.w3_play_icon1 {
		font-size: 12px;
		padding: 15px;
	}
	iframe {
		width: 340px;
	}
	ul.navigation{
	    width: 36%;
	}
	.icon-right {
		float: left;
	}
	.agile-text h2 {
		font-size: 35px;
	}
	.agile-contact1 input[type="submit"]{
		width: 40%;
	}
}
@media(max-width:375px){
	
}
@media(max-width:320px){
	.icon-right a {
		font-size: 12px;
	}
	iframe {
		width: 264px;
	}			
	.navbar-brand {
		padding: 15px 0px;
		font-size: 20px;
	}
	.agile-contact1 input[type="submit"]{
		width: 60%;
	}
	.left{
		width: 25%;
	}
	.right{
	    width: 60%;
	}
	.agile-blogtext {
		width: 80%;
	}
	.agile-blog1 {
		width: 20%;
	}
	.agile-text p {
		font-size: 13px;
		width: 100%;
	}
}
	/*--/respsonsive--*/