/*-- middle section --*/

.middle-w3l {
    background: url(../images/bg1.jpg) no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    padding: 10em 0 8em;
}

.middle-left-w3l {
    text-align: right;
    width: 70%;
    float: right;
}

.middle-left-w3l h4 {
    color: #fff;
    font-size: 40px;
    line-height: 1.4;
}

.middle-left-w3l p {
    color: #fff;
    margin: 10px 0 20px;
}

/*-- //middle section --*/


/*-- about-team --*/

.thumbnail.team-agileits {
    border: none;
    text-align: center;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.team .effectd-caption {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 3px #ccc;
    -moz-box-shadow: 0px 2px 3px #ccc;
    box-shadow: 0px 0px 3px 1px #ccc;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}

.team h4 {
    color: #2ec4b6;
    font-size: 23px;
    margin-bottom: 16px;
}


/*-- //about-team --*/


img.img1 {
    width: 9%;
    margin: 0 auto;
}
.banner-btm-g1{
    padding:0;
}

.banner-btm-g2 {
    padding: 1em 2.5em;
    background: #141213;
}
h3.title-main {
    color: #97f302;
    font-size: 40px;
    text-transform: capitalize;
}
h4.sub-title {
    font-size: 22px;
    color: #fff;
    margin: 16px 0 10px;
}
.banner-btm p {
    font-size: 15px;
    line-height: 1.8em;
    color: #a7a7a7;
}
.heading-agileinfo {
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 40px;
        margin-bottom: 1.4em;
    text-align: center;
    color: #3259a6;
    text-transform: capitalize;
    position: relative;
	margin-top:0;
}
.heading-agileinfo span {
    display: block;
    font-size: 17px!important;
    margin-top: 1em;
    letter-spacing: 4px;
    text-transform: capitalize;
    color: #000000;
    font-weight: 500;
}
.heading-agileinfo span:after {
    content: '';
    background: #212121;
    height: 2px;
    width: 70px;
    position: absolute;
    top: 132%;
    right: 47%;
}
.section.w3ls-banner-btm-main {
    padding: 3em 0;
}
.find-about a {
    float: none;
    margin-top: 1.5em;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 4px 16px;
    font-size: 15px;
    background: transparent;
    border: 2px solid #fff;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    border-radius: 0px;
}
.find-about a:hover {
    background: #97f302;
    color: #000;
    border: 2px solid #97f302;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}
.find-about a:focus {
    text-decoration: none;
    box-shadow: none;
    outline: none;
}
/* //about */


/*Main Style*/

section.section-padding {
    padding: 80px 0;
}
.section-title {
    margin-bottom: 50px;
    text-align: center;
}
.section-title h2 {
    font-size: 30px;
    position: relative;
}

.section-title h2 span {
    color: #9b59b6;
}


.section-title h2:before {
    background: #9b59b6;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    width: 90px;
}
.section-title h2:after {
    background: #333;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px;
}



.section-title p {
  font-size: 17px;
}

.single-pricing-box {
    border: 2px solid #D6DDD9;
    padding: 20px;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s;
}

.single-pricing-box:hover{
    border-color: #9b59b6;
    box-shadow: 0 0 30px #f1f1f1;
}

.single-pricing-box h3 {
    background: #ddd none repeat scroll 0 0;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 500;
}
.pricing-icon {
    font-size: 60px;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    transition: .3s;
}

.single-pricing-box:hover .pricing-icon {
	color: #9b59b6;
}

.pricing-list {
    margin-bottom: 25px;
    text-align: left;
}
.pricing-list ul {
    line-height: 26px;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 16px;
}

.pricing-list ul li{
    font-size: 15px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pricing-list ul li:hover{
    padding-left: 5px;
}

.pricing-list ul li:before{
    font-family: fontAwesome;
    content: "\f00c";
    color: #9b59b6;
    padding-right: 8px;
}

.pricing-list ul li.off:before{
    content: "\f00d";
    color: red;
}

.single-pricing-box h3.pricing-count {
    text-transform: none;
}
a.bordered-btn {
    border: 1px solid #ddd;
    color: #333;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 16px;
    text-decoration: none;
}


a.bordered-btn:hover{
    background: #9b59b6;
    color: #fff;
    border-color: #9b59b6;
}


/*-- gallery --*/

.gallery h3.title-w3l {
    margin: 0 0 .5em;
}

.w3layouts_gallery_grids {
    padding-top: 1em;
}

.w3layouts_gallery_grid {
    margin-top: 2em;
}

.gallerie-imagebox img {
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
}

.gallerie-imagebox .loading {
    opacity: 0.3;
}

.w3layouts_news_grid {
    overflow: hidden;
    position: relative;
}

.w3layouts_news_grid_pos {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    right: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}

.w3layouts_news_grid_pos {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
}

.w3ls_news_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos,
.w3_agileits_team_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos,
.w3layouts_gallery_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.w3ls_news_grid:hover .wthree_text,
.w3_agileits_team_grid:hover .wthree_text,
.w3layouts_gallery_grid:hover .wthree_text {
    opacity: 1;
    -webkit-transform: translateY(0) scale3d(1, 1, 1);
    -moz-transform: translateY(0) scale3d(1, 1, 1);
    -ms-transform: translateY(0) scale3d(1, 1, 1);
    transform: translateY(0) scale3d(1, 1, 1);
    -webkit-transition: transform 400ms ease 380ms;
    -moz-transition: transform 400ms ease 380ms;
    transition: transform 400ms ease 380ms;
}

.wthree_text {
    text-align: center;
    padding: 6em 0 0;
    opacity: 0;
    -webkit-transform: translateY(0) scale3d(0, 0, 1);
    -moz-transform: translateY(0) scale3d(0, 0, 1);
    -ms-transform: translateY(0) scale3d(0, 0, 1);
    transform: translateY(0) scale3d(0, 0, 1);
    -webkit-transition: transform 400ms ease 280ms;
    -moz-transition: transform 400ms ease 280ms;
    transition: transform 400ms ease 280ms;
}

.wthree_text h3 {
    color: #fff;
    font-size: 2.5em;
}

/*-- //gallery --*/

/* Services */


/* about */

.inner-about2 h4 {
    font-size: 2em;
    color: #f7c052;
    text-transform: capitalize;
}

.inner-about2 p {
    text-align: justify;
    color: #fff;
    line-height: 1.5;
    margin: 1em 0;
    font-size: 1.1em;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

ul.about-list {
    margin-bottom: 2em;
}

.inner-about2 a {
    display: inline-block;
    background: #ffffff;
    padding: 7px 25px;
    color: #000000;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.inner-about1 {
    background: url(../images/a2.jpg) no-repeat center;
    background-size: cover;
    min-height: 400px;
}

.about-right-grid {
    background: url(../images/a1.jpg) no-repeat center;
    background-size: cover;
    min-height: 787px;
    border: 10px solid rgba(223, 164, 2, 0.35);
}

.inner-about {
    margin-top: 3em;
}

.inner-about2 {
    background: #3259a6;
    padding: 30px;
}
@media(max-width:768px){
    .inner-about2 {
        padding: 10px;
    }
}

.inner-about2 h5 {
    color: #000;
    text-transform: capitalize;
    background: #f7c052;
    display: inline-block;
    padding: 10px 16px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 0 20px 20px 0;
}

ul.about-list li {
    margin: 1em 0;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
	    list-style-type: disc;
}

ul.about-list li i {
    margin-right: 1em;
}

/* //about */

/* about-bottom */

h4.title-about {
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1.5;
    font-size: 30px;
    color: #fff;
    text-transform: capitalize;
}

.stats-aboutinfo {
    border: 10px solid #ededed;
    text-align: left;
}

.stats-aboutinfo h6 {
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
}

.rad-txt {
    color: #000;
    font-size: 1.8em;
    text-transform: capitalize;
    margin-bottom: 2em;
}

h4.rad-txt span.abtxt1 {
    color: #000000;
    background: #f7c052;
    padding: 5px 19px;
    border-radius: 20px 0px 0 20px;
}

span.abtext {
    color: #ffffff;
    background: #e85342;
    padding: 5px 19px;
    border-radius: 0 20px 20px 0;
}

.agileits_w3layouts-stats-grids {
    padding: 23px 30px;
    border: 10px solid #ededed;
}
/*-- stats --*/

.agileits_w3layouts-stats-grids:nth-child(1) {
    background: #eb5273;
}

.agileits_w3layouts-stats-grids:nth-child(4) {
    background: #00b9ef;
}

.agileits_w3layouts-stats-grids:nth-child(3) {
    background: #fc7e46;
}

.agileits_w3layouts-stats-grids:nth-child(2) {
    background: #4ddba6;
}

.stats-icon,
.stats-right {
    float: left;
}

.stats-right {
    margin-left: 3em;
}

.stats-icon span {
    font-size: 39px;
    color: #ffffff;
}

.numscroller {
    font-size: 33px;
    font-weight: 600;
    color: #fff;
}

h4.title-about.about.text-center span {
    background: #febf00;
    padding: 0px 2px 0 7px;
    color: #031f9a;
}

.bg-right {
    background: url(../images/s5.jpg) no-repeat center;
    min-height: 576px;
    background-size: cover;
}

/*-- //stats --*/

.ab1 {
    background: #ededed;
    padding: 30px;
    margin: 1em 0 0 0;
}

.services-w3ls {
    padding: 0;
}

.ab1-text {
    margin-left: 1em;
}

.about-bottom-right .ab1-icon {
    background: #ffffff;
    text-align: center;
    width: 49px;
    height: 49px;
    outline: 6px solid rgba(232, 83, 66, 0.2901960784313726);
}

.service2 .ab1 {
    margin-left: 1em;
}

.ab1:first-child {
    margin-top: 0;
}

.ab1-icon span {
    color: #e85342;
    font-size: 1.9em;
    line-height: 1.8;
}

.ab1-text h5 {
    color: #000;
    font-size: 1.2em;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.about-bottom-right p {
    color: #777;
    width: 95%;
    letter-spacing: 0.5px;
    line-height: 2;
    margin-bottom: 8px;
}

.ab1-text p {
    width: 100%;
    line-height: 1.5;
}

.about-bottom-left h5 {
    color: #e01414;
    text-align: right;
    font-size: 3em;
    padding: 2em 0 0;
}

/* //about-bottom */
/*-- Principles --*/

.principles {
    padding: 100px 0 300px;
    position: relative;
    background-color: #EEE;
}

.about-right p {
    line-height: 30px;
}

.abt-btm.agileits.w3layouts {
    margin: 4em 0 0;
}

.bottom-gds {
    padding: 0;
}

.bott-img {
    padding: 2em;
    background: #eee;
    height: 180px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bott-img.bott-img1 {
    margin-left: 1em;
}

.bott-img:hover {
    background-color: #e85342;
}

.bottom-gds:hover h4.mission {
    color: #fff;
}

.bott-img .icon-holder {
    position: relative;
    top: 0px;
    display: inline-block;
    margin-bottom: 20px;
    padding: 20px 18px;
    background: #34c663;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 100%;
    color: #fff;
    font-size: 26px;
    /*--w3layouts--*/
    /*--agileits--*/
}

.bott-img .mission {
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    color: #000;
    font-size: 20px;
    text-transform: capitalize;
}

.bott-img .description {
    margin: -5em auto 0;
    opacity: 0;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.description.agileits.w3layouts p {
    margin: 2em;
    color: #fff;
}

.bott-img .icon-holder>.service-icon {
    width: 40px;
}

.bott-img:hover .icon-holder {
    top: -65px;
    background: #f7c052;
    margin-bottom: 2em;
}

.bott-img:hover .mission {
    top: -90px;
}

.bott-img .mission h4 {
    color: #fff;
}

.bott-img:hover .description {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-size: 14px;
    line-height: 2.2em;
}

.bott-img:hover .description a {
    top: -60px;
}

.description a {
    /*--w3layouts--*/
    /*--agileits--*/
    color: #000;
    padding: 7px 30px 8px;
    background-color: #eee;
}

.description a:hover {
    background-color: #f7c052;
    color: #000000;
}

.principles-grids2 {
    background-color: #F5F5F5;
    position: absolute;
    top: 40%;
    right: 20%;
    width: 35%;
    padding: 50px 50px 50px 125px;
}

.principles-grids2 h3 {
    text-align: left;
    width: 50%;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #1dc8d9;
}

.slider-4 p {
    line-height: 30px;
    font-weight: 100;
    color: #000;
}

.slider-4 h4 {
    float: right;
    margin-top: 20px;
    font-weight: 600;
    color: #1dc8d9;
}

/*-- //Principles --*/

/* Services */

@media screen and (min-width: 1081px){
    .banner-btm {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

@media screen and (min-width: 1081px){
    .banner-btm-g1, .banner-btm-g2 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        width: 20%;
        -webkit-flex: 1;
        -ms-flex: 1;
        /* flex: 1; */
    }
}