/*--/brands--*/
.top-brands{
padding:2em 0;
}
.brands-agile-grids {
    padding: 2em 0 0 0;
}
/*-- flexisel --*/
.flex-slider{	
	background:#222227;
	padding: 70px 0 165px 0;
}
.opportunity{
	background:#28282e;
	margin:0px 20px;
	padding:80px 0;
	position:relative;
}
#flexiselDemo1,#flexiselDemo2 {
	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;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
}
.nbs-flexisel-item {
	float: left;
	margin:0;
	position: relative; 
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
	 width: 200px;
    height: 200px;
	margin:0 auto !important;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:40px;
	height:40px;
	position: absolute;
	cursor: pointer;
	z-index: 9999;
}
.nbs-flexisel-nav-left {
	left:-5%;
	top:38% !important;
	background:url(../images/left-arrow.png) no-repeat 0px 0px;
}
.nbs-flexisel-nav-right {
	right:-5%;
	top:38% !important;
	background:url(../images/right-arrow.png) no-repeat 0px 0px;
}
/*-- //flexisel --*/





/*-- /responsive design --*/
@media(max-width:1440px){
	.navbar-nav > li > a {
    padding: 5px 2px 17px;
	}
}
@media(max-width:1366px){
	.navbar-default .navbar-brand {
    color: #f53753!important;
    margin: 0.4em 0 .1em 0.2em;
	}
	.navbar-right {
    float: left!important;
    margin-left: 7em!important;
    margin: .3em;
	}

	
}
@media(max-width:1280px){
	.navbar-right {
    float: left!important;
    margin-left: 7em!important;
    margin: .3em;
	}
	ul.top-links {
    float: right!important;
    margin-right: 0em;
	}
	.layer h3 {
    margin: 0.5em 0;
	}
}
@media(max-width:1080px){
	.navbar-right {
    float: left!important;
    margin-left: 0em!important;
	}
	ul.top-links {
    float: right!important;
    margin-right: 0em;
	}
	.navbar-default .navbar-nav > li > a {
    margin-right: 4px;
	}
	.box, .box .overbox {
    height: 189px;
	}
	.box .overbox {
    padding: 5em 2em 2em;
	}
	.social-icons-right ol li {
    margin: 0px 14px;
	}
	.right-map-w3-agile ul {
    padding: 12px 0px;
	}
	.test-review img {
    width: 26%;
	}
	ul.callbacks_tabs {
    position: absolute;
    z-index: 9;
    bottom: 5%;
    left: 50%;
	}

}
@media(max-width:1024px){
	.navbar-nav {
    margin-top:0.3em!important;
	}
	.navbar-default .navbar-nav > li > a {
    margin-right: 0px;
	}
	.navbar-nav > li > a {
    padding: 5px 0px 17px;
	}
	.navbar-right {
    margin-left: -1em!important;
	}
	.contact-main-agileits {
    width: 66%;
    margin: 0 auto;
	}
	.brands-agile-grids {
    width: 80%;
    margin: 0 auto;
	}
	.nbs-flexisel-nav-left {
    left: -10%;
	}
	.nbs-flexisel-nav-right {
    right: -10%;
	}
	.nbs-flexisel-item > img {
		width: 175px;
		height: 175px;
	}
	
}
@media(max-width:991px){
	.nbs-flexisel-item > img {
		width: 145px;
		height: 145px;
	}
	.navbar-right {
    margin-left: -1em!important;
	}
	.special-right {
    width: 50%;
    float: left;
	}
	.special-left.l-grids {
    width: 50%;
    float: left;
	}
	.services-grid1 {
    width: 50%;
    float: left;
	}
	.services-grid2 {
    width: 50%;
    float: left;
	margin:2em 0 0 0;
	}
	.box, .box .overbox {
    height: 145px;
	}
	.box .overbox {
    padding: 3em 1em 0em;
	}
	.w3-agile-team-grid1 {
    width: 50%;
    float: left;
	}
.w3-agile-team-grid2 {
    width: 50%;
    float: left;
	}
	.w3-agile-footer-grid {
    width: 33%;
    float: left;
	}
	.social-icons-right ol li {
    margin: 0px 7px;
	}
	.nbs-flexisel-nav-left
	{
		left:0%;
	}
	.nbs-flexisel-nav-right
	{
		right:0%;
	}
	.navbar-nav > li > a {
    font-size: 1em;
	}
	.box .title {
    font-size: 1.2em;
	}
	.brands-agile-grids {
    width: 90%;
    margin: 0 auto;
	}
	.brands-agile-grids {
    width: 90%;
    margin: 0 auto;
}
.nbs-flexisel-nav-left {
    left: -11%;
}
.nbs-flexisel-nav-right {
   right: -11%;
}


}
@media(max-width:800px){
	.navbar-right {
     float:none!important;
     margin-left: 0em!important;
	}
	.navbar-nav {
    margin-top: 0em!important;
	}
	.w3-agile-team-img1 {
     margin: 2em 1em 0 0;
	}
	.right-map-w3-agile {
    width: 100%;
    margin: 2em 0 0 0;
	}
	.left-form-w3-agile {
    width: 100%;
	}

	.navbar-right {
    margin-left: 6em!important;
	}
	ul.callbacks_tabs {
    left: 41%;
	}
	.agileits-banner2 {
    /*background: url(../images/banner22.jpg) no-repeat -247px 0px;
    background-size: cover;*/
	}

	.services, .portfolio, .studio, .team, .contact-main-agileits, .footer, .agileits-w3layouts-specials, .gallery {
    padding: 2em 0em;
   }
   div#contact {
    padding: 4em 0;
	}
	.navbar-nav {
    margin-top: 4em!important;
    float: none;
    text-align: center;
	}
	.nbs-flexisel-nav-left {
    left: -8%;
	}
	.nbs-flexisel-nav-right {
    right: -8%;
	}
	.services h3, .w3-team-head h3, .w3l_head h3, .contact-w3-head h3, .top-brands-agile-head h3 {
    font-size: 3em;
	}
	.agileits-banner {
    padding: 15em 0;
	}

}
@media(max-width:768px){
.brands-agile-grids {
    width: 74%;
    margin: 0 auto;
}
.nbs-flexisel-nav-right {
    right: -15%;
}
.nbs-flexisel-nav-left {
    left: -15%;
}
}
@media(max-width:736px){
	.navbar-toggle {
    float: left;
	margin-top: 20px;
	    left: 1%;
	}
	nav ul {
    padding: 0;
     float:none;
	}
	.box .title {
    font-size: 1.3em;
	}
	.box .overbox {
    padding: 4em 1em 0em;
	}
	.box, .box .overbox {
    height: 139px;
	}
	.layer h3 {
    font-size: 2.8em;
	}
	.agileits-banner {
    padding: 14em 0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background: rgba(0, 0, 0, 0.76);
	}
	.navbar-right {
    margin-left: 0em!important;
	}
	.navbar-nav {
    margin: 2em 0!important;
    float: none;
    text-align: center;
	}
}
@media(max-width:667px){
		
	.special-right h4 {
    line-height: 1.5em;
    font-size: 20px;
	}
	.special-right {
    padding: 44px 30px 0 50px;
	}
	.special-right {
    padding: 44px 30px 0 50px;
	}
	.box, .box .overbox {
    height: 125px;
	}
	.box .overbox {
    padding: 3em 1em 0em;
	}
	
	.layer h3 {
    letter-spacing: 4px;
	}
	.layer p {
    letter-spacing: 2px;
	}
	.special-left p, .spl-bot-right p {
    margin: 35px auto 0;
	}
	
	.services-grid h4 {
    font-size: 1.5em;
	}
	.wthree-services-grids, .w3-agile-team-grids, .posts-grids, .team-grids, .services-row, .w3-agile-contact-grids {
    padding: 3em 0 0 0;
	}
	div#contact {
    padding: 3em 0;
	}

	
	
}
@media(max-width:640px){
		
	.box, .box .overbox {
    height: 120px;
	}
	.box .title {
    font-size: 1em;
	}
	.layer h3 {
    letter-spacing: 3px;
	}
	.special-right p {
    margin: 6px 0 0px 0;
	}
	.special-right p {
    line-height: 2em;
	}
	.box, .box .overbox {
    height: 111px;
	}
	

	

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

	ul.callbacks_tabs {
    left: 39%;
    bottom: 17%;
	}
	.agileits-banner {
    /*background: url(../images/banner11.jpg) no-repeat -141px 0px;
    background-size: cover;*/
	}
	.layer h3 {
    font-size: 2.5em;
	}
	.agileits-banner {
    padding: 9em 0;
	}


}
@media(max-width:568px){
		
	.layer h3 {
    letter-spacing: 1px;
	}
	.special-right h4 {
    font-size: 18px;
	}
	.box, .box .overbox {
    height: 107px;
	}
	.w3-agile-footer-grid h3 {
    letter-spacing: 2px;
	}
	.special-right p {
    line-height: 1.8em;
    font-size: 13.5px;
	}
	.special-left, .special-right, .special-left img {
    min-height: 338px;
	}
	.special-left p, .spl-bot-right p {
    margin: 7px auto 0;
	}
	.w3-agile-team-img-head h3 {
    font-size: 1.8em;
	}
}
@media(max-width:480px){
		
	.layer h3 {
    font-size: 2.4em;
	}
	ul.top-links li {
    margin-right: 4px;
	}
	.agileits-banner {
    padding: 12em 0;
	}
	.special-right {
    padding: 42px 10px 0 31px;
	}
	.services-grid h4 {
    font-size: 1.8em;
	}
	figure.effect-bubba p {
    padding:0em;
	}
	.box, .box .overbox {
    height: 283px;
	}
	.w3l_gallery_grid li {
    float: left;
    width: 100%;
	}
	.box .title {
    font-size: 1.5em;
	}
	.box .overbox {
    padding: 9em 7em 0em;
	}
	.w3-agile-team-grid1 {
    width: 100%;
	}
	.w3-agile-team-grid2 {
    width: 100%;
	}
	.w3-agile-footer-grid {
    width: 100%;
    margin: 2em 0 0 0;
	}
	.contact-main-agileits {
    width: 90%;
    margin: 0 auto;
	}
	.agileits-w3layouts-specials h3 {
    font-size: 3em;
	}
	.l-grids figure figcaption {
    font-size: 1em;
	}
.layer h3 {
    font-size: 2em;
	}
	.layer p {
    letter-spacing: 1px;
	}
	.special-left h4, .spl-bot-right h4 {
    font-size: 20px;
	}
	.services-grid h4 {
    font-size: 1.5em;
	}
}
@media(max-width:414px){
		
	.navbar-toggle {
    float: right;
	}
	ul.top-links {
    right: 30%;
	margin-top: 5em;
	}
	.navbar {
    background:none;
	}
	.agileits-banner {
    padding: 9em 0;
	}
	.layer h3 {
    font-size: 2em;
	}
	ul.top-links {
    right: 30%;
    margin-top: 5em;
    z-index: 9;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background: rgba(0, 0, 0, 0.81);
    margin: 0 !important;
    z-index: 9991;
	}
	.special-left.l-grids {
    width: 100%;
	}
	.special-right {
    width: 100%;
	}
	.special-right {
    padding: 61px 10px 0 31px;
	}
	.special-left, .special-right, .special-left img {
    min-height: 300px;
	}
	.services-grid1 {
    width: 100%;
	}
	.services-grid2 {
    width: 100%;
	}
	.box .overbox {
    padding: 7em 5em 0em;
	}
	.box, .box .overbox {
    height: 235px;
	}
	.left-form-w3-agile h3 {
    margin: 45px 21px 0;
	}
	.upper {
    padding: 32px 9px 46px;
	}

	ul.callbacks_tabs {
    left: 34%;
    bottom: 17%;
	}
	.services h3, .w3-team-head h3, .w3l_head h3, .contact-w3-head h3 {
    font-size: 3em;
	}
	.services, .portfolio, .studio, .team, .contact-main-agileits, .footer, .agileits-w3layouts-specials, .gallery {
    padding: 2em 0em 0 0;
	}
	div#contact {
    padding: 2em 0 0 0;
	}
	.layer h3 {
    font-size: 1.8em;
	}
	.w3-agile-team-img-head h3 {
    font-size: 1.3em;
	}
}
@media(max-width:384px){
		
	.layer h3 {
    font-size: 1.8em;
	}
	.special-right {
    padding: 49px 10px 0 31px;
	}
	ul.callbacks_tabs {
    left: 32%;
    bottom: 17%;
	}
	.box, .box .overbox {
    height: 215px;
	}
	.nbs-flexisel-item > img {
	 width: 150px;
    height:  150px;
	}
}
@media(max-width:375px){
		
.brands-agile-grids {
    width: 80%;
    margin: 0 auto;
}
.nbs-flexisel-item > img {
	 width: 100px;
    height:  100px;
	}
}
@media(max-width:320px){
	
	.layer h3 {
    font-size: 1.5em;
	}
	.special-right {
    padding: 35px 10px 0 31px;
	}

	.box, .box .overbox {
    height:180px;
	}
	.box .overbox {
    padding: 5em 3em 0em;
	}
	.agileits-w3layouts-specials h3 {
    font-size: 2.5em;
	}
	div#contact {
    padding: 1em 0 0 0;
	}
	.services, .portfolio, .studio, .team, .contact-main-agileits, .footer, .agileits-w3layouts-specials, .gallery {
    padding: 2em 0em 0 0;
	}
	.navbar-default .navbar-brand {
    letter-spacing: 0.5px;
	}
}