@import url("awesomenav.css");
@import url("awesomenav-style.css");
@import url("awesomenav-animate.css");
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. loader
3. Nav

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Color codes]

# Black (text): #1b1b1b
# Blue : #fe0000

------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body :		'Lato', sans-serif;
Title and logo:		'Montserrat', sans-serif;

-------------------------------------------------------------------*/



/*---Body---*/




html, body {
    height: 100%;
    width: 100%;
}

body {
    color: #898989;
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    line-height: 26px;
}

a {
    color: #333;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.btn, .btn:hover {
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a:hover, a:focus {
    color: #fe0000;
    outline: none;
    outline-offset: 0px;
    text-decoration: none !important;
}
.breadcrumb > .active {
	color: #fe0000;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Exo', sans-serif;
    font-weight: 600;
}

.np {
    padding-left:0;
    padding-right:0;
}
.npr {
    
    padding-right:0;
}
.npl {
    
    padding-left:0;
}

li {
    list-style: none;
}

.pink {
    color: #fe0000;
}

.white {
    color: #fff;
}

.black {
    color: #1b1b1b;
}

.gray {
    color: #898989;
}

.bg-pink {
    background-color: #fe0000;
}

.light-gray {
    background-color: #f7f7f7;
}

/*--- Nav ---*/

@media (max-width: 991px) and (min-width: 768px) {
    .top-bar-nav .wrap-sticky nav.navbar.divinnav.sticked {
        top: 24px;
    }
}

.navbar-default {
    border: none;
    margin-bottom: 0;
}

nav.navbar.awesomenav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {
    border-bottom: none;
}
/*--- Nav top bar ---*/

.top-container {
    float: left;
    width: 100%;
    color: #fff;
    padding: 5px 0;
    background-color: #272727;
}

.top-column-left, .top-column-right {
    float: left;
}

.top-social-network, ul.contact-line, ul.register {
    float: left;
    margin: 0;
    padding: 0;
}

.top-social-network {
    margin-right: 10px;
}

ul.register {
    margin-right: 15px;
}

ul.contact-line li:first-child {
    border-left: none;
    padding: 0;
}

ul.contact-line li, ul.register li {
    float: left;
    font-size: 15px;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
}

.top-column-right {
    float: right;
}

.top-social-network a {
    margin: 2px;
}

.top-container a, .top-container a:hover, .top-container a:focus, .top-container a:active {
    color: #fff;
}

@media (max-width: 767px) {
    .top-container .top-column-left {
        display: none;
    }

    .top-container .top-column-right {
        padding-right: 15px;
    }

    .top-container {
        font-size: 13px;
    }
}




















/*---Responsive Media Screen style---*/


@media only screen and (max-width: 3500px) {
    /*body*/
    body {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 2500px) {
}

@media only screen and (max-width: 2100px) {
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1566px) {
}

@media only screen and (max-width: 1366px) {
}

@media only screen and (min-width: 1300px) {
}

@media only screen and (max-width: 1280px) {
}

@media (min-width: 1280px) {
}

@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 1024px) {
  
}

@media only screen and (max-width: 991px) {
 

    .attr-nav > ul > li {
        padding: 0px 0px;
    }

    .attr-nav > ul {
        margin: 5px -15px -7px 0;
    }
}


/*--------------iPhone 6 plus landscape----------------*/
@media only screen and (max-width: 767px) {
  

    nav.navbar.awesomenav .navbar-brand {
        width: auto;
        display: inline;
        top: 12px;
        padding: 12px;
    }

    .navbar-brand img.logo {
        width: 50%;
        display: inline-block;
        max-width: 120px;
    }
}

/*--------------iPhone 6 landscape----------------*/
@media only screen and (max-width: 667px) {
}

/*--------------iPhone 5 landscape----------------*/
@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 480px) {
}

/*--------------iPhone 6 plus portrait----------------*/
@media only screen and (max-width: 414px) {
}

/*--------------iPhone 6 portrait----------------*/
@media only screen and (max-width: 375px) {
}

/*--------------iPhone 5 portrait----------------*/
@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 300px) {
}

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


.navbar-brand {
    padding: 15px 15px;
    min-height: 50px;
}




.vas {
    background-image: url("https://ik.imagekit.io/smartsoft/images/vas.jpg");
    min-height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 20px;
}

    .vas h1 {
        color: #fff;
        text-align: center;
        font-size: 50px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 80px;
    }

.ca-menu {
    padding: 0;
    margin-bottom: 30px;
}

    .ca-menu li {
        min-height: 150px;
        overflow: hidden;
        position: relative;
        display: block;
        background: #fff;
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        margin-bottom: 4px;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear;
        padding-right: 15px;
    }

        .ca-menu li:last-child {
            margin-bottom: 0px;
        }

        .ca-menu li a {
            text-align: left;
            width: 100%;
            height: 100%;
            display: block;
            color: #333;
            position: relative;
        }

.ca-icon {
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 30px;
    text-shadow: 0px 0px 1px #333;
    line-height: 150px;
    position: absolute;
    width: 90px;
    left: 10px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-content {
    position: absolute;
    left: 100px;
    top: 20px;
}

.ca-main {
    font-size: 20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    margin-top: 5px;
}

.ca-sub {
    font-size: 14px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    margin-top: 10px;
    font-weight: normal;
    line-height: 20px;
}

.ca-menu li:hover {
    background: #cf3247;
}

    .ca-menu li:hover .ca-icon {
        font-size: 40px;
        color: #fff;
       
      
    }

    .ca-menu li:hover .ca-main {
        opacity: 1;
        color: #fff;
        -webkit-animation: moveFromTop 300ms ease-in-out;
        -moz-animation: moveFromTop 300ms ease-in-out;
        -ms-animation: moveFromTop 300ms ease-in-out;
    }

    .ca-menu li:hover .ca-sub {
        opacity: 1;
        -webkit-animation: moveFromBottom 300ms ease-in-out;
        -moz-animation: moveFromBottom 300ms ease-in-out;
        -ms-animation: moveFromBottom 300ms ease-in-out;
         color: #fff;
    }

@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../websymbols/websymbols-regular-webfont.ttf') format('truetype'), url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.vas-list {
    padding-left:0;
}
.vas-list li {
    float:left;
    width:18%;
    margin-right:2%;
    font-size:20px;
    padding-bottom: 30px;
}
    .vas-list li a i {
        font-size:60px;
        display:block;
        text-align:center;
    }
    .vas-list li a h6 {
        text-align:center;
        font-size:18px;
    }
.pricing {
    background-image: url("https://ik.imagekit.io/smartsoft/images/pricing.jpg");
    min-height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

    .pricing h1 {
        color: #fff;
        text-align: center;
        font-size: 50px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .pricing p {
        color: #fff;
        text-align: center;
        font-size: 20px;
        margin-bottom: 80px;
    }

.price {
    padding: 30px 15px;
    background: rgba(255,255,255,0.9);
    min-height: 375px;
}

    .price h2 {
        font-size: 35px;
        color: #fff;
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .price h3 {
        font-size: 25px;
        color: #fff;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .price p {
        font-size: 16px;
        color: #333;
        text-align: center;
        margin-bottom: 30px;
    }

    .price i {
        font-size: 40px;
        color: #fff;
        text-align: center;
        display: block;
        width: 80px;
        height: 80px;
        border: 2px solid #fff;
        border-radius: 40px;
        line-height: 80px;
        margin: 0 auto;
    }

.startup h3 {
    color: rgba(226,87,76,1);
}

.startup i {
    color: rgba(226,87,76,1);
    border: 2px solid rgba(226,87,76,1);
}

.basic h3 {
    color: rgba(61,179,158,1);
}

.basic i {
    color: rgba(61,179,158,1);
    border: 2px solid rgba(61,179,158,1);
}

.standard h3 {
    color: rgba(244,180,89,1);
}

.standard i {
    color: rgba(244,180,89,1);
    border: 2px solid rgba(244,180,89,1);
}

.premium h3 {
    color: rgba(38,166,209,1);
}

.premium i {
    color: rgba(38,166,209,1);
    border: 2px solid rgba(38,166,209,1);
}

.latest-project {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
    min-height: 400px;
}

    .latest-project h1 {
        font-weight: 200;
        font-size: 35px;
        text-align: center;
        margin-bottom: 30px;
    }

.about-company {
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .about-company h1 {
        color: #cf3247;
    }

        .about-company h1 span {
            color: #333;
        }

    .about-company h3 {
        font-weight: 300;
        font-size: 20px;
        line-height: 30px;
        color: #cf3247;
    }

    .about-company h4 {
        font-weight: 200;
        font-size: 16px;
        line-height: 26px;
    }

.abt-bg-text {
    background: #067284;
    padding: 15px;
    min-height: 150px;
    border-radius: 5px;
}

.abt-bg-text2 {
    background: #a2ce1e;
}

.abt-bg-text3 {
    background: #b56cf9;
}

.abt-bg-text p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 20px;
    font-style: italic;
}

nav.navbar.awesomenav ul.nav > li > a {
    font-size: 16px;
    font-weight: 500;
}
nav.navbar.awesomenav ul.nav > li > a i {
    font-size: 20px;
}

#rapid .carousel-indicators li h3 img {
    vertical-align: bottom;
    display: inline-block;
    margin-right: 15px;
}

.development-services {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0;
}

    .development-services h1 {
        font-size: 18px;
        color: #333;
        font-weight: 300px;
        text-transform: uppercase;
        text-align: center;
    }

    .development-services img {
    }

    .development-services ul {
        padding-left: 15px;
    }

        .development-services ul li {
            font-size: 14px;
            color: #333;
            font-style: italic;
            list-style: circle;
            line-height: 22px;
            padding-bottom: 10px;
        }

.mob-icons i {
    font-size: 100px;
    color: #333;
    display: block;
    text-align: center;
}

.mob-icons h6 {
    text-align: center;
    font-size: 18px;
}

.others {
    margin-bottom: 30px;
}

    .others i {
        text-align: center;
        color: #818181;
        font-size: 40px;
        display: block;
    }

    .others h6 {
        text-align: center;
        color: #818181;
        font-size: 16px;
        font-weight: 300;
    }

.mob-icons {
    margin-bottom: 15px;
}

/*******Banner Section Starts Here********/
#banner {
    display: block;
    background: #101010;
}

    #banner .container-fluid {
        padding: 0;
    }

    #banner .carousel-inner {
        height: 100vh;
    }

        #banner .carousel-inner .item .carousel-caption {
            width: 55%;
            top: 8%;
            left: 7%;
            text-align: left;
            padding: 0;
        }

            #banner .carousel-inner .item .carousel-caption h1 a {
                color: #fff;
                text-transform: uppercase;
                text-decoration: none;
            }

            #banner .carousel-inner .item .carousel-caption h1 {
                margin: 0 0 20px 0;
                font-weight: 400;
                text-transform: uppercase;
            }

            #banner .carousel-inner .item .carousel-caption p {
                color: #fff;
                letter-spacing: 1px;
                margin: 0 0 10px 0;
            }

        #banner .carousel-inner .item .post-mata .mata-list,
        #banner .carousel-inner .item .post-mata .tags {
            display: inline-block;
        }

            #banner .carousel-inner .item .post-mata .mata-list ul {
                list-style-type: none;
                display: inline-block;
            }

                #banner .carousel-inner .item .post-mata .mata-list ul li {
                    display: inline-block;
                }

                    #banner .carousel-inner .item .post-mata .mata-list ul li a {
                        color: #fff;
                        margin: 0 25px 0 0;
                        text-decoration: none;
                    }

                    #banner .carousel-inner .item .post-mata .mata-list ul li::before {
                        font-family: fontawesome;
                        color: #fff;
                        margin: 0 4px 0 0;
                        font-size: 13px;
                    }

                    #banner .carousel-inner .item .post-mata .mata-list ul li.date::before {
                        content: "\f017";
                    }

                    #banner .carousel-inner .item .post-mata .mata-list ul li.views::before {
                        content: "\f06e";
                    }

                    #banner .carousel-inner .item .post-mata .mata-list ul li.user::before {
                        content: "\f007";
                    }

            #banner .carousel-inner .item .post-mata .tags .tag-list {
                background: #ffffff;
                padding: 6px 20px;
                border-radius: 15px;
                text-transform: uppercase;
                text-decoration: none;
                letter-spacing: 1px;
                transition: all .2s ease .2s;
                text-shadow: none;
            }

                #banner .carousel-inner .item .post-mata .tags .tag-list:hover {
                    background: #F3616B;
                    color: #fff;
                    transition: all .2s ease .2s;
                }

    #banner .carousel-indicators li {
        display: block;
        margin: 25px 0;
    }

    #banner .carousel-indicators {
        right: 8%;
        left: unset;
        width: 30%;
        bottom: 34%;
        margin: 0;
    }

        #banner .carousel-indicators li {
            display: block;
            margin: 25px 0 25px 0;
            width: auto;
            height: auto;
            border: none;
            background: transparent;
            color: #ffffff;
            text-align: right;
            position: relative;
        }

            #banner .carousel-indicators li p {
                color: inherit;
                font-size: 25px;
                margin-bottom: 0;
            }

            #banner .carousel-indicators li span {
                color: inherit;
            }

            #banner .carousel-indicators li::after {
                content: '';
                background: #ffffff;
                width: 10px;
                height: 10px;
                position: absolute;
                margin: 0 0px 0 5px;
                border-radius: 50%;
                top: 40%;
            }

        #banner .carousel-indicators::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 100%;
            background: #fff;
            right: -11px;
            top: 0;
        }

        #banner .carousel-indicators li.active, #banner .carousel-indicators li:hover {
            color: #ffeb9c;
            z-index: 9;
        }

            #banner .carousel-indicators li.active::after, #banner .carousel-indicators li:hover::after {
                background: #ffeb9c;
            }

.carousel.vertical .carousel-inner .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next.left, .carousel.vertical .prev.right {
    top: 0;
}

.carousel.vertical .active.left, .carousel.vertical .prev {
    top: -100%;
}

.carousel.vertical .next, carousel.vertical .active.right {
    top: 100%;
}

.carousel.vertical .item {
    left: 0;
}

.carousel-caption {
    right: 10%;
    left: 40%;
    padding-bottom: 30px;
    text-align: right;
    bottom: 200px;
}

    .carousel-caption h3 {
        font-size: 50px;
        font-weight: 700;
    }

    .carousel-caption p {
        font-size: 30px;
        font-weight: 200;
        color: #fff;
    }

.product-reviews {
    padding-top: 40px;
    padding-bottom: 60px;
    background: #fff;
}

    .product-reviews h1 {
        font-weight: 200;
        color: #333;
    }

#myCarousel-reviews {
    margin-top: 50px;
}

.review-content h6 {
    color: #333;
    font-size: 20px;
    margin-top: 0;
}

.review-content p {
    color: #333;
}

.review-content .readmore {
    font-size: 13px;
    color: #6f357d;
}

#myCarousel-reviews .carousel-indicators {
    bottom: -50px;
}

    #myCarousel-reviews .carousel-indicators .active {
        background-color: #fe0000;
    }

    #myCarousel-reviews .carousel-indicators li {
        background-color: rgba(0,0,0,0);
        border: 1px solid #fe0000;
    }



    .review-pro img {
        margin-top: 20px;
    }

.search i {
    font-size: 20px;
}


.contact-map .addresses {
    bottom: 0;
    left: 5%;
    position: absolute;
    right: 5%;
    width: 90%;
    z-index: 99;
}

.address {
    background: #f3f3f3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
}

    .address h6 {
        text-align: center;
        font-size: 16px;
        color: #c03126;
        margin: 0 0 5px 0;
        border-bottom: 1px dashed #4868d0;
        padding-bottom: 10px;
        text-transform: uppercase;
    }

    .address p {
        color: #333;
        font-size: 14px;
        line-height: 22px;
    }

    .address ul {
        padding: 0;
    }

        .address ul li {
            font-size: 14px;
            color: #333;
        }

            .address ul li img {
                vertical-align: middle;
                margin-right: 10px;
            }

.copy-rights {
    background: #f5f5f5;
    padding-top:10px;
    padding-bottom:10px;

    color: #333;
    font-size: 12px;
}

    .copy-rights .copy {
        float: left;
        line-height:44px;
    }

    .copy-rights .copy, .copy-rights .powered-by {
        padding: 0;
        margin: 0;
        color: #333;
    }

.footer-menu ul {
    padding: 0;
    float: right;
    margin-bottom: 0;
}

    .footer-menu ul li {
        float: left;
        font-size: 12px;
      
    }

        .footer-menu ul li a {
            color: #333;
        }

.mobileapps-clients img {
    position: relative;
    opacity: 0.8;
    transition: 0.3s ease;
    cursor: pointer;
}

    .mobileapps-clients img:hover {
        transform: scale(1.2, 1.2);
        opacity: 1;
        z-index: 9999;
    }

.slider {
    margin: 0 auto;
    position: relative;
    max-width: 1170px;
    max-height: 700px;
    margin-top: 30px;
}

    .slider > img {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 33%;
        height: 100%;
        transition: transform .5s;
        transform: translate(-50%,-50%)scale(1);
        z-index: 0;
    }

        .slider > img.left, .slider > img.center, .slider > img.right {
            display: inline-block;
            opacity: 1;
        }

        .slider > img.left {
            transform: translate(-118.25%,-50%);
            z-index: 1;
        }

        .slider > img.center {
            z-index: 2;
            transform: translate(-50%,-50%) scale(1.1);
        }

        .slider > img.right {
            transform: translate(18.25%,-50%);
            z-index: 1;
        }

    .slider > .navContainer {
        width: 49%;
        height: 100%;
        position: relative;
        display: inline-block;
        z-index: 500;
    }

        .slider > .navContainer > .leftClass, .slider > .navContainer > .rightClass {
            height: 100%;
            width: 28px;
            background: url(../images/slider-arrow.png) no-repeat center;
            background-position-x: 0;
            position: absolute;
            opcity: 0.6;
        }

        .slider > .navContainer > .rightClass {
            right: 0;
            background-position-x: -30px;
        }

        .slider > .navContainer > .leftClass {
            left: 0;
        }

.direct-selling-clients img {
    border-radius: 7px;
}

.digital-marketing {
    background: url(../images/digital-marketing.jpg) no-repeat;
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: 100%;
}

    .digital-marketing .icon {
        border-right: 1px dashed #ddd;
    }

    .digital-marketing h1 {
        font-size: 40px;
        font-weight: 700;
        color: #cf3247;
        margin-top:0;
    }


        .digital-marketing h1 span {
            color: #333;
            font-weight: 400;
        }
    .digital-marketing h2 {
        font-size:18px;
    }
    .digital-marketing p {
	font-weight: 300;
	font-size: 15px;
	line-height: 26px;
	color: #333;
	
}

.marketing-icons i {
    font-size: 65px;
    color: #333;
    display: block;
    text-align: center;
}

.marketing-icons h6 a {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #cf3247;
    font-weight: 300;
    display:block;
}

    .marketing-icons h6 a span {
        color: #696969;
      
        font-weight: 500;
    }

.container-fluid.latest-project img {
    border: 4px solid #ddd;
}

.review-content p.name, .profile {
    font-size: 13px;
    margin-bottom:0;
}

.latest-project h1 {
    font-size: 40px;
    font-weight: 700;
    color: #cf3247;
}


    .latest-project h1 span {
        color: #333;
        font-weight: 400;
    }

.np {
    padding: 0;
}

.navbar-default {
    background: none;
}
/* Browser Resets */
.flex-container a,
.flexslider a,
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        max-width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

.categories {
    background: #f7f7f7;
    padding-top: 30px;
}

    .categories h1 {
        text-align: center;
        color: #cf3247;
    }

        .categories h1 span {
            color: #333;
        }
/* FlexSlider Default Theme
*********************************/
.flexslider {
    background: #fff;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    position: relative;
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides > li {
            position: relative;
        }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
    zoom: 1;
    position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;
}

.flex-caption {
    width: 96%;
    padding: 2%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
}

/* Direction Nav */
.flex-direction-nav {
    height: 0;
}

    .flex-direction-nav a {
        width: 52px;
        height: 52px;
        margin: -13px 0 0;
        display: block;
        background: url(../images/bg_direction_nav.png) no-repeat;
        position: absolute;
        top: 50%;
        cursor: pointer;
        text-indent: -999em;
    }

    .flex-direction-nav .flex-next {
        background-position: -52px 0;
        right: -21px;
    }

    .flex-direction-nav .flex-prev {
        left: -20px;
    }

    .flex-direction-nav .flex-disabled {
        opacity: .3;
        filter: alpha(opacity=30);
        cursor: default;
    }

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 0 0 5px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .flex-control-nav li:first-child {
            margin: 0;
        }

    .flex-control-nav a {
        width: 13px;
        height: 13px;
        display: block;
        background: url(../images/bg_control_nav.png) no-repeat;
        cursor: pointer;
        text-indent: -999em;
    }

        .flex-control-nav a:hover {
            background-position: 0 -13px;
        }

        .flex-control-nav a.flex-active {
            background-position: 0 -26px;
            cursor: default;
        }

.flex-caption h3 {
    font-weight: bold;
    margin: 0 0 15px;
    font-size: 24px;
    text-transform: uppercase;
}

#responsiveFlag {
    font-size: 0;
    line-height: 0;
}
.flexslider a {
    color:#fff;
}
@media handheld, only screen and (min-width: 320px) {
    .flex-caption {
        position: static;
        background: #333;
    }
}

@media handheld, only screen and (min-width: 640px) {
    .flex-caption {
        position: absolute;
        background: rgba(195, 19, 19, 0.8);
    }

    .flex-caption2 {
        background: rgba(60, 24, 141, 0.8);
    }

    .flex-caption3 {
        background: rgba(20, 105, 138, 0.8);
    }

    .flex-caption4 {
        background: rgba(46, 159, 218, 0.8);
    }

    .flex-caption5 {
        background: rgba(23, 128, 24, 0.8);
    }
      .flex-caption6 {
        background: rgba(134, 73, 35, 0.8);
    }
        .flex-caption7 {
        background: rgba(45, 84, 179, 0.8);
    }
}

@media handheld, only screen and (min-width: 1024px) {
    .flexslider .slides > li {
        display: inline-block;
        overflow: hidden;
        position: relative;
        margin-right: -.25em;
        /*for 5 slides*/
        width: 14.29%;
    }

    .flexslider .slides img {
        display: block;
        max-width: 1000px;
    }

    .flex-caption {
        width: 600px;
        padding: 20px 30px;
    }

    #responsiveFlag {
        display: block;
    }
}


.mobile-apps {
    background: url(../images/mobile-app-development.jpg) no-repeat;
    padding-top: 40px;
    padding-bottom: 80px;
    background-size: 100%;
}

    .mobile-apps .icon {
        border-right: 1px dashed #ddd;
    }

    .mobile-apps h1 {
        font-size: 40px;
        font-weight: 700;
        color: #cf3247;
    }


        .mobile-apps h1 span {
            color: #333;
            font-weight: 400;
        }

    .mobile-apps p {
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	margin-bottom: 15px;
}

.mobile-icons i {
    font-size: 80px;
    color: #333;
    display: block;
    text-align: center;
}

.mobile-icons h6 {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #cf3247;
    font-weight: 300;
}

    .mobile-icons h6 span {
        color: #696969;
        display: block;
        text-align: center;
        font-weight: 500;
    }


.row.direct-selling-clients .form-group {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}



footer h2 {
    color: #fff;
    font-size: 20px;

}

.quick-links ul {
    padding-left: 0;
}

    .quick-links ul li a {
        color: #333;
    }

.content-form {
    background: #cf3247;
    padding: 15px;
    color: #fff;
    overflow:hidden;
}

    .content-form h2 {
        color: #fff;
        font-size: 20px;
        margin-top:0;
    }

.social-links {
    padding: 0;
    margin-bottom: 0;
}

    .social-links li {
        margin-right: 5px;
        float: left;
    }

        .social-links li a i {
            width: 40px;
            height: 40px;
            border-radius: 20px;
            border: 1px solid #1b417f;
            line-height: 40px;
            font-size: 20px;
            color: #fff;
            text-align: center;
            background: #295295;
        }

            .social-links li a i.linkedin {
                border: 1px solid #006aa1;
                background: #007ab9;
                color: #fff;
            }

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 5px;
    width: 100%;
    position: relative;
}

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

        .MultiCarousel .MultiCarousel-inner .item {
            float: left;
        }

            .MultiCarousel .MultiCarousel-inner .item > div {
                text-align: center;
                padding: 10px;
                margin: 10px;
            }

    .MultiCarousel .leftLst, .MultiCarousel .rightLst {
        position: absolute;
        border-radius: 50%;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: -14px;
    }

    .MultiCarousel .rightLst {
        right: -14px;
    }

        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
            pointer-events: none;
            background: none;
        }




.google-map iframe {
    min-height: 300px;
    width: 100%;
    border: 0;
}

.awards {
    position: relative;
}

  

.body-content {
    background: #f2f2f2;

    padding-top: 30px;
    padding-bottom: 30px;
}

    .body-content h1 {
        font-weight: 700;
        color: #333;
    }

        .body-content h1 span {
            color: #cf3247;
        }

.shadow {
    background-color: #fff;
    border-radius: 5px;
    border-top: 1px solid #eaeaea;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.about-us {
    padding-top: 15px;
    background-color: #fff;
  
}




.philosophy {
    background-image: url("https://ik.imagekit.io/smartsoft/images/philosophy.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
}

    .philosophy h2 {
        font-size: 40px;
        color: #fff;
        line-height: 60px;
    }

    .philosophy h3 {
        font-size: 30px;
        color: #fff;
        font-weight: 100;
    }

    .philosophy p {
        font-size: 20px;
        color: #fff;
        margin-top: 20px;
        line-height: 28px;
        background: rgba(0,0,0,0.1);
    }

.success {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

    .success h3 {
        font-size: 32px;
        line-height: 46px;
        color: #78b21c;
        margin-bottom: 25px;
    }

    .success h4 {
        font-size: 28px;
        line-height: 38px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .success p {
        font-size: 22px;
        line-height: 28px;
        font-weight: 100;
    }

        .success p span {
            font-size: 16px;
            line-height: 22px;
            font-weight: 100;
        }

#rapid .panel-default:hover .panel-title {
    color: #01A759;
}

#rapid {
    padding: 5% 0;
}

    #rapid .panel-default:hover .panel-title {
        color: #01A759;
    }

    #rapid .panel-default .panel-title * {
        color: #7c7c7c;
    }

    #rapid .panel-default {
        box-shadow: none;
        border: none;
    }

    #rapid .carousel-indicators li h3:hover span, #rapid .carousel-indicators li.active h3 span {
        color: #dc0c0c;
        transition: .5s;
    }

    #rapid .panel-default .panel-title span {
        display: inline-block;
        margin: 0 0 0 3rem;
        transition: .5s;
    }

    #rapid .text-wrap h2 {
        color: #dc0c0c;
        margin: 0 0rem 2rem auto;
        position: relative;
    }

        #rapid .text-wrap h2::after {
            content: '';
            border-bottom: 1px solid #7c7c7c;
            width: 100px;
            position: absolute;
            bottom: -13px;
            left: 0;
        }

    #rapid .text-wrap ul {
        padding: 0 0 0 2rem;
        font: 300 20px/37px montserrat;
        color: #7c7c7c;
        margin: 0 0 1rem auto;
    }

    #rapid .carousel-indicators {
        position: unset;
        width: auto;
        margin: 0;
        background: #f9f9f9;
        padding: 0 15px;
    }

        #rapid .carousel-indicators li {
            display: block;
            width: 100%;
            text-align: left;
            background: transparent;
            margin: 0;
            height: auto;
            border-radius: 0;
            color: #7c7c7c;
            border-bottom: 1px dashed #ddd;
        }

            #rapid .carousel-indicators li h3 {
                display: block;
                color: inherit;
                text-align: left;
                text-indent: 0;
                font-size: 18px;
                margin-top: 20px;
                margin-bottom: 20px;
            }

                #rapid .carousel-indicators li h3 span {
                    display: inline-block;
                    margin: 0;
                    text-transform: uppercase;
                }

                #rapid .carousel-indicators li h3 strong {
                    color: #b2b2b2;
                    font-weight: normal;
                    line-height: 26px;
                    text-transform: capitalize;
                }

.contact h2 {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 25px;
}

    .contact h2 span {
        color: #cf3247;
    }

.support-centers ul {
    padding-left: 0;
}

    .support-centers ul li {
        line-height: 50px;
        font-size: 18px;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

        .support-centers ul li img {
            vertical-align: middle;
            margin-right: 15px;
        }

.proven {
    background-image: url("https://ik.imagekit.io/smartsoft/images/proven.jpg");
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
}

    .proven h2 {
        font-size: 40px;
        color: #fff;
        line-height: 60px;
    }

.years {
    background: rgba(225, 204, 26, 0.7);
    color: #fff;
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    border-radius: 5px;
}

.years2 {
    background: rgba(118, 175, 36, 0.7);
}

.years3 {
    background: rgba(213, 225, 26, 0.7);
}

.years h1 {
    font-size: 30px;
    margin: 0 0 15px 0;
}

.years h3 {
    font-size: 20px;
    margin: 0;
    font-weight: 100;
}

.ux-bg {
    background: linear-gradient(to right, #0e3289, #03cfa9);
    min-height: 500px;
    padding-top: 60px;
    padding-bottom: 0;
}

    .ux-bg h2 {
        color: #fff;
        font-weight:normal;
        font-size:32px;
    }
    .ux-bg p {
        color: #fff;
    }
    .ux-bg ul, .hybrid-bg ul {
        padding-left:0;        
    }
     .ux-bg ul li, .hybrid-bg ul li {
        color: #fff;
        line-height:32px;
        width:50%;
        float:left;
        margin-bottom:15px;
    }
 .ux-bg ul li i, .hybrid-bg ul li i {
	font-size: 26px;
	border: 1px solid #fff;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
    margin-right: 15px;
}
.hybrid-bg {
    background: url(../images/sub-banners/hybrid-bg.jpg);
    min-height: 500px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

    .hybrid-bg h2 {
        color: #fff;
        text-align:center;
    }

    .hybrid-bg p {
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding-left: 20%;
	padding-right: 20%;
}
.hybrid-bg ul {
    margin-top:100px;
              
    }
    .hybrid-bg ul li {
        line-height:60px;
    }
.app-programing-bg {
    background: url(../images/sub-banners/app-programing-bg.jpg);
    padding-top: 30px;
    padding-bottom: 30px;
}

    .app-programing-bg h1 {
        color: #fff;
    }

    .app-programing-bg p {
        color: #fff;
    }

.app-testing-bg {
    background: url(../images/sub-banners/app-testing-bg.jpg) no-repeat;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: 100%;
}
.app-testing-bg h1 {
	color: #fe0000;
	font-size: 22px;
}

    .app-testing-bg p {
        color: #333;
    }


.support-bg {
    background: url(../images/sub-banners/support-bg.jpg) no-repeat;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: 100%;
    min-height: 500px;
}

  .support-bg h2 {
	color: #fff;
	font-size: 35px;
	line-height: 52px;
	text-align: center;
	margin-top: 184px;

}

    .support-bg p {
        color: #333;
    }



.smo-inner img {
    margin-top:175px;
}

.smo-bg-one {
    background: #eee;
    padding-top: 60px;
    padding-bottom: 60px;
    background-size: 100%;
}

  .smo-bg-one h2 {
	color: #e1559c;
	font-size: 30px;
	line-height: 42px;

}

    .smo-bg-one p {
        color: #333;
    }

.seo-bg {
    background: url(../images/sub-banners/seo-bg.jpg);
    padding-top: 60px;
    padding-bottom: 60px;
    background-size: 100%;
}

  .seo-bg h2 {
	color: #e1559c;
	font-size: 30px;
	line-height: 42px;

}

    .seo-bg p {
        color: #333;
    }


    .sem-bg {
    background: url(../images/sub-banners/sem-bg.jpg);
    min-height: 500px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

    .sem-bg h1 {
        color: #fff;
        margin-top:150px;
        font-size:50px;
    }

    .sem-bg h2 {
        color: #fff;
        font-weight:100;
    }

.smo-bg {
     background: url(../images/smo-bg.gif);
       padding-top: 60px;
    padding-bottom: 60px;
}
    .smo-bg h2 {
        color:#60a9c9;
    }
     .smo-bg p, .smo-bg ol li {
        color:#eee;
    }
  
    .pay-click-bg {
    background: #fdfdfd;
    padding-top: 40px;
    background-size: 100%;
    padding-bottom:30px;
}

  .pay-click-bg h1 {
	color: #e1559c;
	font-size: 30px;
	line-height: 42px;

}

    .pay-click-bg p {
        color: #333;
    }


      .social-optimization-bg {
    background:#1b1a16 url(../images/sub-banners/social-optimization.jpg);
    padding-top: 40px;
    background-size: 100%;
    padding-bottom:30px;
}

  .social-optimization-bg h1 {
	color: #e1559c;
	font-size: 30px;
	line-height: 42px;

}
   .social-optimization-bg h2 {
	color: #fff;
	font-size: 30px;
	line-height: 42px;

}


    .social-optimization-bg p {
        color: #fff;
    }


   footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../images/footer-bg.jpg);
}

    footer h6,  footer p,  footer li {
        color:#fff;
    }

.office-centers {
    background:#fff;
    margin-bottom:15px;
    border-radius:5px;
    padding:15px;
    min-height:235px;
}
.office-centers h4 {
    color:#ed1e24;
    margin-top:0;
}
.office-centers p {
    color:#333;
}
.office-centers ul {
    padding-left:0;

}
.office-centers li {
    color:#333;
}

.support-centres li {
    line-height:52px;
}
    .support-centres li img {
        vertical-align:middle;
        width:40px;
    }

  .close {
	background: #da1c49 !important;
	border: 1px solid #fff;
	border-radius: 16px;
	color: #fff;
	float: right;
	font-size: 17px;
	/* height: 32px; */
	line-height: 1;
	position: absolute;
	right: 15px;
	/* width: 32px; */
	z-index: 999;
	opacity: 1;
	top: 63px;
	padding: 5px 10px !important;
	font-weight: normal;
}
  .close:focus, .close:hover {

    color: #da1c49 !important;
   background: #fff !important;
   opacity:1 !important;

}
    .iso ul {
        padding-left:0;
	
}

    .iso ul li {
	margin-right: 5px;
	cursor: pointer;
	float: left;
}
.iso ul li img
{
width:85px;
}

.geotrust img {
    width:100px;
    height:50px;
}

.alpha, .numaric, .upperroman {
	padding-left: 15px;
}
.alpha li {
	font-size: 14px;
	line-height: 22px;
	list-style-type: upper-alpha;
}

.offer h2 {
    margin:0;
    color:#fe0000;
}

.offer h3 {
    font-size:16px;

    color:#0073b1;
}

.clients {
	padding-top: 80px;
	padding-bottom: 40px;
	background: #f5f5f5;
}
.clients h1 {
	text-align: center;
	color: #152d7a;
	text-transform: uppercase;
}
.clients h1 span {
	color: #fe0000;
}
.clients p {
	text-align: center;
	color: #333;
	font-size: 22px;
}
.nav-tabs {
	text-align: center;
}
.nav-tabs > li {
	font-size: 20px;
	float: none;
	display: inline-block;
 *display: inline;     /* for IE7*/
 *zoom:1;              /* for IE7*/
}
.nav-tabs > li a {
	outline: 0;
}
.nav-tabs > li a:hover {
	background: #fe0000;
	color: #fff;
	border-radius: 5px 5px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background: #152d7a;
	color: #fff;
	border-radius: 5px 5px 0 0;
}
.nav-tabs {
	border-bottom: 3px solid #152d7a;
}
.tabs {
	margin-top: 30px;
}
.tab-content {
	padding-top: 30px;
	padding-bottom: 30px;
}
.tab-content h2 {
	margin-top: 0;
	color: #152d7a;
	margin-bottom: 20px;
	text-align: center;
}
.tab-content ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.tab-content ul li {
	float: left;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
	margin-right: 2%;
	width: 18%;
	-moz-box-shadow: inset 0 0 10px #aaa;
	-webkit-box-shadow: inset 0 0 10px #aaa;
	box-shadow: inset 0 0 10px #aaa;
}
.tab-content ul li:hover {
	-moz-box-shadow: inset 0 0 10px #9ec222;
	-webkit-box-shadow: inset 0 0 10px #9ec222;
	box-shadow: inset 0 0 10px #9ec222;
}


.mobile img {
	position: relative;
	opacity: 0.8;
	transition: 0.3s ease;
	cursor: pointer;
}
.mobile img:hover {
	transform: scale(1.5, 1.5); /** default is 1, scale it to 1.5 */
	opacity: 1;
	z-index: 99
}

.quick .form-group {
	margin-bottom: 5px;
}



.mobileapps-clients .btn, .more-clients-btn {
    width:100px;
    margin:20px auto 0 auto;
}

.latest-project .btn {
    background:none;
    border:none;
}

.name strong {
    color:#ed900e;
    margin-bottom:0;    
}
.profile {
    color:#1f0a76 !important;
}
.hosting .panel
{
    text-align: center;
}
.hosting .panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
.hosting .panel-body
{
    padding: 0px;
    text-align: center;
}

.the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript
{
    font-size: 25px;
}


.suite-plan {
    border:2px dashed #b5b5b5;
    border-radius:7px;
    text-align:center;
    padding-top:10px;
     margin-bottom:15px;
}
    .suite-plan h3 {
        margin-top:0;
        font-size:24px;
        margin-bottom:0;
    }

.price-plan {
    font-size:30px;
    font-weight:bold;
    color:#db4639;
   
}
.price-plan span{
    font-size:16px;
    font-weight:normal;
    color:#333;
}

.suite-plan p strong {
    font-size:16px;
    font-weight:normal;
}


.gsuite-bg {
    background-image: url("https://ik.imagekit.io/smartsoft/images/gsuite-bg.jpg");
    background-position:top center;
    background-repeat:no-repeat;  
    padding-top: 60px;
    padding-bottom: 20px;
    min-height:772px;
    text-align:center;
}

    .gsuite-bg h2 {
        font-size:40px;
        color:#cd3161;
    }
     .gsuite-bg h3 {
        font-size:30px;
        color:#62b6a9;
    }

       .gsuite-bg h4 {
        font-size:30px;
        color:#fff;
        margin-top:120px;
    }
    .gsuite-bg p {
        color:#fff;
        font-size:20px;
        line-height:34px;
    }
    .gsuite-bg p strong {
        font-size:28px;
        color:#fff499;
        margin-top:30px;
        display:block;
    }

    .gsuite-bg .btn {
        width:300px;
    }

.why-gsuite {
    padding-top:60px;
    padding-bottom:60px;
    background:#fff;
}
 .why-gsuite h1 {
    color:#cf3247;
    font-size:32px;
    line-height:42px;
}
    .why-gsuite ol {
        padding-left:15px;
                    margin-bottom:20px;

    }

        .why-gsuite ol li {
            list-style:decimal;
            line-height:24px;
        }
.decimal {
    padding-left:15px;
}
.decimal li {
    list-style:decimal;
    color:#000;
}

.decimal2 li {
    list-style:decimal;
    color:#fff;
}
.decimal3 li {
    float:left;
    width:33.33%;
}
aside h2 {
    font-size:16px;
    background:#ddd;
    text-align:center;
    line-height:42px;
    margin-top:0;
}
aside ul {
    padding-left:0;
}
   aside ul li {
	font-size: 15px;
	line-height: 38px;
	border-bottom: 1px dashed #ddd;
}
    aside ul li:hover,  aside ul li.active {
 background-color: #fe0000;
  cursor: pointer;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
  padding-left:15px;
  transition: all 300ms;
   color:#fff !important;
   border-radius:0 20px 20px 0;
    }

        aside ul li:hover i, aside ul li.active i{
             padding-right:15px;
  transition: all 300ms;
  color:#fff;
        }
        aside ul li:hover a, aside ul li.active a {
            color:#fff;
        }
    aside ul li a {
        color:#333;
        display:block;
    }
    aside ul li a i {
	font-size: 11px !important;
	float: right;
	line-height: 38px !important;
      color:#a3a3a3;
}
    
    .ssl
    {
        border:1px solid #ddd;
        border-radius:7px ;
        margin-bottom:30px;
        padding:7px;
    }
     .ssl h2
     {
         color:#089422;
         
     }
     .ssl-head h1
     {
         background:#089422;
         padding-top:7px;
         padding-bottom:7px;
         padding-left:15px;
         color:#fff;
         font-size:22px;
     }

.careers h3 span {
    font-weight:normal;
    font-size:14px;
}

.enquiry-form {
    background:none;
}

.enquiry-form .form-control {
	background: none;
	color: #bdbdbd;
	border: none;
	border-bottom: 1px solid #717171;
	border-radius: 0;
	padding-left: 0;
}
.enquiry-form  .form-control::placeholder {
	color: #fff;

}

.review-pro {
    border:4px solid #ddd;
    padding:3px;
}
.review-pro2 {
    border:2px solid #ddd;
     padding:2px;
}
.review-pro3 {
    border:1px solid #ddd;
     padding:1px;
     min-height:200px;
}

.carousel-control {

	width: 5%;

	opacity: .5;
}
.gallery {
    margin-bottom:15px;
}
.gallery-thumb {
    border:1px solid #ddd;
    border-radius:5px;
    margin-bottom:15px;
}


    .gallery-thumb h4 {
        text-align:center;
    }



.ppc-icludes {
    background:#7ebf27;
    padding-top:30px;  
}
.ppc-icludes h1 {
    color:#fff;
}
    .ppc-icludes ol li {
        color:#fff;
        font-size:16px;
    }
.smp {
    padding-top:40px;
    padding-bottom:40px;
}
    .smp h1 {
        text-align:center;
        margin-top:15px;
        margin-bottom:30px;
    }

.smp-item {
    border:1px solid #fff;
    padding:15px;
    margin-bottom:15px;
    border-radius:5px;
}
    .smp-item h2, .smp-item p {
        margin-top:0;
    }

    .smp-item h2 {
        font-size:18px;
        font-weight:bold;
    }
     .smp-item p {
         color:#fff;
        
    }

.adwords-bg {
    background:#fff;
    padding-top:60px;
    padding-bottom:60px;
}
.adwords-bg h1 {
    color:#0c9c56;
 
}
.adwords-bg h1 span {
    color:#4185f4;
 
}
.adwords-bg h2 {
    color:#ea8116;
    font-size:28px;
    line-height:34px;
    font-weight:normal;
 
}
.adwords-bg img {
    margin-top:60px;
 
}
.abt-mob-app {
    padding-top:60px;
    padding-bottom:60px;
}

.abt-mob-app h2 {
	line-height: 42px;
	font-weight: 100;
    color:#333;
}
.abt-mob-app p {
	line-height: 30px;

    font-size:18px;
}

.ppc {
    background:#0e1c6d;
      padding-top:60px;
    

}
    .ppc h2, .ppc p {
        color:#fff;
    }

    /*.modal-body {

   
    padding: 0;

}
    .modal-dialog {

    width: 100%;
    margin: 0 auto;

}
.modal-content {
    background:none;
}
.modal-backdrop.in {

  
    opacity: .7;

}*/

.plans {
    padding-left:0;
    overflow:hidden;
   
}

.plans li {
    width:31%;
    float:left;
    margin-right:2%;
    margin-bottom:15px;
    border:1px dashed #ddd;
    padding:15px;
    font-size:14px !important;
   
}
    .plans li i {
        padding-right:15px;
    }



.body-content h2 {
    color: red;

font-size: 19px;
line-height:26px;
}

.standard-features {
    padding-left:0;
}
.standard-features li  {
    margin-bottom:10px;
    width:50%;
    float:left;

}
    .standard-features i {
        border:1px solid #ddd;
        width:40px;
        height:40px;
        border-radius:20px;
      
        margin-right:15px;
        line-height:40px;
        text-align:center;
        font-size:20px;
    }

.starting {
    padding-top:30px;

    background:#1c2b6a;
    margin-right:0;
    margin-bottom:15px;
}

    .starting ol {
        padding-left:15px;
    }

        .starting ol li {
            list-style:decimal;
        }

.strength {
    background:#fff;
    padding:0 15px 15px 15px;
    text-align:center;
}

    .strength h2 {
        font-size:25px;
    }

    /*Here New Css*/
    .g-suit-section {
        margin-top:94px;
    }

.registered {
	border: 1px solid #ddd;
	border-radius: 7px;
	padding: 15px;
}

    .registered p {
        font-size:16px;
        line-height:26px;
    }
    .registered img {
        margin-top:30px;
    }


    .about-us .tab-content p {
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
}

.gallery-header {
    
background: -moz-linear-gradient(left, rgba(255,22,22,1) 55%, rgba(255,22,22,0.98) 56%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,22,22,1) 55%,rgba(255,22,22,0.98) 56%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,22,22,1) 55%,rgba(255,22,22,0.98) 56%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1616', endColorstr='#00ffffff',GradientType=1 );
color: #fff;

font-size: 18px;

padding: 15px;

border-radius: 25px;
}

.latest-news {
    background-image: url("https://ik.imagekit.io/smartsoft/images/news.jpg");
 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

    .latest-news h1 {
        color: #fff;
        text-align: center;
        font-size: 50px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .latest-news p {
        color: #fff;
        text-align: center;
        font-size: 20px;
        line-height:32px;
        padding:15px;
        border-radius:7px;
        border:1px dashed #fff;
     
    }
      .latest-news p a{
        color: #ffe9af;
     
     
    }



     .side h3 {
	font-size: 20px;
	color: #333;
	background: #fff;
	text-align: center;
	border-radius: 40px;
	padding: 10px 0;
	display: block;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-bottom: 30px;
}

.side ul {
    padding-left:15px;
}

.side ul li {
    color:#fff;
    font-size:16px;
    line-height:20px;
    padding-bottom:12px;
    margin-bottom:12px;
    border-bottom:1px dashed #646464;
}
.side ul li a {
    color:#fff;
   
}

.quickinfo h6 {
	text-align: center;
	font-size: 16px;
}
.quickinfo h4 {
	text-align: center;
	font-size: 18px;
	color: #fff;
}