/*-- banner-bottom --*/
/*-- about --*/
.banner-bottom{
	padding:4em 0;
	text-align:center;
}
h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3{
    color: #19253c;
    font-size: 2.5em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.banner-bottom p{
	color:white;
	font-size:14px;
	text-align:center;
	line-height:2em;
}
.bottom-grid img{
	width:100%;
}
.bottom-grid.fadeInLeft.animated.animated {
    padding: 0;
}
.grid-one h4 {
    font-size: 36px;
    text-align: left;
    color: #00e0c3;
}
.grid-one p{
	font-size:0.9em;
	color:#999;
	line-height:2em;
	margin-top: 30px;
	text-align:left;
}
.grid-one {
	background: #2b2a2a;
	padding: 3em;
}
.bottom-grid img,.grid-one{
	min-height:383px;
}
/*-- //about --*/



	/*--responsive--*/

@media(max-width: 1680px){
	.thim-click-to-bottom {
		bottom: -10%;
	}
}
@media(max-width: 1600px){
	.thim-click-to-bottom {
		bottom: 17%;
	}
	.newsletter-agile {
		top: -21%;
		left: 15%;
	}
	.services-info-w3-agileits:after {
		left: 186px;
		top: 198px;
	}
	.services-info-w3-agileits.mid:after {
		left: 183px;
	}
}
@media(max-width: 1440px){
	.banner {
		min-height: 677px;
	}
	.slider-info {
		width: 36%;
		margin-top: 7em;
	}
	.slider-info h3 {
		right: -142px;
	}
	.thim-click-to-bottom {
		bottom: 3%;
	}
	.newsletter-agile {
		width: 74%;
	}
	.newsletter-agile {
		top: -21%;
		left: 11%;
	}
	#jzBoxTargetImg {
		margin: 4% 0 1% 0;
		max-height: 66%;
	}
	.close {
		margin: 0em auto 0;
	}
	#jzBoxCounter {
		margin-bottom: 0.5%;
	}
}
@media(max-width: 1366px){
	.banner {
		min-height: 639px;
	}
	.thim-click-to-bottom {
		bottom: 5%;
	}
	.newsletter-agile {
		width: 78%;
		left: 9%;
	}
	.count-bgcolor-w3ls {
		width: 85%;
	}
	.services-info-w3-agileits:after {
		left: 160px;
		top: 226px;
	}
	.services-info-w3-agileits.mid:after {
		left: 164px;
		top: -11px;
	}
}
@media(max-width: 1280px){
	
	.banner-bottom, .about {
		padding: 3em 0;
	}
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3 {
		font-size: 2.4em;
		margin-bottom: 1.2em;
	}
	.grid-one h4 {
		font-size: 34px;
	}
	
}
@media(max-width: 1080px){
	
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3 {
		font-size: 2.3em;
	}
	.grid-one h4 {
		font-size: 32px;
	}
	.grid-one {
		padding: 2em;
	}
	
}

@media(max-width: 1024px){
	
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3 {
		font-size: 2.2em;
	}
	
	.grid-one h4 {
		font-size: 30px;
	}
}
@media(max-width: 991px){
	
	.banner-bottom, .about {
		padding: 2.5em 0;
	}
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3 {
		font-size: 2.1em;
		margin-bottom: 1em;
	}
	.bottom-grid.grid-one {
		float: right;
		width: 50%;
	}
	.bottom-grid img {
		float: left;
		width: 50%;
	}
	.grid-one h4 {
		font-size: 26px;
	}
	.grid-one {
		padding: 1em 2em;
	}
	.grid-one p {
		margin-top: 16px;
	}
	.about-grid-left.non {
		float: left;
		text-align: right;
	}
	.about-grid-right.aliquam {
		float: right;
	}
	.about-grid.about-one:nth-child(2) {
		padding-top: 2em;
	}
	.about-grid-right {
		padding: 2em 4em 2em 2em;
		border-right: 1px solid rgba(188, 188, 188, 0.57);
	}
	.about-grids {
		margin: 0;
	}
	.about-grid.about-one:nth-child(2):after {
		left: 0%;
	}
	.about-grid:nth-child(1):after {
		left: 0%;
	}
	.about-grid {
		position: relative;
		padding:2em 0;
	}
	.about-grid:after {
		content: '';
		height: 1px;
		background-color: rgba(188, 188, 188, 0.57);
		width: 90%;
		position: absolute;
		display: block;
		left: 0%;
		bottom: 0%;
	}
	.about-grid-left {
		margin-top: 0;
	}
	
}

	
@media(max-width: 768px){
	
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3 {
		font-size: 2em;
	}
	.bottom-grid img {
		width: 100%;
		min-height: 220px;
	}
	.bottom-grid.grid-one {
		width: 100%;
	}
	.grid-one {
		padding: 2em 2em;
	}
	.grid-one p {
		margin-top: 25px;
	}
	.grid-one h4 {
		font-size: 28px;
	}
	
}

@media(max-width: 667px){
	.banner-2 {
		min-height: 190px;
	}
	.about-grid-left p {
		font-size: 0.95em;
	}
	.about-grid.about-one {
		padding: 0 0 2em 0;
	}
}

@media(max-width: 600px){
	
	.banner-bottom, .about {
		padding: 2em 0;
	}
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3{
		font-size: 1.9em;
		margin-bottom: 0.8em;
	}
	.grid-one h4 {
		font-size: 26px;
	}
	.grid-one {
		padding: 1.5em 1.5em;
	}
	.grid-one p {
		margin-top: 17px;
	}
	
	.about-grid-left h4 {
		font-size: 1.4em;
	}

}

@media(max-width: 480px){
	
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3 {
		font-size: 1.8em;
	}
	.grid-one h4 {
		font-size: 25px;
	}
	.grid-one p {
		font-size: 0.85em;
	}
	
	.about-grid-right {
		padding: 2em 2em 2em 2em;
	}
	.about-grid-left p {
		font-size: 0.9em;
	}
	.about-grid {
		padding: 1.5em 0;
	}
	.about-grid-left h4 {
		font-size: 1.3em;
	}
	
}
@media(max-width: 414px){
	
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3{
		font-size: 1.75em;
	}
	.grid-one p {
		font-size: 0.8em;
		line-height: 1.9em;
	}
	
	.about-grid-left h4 {
		font-size: 1.25em;
	}
	.about-grid-right {
		padding: 1em;
	}
	.about-grid-left p {
		font-size: 0.8em;
	}
}
@media(max-width: 384px){
	
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3{
		font-size: 1.6em;
	}
	
}
@media(max-width: 375px){
	
	.banner-bottom, .about {
		padding: 1.5em 0;
	}
	.bottom-grid img {
		min-height: 180px;
	}
}
@media(max-width: 320px){
	
	h2.tittle-one, h3.w3l_head, .w3-agile-he h3, .about h3, h3.title-w3 {
		font-size: 1.3em;
	}
	.grid-one h4 {
		font-size: 21px;
	}
	.grid-one p {
		font-size: 0.75em;
	}
	.grid-one {
		padding: 1em;
	}
	.grid-one p {
		margin-top: 14px;
	}
	.about-grid-left h4 {
		font-size: 1.1em;
	}
	.about-grid-left p {
		font-size: 0.75em;
	}
	.about-grid-right {
		padding: 1em 0.5em;
	}
	.about-grid {
		padding: 1em 0;
	}
	
}
/*--//responsive--*/



/* about bottom */

.about-bottom-wthree {
    background: #0c4c9c ;
	min-height:300px;
}

.bottom-w3ls1 {
    position: relative;
    z-index: 1;
}

.bottom-w3ls1 i {
    font-size: 60px;
    position: absolute;
    top: -30%;
    left: -7%;
    z-index: -1;
    color: white !important;
    transform: rotate(-35deg);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.bottom-w3ls1:hover.bottom-w3ls1 i {
    left: -17%;
    color: #30540c !important;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.bottom-w3ls1 h4 {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 21px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 17px;
    width: 250px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.bottom-w3ls1:hover.bottom-w3ls1 h4 {
    border-color: #fff;
    width: 300px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.col-4.bottom-w3ls1 p {
    color: #eee;
	font-size:16px;
}
/** About bottom responsive--*/
@media(max-width: 800px) {
    
    .posi-w3ls-bottom {
        padding-left: 3em;
    }
    
}
@media(max-width: 568px) {
  
    .posi-w3ls-bottom {
        padding-left: 4em;
    }
    
}
@media(max-width: 384px) {
    
    .posi-w3ls-bottom {
        padding-left: 2.5em;
    }
}

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

@media(max-width: 320px) {
    
    .posi-w3ls-bottom {
        padding-left: 2em;
    }
	.bottom-w3ls1 h4 {
        font-size: 18px;
    }
    .bottom-w3ls1 i {
        font-size: 43px;
        top: -13%;
        left: -7%;
    }
    .bottom-w3ls1 h4 {
        width: 220px;
    }
    .bottom-w3ls1:hover.bottom-w3ls1 h4 {
        width: 240px;
    }
    .bottom-w3ls1:hover.bottom-w3ls1 i {
        left: -11%;
    }
    .img_text_w3ls h4 {
        font-size: 17px;
    }
    .img_text_w3ls p {
        font-size: 12px;
    }
  
}
@media(max-width: 1050px) {
    .bottom-w3ls1:hover.bottom-w3ls1 i {
        left: -11%;
    }
    .bottom-w3ls1 i {
        font-size: 54px;
        top: -23%;
        left: -5%;
    }
}

@media(max-width: 1024px) {
    .bottom-w3ls1:hover.bottom-w3ls1 i {
        left: -8%;
    }
    .img_text_w3ls h4 {
        font-size: 26px;
        letter-spacing: 1px;
    }
}



@media(max-width: 667px) {
    .bottom-w3ls1 h4 {
        font-size: 21px;
    }
    .bottom-w3ls1 i {
        font-size: 50px;
        top: -18%;
        left: -5%;
    }
    .bottom-w3ls1:hover.bottom-w3ls1 i {
        left: -10%;
    }
   
}

.botttom
{
	margin-top:90px;
}
.hhead
{
	color:white;
}
.hheadtxt
{
	color:white;
	margin-top:20px;
	margin-bottom:20px;
	font-size:15px;
}
.hheadtxt1
{
	color:white;
	margin-top:25px;
	margin-bottom:20px;
	font-size:15px;
}
.bothead
{
	margin-top:25px;
}


h3.h3-w3l {
    color: #fff;
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 800;
}
h3.h3-w3l {
    color: #fff;
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.3;
    width: 91%;
    margin-top: 2.5em;
    padding-right: 1em;
}
h3.h3-w3l span {
    color: white;
}
h4.h3-w3l {
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: capitalize;
    margin: 1em 0 0.5em;
}

/* -- Responsive code -- */
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1680px){}
@media screen and (max-width: 1600px){}
@media screen and (max-width: 1440px){
	.agileinfo-abt-btm {
		padding: 3em 0 10em;
	}
}

@media screen and (max-width: 1280px){
	.agileinfo-abt-btm {
		padding: 0em 0 9em;
	}
}
@media screen and (max-width: 900px){

	.agileinfo-abt-btm {
		padding: 0em 0 6em;
	}
}

@media screen and (max-width: 768px){
	.w3ls-section {
		padding: 3.5em 0;
	}
	.agileinfo-abt-btm {
		padding: 0em 0 3em;
	}
}

@media screen and (max-width: 600px){
	
	.w3ls-section {
		padding: 3em 0;
	}
	.box {
		width: 96%;
		padding:1em 1.5em;
	}
	.agileinfo-abt-btm {
		padding: 0em 0 2.5em;
	}
	
	}
@media screen and (max-width: 480px){
	
	.agileinfo-abt-btm {
		padding: 0;
	}
	h3.h3-w3l {
		font-size: 1.3em;
		margin: 2em 0 0em;
		line-height:1.7;
	}
	.w3ls-section h3 {
		font-size: 1.2em;
	}
	h4.h3-w3l {
       margin: 1em 0 1.5em;
	   font-size: 1.2em;
	}
	.w3ls-section h3 {
		margin-bottom: 0.2em;
	}
	.w3ls-hover .view-caption span {
		font-size: 0.8em; 
	}
	.w3ls-hover .view-caption h5 {
		font-size: 1.3em;
		margin-bottom: 10px;
	} 
	}

@media screen and (max-width: 1050px){
	
	.w3ls-section h3 {
		font-size: 1.8em;
	}
}

@media screen and (max-width: 991px){
	
	h3.h3-w3l {
		font-size: 2em;
		width: 87%;
	}
	.w3ls-section h3 {
		font-size: 1.6em;
	}
	.w3ls-section a {
        font-size: 1.1em;
	}
	.box {
		height: 18.2em;
	}
	.w3ls-hover .view-caption h5 {
		font-size: 1.5em;
	}
	.w3ls-hover .view-caption span { 
		font-size: 0.9em;
		margin-top: 0%; 
		padding: 8px;
	}
	.w3ls-hover {
		padding: 5em 0;
	}
	
}

@media screen and (max-width: 736px){
	
	.w3ls-hover .view-caption {
		padding: 7em 0;
	} 
	
	.w3ls-section h3 {
		font-size: 1.5em;
	}
	
	}

@media screen and (max-width: 667px){
	
	h4.h3-w3l {
		font-size: 1.3em;
	}
	h3.h3-w3l {
		font-size: 1.7em;
	}
	.w3ls-section h3 {
		font-size: 1.4em;
	}
	}

@media screen and (max-width: 640px){
	.w3ls-hover .view-caption {
		padding: 4.8em 0;
	}

	h3.h3-w3l {
		font-size: 1.5em;
	}
	
	.w3ls-section h3 {
		line-height: 1.5;
	}
	
	
}
@media screen and (max-width: 384px){
	
	h3.h3-w3l {
		font-size: 1.1em;
		padding: 0;
	}
	.w3ls-section {
		padding: 2.5em 0;
	}

	.w3ls-section h3 {
		padding: 0em 0 1em;
		font-size:1em;
	}
	.w3ls-section a {
		font-size: 1em;
	}
}

/*--//responsive--*/
.abt
{
	margin-top:20px;
	margin-bottom:20px;
}
/*-- about--*/
.abtr-inner-sub span {
font-size: 43px;
color: #ffc107;
width: 108px;
height: 108px;
line-height: 97px;
border-radius: 152px 15px 152px 15px;
-moz-border-radius: 152px 15px 152px 15px;
-webkit-border-radius: 47px 0px 47px 0px;
border: 2px solid #013fa5;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
box-shadow: 2px 1px 9px 0px #000;
-webkit-box-shadow: 2px 1px 9px 0px #000;
-moz-box-shadow: 2px 1px 9px 0px #000;
}
/*--inner-about-- */
.list-job-grid ul li {
display: block;
padding-bottom: 11px;
}
.list-job-grid ul li h6 {
display: inline-block;
}
.abut-inner-head h4,.abut-two-txt h4{
font-size: 25px;
color: #ffc107;
letter-spacing: 1px;
}
.list-job-grid ul li h6{font-size:22px;
color:#013fa5;}
.list-job-grid ul li span {
font-size: 20px;
color: #fff;
width: 41px;
text-align: center;
line-height: 42px;
/* padding-right: 15px; */
background: #ffc107;
border-radius: 50px;
height: 41px;
margin-right: 15px;
}
/*--//inner-about-- */
/*-- about--*/
.goodtxt
{
	font-size:16px;
	color:black;
	margin-top:20px;
}
.goodhead
{
	margin-top:20px;
	font-size:30px;
}
.specialhead
{
	margin-top:30px;
	margin-bottom:20px;
}
.specialhead1
{
	margin-top:20px;
}