article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
}

button, input, select, textarea {
    margin: 0;
    padding: 0;
    border: none;
    font-family: 'ProximaNovaRegular';
}

.custfield:focus {
    outline: none;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

body {
    font-family: 'ProximaNovaRegular';
    font-size: 14px;
    color: #000000;
}

a {
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: none;
        outline: none;
    }

img {
    border: none;
    vertical-align: middle;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('fonts/ProximaNovaRegular.eot');
    src: url('fonts/ProximaNovaRegular.eot') format('embedded-opentype'), url('fonts/ProximaNovaRegular.woff2') format('woff2'), url('fonts/ProximaNovaRegular.woff') format('woff'), url('fonts/ProximaNovaRegular.ttf') format('truetype'), url('fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('fonts/ProximaNovaSemibold.eot');
    src: url('fonts/ProximaNovaSemibold.eot') format('embedded-opentype'), url('fonts/ProximaNovaSemibold.woff2') format('woff2'), url('fonts/ProximaNovaSemibold.woff') format('woff'), url('fonts/ProximaNovaSemibold.ttf') format('truetype'), url('fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('fonts/ProximaNovaBold.eot');
    src: url('fonts/ProximaNovaBold.eot') format('embedded-opentype'), url('fonts/ProximaNovaBold.woff2') format('woff2'), url('fonts/ProximaNovaBold.woff') format('woff'), url('fonts/ProximaNovaBold.ttf') format('truetype'), url('fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmpleSoftLight';
    src: url('fonts/AmpleSoftLight.eot');
    src: url('fonts/AmpleSoftLight.eot') format('embedded-opentype'), url('fonts/AmpleSoftLight.woff2') format('woff2'), url('fonts/AmpleSoftLight.woff') format('woff'), url('fonts/AmpleSoftLight.ttf') format('truetype'), url('fonts/AmpleSoftLight.svg#AmpleSoftLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmpleSoftMedium';
    src: url('fonts/AmpleSoftMedium.eot');
    src: url('fonts/AmpleSoftMedium.eot') format('embedded-opentype'), url('fonts/AmpleSoftMedium.woff2') format('woff2'), url('fonts/AmpleSoftMedium.woff') format('woff'), url('fonts/AmpleSoftMedium.ttf') format('truetype'), url('fonts/AmpleSoftMedium.svg#AmpleSoftMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmpleSoftBold';
    src: url('fonts/AmpleSoftBold.eot');
    src: url('fonts/AmpleSoftBold.eot') format('embedded-opentype'), url('fonts/AmpleSoftBold.woff2') format('woff2'), url('fonts/AmpleSoftBold.woff') format('woff'), url('fonts/AmpleSoftBold.ttf') format('truetype'), url('fonts/AmpleSoftBold.svg#AmpleSoftBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder {
    color: #7b828a !important;
    font-size: 16px;
    font-family: 'ProximaNovaRegular';
}

::-moz-placeholder {
    color: #7b828a !important;
    font-size: 16px;
    font-family: 'ProximaNovaRegular';
}

:-ms-input-placeholder {
    color: #7b828a !important;
    font-size: 16px;
    font-family: 'ProximaNovaRegular';
}

:-moz-placeholder {
    color: #7b828a !important;
    font-size: 16px;
    font-family: 'ProximaNovaRegular';
}

/****************
 * Common Css
 ****************/
header, section, footer {
    width: 100%;
    float: left;
}

.container {
    padding: 0;
}

.custfield {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.cbttn {
    display: inline-block;
    font-family: 'ProximaNovaBold';
    font-size: 14px;
    text-transform: uppercase;
    padding: 13px 35px 11px;
    border-radius: 51px;
}

.ctitle {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

    .ctitle .line {
        width: 60px;
        height: 5px;
        margin: 0 auto;
        clear: both;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
    }

    .ctitle .lingbg1 {
        background-color: #9775fa;
    }

    .ctitle .lingbg2 {
        background-color: #e85b0e;
    }

    .ctitle h2 {
        font-family: 'AmpleSoftMedium';
        font-size: 28px;
        line-height: 38px;
        margin: 20px 0 15px;
    }

    .ctitle p {
        line-height: 24px;
        color: #7b828a;
    }

#mainpart .mobile, .maintext, #features .innerpart, #builder .circle, #services .circle2, #services .leftimgbox, #functions .functbox, #blogs .blogbox {
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}

header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 111;
}

    header .header {
        float: left;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.20);
        padding: 28px 0;
        position: relative;
    }

    header .logo {
        float: left;
    }

.custnav {
    float: right;
}

    .custnav .menus {
        float: left;
        margin-top: 12px;
    }

        .custnav .menus > li {
            float: left;
            padding: 0 15px;
        }

            .custnav .menus > li > a {
                float: left;
                color: #fbfbfe;
                font-family: 'ProximaNovaSemibold';
            }

                .custnav .menus > li > a:hover {
                    color: #339f72 !important;
                }

    .custnav .cbttn {
        float: right;
        font-family: 'ProximaNovaSemibold';
        font-size: 13px;
        color: #fbfbfe;
        font-size: 13px;
        border: 1px solid rgba(255,255,255,0.30);
        margin-left: 15px;
    }

        .custnav .cbttn:hover, .maintext .cbttn:hover {
            background-color: #339f72;
        }

#mainpart {
    background: url(../images/mainbg.png) no-repeat 50% 0%;
    height: 810px;
    position: relative;
    z-index: 2;
}

    #mainpart .mobile {
        float: left;
        margin: 165px 0 0 193px;
        opacity: 0;
        position: relative;
        top: 100px;
    }

    #mainpart .mobileanimte {
        opacity: 1;
        top: 0;
    }
/*#mainpart .mobile .gifimg {width: 400px; height: 624px;}*/
.maintext {
    float: right; /*margin: 280px 200px 0 0;*/
    margin: 280px 0 0 0;
    opacity: 0px;
    position: relative;
    right: -100px;
}

.maintextanimte {
    right: 0;
    opacity: 1;
}

.maintext h1 {
    font-family: 'AmpleSoftBold';
    font-size: 29px;
    line-height: 45px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 20px;
}

    .maintext h1 span {
        font-family: 'AmpleSoftLight';
    }

.maintext p {
    font-size: 16px;
    color: rgba(255,255,255,0.60);
    margin: 16px 0 35px;
}

.maintext .cbttn {
    font-size: 16px;
    border: 1px solid rgba(255,255,255,0.50);
    color: #feffff;
}

#features {
    margin-top: -101px;
}

    #features .featurebox {
        background-repeat: no-repeat;
        background-position: 50% 0;
        height: 677px;
        overflow: hidden;
    }

    #features .servicebg {
        background-image: url(../images/servicebg.png);
    }

    #features .marketingbg {
        background-image: url(../images/marketingbg.png);
    }

    #features .innerpart {
        text-align: center;
        padding: 10px 19%;
        position: absolute;
        left: 0;
        bottom: -30px;
        width: 100%;
        opacity: 0;
    }

    #features .topanimte {
        opacity: 1;
        bottom: 40px;
    }

    #features .innerpart span {
        display: block;
        font-family: 'AmpleSoftLight';
        font-size: 30px;
        text-transform: uppercase;
        line-height: 40px;
    }

    #features .innerpart h2 {
        font-family: 'AmpleSoftBold';
        font-size: 36px;
        text-transform: uppercase;
    }

    #features .servicebg .innerpart h2 {
        color: #ff922b;
    }

    #features .marketingbg .innerpart h2 {
        color: #6a47d9;
    }

    #features .innerpart p {
        line-height: 24px;
        color: rgba(33,37,41,0.75);
        margin: 15px 0 30px;
    }

    #features .cbttn, #functions .cbttn {
        border: 1px solid #d5d9de;
        color: #868e96;
        padding: 13px 35px 12px;
    }

    #features .servicebg .cbttn:hover {
        background-color: #ff922b;
        color: #ffffff;
        border-color: #ff922b;
    }

    #features .marketingbg .cbttn:hover {
        background-color: #6a47d9;
        color: #ffffff;
        border-color: #6a47d9;
    }

#builder {
    padding: 177px 0 118px;
}

    #builder .leftpart {
        height: 612px;
        width: 46%;
        background: -moz-linear-gradient(left, rgba(240,245,252,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left, rgba(240,245,252,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(240,245,252,1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f5fc', endColorstr='#00ffffff',GradientType=1 );
    }

    #builder .ctitle {
        margin: 166px 201px 0 0px;
    }

        #builder .ctitle .lingbg3 {
            float: left;
            background-color: #444fa6;
        }

    #builder .leftpart .ctitle {
        text-align: left;
        float: right;
        width: 370px;
    }

        #builder .leftpart .ctitle h2 {
            color: #343a40;
        }

        #builder .leftpart .ctitle p {
            color: #868e96;
            margin-bottom: 35px;
        }

    #builder .leftpart .cbttn {
        border: 1px solid #9ca2cf;
        color: #434ea5;
        padding: 13px 32px 12px;
    }

        #builder .leftpart .cbttn:hover {
            background-color: #434ea5;
            border-color: #434ea5;
            color: #ffffff;
        }

    #builder .rightpart {
        height: 612px;
        border-radius: 308px 0 0 308px;
        width: 54%;
        background: rgb(192,243,231);
        background: -moz-linear-gradient(-45deg, rgba(192,243,231,1) 19%, rgba(106,71,217,1) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(192,243,231,1) 19%,rgba(106,71,217,1) 100%);
        background: linear-gradient(135deg, rgba(192,243,231,1) 19%,rgba(106,71,217,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0f3e7', endColorstr='#6a47d9',GradientType=1 );
    }

    #builder .circle {
        background: url(../images/circleimg1.png) no-repeat 0 0;
        width: 812px;
        height: 812px;
        float: left;
        margin: -102px 0 0 -115px;
        position: relative;
    }

.custtabs, #services .nav-tabs {
    border: none;
}

    .custtabs > li, #services .nav-tabs > li {
        margin: 0;
        position: static;
    }

        .custtabs > li > a {
            border: none !important;
            position: absolute;
            cursor: pointer !important;
            margin: 0;
            width: 50px;
            height: 50px;
            background-color: #f9fafb !important;
            background-repeat: no-repeat;
            background-position: center center;
            border-radius: 100%;
            box-shadow: 0px 2px 20px rgba(0,0,0,0.20) !important;
        }

            .custtabs > li > a.neticon {
                background-image: url(../images/neticon.png);
                top: 133px;
                left: 206px;
            }

            .custtabs > li > a.menugicon {
                background-image: url(../images/menu_gridicon.png);
                top: 76px;
                left: 437px;
            }

            .custtabs > li > a.msgicon {
                background-image: url(../images/msgicon.png);
                top: 338px;
                right: 25px;
            }

            .custtabs > li > a.listicon {
                background-image: url(../images/listicon.png);
                bottom: 147px;
                left: 116px;
            }

            .custtabs > li > a.imgicon {
                background-image: url(../images/imgicon.png);
                bottom: 132px;
                left: 378px;
            }

            .custtabs > li > a.editicon {
                background-image: url(../images/editicon.png);
                bottom: 104px;
                right: 159px;
            }

    .custtabs .innertexts {
        background-color: #ffffff;
        border-radius: 7px;
        width: 270px;
        text-align: center;
        display: none;
        padding: 20px 0;
        position: relative;
        top: -100px;
        left: -125px;
        box-shadow: 0 0 5px #f1f1f1;
        -moz-box-shadow: 0 0 5px #f1f1f1;
        -webkit-box-shadow: 0 0 5px #f1f1f1;
    }

        .custtabs .innertexts h3 {
            font-size: 16px;
            color: #343a40;
            font-family: 'ProximaNovaBold';
        }

        .custtabs .innertexts p {
            color: #727475;
            font-size: 13px;
        }

        .custtabs .innertexts:after {
            background: url(../images/droparrow.png) no-repeat 0 0;
            width: 16px;
            height: 8px;
            position: absolute;
            bottom: -8px;
            left: 50%;
            content: "";
            transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
        }

.nav-tabs > li.active .innertexts {
    display: block;
}

.custtabs > li > a.msgicon .innertexts {
    left: -180px;
}

    .custtabs > li > a.msgicon .innertexts::after {
        left: 71%;
    }

.rightpart .gifpart {
    background: url(../images/laptop.png) no-repeat 0 0;
    width: 670px;
    height: 394px;
    margin-top: 209px;
    margin-left: 70px;
    text-align: center;
}

    .rightpart .gifpart img {
        margin-top: 25px;
    }

#services {
    padding-bottom: 120px;
}

    #services .leftimg {
        height: 600px;
        border-radius: 0 308px 308px 0;
        width: 54%;
        background: rgb(253,165,168);
        background: -moz-linear-gradient(left, rgba(253,165,168,1) 0%, rgba(253,165,168,1) 50%, rgba(163,62,180,1) 100%);
        background: -webkit-linear-gradient(left, rgba(253,165,168,1) 0%,rgba(253,165,168,1) 50%,rgba(163,62,180,1) 100%);
        background: linear-gradient(to right, rgba(253,165,168,1) 0%,rgba(253,165,168,1) 50%,rgba(163,62,180,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda5a8', endColorstr='#a33eb4',GradientType=1 );
    }

    #services .leftimgbox img {
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
        border-radius: 0px 200px 200px 0px;
        -moz-border-radius: 0px 200px 200px 0px-webkit-border-radius: 0px 200px 200px 0px;
        border-radius: 0 308px 308px 0;
    }

    #services .circle2 {
        background: url(../images/circleimg2.png) no-repeat 0 0;
        width: 812px;
        height: 812px;
        float: right;
        margin: -102px -115px 0 0;
        position: relative;
    }

    #builder .circle, #services .circle2, #services .leftimgbox {
        opacity: 0;
        transform: scale(0.9);
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    #builder .circleanimte, #services .circle2animte {
        opacity: 1;
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }

    #services .servicetexts {
        height: 612px;
        width: 46%;
        padding-left: 159px;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(250,237,237,1) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(250,237,237,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(250,237,237,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#faeded',GradientType=1 );
    }

    #services .nav-tabs {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

        #services .nav-tabs > li > a {
            border: none !important;
            margin: 0;
            cursor: pointer !important;
            text-align: center;
            background: none !important;
            padding: 0;
            margin-right: 15px;
        }

            #services .nav-tabs > li > a .iconb {
                width: 61px;
                height: 64px;
                background: url(../images/tab-bubble.png) no-repeat 50% 0;
                position: relative;
            }

                #services .nav-tabs > li > a .iconb .icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 58px;
                    background-repeat: no-repeat;
                    background-position: center center;
                }

            #services .nav-tabs > li > a .publicon {
                background-image: url(../images/publicon.png);
            }

        #services .nav-tabs > li.active > a .publicon, #services .nav-tabs > li:hover > a .publicon {
            background-image: url(../images/publicon-a.png);
        }

        #services .nav-tabs > li > a .bankicon {
            background-image: url(../images/bankicon.png);
        }

        #services .nav-tabs > li.active > a .bankicon, #services .nav-tabs > li:hover > a .bankicon {
            background-image: url(../images/bankicon-a.png);
        }

        #services .nav-tabs > li > a .touricon {
            background-image: url(../images/touricon.png);
        }

        #services .nav-tabs > li.active > a .touricon, #services .nav-tabs > li:hover > a .touricon {
            background-image: url(../images/touricon-a.png);
        }

        #services .nav-tabs > li > a .ecommicon {
            background-image: url(../images/ecommicon.png);
        }

        #services .nav-tabs > li.active > a .ecommicon, #services .nav-tabs > li:hover > a .ecommicon {
            background-image: url(../images/ecommicon-a.png);
        }

        #services .nav-tabs > li > a .teleicon {
            background-image: url(../images/teleicon.png);
        }

        #services .nav-tabs > li.active > a .teleicon, #services .nav-tabs > li:hover > a .teleicon {
            background-image: url(../images/teleicon-a.png);
        }

        #services .nav-tabs > li > a span {
            display: block;
            color: #adb5bd;
            font-family: 'ProximaNovaSemibold';
            font-size: 12px;
            margin-top: 3px;
        }

        #services .nav-tabs > li.active > a .iconb, #services .nav-tabs > li:hover > a .iconb {
            background: url(../images/tab-bubble-a.png) no-repeat 50% 0;
        }

        #services .nav-tabs > li.active > a span, #services .nav-tabs > li:hover > a span {
            color: #7760db;
        }

    #services .leftimgbox {
        position: absolute;
        left: -778px;
        top: 50px;
    }

    #services .servicetexts .ctitle {
        text-align: left;
        width: 372px;
        margin-top: 140px;
    }

        #services .servicetexts .ctitle .lingbg4 {
            float: left;
            background-color: #b857b1;
        }

        #services .servicetexts .ctitle h2 {
            color: #343a40;
        }

        #services .servicetexts .ctitle p {
            color: #868e96;
            margin-bottom: 25px;
            min-height: 195px;
        }

    #services .servicetexts .cbttn {
        border: 1px solid #daa7d5;
        color: #ba58b1;
        padding: 13px 32px 12px;
    }

        #services .servicetexts .cbttn:hover {
            background-color: #b857b1;
            border-color: #b857b1;
            color: #ffffff;
        }



#functions {
    padding: 80px 0;
    overflow: hidden;
}

    #functions .functbox {
        float: left;
        width: 100%;
        padding-bottom: 30px;
        margin-top: 30px;
        text-align: center;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px;
        box-shadow: 0 0 7px #e6e6e6;
        -moz-box-shadow: 0 0 7px #e6e6e6;
        -webkit-box-shadow: 0 0 7px #e6e6e6;
    }

    #functions .functbox, #blogs .blogbox {
        opacity: 0;
        position: relative;
        bottom: -70px;
    }

    #functions .functanimte, #blogs .bloganimte {
        opacity: 1;
        bottom: 0;
    }

    #functions .functbox .imgbox {
        display: block;
        margin-bottom: 25px;
    }

        #functions .functbox .imgbox img {
            width: 100%;
        }

    #functions .functbox:hover .imgbox img, #blogs .blogbox:hover .blogimg img {
        transform: scale(1.03);
        -moz-transform: scale(1.03);
        -webkit-transform: scale(1.03);
    }

    #functions .functbox .imgbox img, #functions .functbox:hover .imgbox img, #blogs .blogbox .blogimg img, #blogs .blogbox:hover .blogimg img {
        transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }

    #functions .functbox h3 {
        font-family: 'AmpleSoftBold';
        font-size: 16px;
        color: #343a40;
        text-transform: uppercase;
    }

    #functions .functbox p {
        font-size: 13px;
        color: #7b828a;
        line-height: 22px;
        padding: 12px 13px 20px;
        min-height: 186px;
    }

    #functions .functbox a {
        display: inline-block;
        font-family: 'ProximaNovaSemibold';
        font-size: 13px;
        color: #7090ab;
    }

.btnrow {
    padding: 60px 0 0;
    text-align: center;
}

#functions .cbttn {
    color: #495057;
}

    #functions .cbttn:hover {
        background-color: #9775fa;
        border-color: #9775fa;
        color: #ffffff;
    }



#functions1 {
    padding: 80px 0;
    overflow: hidden;
}

    #functions1 .functbox {
        float: left;
        width: 100%;
        padding-bottom: 30px;
        margin-top: 30px;
        text-align: center;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px;
        box-shadow: 0 0 7px #e6e6e6;
        -moz-box-shadow: 0 0 7px #e6e6e6;
        -webkit-box-shadow: 0 0 7px #e6e6e6;
    }

    #functions1 .functbox, #blogs .blogbox {
        opacity: 1;
        position: relative;
        bottom: -70px;
    }

    #functions1 .functanimte, #blogs .bloganimte {
        opacity: 1;
        bottom: 0;
    }

    #functions1 .functbox .imgbox {
        display: center;
        margin-bottom: 25px;
	margin-left: 25;
    }

        #functions1 .functbox .imgbox img {
            width: 100%;
        }

    #functions1 .functbox:hover .imgbox img, #blogs .blogbox:hover .blogimg img {
        transform: scale(1.03);
        -moz-transform: scale(1.03);
        -webkit-transform: scale(1.03);
    }

    #functions1 .functbox .imgbox img, #functions .functbox:hover .imgbox img, #blogs .blogbox .blogimg img, #blogs .blogbox:hover .blogimg img {
        transition: all 0.0s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }

    #functions1 .functbox h3 {
        font-family: 'AmpleSoftBold';
        font-size: 16px;
        color: #343a40;
        text-transform: uppercase;
    }

    #functions1 .functbox p {
        font-size: 13px;
        color: #7b828a;
        line-height: 22px;
        padding: 12px 13px 20px;
        min-height: 186px;
    }

    #functions1 .functbox a {
        display: inline-block;
        font-family: 'ProximaNovaSemibold';
        font-size: 13px;
        color: #7090ab;
    }




#blogs {
    background-color: #f2f6fa;
    background-image: url(../images/bubbleimg.png);
    background-repeat: repeat-x;
    background-position: 50% 50px;
    padding: 80px 0 120px;
    overflow: hidden;
}

    #blogs .ctitle h2 {
        text-transform: uppercase;
    }

    #blogs .blogbox {
        float: left;
        width: 100%;
        background-color: #ffffff;
        margin-top: 30px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px;
        box-shadow: 0 0 7px #e6e6e6;
        -moz-box-shadow: 0 0 7px #e6e6e6;
        -webkit-box-shadow: 0 0 7px #e6e6e6;
		min-height:330px;
    }

        #blogs .blogbox .blogimg {
            display: block;
        }

            #blogs .blogbox .blogimg img {
                width: 100%;
				height:175px;
            }

        #blogs .blogbox .info {
            padding: 30px;
            min-height: 130px;
        }

            #blogs .blogbox .info span {
                display: block;
                color: #adb5bd;
                font-size: 10px;
                text-transform: uppercase;
                margin-bottom: 8px;
            }

            #blogs .blogbox .info a {
                font-family: 'ProximaNovaSemibold';
                font-size: 16px;
                color: #343a40;
                display: inline-block;
                line-height: 24px;
            }

        #blogs .blogbox:hover .info a {
            color: #e85b0e;
        }

#brands {
    background-color: #e9eff5;
    padding: 90px 0;
}

    #brands .owl-carousel {
        display: none;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1;
    }

        #brands .owl-carousel .owl-stage {
            position: relative;
            -ms-touch-action: pan-Y;
            -moz-backface-visibility: hidden;
        }

            #brands .owl-carousel .owl-stage:after {
                content: ".";
                display: block;
                clear: both;
                visibility: hidden;
                line-height: 0;
                height: 0;
            }

        #brands .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            -webkit-transform: translate3d(0px, 0px, 0px);
        }

        #brands .owl-carousel .owl-wrapper, #brands .owl-carousel .owl-item {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
        }

        #brands .owl-carousel .owl-item {
            position: relative;
            min-height: 1px;
            float: left;
            -webkit-backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
        }

        #brands .owl-carousel.owl-loaded {
            display: block;
        }

        #brands .owl-carousel.owl-loading {
            opacity: 0;
            display: block;
        }

        #brands .owl-carousel.owl-hidden {
            opacity: 0;
        }

        #brands .owl-carousel.owl-refresh .owl-item {
            visibility: hidden;
        }

        #brands .owl-carousel.owl-grab {
            cursor: move;
            cursor: grab;
        }

        #brands .owl-carousel .item {
            overflow: hidden;
            position: relative;
        }

            #brands .owl-carousel .item .brandlogo {
                display: block;
                text-align: center;
            }

                #brands .owl-carousel .item .brandlogo a {
                    opacity: 0.50;
                }

                    #brands .owl-carousel .item .brandlogo a:hover {
                        opacity: 1;
                    }

#newsletter {
    padding: 100px 0 122px;
    background: rgb(153,233,242);
    background: url(../images/bubbleimg.png) no-repeat 50% 40px, -moz-linear-gradient(-45deg, rgba(153,233,242,1) 0%, rgba(95,61,196,1) 85%);
    background: url(../images/bubbleimg.png) no-repeat 50% 40px, -webkit-linear-gradient(-45deg, rgba(153,233,242,1) 0%,rgba(95,61,196,1) 85%);
    background: url(../images/bubbleimg.png) no-repeat 50% 40px, linear-gradient(135deg, rgba(153,233,242,1) 0%,rgba(95,61,196,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e9f2', endColorstr='#5f3dc4',GradientType=1 );
}

    #newsletter .ctitle h2, #contact .ctitle h2 {
        color: #f9f7ff;
    }

    #newsletter .ctitle p, #contact .ctitle p {
        color: rgba(255,255,255,0.70);
    }

    #newsletter .fieldbox {
        width: 690px;
        margin: 0 auto;
    }

    #newsletter .formbox {
        float: left;
        width: 100%;
        background: url(../images/grdbg.png) no-repeat 0 0;
        height: 100px;
        padding: 20px;
    }

    #newsletter .contactbox {
        float: left;
        width: 100%;
        padding: 20px;
    }

        #newsletter .contactbox .contact {
            margin-bottom: 20px;
        }

            #newsletter .contactbox .contact input {
                height: 60px;
            }

    #newsletter .half {
        width: 50%;
    }

    #newsletter .custfield.half {
        width: 310px;
    }

    #newsletter .custfield {
        background: #ffffff url(../images/mailicon.png) no-repeat 40px 50%;
        color: #7b828a;
        font-size: 16px;
        float: left;
        width: 483px;
        height: 60px;
        border-radius: 35px 0 0 35px;
        -moz-border-radius: 35px 0 0 35px;
        -webkit-border-radius: 35px 0 0 35px;
        padding: 6px 15px 6px 69px;
    }

.subbtn {
    float: right;
    width: 167px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'ProximaNovaBold';
    font-size: 16px;
    padding: 19px 0;
    background: #c0f3e7;
    background: -moz-linear-gradient(top, #c0f3e7 0%, #523d95 100%);
    background: -webkit-linear-gradient(top, #c0f3e7 0%,#523d95 100%);
    background: linear-gradient(to bottom, #c0f3e7 0%,#523d95 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0f3e7', endColorstr='#523d95',GradientType=0 );
    border-radius: 0 35px 35px 0;
    -moz-border-radius: 0 35px 35px 0;
    -webkit-border-radius: 0 35px 35px 0;
}

    .subbtn.form-button {
        border-radius: 35px;
        float: none;
    }

    .subbtn:hover {
        background: #523d95;
        background: -moz-linear-gradient(top, #523d95 0%, #c0f3e7 100%);
        background: -webkit-linear-gradient(top, #523d95 0%,#c0f3e7 100%);
        background: linear-gradient(to bottom, #523d95 0%,#c0f3e7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523d95', endColorstr='#c0f3e7',GradientType=0 );
    }

#contact {
    padding: 95px 0 120px;
    margin-top: 80px;
    background: rgb(153,233,242);
    background: url(../images/bubbleimg2.png) no-repeat 50% 40px, -moz-linear-gradient(-45deg, rgba(153,233,242,1) 6%, rgba(95,61,196,1) 99%);
    background: url(../images/bubbleimg2.png) no-repeat 50% 40px, -webkit-linear-gradient(-45deg, rgba(153,233,242,1) 6%,rgba(95,61,196,1) 99%);
    background: url(../images/bubbleimg2.png) no-repeat 50% 40px, linear-gradient(135deg, rgba(153,233,242,1) 6%,rgba(95,61,196,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e9f2', endColorstr='#5f3dc4',GradientType=1 );
}

    #contact .fieldbox {
        width: 1010px;
        margin: 0 auto;
    }

    #contact .fieldrow {
        width: 100%;
        float: left;
        padding: 0 20px 20px;
        margin-bottom: 10px;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        background: -moz-linear-gradient(left, rgba(192,243,231,0.3) 0%, rgba(106,71,217,0.3) 100%);
        background: -webkit-linear-gradient(left, rgba(192,243,231,0.3) 0%,rgba(106,71,217,0.3) 100%);
        background: linear-gradient(to right, rgba(192,243,231,0.3) 0%,rgba(106,71,217,0.3) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc0f3e7', endColorstr='#4d6a47d9',GradientType=1 );
    }

        #contact .fieldrow.last {
            margin-bottom: 20px;
        }

    #contact .custfield {
        float: left;
        width: 310px;
        height: 60px;
        border-radius: 60px;
        margin-top: 20px;
        padding-left: 60px;
        padding-right: 30px;
        color: #7b828a;
        font-size: 16px;
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: 30px 50%;
    }

        #contact .custfield.checkbox {
            width: 100%;
            height: auto;
        } 
        
        #contact .fieldbox .namef {
            background-image: url(../images/name_ficon.png);
        }

    #contact .fieldbox .emailf {
        background-image: url(../images/email_ficon.png);
        margin-right: 20px;
        margin-left: 20px;
    }

    #contact .fieldbox .nof {
        background-image: url(../images/no_ficon.png);
        background-position: 35px 50%;
    }

    #contact textarea.custfield {
        width: 100%;
        resize: none;
        padding: 18px 30px;
        height: 105px;
    }

    #contact .button {
        width: 187px;
        padding: 10px;
        margin: 0 auto;
        clear: both;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        background: -moz-linear-gradient(left, rgba(192,243,231,0.3) 0%, rgba(106,71,217,0.3) 100%);
        background: -webkit-linear-gradient(left, rgba(192,243,231,0.3) 0%,rgba(106,71,217,0.3) 100%);
        background: linear-gradient(to right, rgba(192,243,231,0.3) 0%,rgba(106,71,217,0.3) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc0f3e7', endColorstr='#4d6a47d9',GradientType=1 );
    }

        #contact .button:after, #contact .button:before {
            content: "";
            display: table;
            clear: both;
        }

    #contact .subbtn {
        width: 100%;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        outline: 0;
    }

    #contact .ctitle p {
        color: rgba(255,255,255,0.70);
    }

.gif {
    width: 505px;
}

#msg {
    text-align: center;
    margin: 10px 0;
    font-size: 20px;
    color: #ffffff;
}

#contact .fieldbox .emailcountry {
    background-image: url(../images/no_ficon.png);
    margin-right: 20px;
    margin-left: 20px;
}

footer {
    padding: 45px 0;
}

    footer .copyright {
        float: left;
    }

    footer .logoicon {
        float: left;
    }

    footer .copyright p {
        float: left;
        font-size: 15px;
        color: #495057;
        margin: 4px 0 0 20px;
    }

        footer .copyright p span {
            display: block;
            font-family: 'ProximaNovaSemibold';
            font-size: 13px;
            color: #868e96;
        }

    footer .fmenu {
        float: right;
        margin-top: 4px;
    }

        footer .fmenu li {
            float: left;
            padding-right: 30px;
        }

            footer .fmenu li:last-child {
                padding-right: 0;
            }

            footer .fmenu li a {
                float: left;
                font-family: 'ProximaNovaSemibold';
                color: #565e66;
            }

                footer .fmenu li a:hover {
                    color: #339f72;
                }


/****************
 * Inner Page
 ****************/
.header2 {
    position: fixed;
    top: 0;
    z-index: 111;
    background-color: #ffffff;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.15);
}

    .header2 .header {
        padding: 17px 0;
    }

    .header2 .custnav .menus > li > a {
        color: #495057;
    }

    .header2 .custnav .cbttn {
        border-color: #868e96;
        color: #495057;
    }

        .header2 .custnav .cbttn:hover {
            color: #ffffff;
            border-color: #339f72;
        }

.lingbg4 {
    background-color: #ff922b;
}

/*.topspace {margin-top: 80px;}*/
.subtexts {
    position: relative;
    z-index: 11;
}

    .subtexts h2 {
        font-size: 48px;
        color: #ffffff;
        font-family: 'AmpleSoftBold';
        text-transform: uppercase;
        line-height: 48px;
    }

    .subtexts p {
        font-size: 16px;
        color: rgba(255,255,255,0.60);
        line-height: 24px;
        margin-top: 12px;
    }

.subpagebanner {
    padding: 270px 0 190px 0;
	padding:210px 0 130px 0;
    position: relative;
    /* height: 600px; .bgcolo1{*/
    background: rgb(95,61,196);
    background: -moz-linear-gradient(-45deg, rgba(95,61,196,1) 0%, rgba(121,80,242,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(95,61,196,1) 0%,rgba(121,80,242,1) 100%);
    background: linear-gradient(135deg, rgba(95,61,196,1) 0%,rgba(121,80,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f3dc4', endColorstr='#7950f2',GradientType=1 );
}

    .subpagebanner .bannerimg {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

    .subpagebanner.partnerships {
        background: #1b6ec2;
        background: -moz-linear-gradient(-45deg, #1b6ec2 0%, #329af0 100%);
        background: -webkit-linear-gradient(-45deg, #1b6ec2 0%,#329af0 100%);
        background: linear-gradient(135deg, #1b6ec2 0%,#329af0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6ec2', endColorstr='#329af0',GradientType=1 );
    }

    .subpagebanner.features {
        background: #c2255c;
        background: -moz-linear-gradient(-45deg, #c2255c 0%, #e64980 100%);
        background: -webkit-linear-gradient(-45deg, #c2255c 0%,#e64980 100%);
        background: linear-gradient(135deg, #c2255c 0%,#e64980 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2255c', endColorstr='#e64980',GradientType=1 );
    }

.cinfotext {
    padding: 110px 0 0;
}

    .cinfotext .ctitle h2 {
        font-family: 'AmpleSoftBold';
        color: #343a40;
        font-size: 36px;
        text-transform: uppercase;
    }

    .cinfotext .ctitle p {
        font-size: 15px;
        color: #868e96;
        padding: 0 204px;
        margin-top: 10px;
        float: left;
        width: 100%;
    }

.ctitle.content {
    text-align: left;
}

    .ctitle.content p {
        padding: 0;
    }

    .ctitle.content ul {
        margin-left: 20px;
        font-size: 15px;
        color: #868e96;
    }

        .ctitle.content ul li {
            list-style-type: circle;
        }


/*.supportlist {padding: 0 0 110px;}*/
.supportlist .srow {
    margin: 30px 0;
    float: left;
    width: 100%;
}

.supportlist .animttop {
    opacity: 1;
    top: 0px;
}

.supportlist .imagepart {
    padding: 0;
    width: 56%;
}

.supportlist .imgbox {
    padding: 0;
    background-repeat: no-repeat;
    position: relative;
}

.supportlist .supporttext {
    padding: 0;
    width: 44%;
}

.supportlist .infopart {
    width: 435px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.posleft {
    left: 42px;
}

.posright {
    right: 68px;
}

.supportlist .infopart .ctitle {
    margin-bottom: 0;
}

    .supportlist .infopart .ctitle .line {
        float: left;
    }

    .supportlist .infopart .ctitle h2 {
        color: #343a40;
        text-align: left;
        text-transform: uppercase;
        font-family: 'AmpleSoftBold';
    }

    .supportlist .infopart .ctitle p {
        color: #868e96;
        text-align: left;
    }

.support1 .imgbox {
    height: 671px;
    background-position: 100% 0;
}

.support1 .supporttext {
    height: 671px;
}

.support2 .imgbox {
    height: 585px;
    background-position: 0% 0%;
}

.support2 .supporttext {
    height: 585px;
}

.support3 .imgbox {
    height: 591px;
    background-position: 100% 0%;
}

.support3 .supporttext {
    height: 591px;
}

.support4 .imgbox {
    height: 593px;
    background-position: 0% 0%;
}

.support4 .supporttext {
    height: 593px;
}

.supportlist .imgbox .cbubble {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: 0;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
}

.supportlist .imgbox .sbubble1 {
    background-image: url(../images/s_bubble1.png);
    width: 200px;
    height: 77px;
    right: 372px;
    top: 248px;
}

.supportlist .imgbox .sbubble2 {
    background-image: url(../images/s_bubble2.png);
    width: 160px;
    height: 80px;
    left: 138px;
    top: 230px;
}

.supportlist .imgbox .sbubble3 {
    background-image: url(../images/s_bubble3.png);
    width: 46px;
    height: 50px;
    left: 306px;
    top: 194px;
}

.supportlist .imgbox .cbubble.popup {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.supportlist .suphoveimg1 {
    background: url(../images/suphover_img1.png) no-repeat 0 0;
    width: 350px;
    height: 144px;
    position: absolute;
    top: 65px;
    right: 214px;
}

.supportlist .support1:hover .suphoveimg1 {
    animation: animove1 4s infinite;
    -moz-animation: animove1 4s infinite;
    -webkit-animation: animove1 4s infinite;
    -ms-animation: animove1 4s infinite;
    -o-animation: animove1 4s infinite;
}

@keyframes animove1 {
    0% {
        right: 214px;
        top: 65px;
    }

    25% {
        right: 200px;
        top: 60px;
    }

    50% {
        right: 250px;
        top: 40px;
    }

    75% {
        right: 190px;
        top: 51px;
    }

    100% {
        right: 214px;
        top: 65px;
    }
}

@-webkit-keyframes animove1 {
    0% {
        right: 214px;
        top: 65px;
    }

    25% {
        right: 200px;
        top: 60px;
    }

    50% {
        right: 250px;
        top: 40px;
    }

    75% {
        right: 190px;
        top: 51px;
    }

    100% {
        right: 214px;
        top: 65px;
    }
}

@-ms-keyframes animove1 {
    0% {
        right: 214px;
        top: 65px;
    }

    25% {
        right: 200px;
        top: 60px;
    }

    50% {
        right: 250px;
        top: 40px;
    }

    75% {
        right: 190px;
        top: 51px;
    }

    100% {
        right: 214px;
        top: 65px;
    }
}

@-o-keyframes animove1 {
    0% {
        right: 214px;
        top: 65px;
    }

    25% {
        right: 200px;
        top: 60px;
    }

    50% {
        right: 250px;
        top: 40px;
    }

    75% {
        right: 190px;
        top: 51px;
    }

    100% {
        right: 214px;
        top: 65px;
    }
}

.supportlist .imgbox:hover .suphoveimg1 {
    animation: animove1 4s infinite;
    -moz-animation: animove1 4s infinite;
    -webkit-animation: animove1 4s infinite;
    -ms-animation: animove1 4s infinite;
    -o-animation: animove1 4s infinite;
}

@keyframes animove1 {
    0% {
        right: 214px;
        top: 65px;
    }

    25% {
        right: 200px;
        top: 60px;
    }

    50% {
        right: 250px;
        top: 40px;
    }

    75% {
        right: 190px;
        top: 51px;
    }

    100% {
        right: 214px;
        top: 65px;
    }
}

@-webkit-keyframes animove1 {
    0% {
        right: 214px;
        top: 65px;
    }

    25% {
        right: 200px;
        top: 60px;
    }

    50% {
        right: 250px;
        top: 40px;
    }

    75% {
        right: 190px;
        top: 51px;
    }

    100% {
        right: 214px;
        top: 65px;
    }
}

@-ms-keyframes animove1 {
    0% {
        right: 214px;
        top: 65px;
    }

    25% {
        right: 200px;
        top: 60px;
    }

    50% {
        right: 250px;
        top: 40px;
    }

    75% {
        right: 190px;
        top: 51px;
    }

    100% {
        right: 214px;
        top: 65px;
    }
}

@-o-keyframes animove1 {
    0% {
        right: 214px;
        top: 65px;
    }

    25% {
        right: 200px;
        top: 60px;
    }

    50% {
        right: 250px;
        top: 40px;
    }

    75% {
        right: 190px;
        top: 51px;
    }

    100% {
        right: 214px;
        top: 65px;
    }
}

.supportlist .suphoveimg2 {
    background: url(../images/suphover_img2.png) no-repeat 0 0;
    width: 354px;
    height: 241px;
    position: absolute;
    top: -40px;
    left: 194px;
}

.supportlist .support2:hover .suphoveimg2 {
    animation: animove2 4s infinite;
    -moz-animation: animove2 4s infinite;
    -webkit-animation: animove2 4s infinite;
    -ms-animation: animove2 4s infinite;
    -o-animation: animove2 4s infinite;
}

.supportlist .support2 .imgbox:hover .suphoveimg2 {
    animation: animove2 4s infinite;
    -moz-animation: animove2 4s infinite;
    -webkit-animation: animove2 4s infinite;
    -ms-animation: animove2 4s infinite;
    -o-animation: animove2 4s infinite;
}

@keyframes animove2 {
    0% {
        left: 194px;
        top: -40px;
    }

    25% {
        left: 220px;
        top: -30px;
    }

    50% {
        left: 200px;
        top: -40px;
    }

    75% {
        left: 250px;
        top: -70px;
    }

    100% {
        left: 194px;
        top: -40px;
    }
}

@-webkit-keyframes animove2 {
    0% {
        left: 194px;
        top: -40px;
    }

    25% {
        left: 220px;
        top: -30px;
    }

    50% {
        left: 200px;
        top: -40px;
    }

    75% {
        left: 250px;
        top: -70px;
    }

    100% {
        left: 194px;
        top: -40px;
    }
}

@-ms-keyframes animove2 {
    0% {
        left: 194px;
        top: -40px;
    }

    25% {
        left: 220px;
        top: -30px;
    }

    50% {
        left: 200px;
        top: -40px;
    }

    75% {
        left: 250px;
        top: -70px;
    }

    100% {
        left: 194px;
        top: -40px;
    }
}

@-o-keyframes animove2 {
    0% {
        left: 194px;
        top: -40px;
    }

    25% {
        left: 220px;
        top: -30px;
    }

    50% {
        left: 200px;
        top: -40px;
    }

    75% {
        left: 250px;
        top: -70px;
    }

    100% {
        left: 194px;
        top: -40px;
    }
}

.supportlist .suphoveimg3 {
    background: url(../images/suphover_img3.png) no-repeat 0 0;
    width: 465px;
    height: 154px;
    position: absolute;
    top: -7px;
    right: 190px;
}

.supportlist .support3:hover .suphoveimg3 {
    animation: animove3 4s infinite;
    -moz-animation: animove3 4s infinite;
    -webkit-animation: animove3 4s infinite;
    -ms-animation: animove3 4s infinite;
    -o-animation: animove3 4s infinite;
}

.supportlist .support3 .imgbox:hover .suphoveimg3 {
    animation: animove3 4s infinite;
    -moz-animation: animove3 4s infinite;
    -webkit-animation: animove3 4s infinite;
    -ms-animation: animove3 4s infinite;
    -o-animation: animove3 4s infinite;
}

@keyframes animove3 {
    0% {
        right: 190px;
        top: -7px;
    }

    25% {
        right: 150px;
        top: -30px;
    }

    50% {
        right: 195px;
        top: -5px;
    }

    75% {
        right: 198px;
        top: -12px;
    }

    100% {
        right: 190px;
        top: -7px;
    }
}

@-webkit-keyframes animove3 {
    0% {
        right: 190px;
        top: -7px;
    }

    25% {
        right: 150px;
        top: -30px;
    }

    50% {
        right: 195px;
        top: -5px;
    }

    75% {
        right: 198px;
        top: -12px;
    }

    100% {
        right: 190px;
        top: -7px;
    }
}

@-ms-keyframes animove3 {
    0% {
        right: 190px;
        top: -7px;
    }

    25% {
        right: 150px;
        top: -30px;
    }

    50% {
        right: 195px;
        top: -5px;
    }

    75% {
        right: 198px;
        top: -12px;
    }

    100% {
        right: 190px;
        top: -7px;
    }
}

@-o-keyframes animove3 {
    0% {
        right: 190px;
        top: -7px;
    }

    25% {
        right: 150px;
        top: -30px;
    }

    50% {
        right: 195px;
        top: -5px;
    }

    75% {
        right: 198px;
        top: -12px;
    }

    100% {
        right: 190px;
        top: -7px;
    }
}

.supportlist .suphoveimg4 {
    background: url(../images/suphover_img4.png) no-repeat 0 0;
    width: 303px;
    height: 103px;
    position: absolute;
    top: -13px;
    left: 190px;
}

.supportlist .support4:hover .suphoveimg4 {
    animation: animove4 4s infinite;
    -moz-animation: animove4 4s infinite;
    -webkit-animation: animove4 4s infinite;
    -ms-animation: animove4 4s infinite;
    -o-animation: animove4 4s infinite;
}

.supportlist .support4 .imgbox:hover .suphoveimg4 {
    animation: animove4 4s infinite;
    -moz-animation: animove4 4s infinite;
    -webkit-animation: animove4 4s infinite;
    -ms-animation: animove4 4s infinite;
    -o-animation: animove4 4s infinite;
}

@keyframes animove4 {
    0% {
        left: 190px;
        top: -7px;
    }

    25% {
        left: 220px;
        top: -20px;
    }

    50% {
        left: 195px;
        top: 0px;
    }

    75% {
        left: 230px;
        top: -40px;
    }

    100% {
        left: 190px;
        top: -7px;
    }
}

@-webkit-keyframes animove4 {
    0% {
        left: 190px;
        top: -7px;
    }

    25% {
        left: 200px;
        top: -10px;
    }

    50% {
        left: 195px;
        top: -5px;
    }

    75% {
        left: 198px;
        top: -12px;
    }

    100% {
        left: 190px;
        top: -7px;
    }
}

@-ms-keyframes animove4 {
    0% {
        left: 190px;
        top: -7px;
    }

    25% {
        left: 200px;
        top: -10px;
    }

    50% {
        left: 195px;
        top: -5px;
    }

    75% {
        left: 198px;
        top: -12px;
    }

    100% {
        left: 190px;
        top: -7px;
    }
}

@-o-keyframes animove4 {
    0% {
        left: 190px;
        top: -7px;
    }

    25% {
        left: 200px;
        top: -10px;
    }

    50% {
        left: 195px;
        top: -5px;
    }

    75% {
        left: 198px;
        top: -12px;
    }

    100% {
        left: 190px;
        top: -7px;
    }
}

#contact {
    padding: 95px 0 120px;
    margin-top: 80px;
	    margin-top: 0px;

    background: rgb(153,233,242);
    background: url(../images/bubbleimg2.png) no-repeat 50% 40px, -moz-linear-gradient(-45deg, rgba(153,233,242,1) 6%, rgba(95,61,196,1) 99%);
    background: url(../images/bubbleimg2.png) no-repeat 50% 40px, -webkit-linear-gradient(-45deg, rgba(153,233,242,1) 6%,rgba(95,61,196,1) 99%);
    background: url(../images/bubbleimg2.png) no-repeat 50% 40px, linear-gradient(135deg, rgba(153,233,242,1) 6%,rgba(95,61,196,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e9f2', endColorstr='#5f3dc4',GradientType=1 );
}

    #contact .fieldbox {
        width: 1010px;
        margin: 0 auto;
    }

    #contact .fieldrow {
        width: 100%;
        float: left;
        padding: 0 20px 20px;
        margin-bottom: 10px;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        background: -moz-linear-gradient(left, rgba(192,243,231,0.3) 0%, rgba(106,71,217,0.3) 100%);
        background: -webkit-linear-gradient(left, rgba(192,243,231,0.3) 0%,rgba(106,71,217,0.3) 100%);
        background: linear-gradient(to right, rgba(192,243,231,0.3) 0%,rgba(106,71,217,0.3) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc0f3e7', endColorstr='#4d6a47d9',GradientType=1 );
    }

        #contact .fieldrow.last {
            margin-bottom: 20px;
        }

    #contact .custfield {
        float: left;
        width: 310px;
        height: 60px;
        border-radius: 60px;
        margin-top: 20px;
        padding-left: 60px;
        padding-right: 30px;
        color: #7b828a;
        font-size: 16px;
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: 30px 50%;
    }

    #contact .fieldbox .namef {
        background-image: url(../images/name_ficon.png);
    }

    #contact .fieldbox .emailf {
        background-image: url(../images/email_ficon.png);
        margin-right: 20px;
        margin-left: 20px;
    }

    #contact .fieldbox .nof {
        background-image: url(../images/no_ficon.png);
        background-position: 35px 50%;
    }

    #contact textarea.custfield {
        width: 100%;
        resize: none;
        padding: 18px 30px;
        height: 105px;
    }

    #contact .button {
        width: 187px;
        padding: 10px;
        margin: 0 auto;
        clear: both;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        background: -moz-linear-gradient(left, rgba(192,243,231,0.3) 0%, rgba(106,71,217,0.3) 100%);
        background: -webkit-linear-gradient(left, rgba(192,243,231,0.3) 0%,rgba(106,71,217,0.3) 100%);
        background: linear-gradient(to right, rgba(192,243,231,0.3) 0%,rgba(106,71,217,0.3) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc0f3e7', endColorstr='#4d6a47d9',GradientType=1 );
    }

        #contact .button:after, #contact .button:before {
            content: "";
            display: table;
            clear: both;
        }

    #contact .subbtn {
        width: 100%;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        outline: 0;
    }


#msg {
    text-align: center;
    margin: 10px 0;
    font-size: 20px;
    color: #ffffff;
}


.feature-img {
    float: left;
}

.feature-div {
    padding: 25px 0;
    padding-left: 110px;
}

    .feature-div.two-lines {
        padding-top: 12.5px;
    }

.feature-wrapper {
    margin-bottom: 25px;
}

/************************
 * For Marketing Page
 ************************/
.bgcolo2 {
    background: rgb(12,133,153);
    background: -moz-linear-gradient(-45deg, rgba(12,133,153,1) 0%, rgba(34,184,207,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(12,133,153,1) 0%,rgba(34,184,207,1) 100%);
    background: linear-gradient(135deg, rgba(12,133,153,1) 0%,rgba(34,184,207,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c8599', endColorstr='#22b8cf',GradientType=1 );
}

.marketinglist {
    margin-top: 100px;
}

    .marketinglist .support1 .imgbox, .marketinglist .support1 .supporttext {
        height: 620px;
    }

    .marketinglist .support2 .imgbox, .marketinglist .support2 .supporttext {
        height: 598px;
    }

    .marketinglist .support3 .imgbox, .marketinglist .support3 .supporttext {
        height: 575px;
    }

    .marketinglist .support4 .imgbox, .marketinglist .support4 .supporttext {
        height: 642px;
    }

    .marketinglist .support5 .imgbox, .marketinglist .support5 .supporttext {
        height: 599px;
        background-position: 100% 0;
    }

    .marketinglist .support6 .imgbox, .marketinglist .support6 .supporttext {
        height: 623px;
        background-position: 0 0;
    }


    .marketinglist .imgbox .sbubble2 {
        background-image: url(../images/m_bubble2.png);
        width: 114px;
        height: 58px;
        left: 126px;
        top: 325px;
    }

    .marketinglist .markhoveimg1 {
        background: url(../images/markhove_img1.png) no-repeat 0 0;
        width: 305px;
        height: 144px;
        position: absolute;
        top: 13px;
        right: 201px;
    }

    .marketinglist .support1:hover .markhoveimg1 {
        animation: markanimove1 4s infinite;
        -moz-animation: markanimove1 4s infinite;
        -webkit-animation: markanimove1 4s infinite;
        -ms-animation: markanimove1 4s infinite;
        -o-animation: markanimove1 4s infinite;
    }

@keyframes markanimove1 {
    0% {
        top: 13px;
        right: 201px;
    }

    25% {
        top: -20px;
        right: 190px;
    }

    50% {
        top: 0px;
        right: 180px;
    }

    75% {
        top: -30px;
        right: 200px;
    }

    100% {
        top: 13px;
        right: 201px;
    }
}

@-webkit-keyframes markanimove1 {
    0% {
        top: 13px;
        right: 201px;
    }

    25% {
        top: -20px;
        right: 250px;
    }

    50% {
        top: 0px;
        right: 180px;
    }

    75% {
        top: -40px;
        right: 200px;
    }

    100% {
        top: 13px;
        right: 201px;
    }
}

@-ms-keyframes markanimove1 {
    0% {
        top: 13px;
        right: 201px;
    }

    25% {
        top: -20px;
        right: 250px;
    }

    50% {
        top: 0px;
        right: 180px;
    }

    75% {
        top: -40px;
        right: 200px;
    }

    100% {
        top: 13px;
        right: 201px;
    }
}

@-o-keyframes markanimove1 {
    0% {
        top: 13px;
        right: 201px;
    }

    25% {
        top: -20px;
        right: 250px;
    }

    50% {
        top: 0px;
        right: 180px;
    }

    75% {
        top: -40px;
        right: 200px;
    }

    100% {
        top: 13px;
        right: 201px;
    }
}

.marketinglist .markhoveimg2 {
    background: url(../images/markhove_img2.png) no-repeat 0 0;
    width: 354px;
    height: 241px;
    position: absolute;
    top: -29px;
    left: 197px;
}

.marketinglist .support2:hover .markhoveimg2 {
    animation: markanimove2 4s infinite;
    -moz-animation: markanimove2 4s infinite;
    -webkit-animation: markanimove2 4s infinite;
    -ms-animation: markanimove2 4s infinite;
    -o-animation: markanimove2 4s infinite;
}

@keyframes markanimove2 {
    0% {
        top: -29px;
        left: 197px;
    }

    25% {
        top: -40px;
        left: 180px;
    }

    50% {
        top: -20px;
        left: 220px;
    }

    75% {
        top: -10px;
        left: 200px;
    }

    100% {
        top: -29px;
        left: 197px;
    }
}

@-webkit-keyframes markanimove2 {
    0% {
        top: -29px;
        left: 197px;
    }

    25% {
        top: -40px;
        left: 180px;
    }

    50% {
        top: -20px;
        left: 220px;
    }

    75% {
        top: -10px;
        left: 200px;
    }

    100% {
        top: -29px;
        left: 197px;
    }
}

@-ms-keyframes markanimove2 {
    0% {
        top: -29px;
        left: 197px;
    }

    25% {
        top: -40px;
        left: 180px;
    }

    50% {
        top: -20px;
        left: 220px;
    }

    75% {
        top: -10px;
        left: 200px;
    }

    100% {
        top: -29px;
        left: 197px;
    }
}

@-o-keyframes markanimove2 {
    0% {
        top: -29px;
        left: 197px;
    }

    25% {
        top: -40px;
        left: 180px;
    }

    50% {
        top: -20px;
        left: 220px;
    }

    75% {
        top: -10px;
        left: 200px;
    }

    100% {
        top: -29px;
        left: 197px;
    }
}

.marketinglist .markhoveimg3 {
    background: url(../images/markhove_img3.png) no-repeat 0 0;
    width: 281px;
    height: 89px;
    position: absolute;
    top: -31px;
    right: 431px;
}

.marketinglist .support3:hover .markhoveimg3 {
    animation: markanimove3 4s infinite;
    -moz-animation: markanimove3 4s infinite;
    -webkit-animation: markanimove3 4s infinite;
    -ms-animation: markanimove3 4s infinite;
    -o-animation: markanimove3 4s infinite;
}

@keyframes markanimove3 {
    0% {
        top: -31px;
        right: 431px;
    }

    25% {
        top: -20px;
        right: 450px;
    }

    50% {
        top: -30px;
        right: 444px;
    }

    75% {
        top: -25px;
        right: 410px;
    }

    100% {
        top: -31px;
        right: 431px;
    }
}

@-webkit-keyframes markanimove3 {
    0% {
        top: -31px;
        right: 431px;
    }

    25% {
        top: -20px;
        right: 450px;
    }

    50% {
        top: -30px;
        right: 444px;
    }

    75% {
        top: -25px;
        right: 410px;
    }

    100% {
        top: -31px;
        right: 431px;
    }
}

@-ms-keyframes markanimove3 {
    0% {
        top: -31px;
        right: 431px;
    }

    25% {
        top: -20px;
        right: 450px;
    }

    50% {
        top: -30px;
        right: 444px;
    }

    75% {
        top: -25px;
        right: 410px;
    }

    100% {
        top: -31px;
        right: 431px;
    }
}

@-o-keyframes markanimove3 {
    0% {
        top: -31px;
        right: 431px;
    }

    25% {
        top: -20px;
        right: 450px;
    }

    50% {
        top: -30px;
        right: 444px;
    }

    75% {
        top: -25px;
        right: 410px;
    }

    100% {
        top: -31px;
        right: 431px;
    }
}

.marketinglist .markhoveimg4 {
    background: url(../images/markhove_img4.png) no-repeat 0 0;
    width: 172px;
    height: 82px;
    position: absolute;
    top: -23px;
    left: 297px;
}

.marketinglist .support4:hover .markhoveimg4 {
    animation: markanimove4 4s infinite;
    -moz-animation: markanimove4 4s infinite;
    -webkit-animation: markanimove4 4s infinite;
    -ms-animation: markanimove4 4s infinite;
    -o-animation: markanimove4 4s infinite;
}

@keyframes markanimove4 {
    0% {
        top: -23px;
        left: 297px;
    }

    25% {
        top: -15px;
        left: 310px;
    }

    50% {
        top: -30px;
        left: 270px;
    }

    75% {
        top: -10px;
        left: 280px;
    }

    100% {
        top: -23px;
        left: 297px;
    }
}

@-webkit-keyframes markanimove4 {
    0% {
        top: -23px;
        left: 297px;
    }

    25% {
        top: -15px;
        left: 310px;
    }

    50% {
        top: -30px;
        left: 270px;
    }

    75% {
        top: -10px;
        left: 280px;
    }

    100% {
        top: -23px;
        left: 297px;
    }
}

@-ms-keyframes markanimove4 {
    0% {
        top: -23px;
        left: 297px;
    }

    25% {
        top: -15px;
        left: 310px;
    }

    50% {
        top: -30px;
        left: 270px;
    }

    75% {
        top: -10px;
        left: 280px;
    }

    100% {
        top: -23px;
        left: 297px;
    }
}

@-o-keyframes markanimove4 {
    0% {
        top: -23px;
        left: 297px;
    }

    25% {
        top: -15px;
        left: 310px;
    }

    50% {
        top: -30px;
        left: 270px;
    }

    75% {
        top: -10px;
        left: 280px;
    }

    100% {
        top: -23px;
        left: 297px;
    }
}

.marketinglist .markhoveimg5 {
    background: url(../images/markhove_img5.png) no-repeat 0 0;
    width: 260px;
    height: 162px;
    position: absolute;
    top: -13px;
    right: 319px;
}

.marketinglist .support5:hover .markhoveimg5 {
    animation: markanimove5 4s infinite;
    -moz-animation: markanimove5 4s infinite;
    -webkit-animation: markanimove5 4s infinite;
    -ms-animation: markanimove5 4s infinite;
    -o-animation: markanimove5 4s infinite;
}

@keyframes markanimove5 {
    0% {
        top: -13px;
        right: 319px;
    }

    25% {
        top: -25px;
        right: 285px;
    }

    50% {
        top: -10px;
        right: 330px;
    }

    75% {
        top: -30px;
        right: 350px;
    }

    100% {
        top: -13px;
        right: 319px;
    }
}

@-webkit-keyframes markanimove5 {
    0% {
        top: 13px;
        right: 201px;
    }

    25% {
        top: -20px;
        right: 250px;
    }

    50% {
        top: 0px;
        right: 180px;
    }

    75% {
        top: -40px;
        right: 200px;
    }

    100% {
        top: 13px;
        right: 201px;
    }
}

@-ms-keyframes markanimove5 {
    0% {
        top: 13px;
        right: 201px;
    }

    25% {
        top: -20px;
        right: 250px;
    }

    50% {
        top: 0px;
        right: 180px;
    }

    75% {
        top: -40px;
        right: 200px;
    }

    100% {
        top: 13px;
        right: 201px;
    }
}

@-o-keyframes markanimove5 {
    0% {
        top: 13px;
        right: 201px;
    }

    25% {
        top: -20px;
        right: 250px;
    }

    50% {
        top: 0px;
        right: 180px;
    }

    75% {
        top: -40px;
        right: 200px;
    }

    100% {
        top: 13px;
        right: 201px;
    }
}

.marketinglist .markhoveimg6 {
    background: url(../images/markhove_img6.png) no-repeat 0 0;
    width: 184px;
    height: 155px;
    position: absolute;
    top: 26px;
    left: 77px;
}

.marketinglist .support6:hover .markhoveimg6 {
    animation: markanimove6 4s infinite;
    -moz-animation: markanimove6 4s infinite;
    -webkit-animation: markanimove6 4s infinite;
    -ms-animation: markanimove6 4s infinite;
    -o-animation: markanimove6 4s infinite;
}

@keyframes markanimove6 {
    0% {
        top: 26px;
        left: 77px;
    }

    25% {
        top: 0px;
        left: 90px;
    }

    50% {
        top: 15px;
        left: 65px;
    }

    75% {
        top: -10px;
        left: 80px;
    }

    100% {
        top: 26px;
        left: 77px;
    }
}

@-webkit-keyframes markanimove6 {
    0% {
        top: -29px;
        left: 197px;
    }

    25% {
        top: -40px;
        left: 180px;
    }

    50% {
        top: -20px;
        left: 220px;
    }

    75% {
        top: -10px;
        left: 200px;
    }

    100% {
        top: -29px;
        left: 197px;
    }
}

@-ms-keyframes markanimove6 {
    0% {
        top: -29px;
        left: 197px;
    }

    25% {
        top: -40px;
        left: 180px;
    }

    50% {
        top: -20px;
        left: 220px;
    }

    75% {
        top: -10px;
        left: 200px;
    }

    100% {
        top: -29px;
        left: 197px;
    }
}

@-o-keyframes markanimove6 {
    0% {
        top: -29px;
        left: 197px;
    }

    25% {
        top: -40px;
        left: 180px;
    }

    50% {
        top: -20px;
        left: 220px;
    }

    75% {
        top: -10px;
        left: 200px;
    }

    100% {
        top: -29px;
        left: 197px;
    }
}

.ctitle.content p.contact-par{
	padding:0 30px 30px;
	background-image: url(/images/uae-flag.png);
    background-repeat: no-repeat;
}

.ctitle.content p.contact-par.jo{
	background-image: url(/images/jordan-flag.png);
}
.subpagebanner.features {
    background: #1b6ec2;
    background: -moz-linear-gradient(-45deg, #1b6ec2 0%, #329af0 100%);
    background: -webkit-linear-gradient(-45deg, #1b6ec2 0%,#329af0 100%);
    background: linear-gradient(135deg, #1b6ec2 0%,#329af0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6ec2', endColorstr='#329af0',GradientType=1 );
}
.builder .ctitle .lingbg2 {
    background-color: #27dccb;
}
.services .ctitle{
margin-bottom:100px;
}
.services{

    padding: 100px 0 118px !important;

}
.builder .ctitle {
	margin: 10px 201px 100px 0px !important;}
.builder .leftpart .ctitle {margin-top:140px !important;}
.services .leftimg22{
background: url(../images/Robot.png) no-repeat 100% 0% !important ;
}
.builder .rightpart {
    height: 612px;
    border-radius: 308px 0 0 308px;
    width: 54%;
    background: rgb(192,243,231);
    background: -moz-linear-gradient(-45deg, rgba(192,243,231,1) 19%, rgba(106,71,217,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(192,243,231,1) 19%,rgba(106,71,217,1) 100%);
    background: linear-gradient(135deg, rgba(192,243,231,1) 19%,rgba(106,71,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0f3e7', endColorstr='#6a47d9',GradientType=1 );
	background: url(../images/Conversational-Analytics.png) no-repeat 0% 0% !important ;

}

.services .servicetexts{
background: none !important;
}
.builder .leftpart{
background: none !important;
}
.services .servicetexts .ctitle .lingbg4 {
    float: left;
    background-color: #27dccb !imortant;
}
.services .ctitle .lingbg2 {
    background-color: #27dccb !important;
}
.builder .ctitle .lingbg3 {
    float: left;
    background-color: #27dccb !important;
}
.services .servicetexts .ctitle .lingbg4 {
    float: left;
    background-color: #27dccb !important;
}
.services .servicetexts .cbttn {
    border: 1px solid #27dccb !important;
    color: #27dccb !important;
    padding: 13px 32px 12px;
}
.services .servicetexts .cbttn:hover {
    background-color: #27dccb !important;
    border-color:#27dccb !important;
    color: #ffffff !important;
}
.builder .leftpart .cbttn {
      border: 1px solid #27dccb !important;
    color: #27dccb !important;
    padding: 13px 32px 12px;
}
.builder .leftpart .cbttn:hover {
    background-color: #27dccb !important;
    border-color:#27dccb !important;
    color: #ffffff !important;
}
.builder {
    padding: 0px 0 0px !important;
}
.services .leftimg33 {
    background: url(../images/Virtual-Assistant.png) no-repeat 100% 0% !important;
}
.cinfotext .ctitle p {
    font-size: 18px;
    color: #666666;
  
}
.supportlist .infopart .ctitle p {
     font-size: 18px;
    color: #666666;
    text-align: left;
}
.feature-wrapper span{
     font-size: 18px;
    color: #666666;
    text-align: left;
}
.feature-div.two-lines {
    padding-top: 12.5px;
    font-size: 18px;
    color: #666666;
}
.feature-div {
    padding: 25px 0;
    padding-left: 110px;
	  font-size: 18px;
    color: #666666;
}
.feature-div {
    padding: 8px 0 25px;
    padding-left: 110px;
    font-size: 18px;
    color: #666666;
    margin-top: 32px;
}

.ctitle.content ul li {
    list-style-type: circle;
	font-size: 18px;
    color: #666666;
}
.brands .owl-carousel .item .brandlogo img{
padding:	10% !important;
	margin:1% !important;
}
.brands {
    background-color: #e9eff5;
    padding: 0px 0 !important;
}
#builder .rightpart33{
	float: right;}
.builder .leftpart .cbttnv{
background-color: #27dccb !important;
    border-color:#27dccb !important;
    color: #ffffff !important;
	  padding: 10px 21px 9px !important;
    margin-bottom: 12px;
}
.builder .leftpart .cbttnv:hover{
background-color: #27dccb !important;
    border-color:#27dccb !important;
    color: #ffffff !important;
}
.services .servicetexts .cbttnv{
background-color: #27dccb !important;
    border-color:#27dccb !important;
    color: #ffffff !important;
	    padding: 10px 27px 9px !important;
}
.services .servicetexts .cbttnv:hover{
background-color: #27dccb !important;
    border-color:#27dccb !important;
    color: #ffffff !important;
	
}

.services .servicetexts .cbttnv {
    background-color: #27dccb !important;
    border-color: #27dccb !important;
    color: #ffffff !important;
    padding: 10px 21px 9px !important;
    margin-bottom: 12px;
}

.brands {
    background-color: #e9eff5;
    padding: 70px 0!important;
}
.brands .item22 {
    width: 20%;
    height: 111px;
    text-align: center;
}
.brands .item22 .brandlogo img{
padding:10% !important;	margin:1% !important;   width: 80%;
}
#blogs .blogbox .blogimg img {
    width: 100%;
    height: max-content;
}
.ctitle.content p.contact-par.br {
    background-image: url(/images/b-flag.png);
}