.c-navbar {
    box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.2);

}

.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .c-link {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}



.banner {
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 140px;
    text-align: center;
}

.banner .top {
    margin-top: 40px;
    font-size: 30px;
    display: block;
    color: #ffffff;
    height: 30px;
    text-align: center;
}

.banner .bottom {
    font-size: 24px;
    display: block;
    color: #ffffff;
    text-align: center;
}


.my-panel {
    background-color: #f7f7f7;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}

.my-panel .title {
    padding: 10px;
}

.my-panel:hover {
    zoom:1;
    transform: scale(1.1);
    transition-duration: .4s;
}

body {
    font-family: "Helvetica Neue", Helvetica, 微软雅黑, Arial, sans-serif;
    font-weight: normal;
    font-color: #000;
}

. c-font-bold {
    font-weight: 500;
}
.g3-foot-sub-link {
    color: #ecdcdc;
}
.g3-foot-sub-link:hover {
    color: #5893dd;
}

.example-page-body .c-layout-header .c-brand {
    margin: 8px 0 8px 0;
}

@media (min-width: 992px){
    .c-layout-header .c-brand {
        margin: 24px 0 24px 0;
    }
    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
        transition: margin 0.2s;
        margin: 8px 0 8px 0;
    }
    .c-layout-header.c-layout-header-5 {
        background: #2f353b !important;
        margin: 0;
        height: 65px;
    }
    .c-layout-header.c-layout-header-5 .c-navbar .c-brand{
        margin: 8px 0 8px 0;
    }
}

.slogo-btn {
    margin-top: 80px;
}
.c-content-media-1.c-bordered {
    min-height: 380px;
}
.function-item {
    height: 280px;
}
.feature-item {
    height: 180px;
}
@media (max-width: 991px) {
    .c-layout-revo-slider .c-main-title-circle {
        font-size: 18px;
        text-align: center;
    }
    .slogo-btn {
        margin-top: 20px;
        font-size: 18px;
    }
    .btn.c-btn-border-2x.btn-xlg {
        padding: 4px 8px;
    }
    .c-brand img {
        width: 110px;
    }
    .c-layout-header .c-brand {
        float: none !important;
        display: block;
        margin: 20px 15px 8px 15px;
    }
    .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .c-link {
        font-size: 14px;
        font-weight: normal;
        /*text-align: center;*/
    }
    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-btn {
        /*width: 86px;*/
        /*margin: 4px auto*/
    }
    .c-content-media-1.c-bordered {
        min-height: 0px;
    }
    .function-item {
        height: auto;
        margin-top: 10px;
    }
    .feature-item {
        height: auto;
    }
    .c-layout-header.c-layout-header-5 {
        height: 65px;
    }
    .c-layout-header.c-layout-header-5 a img {
        margin: 20px 15px 8px 15px
    }
    #scrollsidebar .side_content {
        width: 0;
    }
    #scrollsidebar .show_btn {
        width: 25px;
    }
}


.c-content-client-logos-slider-1 .item {
    border: 1px solid #e7e7e7;
}

.c-content-client-logos-slider-1 .item:hover {
    border: 1px solid #32c5d2 ;
}


.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > a {
    font-size: 14px;
    text-transform: none;
}

.tp-banner.rev_slider div.tparrows.circle {
    display: none;
}

@media (max-width: 767px) {
    .c-layout-revo-slider-7 .c-singup-form h3 {
         font-size: 26px;
    }
    .c-layout-revo-slider-7 .c-singup-form .c-subtitle {
        font-size: 21px;
    }
    .c-layout-revo-slider-7 .c-singup-form .c-subtitle {
        display: inline-block;
        padding: 12px 14px 8px 14px;
    }
    .c-layout-revo-slider-7 .c-singup-form .btn.c-btn-border-2x.c-btn-uppercase.btn-lg {
        padding: 12px 16px 12px 16px;
    }
}

#scrollsidebar .side_content {
    width: 0;
}

#scrollsidebar .show_btn {
    width: 25px;
}