.tittle-agileinfo{
	margin-bottom:2.5em;
}
.tittle-agileinfo h3 {
    text-align: center;
    letter-spacing: 1px;
    font-size: 2.5em;
	text-transform: capitalize;
    color: #000;
}
/*-- gallery --*/
.w3ls_banner_bottom_right1 h2 {
    font-size: 2.5em;
    color: #262c38;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
}
.w3ls_banner_bottom_right1 p {
    color: #666;
    line-height: 2em;
    font-size: 1em;
    margin-bottom: 1em;
}
.w3ls_banner_bottom_right1 h2:after {
    border-top: 2px solid #47cf73;
    display: block;
    width: 81px;
    content: "";
    margin: 8px 0;
}
ul.some_agile_facts li {
    list-style: none;
    margin:15px 0;
    color: #333;
    font-weight: 600;
}
ul.some_agile_facts i {
    color: #47cf73;
    margin-right: 7px;
}
/*--/middle--*/
.w3ls-special-img.w3l-grid-1{
    background:#000 url(../images/g1.jpg) no-repeat 0px 0px;
    min-height:400px;
    background-size: cover;
    text-align: center;
    position: relative;	
}
.w3ls-special-img.w3l-grid-2{
    background:#000 url(../images/g2.jpg) no-repeat 0px 0px;
   min-height:400px;
    background-size: cover;
    text-align: center;
    position: relative;	
}
.w3ls-special-img.w3l-grid-3{
    background:#000 url(../images/g3.jpg) no-repeat 0px 0px;
    min-height:400px;
    background-size: cover;
    text-align: center;
    position: relative;	
}
.w3ls-special-text h4 {
       color: #FFF;
    font-size: 2em;
    margin: 4em 0 0 0;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 1em;
}
.w3ls-special-img {
    padding: 0;
}
.w3ls-special-text.effect-1 ul li {
    list-style: none;
    color: #fff;
    letter-spacing: 1px;
    font-size: 1em;
    margin-bottom: 1em;
}
/*-- Effect 1--*/
.w3ls-special-text:after {
    position: absolute;
        width: 316px;
    height: 323px;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
background: rgba(0, 0, 0, 0.17);
}
.effect-1 {
	-webkit-transition: background 0.5s, color 0.2s;
	-moz-transition: background 0.5s, color 0.2s;
	transition: background 0.5s, color 0.2s;
}
.effect-1:after {
       top: 43px;
    left: 41px;
    box-shadow: 0 0 0 2px #FFFFFF;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.5s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.5s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}
.w3ls-special-img:hover.w3ls-special-text{
	background:#FF7200;
	color: #fff !important;
}
.w3ls-special-img:hover .w3ls-special-text:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.w3ls-special-img.text_info {
    background: #000;
    min-height: 399px;
}
.w3ls-special-img.text_info h4 {
    text-align: center;
    color: #fff;
    font-size: 2.5em;
    font-weight: 700;
    text-transform: uppercase;
    padding-top:4em;
}
/*--//Effect 1--*/
/*--flexisel--*/
.flex-slider{	
	background:#222227;
	padding: 70px 0 165px 0;
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
	padding:0;
}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative;
	line-height: 35px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    background:none;
    top: -5% !important;
    border-radius: 5px;
	display:none;
}
.nbs-flexisel-nav-left {
	left:91%;
}
.nbs-flexisel-nav-right {
	right: 1.2%;
    background:none;
}
/*--//flexisel--*/
.view {
    overflow: hidden;
    position: relative;
    text-align: center;
}
.view .mask, .view .content {
	width: 100%;
    height: 100%;
}
.view .mask, .view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
/* SECOND EFFECTS */

.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -o-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   text-align:center;
}
.second-effect:hover .mask {
    opacity: 1;
    border: 40px solid rgba(0, 0, 0, 0.65);
    background: rgba(0, 0, 0, 0.45);
}
.second-effect .mask h6 {
    font-size: 1.5em;
    letter-spacing: 1px;
    color: #fff;
    text-transform: capitalize;
    padding: 4.5em 0 0em;
}
.second-effect .mask p {
    font-size: 1em;
    letter-spacing: 1px;
    color: #eee;
    text-transform: capitalize;
}
/*-- //gallery --*/

/*--responsive--*/
@media(max-width:1680px){
	.second-effect .mask h6 {
		padding: 3em 0 0em;
	}
}

@media(max-width:1440px){
	.second-effect .mask h6 {
		padding: 2.5em 0 0em;
	}
	
}
@media(max-width:1366px){
	.tittle-agileinfo h3{
		font-size: 2.1em;
	}

}

@media(max-width:1080px){

	.second-effect .mask h6 {
		padding: 1.5em 0 0em;
		font-size: 1.3em;
	}
}

@media(max-width:1024px){

	.tittle-agileinfo h3 {
		font-size: 2em;
	}

	.second-effect:hover .mask {
		border: 30px solid rgba(0, 0, 0, 0.65);
	}

}

@media(max-width:900px){

	.tittle-agileinfo h3 {
		font-size: 1.8em;
	}

}
@media(max-width:800px){
	.second-effect:hover .mask {
		border: 25px solid rgba(0, 0, 0, 0.65);
	}
	.second-effect .mask p {
		padding: 0em 0 0;
		font-size: .9em;
	}
	.second-effect .mask h6 {
		padding: 1.2em 0 0em;
		font-size: 1.2em;
	}
}
@media(max-width:768px){

	.second-effect:hover .mask {
		border: 40px solid rgba(0, 0, 0, 0.65);
	}
	.second-effect .mask h6 {
		padding: 3.4em 0 0em;
	}
	.tittle-agileinfo {
		margin-bottom: 1.2em;
	}
	.tittle-agileinfo h3 {
		font-size: 1.6em;
	}

}

@media(max-width:667px){

	.second-effect .mask h6 {
		padding: 2.5em 0 0em;
	}

}
@media(max-width:640px){
	.tittle-agileinfo h3{
		font-size: 1.7em;
		letter-spacing: 1px;
	}

}

@media(max-width:568px){
	.second-effect .mask h6 {
		padding: 2.1em 0 0em;
	}

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

	.second-effect .mask h6 {
		padding: 5em 0 0em;
	}

	.tittle-agileinfo h3 {
		font-size: 1.8em;
	}
}
@media(max-width:440px){
	.tittle-agileinfo h3{
		font-size: 1.6em;
	}

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

	.tittle-agileinfo {
		margin-bottom: 1em;
	}

	.second-effect .mask h6 {
		padding: 4.3em 0 0em;
	}

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

	.second-effect .mask h6 {
		padding: 3.5em 0 0em;
	}

}

@media(max-width:320px){

	.second-effect .mask h6 {
		padding: 2.2em 0 0em;
	}

}
/*--responsive--*/