@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400&display=swap');
body {
    color: #414141;
    font-family: 'Noto Sans', sans-serif;
}

p {

    font-size: 14px;
    margin: 0px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;

}

.no-padding {
    padding: 0px
}

.site-wrapper {
    padding-top: 80px;
}

.navbar {
    position: absolute;
    background: #fff;
}

.logo-image {
    font-size: 20px;
    color: #8bb849;
}

    .logo-image:hover {
        color: #8bb849;
        text-decoration: none;
    }

.back-to-top {
    display: none;
}

.carousel-control {
    width: 7%;
}

.slide-content {
    position: absolute;
    top: 20%;
    max-width: 700px;
    background: rgba(0,0,0,0.5);
    padding: 40px;
    left: 7%;
}

    .slide-content h1 {
        color: #fff;
        font-size: 48px;
    }

        .slide-content h1 span {
            color: #f8d56f;
        }

    .slide-content p {
        color: #c1c0c0;
        margin-top: 20px;
    }

.navbar-custom.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    border-radius: 0px;
    padding: 5px;
}

    .navbar-custom.sticky .navbar-nav li a {
        padding: 8px 20px !important;
    }

.sticky .logo-image img {
    width: 120px;
}

.my-sec {
    padding: 90px 0px;
    float: left;
    width: 100%;
}

.navbar-custom .navbar-nav li a {
    padding: 15px 20px !important;
    color: #414141;
    text-transform: capitalize;
    font-size: 16px;
}

.navbar-custom {
    margin: 0px;
    padding: 15px 0px;
}

.main-heading {
    width: 100%;
}

    .main-heading h2 {
        margin: 0px;
        font-size: 35px;
        display: inline-block;
        position: relative;
    }

        .main-heading h2::before {
            content: "";
            width: 3px;
            height: 50px;
            position: absolute;
            left: -30px;
            top: 5px;
        }

.color-blue h2::before {
    background-color: #59b6f7;
}

.color-green h2::before {
    background-color: #8bb849;
}

.color-blue h2 span {
    color: #59b6f7;
}

.color-green h2 span {
    color: #8bb849;
}
.color-green h1 span {
    color: #8bb849;
}

.smry-col h4 {
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
}

.How-work h4 {
    margin-top: 30px;
}

.How-work .smry-col, .solutions .smry-col, .what-weDo .smry-col, .Our-Clients .smry-col, .Download-sec .smry-col {
    margin-top:70px;
}

.How-work .smry-col-1::after, .How-work .smry-col-2::after {
    content: "";
    background: url('../images/how-arrow1.png');
    width: 158px;
    height: 32px;
    position: absolute;
    top: 30%;
    right: -20%;
}

.solutions, .our-Team, .our-partners  {
    background: #f9f8f8;
}

    .solutions .icons {
        display: inline-block;
        background: #8bb849;
        border-radius: 100%;
        width: 75px;
        height: 75px;
        line-height: 73px;
    }

    .solutions .smry-col {
        margin-top: 70px;
    }

        .solutions .smry-col h4 {
            margin: 20px 0px 30px;
            font-weight: 400;
        }

        .solutions .smry-col p {
            padding: 0px 20px;
        }

.portfolio .tab-content {
    width: 100%;
    margin-top: 50px;
}

.portfolio img {
    width: 100%;
}

.portfolio .active {
    opacity: 1 !important;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    text-align: center;
    padding: 50px 0px 0px;
}

    .nav-tabs > li {
        float: none;
        display: inline-block;
    }

    .nav-tabs li a {
        border: 0px solid #ddd;
        font-size: 16px;
        font-weight: 500;
        color: #414141;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: transparent;
        border: 0px solid #ddd;
        border-bottom: solid 2px #59b6f7;
    }

    .nav-tabs .nav-item.active a {
        border: 0px solid #ddd;
    }

    .nav-tabs .nav-item a.active {
        border-bottom: solid 2px #59b6f7;
    }
.products-tab .portfolio-col .overlay2 {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color:rgba(0,0,0,0.4);
      overflow: hidden;
      width: 100%;
      height: 100%;
}
/*.products-tab .portfolio-col:nth-child(2n+1) .overlay2 {
      background-color: rgba(139, 184, 73, 0.3);
}*/
 .portfolio .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(139, 184, 73, 0.4);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.clients-box .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0,0,0,0.4);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.portfolio-col:hover .overlay, .clients-box:hover .overlay {
  width: 100%;
}

.portfolio .overlay .btn {
     background: #fff;
     color: #59b6f7;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.blue-btn {
    font-size: 13px;
    border-radius: 0px;
    color:#fff;
    background: #8bb849;
}
.Our-Clients .blue-btn {
    position: absolute;
    top: 0px;
    right: 0px;
}
.clients-box .overlay h3 {
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    border-radius: 0px;
    color:#fff;
    margin:0px
}
.clients-boxinside {
    position: relative;
}
.clients-box img {

    max-width: 100%;

}
.clients-box {
    background: #fff;
    border:solid 1px #ddd;
    position:relative;
}
.clients-box p {

    background: #fff;

    padding: 15px;

}
.Our-Clients .swiper-button-prev, .Our-Clients .swiper-button-next {
    top: 40px;
}
.Our-Clients .swiper-button-prev, .Our-Clients swiper-container-rtl .swiper-button-next {
    left: auto;
    right: 30px;
}

 
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.what-weDo h5 {
    font-size: 23px;
    font-weight: 300;
    margin: 0px;
}

.what-weDo .icon {
    position: absolute;
    top: 5px;
    left: 0px;
}

.WeDo-desc {
    padding-left: 40px;
}


.what-weDo .smry-col {
    margin: 70px 0px 0px;
}

.portfolio {
    padding-bottom: 0px !important;
}

.our-Team .smry-col img {
    border-radius: 100%;
    border: solid 1px #d6d4d6;
}


.our-Team .smry-col, .our-partners .image-slider {
    margin: 60px 0px 0px;
    position: relative;
}

    .our-Team .smry-col h5 {
        font-size: 18px;
        font-weight: 500;
        margin: 10px 0px 0px;
    }

    .our-Team .smry-col p {
        font-size: 13px;
        color: #6f6e6e;
    }

.testimonials-main {
    background: #f9f8f8;
    padding: 40px 40px 40px 100px;
    margin-top: 70px;
    box-shadow: 0px 1px 58px 0px #ccc;
}


.client-img {
    position: absolute;
    left: -20px;
}

.testimonials .smry-col h4 {
    text-transform: capitalize;
    padding-top: 20px;
}

.testimonials .smry-col h3 {
    color: #8d8c8c;
    font-size: 16px;
    letter-spacing: 1px;
}

.testimonials .smry-col p {
    margin-top: 25px;
    position: relative;
}

.testimonials .client-info p::before {
    content: "";
    background: url('../images/testi-colmn.png');
    width: 39px;
    height: 21px;
    position: absolute;
    left: -64px;
    top: 7px;
}


.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.swiper-button-next .glyphicon, .swiper-button-prev .glyphicon {
    font-size: 25px;
}

.contacts-us p {
    margin: 30px 0px 20px;
}

.contacts-us h5 {
    margin-bottom: 50px;
    font-size: 16px;
}

    .contacts-us h5 .fa-map-marker {
        margin-right: 5px;
        color: #8bb849;
    }

.submit-btn {
    background: transparent;
    color: #8bb849;
    font-size: 16px;
    font-weight: 600;
    border: solid 3px;
    border-radius: 0px;
    padding: 5px 15px;
    margin-top: 20px;
}

    .submit-btn:hover {
        background: #8bb849;
        color: #fff;
        border: solid 3px #8bb849;
    }

.footer {
    background: #141d28;
    padding: 30px 0px 0px;
}

    .footer li {
        display: inline-block;
        color: #c0bfbf;
        font-size: 13px;
        padding: 0px 5px;
    }

    .footer ul {
        width: 100%;
        padding: 0px;
    }

    .footer li .fa {
        font-size: 15px;
    }

.social-icon a {
    width: 30px;
    color: #c0bfbf;
    height: 30px;
    display: block;
    border: solid 1px;
    border-radius: 100%;
    line-height: 28px;
}

.sub-footer {
    font-size: 11px;
    width: 100%;
    color: #c0bfbf;
    border-top: solid 1px #242f3d;
    padding: 10px 0px;
}

.social-icon {
    margin: 5px 0px 15px;
}

.navbar-nav li a.active {
    color: #59b6f7;
    border-bottom: 2px solid;
}


.ourClient {
    z-index: 1;
    position: relative;
    background: url(../Images/19.jpg) 50% 0 fixed;
}


    .ourClient h4 {
        font-size: 34px;
        padding: 10px 0px;
        color: #fff;
        font-weight: 300;
        margin: 0px;
    }

    .ourClient h5 {
        font-size: 20px;
        color: #cec8c8;
        font-weight: 300;
        margin: 0px;
    }

    .ourClient img {
        width: 50px;
    }

    .ourClient .smry-col {
        margin: 20px 0px;
    }

.social-icon a:hover .fa {
    transform: rotate(360deg);
    transition: all .33s ease 0s;
}
 
.Download-sec .smry-col > div {
    width:100%;
}
.Download-sec td, .Download-sec th {
    padding: 6px 15px;
    border-color: #ccc;
}

.Download-sec .download-btn {

    background-color: #8bb849;
    padding: 6px 10px;
    color: #fff;
    display: inline-block;

}

.Download-sec

.Download-sec img {
    max-width: 100%;
}



/**************/

 .parallax-mask {
    background-color: rgba(0,0,0,0.7);
        padding: 60px;
            width: 100%;
}

 .header-page.enterprise {
    background: url(../images/bg-enterprise.jpg);
        margin-top: 40px;
}
.header-page {
    background: url(../images/page-heading-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;

    margin-bottom: 20px;
    position: relative;
}
.enterprise {
    position: relative;
    z-index: 1;
}
.header-page .page-title {
    position: relative;
    padding: 3rem 0px 3rem;
    z-index: 999;
}
.header-page .page-title h2 {
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 15px;
    color: #ffffff;
    font-weight: 500;
    text-shadow: 1px 0 2px #283b1e;
    text-align: center;
    padding: 20px 0px 10px;
}

.header-page .page-title h6 {
    margin: 0 auto;
    color: #ffffff;
    letter-spacing: 2px;
    text-align: center;
    font-size: 16px;
}

.heading-title {
    border-bottom: 1px dashed #e1e1e1;
    margin: 30px 0;
    position: relative;
    padding: 0;
}
.contentrow {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.heading-title {
    border-bottom: 1px dashed #e1e1e1;
    margin: 30px 0;
    position: relative;
    padding: 0;
}
.heading-title h4 {
    display: table;
    background: #ffffff no-repeat;
    padding-right: 10px;
    margin-bottom: -9px;
    font-size: 24px;
    font-weight: 500;
    color: #8bb849;
}   

.contentrow h5 {
    font-weight: 400;
    color: #5E8403;
}
.pages-left-sec ul {
    padding: 0px;
    list-style: none;
    padding-top: 10px;
}
.pages-left-sec ul li {
    letter-spacing: 0.5px;
    font-size: 13px;
    line-height: 27px;
}
.pages-left-sec ul li .fa {
    padding-right: 10px;
}

 
.vert-wrap .vert-box {
    position: relative;
    display: block;
    text-align: center;
    color: #1a1a1a;
}

.vert-wrap .vert-box img {
    margin-bottom: 10px;
    width: 75px;
}

.vert-wrap .vert-box h5 {
    font-size: 17px;
    font-weight: 500;
    line-height: 16px;
    color: #414141;
}

.vert-wrap {
    position: relative;
}

.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}
.vert {
    padding: 0px;
    list-style: none;
    position: relative;
    margin: 20px 0;
    
}
 

 

.heading-title h3 {
    display: table;
    background: #ffffff no-repeat;
    font-size: 24px;
    padding-right: 20px;
    margin-bottom: -9px;
    text-align: left;
}

.contentrow .media-object {
    width: 100%;
    margin-bottom: 1rem;
}

.customer-contact {
    background: #f1f1f1;
    padding: 10px 0px 12px;
    border: solid 1px #ccc;
    margin-top: 40px;
    margin-bottom: 40px;
}

.customer-contact .fa {
    color: #8bb849;
    font-size: 16px;
    position: absolute;
    padding-top: 8px;
    left: 24px;
}
.customer-contact .form-control {
    padding-left: 30px;
}

.Download-sec {
    padding: 50px 0px;
}

.vert-box:hover img {
    transform: rotate(360deg);
    transition: all .33s ease 0s;
}
@media (min-width: 768px) {
    .products-tab .portfolio-col:nth-child(2n+1) {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
    }
}
@media (max-width: 767px) {
    .products-tab .portfolio-col {
    margin-bottom: 15px;
}
    p {
        font-size: 13px;
        line-height: 22px;
    }

    .logo-image img {
        width: 60%;
    }

    .navbar-toggler .fa-bars {
        display: block;
        font-size: 20px;
        color: #59b6f7;
    }

    .navbar-custom .navbar-nav li a {
        padding: 8px 0px !important;
        font-size: 14px;
        text-align: center;
        border-bottom: dotted 1px #ddd;
    }

    .my-sec {
        padding: 40px 0px;
    }

    .main-heading h2 {
        font-size: 25px;
    }

        .main-heading h2::before {
            width: 2px;
            height: 30px;
            left: -20px;
            top: 3px;
        }

    .How-work .smry-col img {
        width: 90px;
    }

    .How-work .smry-col {
        margin-top: 40px;
    }

    .How-work h4 {
        margin-top: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .smry-col h4 {
        font-size: 18px;
    }

    .How-work .smry-col-1::after, .How-work .smry-col-2::after {
        display: none;
    }

    .solutions .smry-col {
        margin-top: 30px;
    }

        .solutions .smry-col p {
            padding: 0px 0px;
        }

    .solutions img {
        width: 27px;
    }

    .solutions .icons {
        width: 55px;
        height: 55px;
        line-height: 55px;
    }

    .solutions .smry-col h4 {
        margin: 15px 0px 15px;
        font-weight: 400;
    }

    .slide-content h1 {
        font-size: 20px;
        margin: 0px;
    }

    .slide-content {
        top: 8%;
        padding: 15px;
    }

        .slide-content p {
            margin-top: 5px;
            font-size: 12px;
            line-height: 20px;
        }

    .nav-tabs li a {
        font-size: 13px;
    }

    .what-weDo h5 {
        font-size: 18px;
    }

    .How-work .smry-col, .solutions .smry-col, .what-weDo .smry-col, .Our-Clients .smry-col, .Download-sec .smry-col {
        margin: 40px 0px 0px;
    }

    .what-weDo .icon {
        left: 15px;
    }

        .what-weDo .icon img {
            width: 30px;
        }

    .testimonials-main {
        padding: 25px 50px 25px 50px;
        margin-top: 40px;
        text-align: center;
    }

    .client-img {
        position: relative;
        left: 0px;
    }

    .testimonials .smry-col h4 {
        margin: 0px;
    }

    .testimonials .smry-col h3 {
        font-size: 14px;
        margin: 10px;
    }

    .testimonials .smry-col p {
        margin-top: 15px;
    }

    .testimonials .client-info p::before {
        left: -40px;
    }

    .ourClient h4 {
        font-size: 26px;
    }

    .footer {
        padding: 20px 0px 0px;
    }
    .navbar-nav {
    margin: 7.5px 0px;
    width: 100%;
}
    .parallax-mask {
    padding: 0px;
}
    .header-page .page-title h2 {font-size: 20px }
    .vert-wrap .vert-box { height: 110px }
    .vert-wrap .vert-box h5 {font-size: 14px }
    .heading-title h4 { font-size: 20px }
    .Our-Clients .swiper-button-prev, .Our-Clients .swiper-button-next {
	top: 25px;
}

}





@media only screen and (min-width: 200px) and (max-width: 479px) {


    .carousel-inner > .item > img {
        max-width: 200% !important;
        margin-left: -25%;
    }

    .slide-content {
        max-width: 100%;
        width: 86%;
    }

    .nav-tabs li a {
        padding: 11px 3px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .slide-content {
        max-width: 400px;
    }
}