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

.hvr-shutter-in-vertical {
  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;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1a4a72;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  	border-radius: 0px;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
  text-decoration: none;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.more a {
	padding: 10px 35px 10px 10px;
	background-color: #1a4a72;
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	font-size: 14px;
	border-radius: 0px;
	font-weight: normal;
	border: none;
	outline: none;
  text-decoration: none;
}

.more a:hover {
	background-color: #000000;
	color: #ffffff;
  text-decoration: none;
}
span.element:before {
    content: "\f067";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: lighter;
    margin-left: 10px;
    color: #ffffff;
    font-size: 16px;
    position: absolute;
}
.w3_tittle .line-style {
    background: rgba(185, 183, 183, 0.5);
    bottom: 0;
    height: 1px;
    position: absolute;
    width: 33%;
}
.w3_tittle.line-style {
    background:#000;
}
.w3_tittle:hover .line-style:before {
    width: 75%;
}
.w3_tittle .line-style:before {
    background: #99011e;
    content: "";
    display: block;
    height:1px;
    position: absolute;
    width: 100px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.w3_tittle .line-style:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.w3_tittle {
	position:relative;
}
h3.agile-tittle{
    padding: 10px 0;
	position:relative;
    color: #000;
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: bold;
}
.w3_tittle .line-style span {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.w3_tittle:hover .line-style:before {

    width:180px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
h3.agile-tittle.two.gal {
    color: #000;
    text-align: center;
}
.line-style.second {
    background: rgba(185, 183, 183, 0.5);
    bottom: 0;
    height: 1px;
    position: absolute;
    width: 33%;
    left: 34%;
}
/*-- //about --*/



/*-----image-responsive-design------*/
.modal-body img {
    width: 100%;
}
.modal-body p {
    font-family: 'Lato', sans-serif;	
    margin: 15px 0 10px;
    color: #000000;
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 2em;
    text-align: center;
}
.modal-title {
    font-size: 30px;
    font-family: 'Lato', sans-serif;
    text-align: center;
    font-weight: bold;
    color: #1a4a72;
    letter-spacing: 1px;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 15px 15px 0 0px;
    border-bottom: none;
}
.modal-body h5 {
    font-size: 23px;
    font-family: 'Lato', sans-serif;
    text-align: center;
    font-weight: 600;
    color: #1a4a72;
    letter-spacing: 1px;
    margin-top: 1.3em;
}

/*-----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_w3l_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_w3l_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: 317px;
		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;
	}
}