/*--
Author: Tonton du Web
Author URL: https://tontonduweb.com
Copyright 2017 ELM Agency
--*/

/*-- reseaux sociaux --*/

.w3_agileits_social_media {
    float: right;
    padding: 6em 6em 0 0em;
       margin-top: 7em;
}
ul.social-icons3{
	display:block;
	padding: 0;
	margin-top: 1em;
}
ul.social-icons3 li{
	display:inline-block;
}
ul.social-icons3 li a{  
    display: block;
    height: 30px;
    width: 30px;
    margin-right: 1em;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
	    margin-right: 0.4em;
	-webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    line-height: 30px;
	color:#fff;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	text-align:center;
}
ul.social-icons3 li a.wthree_facebook{
	 background:#4D669C;
}
ul.social-icons3 li a.wthree_twitter{
	 background:#1da1f2;
}
ul.social-icons3 li a.wthree_youtube{
	 background:#c4302b;
}
ul.social-icons3 li a.wthree_google-plus{
	 background:#d34836;
}
ul.social-icons3 li a:hover{
	text-decoration:none;
	opacity:0.8;
}
li.agileinfo_share {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 6px;
    margin-right: 10px;
}
/*-- //reseaux sociaux --*/

/*-- team --*/

.tab1 .team-img-w3-agile{
	  background: url(../images/t1.jpg)no-repeat 0px 0px;
	  text-align:center;
}
.tab2 .team-img-w3-agile{
	  background: url(../images/t2.jpg)no-repeat 0px 0px;
}
.tab3 .team-img-w3-agile{
	  background: url(../images/t3.jpg)no-repeat 0px 0px;
}
.tab4 .team-img-w3-agile{
	  background: url(../images/t4.jpg)no-repeat 0px 0px;
}
.tab1 .team-img-w3-agile,.tab2 .team-img-w3-agile,.tab3 .team-img-w3-agile,.tab4 .team-img-w3-agile{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
    background-size: 100%;
	min-height: 360px;
    width: 27%;
	margin-left: 4em;
}
.team-Info-agileits {
    text-align: left;
    padding: 4em 0 0 3em;
}
.team-Info-agileits h4 {
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    letter-spacing: 1px;
    color: #1a4a72;
    font-weight: bold;
}
.team-Info-agileits span {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 11px;
    color: #000000;
}
.team-Info-agileits p {
    font-size:1em;
    letter-spacing: .5px;
    color: #000000;
    line-height:2.2;
    margin: 1.5em 0 2em;
}
.resp-tabs-list li{
       border:3px solid #ffffff;
}
li.resp-tab-item.resp-tab-active{
    border:3px solid #1a4a72;
}
ul.resp-tabs-list {
    margin-left: 18em;
}
.resp-tabs-list li img {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);

}
.inner_agile_grids {
    margin-top: 0em;
}
.w3_agileits_social_media.team_agile_w3l {
    margin: 0;
    float: none;
    padding: 0;
}
li.agileinfo_share.team {
    color: #444;
    font-weight: 700;
    letter-spacing: 4px;
}
#team,.contact-w3ls,#gallery {
    padding:5em 0;
}
/*-- //team --*/

/*-----start-responsive-design------*/
@media (max-width:1440px){
	#team, .contact-w3ls, #gallery {
		padding: 4em 0;
	}
	#about {
		padding: 7em 0 5em 0;
	}
}
@media (max-width:1366px){
	.center-container {
		padding: 2em 0 45em;
	}
	.w3_agileits_social_media {
		float: right;
		padding: 3em 6em 0 0em;
		margin-top: 7em;
	}
	.callbacks_nav {
      bottom: -49%;
	}
	.agileits-banner-info h3 {
		font-size: 4.5em;
	}
	.news-right, .news1-left {
      padding: 8em 7em;
	}
	.agileits_w3layouts_banner_info {
		width: 84%;
	}
	.callbacks_nav {
		bottom: -55%;
	}
	.inner_agile_grids {
		margin-top: 3em;
	}
}
@media (max-width:1280px){
	.agileits-banner-info {
		text-align: center;
		margin: 4em auto 0;
		padding-top: 8em;
	}
	.agileits_w3layouts_banner_info form {
		width:52%;
	}
	.center-container {
		padding: 2em 0 42em;
	}
	.w3_agile_header {
		padding: 2em 5em 0 5em;
	}
	
	.about_agile_info p {
      margin-bottom: 33px;
	}
	.news-right,.news1-left {
		padding: 6.95em 7em;
	}
}
@media (max-width:1080px){
	.agileits-banner-info h3 {
		font-size: 4em;
	}
	.center-container {
		padding: 2em 0 39em;
	}
	.w3_agileits_social_media {
		float: right;
		padding: 3em 6em 0 0em;
		margin-top: 6em;
	}
	.w3ls-agile-service-grid {
		padding: 3.95em 2em;
	}
	.icon-right h5 {
      font-size: 1.2em;
	}
	.news-right, .news1-left {
		padding: 6.95em 5em;
	}
	.test_agile_info {
		padding: 5em 0 7.5em 0;
	}
	ul.resp-tabs-list {
		margin-left: 15.3em;
	}
	.test_agile_info {
		padding: 4em 0 5.5em 0;
	}
	#testimonials {
		min-height: 583px;
	}
	.w3_agileits_logo h1 a {
       font-size: 1.3em;
	}
}
@media (max-width:1050px){
	h3.agile-tittle {
		margin-bottom: 30px;
		font-size: 37px;
	}
	.team-Info-agileits h4 {
		letter-spacing: 1px;
		font-size: 1.9em;
	}
    .mobile-menu {
		width: 23%;
	}
}
@media (max-width:1024px){
	.news-right, .news1-left {
		padding: 6.95em 4em;
	}
	#testimonials {
		min-height: 580px;
	}
}
@media (max-width:991px){
	.mobile-nav-button {
		position: fixed;
		margin: 4em 0em 0;
		right: 8%;
		top: 0;
	}
	.w3_agile_header {
		padding: 1em 5em 0 4.2em;
	}
	.w3_agileits_social_media {
		float: right;
		padding: 3em 6em 0 0em;
		margin-top: 4em;
	}
	.callbacks_nav {
		bottom: -46%;
	}
	.center-container {
		padding: 2em 0 37em;
	}
	.agileits-banner-info h3 {
		font-size: 3.7em;
	}
	.w3_agileits_logo h1 a {
		font-size: 1.2em;
	}
	.w3_agileits_logo h1 a span {
		font-size: 11px;
		letter-spacing: 8px;
	}
	#about {
		padding: 4em 0 4em 0;
	}
	.aboutaits-image-1 {
		width: 47%;
		position: relative;
		float: left;
	}
	.aboutaits-image-2 {
		width: 36%;
		position: absolute;
		top: -18%;
		right: 238px;
	}
	.agile_about_aits-image {
		padding:0;
		position: relative;
		margin-top: 5em;
	}
	.about_agile_info {
		padding: 0;
	}
	.about_agile_info h2 {
		margin-bottom: 20px;
		font-size:35px;
	}
	.about_agile_info p {
		margin-bottom: 24px;
	}
	.agileits_w3layouts_features_grid img {
		width: 36%;
		margin: 0 auto;
	}
	.w3ls-agile-service-grid {
		padding: 3.95em 1em;
		float: left;
		width: 50%;
	}
	.team-Info-agileits {
		text-align: center;
		padding: 0 6em;
		margin-top: 3em;
	}
	.tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile {
		min-height: 360px;
		width: 49%;
		text-align: center;
		margin: 0 auto;
	}
	ul.resp-tabs-list {
		margin-left: 11.3em;
	}
	.gal-gd {
		width: 33.33%;
		float: left;
		padding: 0 5px;
	}
	.gal-gd-sec {
		float: left;
		width: 50%;
		padding: 0 5px;
	}
	.gal-gd-sec {
		margin: 5px 0;
	}
	.nd-title {
		padding: 10px 10px;
		font-size: 1.2em;
		width: 81%;
	}
	.wthree_testimonials_grid1, .wthree_testimonials_grid {
		width: 90%;
	}
	.nbs-flexisel-nav-right {
		right: 2%;
	}

	.nbs-flexisel-nav-left {
		left: 2%;
	}
	#testimonials {
		min-height: 577px;
	}
	.contact-w3ls label.contact-p1 {
		font-size: 15px;
		padding-bottom: 13px;
	}
	.contact-w3-agile2 {
		padding: 0;
		width: 100%;
	}
	.contact-w3-agile1.map {
		width: 100%;
		margin-top: 2em;
		padding:0;
	}
	.contact-w3-agile1 iframe {
		width: 100%;
		height: 300px;
	}
	.w3-agile-grid {
		padding: 0;
	}
	.w3-agile-grid:nth-child(2) {
		margin:2em 0;
	}
	.w3_agileits_social_media {
		float: right;
		padding: 3em 4.5em 0 0em;
		margin-top: 4em;
	}
	.agileits-banner-info {
		margin: 4em auto 0;
		padding-top: 7em;
	}
	.center-container {
		padding: 2em 0 35em;
	}
	.news-right, .news1-left {
		padding: 4.8em 2em;
	}
	.news h4 {
      font-size: 1.8em;
	}
	.w3-agile-grid h5 {

		margin: 0 0 1.2em 0;
	}
}
@media (max-width:800px){
	.wthree-almubimg {
		min-height: 400px;
	}
}
@media (max-width:768px){
	.w3_agile_header {
		padding: 1em 5em 0 3.5em;
	}
	.agileits-banner-info {
		margin: 2em auto 0;
		padding-top: 7em;
	}
	.callbacks_nav {
		bottom: -57%;
	}
	.center-container {
		padding: 2em 0 32em;
	}
	.agileits-banner-info h3 {
		font-size: 3.5em;
	}
	.news h4 {
		font-size: 1.6em;
	}
	.news p,.icon-right p {
		font-size: 0.95em;
	}
	.news p{
		line-height: 2em;
		margin: 1em 0 1.5em;
	}
	.wthree-almubimg {
		    min-height: 363px;
	}
	.news-right,.news1-left {
		padding: 4.7em 2em;
	}
	#team,.contact-w3ls,#gallery {
		padding: 3em 0;
	}
	.wthree_testimonials_grid p {
		line-height: 2.3em;
		margin: 1em 0;
		font-size: 0.95em;
		letter-spacing: 1px;
	}
	#testimonials {
		min-height: 570px;
	}
	.wthree_testimonials_grid h4 {
       font-size: 1.6em;
	}
	.agileits-banner-info p {
		font-size: 0.9em;
		letter-spacing: 19px;
	}
	.agileits-banner-info h4 {
		font-size: 1em;
		letter-spacing: 16px;
	}
}
@media (max-width:767px){
	.news1-right {
		float: none;
	}
	.news-right, .news1-left {
		padding: 4em 2em;
	}
	#testimonials {
		min-height: 566px;
	}

}
@media (max-width:667px){
	.agileits-banner-info h3 {
		font-size:3em;
		letter-spacing:4px;
	}
	.w3_agileits_logo h1 a {
		font-size:1.1em;
	}
	.w3_agileits_logo h1 a span {
		font-size:11px;
		letter-spacing:6px;
	}
	.agileits-banner-info {
		margin:2em auto 0;
		padding-top:6em;
	}
	.w3_agileits_social_media {
		float: right;
		padding: 3em 4.5em 0 0em;
		margin-top: 3em;
	}
	.center-container {
		padding: 2em 0 30em;
	}
	.wthree-almubimg {
		min-height: 320px;
	}
	h3.agile-tittle {
		margin-bottom: 20px;
		font-size: 30px;
	}
	.inner_agile_grids {
		margin-top: 2em;
	}
	#testimonials {
		min-height: 542px;
	}
	.contact-w3ls h4 {
		font-size: 1.8em;
		margin-bottom: 10px;
	}
	.contact-w3ls p.contact-agile2 {
		font-size: 14px;
		padding-bottom: 16px;
		letter-spacing: 2px;
	}
	.mobile-menu {
		width: 27%;
	}
	.about_agile_info h2 {
		margin-bottom: 20px;
		font-size: 32px;
	}
	#about {
		padding: 3em 0 3em 0;
	}
}
@media (max-width:640px){
	.center-container {
		padding: 1em 0 29em;
	}
	.mobile-nav-button {
		position: fixed;
		margin: 2.7em 0em 0;
		right: 8%;
		top: 0;
	}
	.w3_agile_header {
		padding: 1em 5em 0 3em;
	}
	.agileits-banner-info h4 {
		font-size: 0.9em;
		letter-spacing: 14px;
	}
	.wthree_testimonials_grid_pos img {
		width: 21%;
	}
}
@media (max-width:600px){
	li.agileinfo_share {
		letter-spacing: 4px;
		font-size: 0.9em;
		margin-right: 10px;
	}
	.w3_agileits_social_media {
		float: right;
		padding: 3em 3em 0 0em;
		margin-top: 3em;
	}
	.about_agile_info h2 {
		margin-bottom: 20px;
		font-size: 30px;
	}
}
@media (max-width:568px){
	.agileits_w3layouts_banner_info {
		width: 90%;
	}
	#team, .contact-w3ls, #gallery {
		padding: 2em 0;
	}
	.tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile {
		min-height: 217px;
		width: 65%;
		text-align: center;
		margin: 0 auto;
	}
	.gal-gd {
		width: 100%;
		float: left;
		padding: 0 5px;
	}
	.gal-gd-sec {
      margin: 0px 0;
    }

	.gal-gd-sec {
		float: left;
		width: 100%;
		padding: 0 5px;
	}
}
@media (max-width:480px){
	.w3_agileits_logo h1 a {
		font-size: 1em;
	}
	.w3_agile_header {
		padding: 0.5em 3.3em 0 1em;
	}
	.mobile-nav-button {
		position: fixed;
		margin: 2em 0em 0;
		right: 4%;
		top: 0;
	}
	.agileits-banner-info h3 {
		font-size: 2.5em;
		letter-spacing: 4px;
	}
	.agileits-banner-info h4 {
		font-size: 0.8em;
		letter-spacing: 12px;
	}
	.agileits-banner-info p {
		font-size: 0.8em;
		letter-spacing: 15px;
	}
	.agileits-banner-info {
		margin: 2em auto 0;
		padding-top: 4em;
	}
	.w3_agileits_social_media {
		float: right;
		 padding: 3em 1.5em 0 0em;
		margin-top: 1em;
	}
	.center-container {
		padding: 1em 0 24em;
	}
	.w3ls-agile-service-grid {
		padding: 2em 1em;
		float: left;
		width: 100%;
	}
	.team-Info-agileits {
		text-align: center;
		padding: 0 0em;
		margin-top: 2em;
	}
	.modal-title {
		font-size: 23px;
	}
	.modal-body h5 {
		font-size: 18px;
		margin-top: 1.3em;
	}
	.modal {
		z-index: 99999;
	}
	.wthree_testimonials_grid1, .wthree_testimonials_grid {
		width: 92%;
	}
	.contact-w3ls h4 {
		font-size: 1.4em;
		margin-bottom: 8px;
	}
	.wthree_testimonials_grid h4 {
		font-size: 1.3em;
	}
}
@media (max-width:414px){
	.w3_agileits_logo h1 a {
		font-size: 0.9em;
		letter-spacing: 1px;
	}
	.w3_agileits_logo h1 a {
		font-size: 0.9em;
		letter-spacing: 1px;
	}
	.agileits-banner-info h3 {
		font-size: 2.2em;
		letter-spacing: 3px;
	}
	.agileits_w3layouts_banner_info {
		width: 90%;
		padding-top: 4.5em;
	}
	.agileits_w3layouts_banner_info form {
		width: 100%;
	}
	.w3_agile_header {
		padding: 0.5em 0.3em 0 1em;
	}
	.callbacks_nav.prev {
		left: 13px;
	}
	.callbacks_nav.next {
		left: 51px;
	}
	.w3_agileits_logo h1 a span {
		font-size: 10px;
		letter-spacing: 4px;
	}
	.mobile-menu {
		width: 44%;
	}
	.mobile-menu ul li a {
      font-size: 0.9em;
	}
	.w3_agileits_social_media {
		float: right;
		padding: 2em 1.5em 0 0em;
		margin-top: 1em;
	}
	.agileits-banner-info {
		margin: 2em auto 0;
		padding-top: 3em;
	}
	.center-container {
		padding: 1em 0 21em;
	}

	.w3_agileits_social_media {
		float: right;
		padding: 2em 1em 0 0em;
		margin-top: 0.5em;
	}
	.aboutaits-image-1 {
		width: 74%;
		position: relative;
		float: left;
	}
	.agileits_w3layouts_features_grid img {
		width: 56%;
		margin: 0 auto;
	}
	.wthree-almubimg {
		min-height: 165px;
	}
	h3.agile-tittle {
		margin-bottom: 20px;
		font-size: 29px;
	}
	.about_agile_info p {
		line-height: 2em;
		font-size: 0.9em;
		letter-spacing: 1px;
	}
	.icon-right h5 {
		font-size: 1.1em;
	}
	.contact-w3-agile1 iframe {
		width: 100%;
		height: 200px;
	}
	.aboutaits-image-2 {
		width: 36%;
		position: absolute;
		top: -18%;
		right: 199px;
	}
	.news h4 {
		font-size: 1.4em;
	}
	.news-right,.news1-left {
		padding: 2em 1.2em;
	}

}
@media (max-width:384px){
	li.agileinfo_share {
		letter-spacing: 3px;
		font-size: 0.9em;
		margin-right: 1px;
	}
	ul.social-icons3 li a {
      margin-right: 0.2em;
	}
	.agileits-banner-info p {
		font-size: 0.8em;
		letter-spacing: 11px;
	}
	.agileits-banner-info h4 {
		font-size: 0.8em;
		letter-spacing: 9px;
	}
	.agileits-banner-info {
		margin: 2em auto 0;
		padding-top: 2em;
	}
	.center-container {
		padding: 1em 0 19em;
	}
	.w3_agileits_social_media {
		float: right;
		padding: 1.5em 1em 0 0em;
		margin-top: 0.5em;
	}
	.modal-body p {
		margin: 15px 0 10px;
		font-size: 0.9em;
	}

	.wthree_testimonials_grid_pos img {
		width: 37%;
	}
	.test_agile_info {
		padding: 2em 0 2.5em 0;
	}

	.wthree_testimonials_grid {
		position: relative;
		margin:1em auto 0;
		padding:2em 2em 1em;
	}
	#testimonials {
		min-height: 479px;
	}

}
@media (max-width:375px){
	.agileits-banner-info h3 {
		font-size: 2em;
		letter-spacing: 3px;
	}
	.aboutaits-image-2 {
		width: 36%;
		position: absolute;
		top: -18%;
		right: 163px;
	}
	#about {
		padding: 2em 0 2em 0;
	}
	.modal-body h5 {
		font-size: 14px;
		margin-top: 1.3em;
	}
		.wthree_testimonials_grid p {
		line-height:1.9em;
		margin: 0.5em 0;
		font-size: 0.9em;
		letter-spacing: 1px;
	}
	h3.agile-tittle {
		margin-bottom: 20px;
		font-size: 25px;
	}
	.about_agile_info h2 {
		margin-bottom: 7px;
		font-size: 25px;
	}
}
@media (max-width:320px){
	
	.agileits-banner-info {
		margin: 2em auto 0;
		padding-top: 0em;
	}
	li.agileinfo_share {
		letter-spacing: 1px;
		font-size: 0.8em;
		margin-right: 1px;
	}
	ul.social-icons3 {
		display: block;
		padding: 0;
		margin-top: 0.1em;
	}
	.center-container {
		padding: 1em 0 15em;
	}
	.agileits-banner-info h3 {
		font-size: 1.8em;
		letter-spacing: 3px;
	}
}