/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


.footer_gly{
    font-size: 12px;

}
@media (max-width: 767px){
    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #BDBDBD;

    }
}


.navbar-default .navbar-nav > .open > a{
    border-bottom: 1px solid #BDBDBD;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 450px;
}

.header_symbol{
    font-size: 26px;
    font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, SimSun, "宋体", sans-serif;
    font-weight: 400;
    position: relative;
    top: -10px;
}

html{
    /*font-family: sans-serif;*/
    background-color: #FAFAFA;
    /*take out this if needed*/
}

.modal-content {
    border-radius: 0px;
}


.row {
    margin-right: -20px;
    margin-left: -20px;
}
.footer{
    /*margin-top: 20px;*/
    /*background-color: #4D4D4D;*/
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../resources/images/texture/footer2.png) repeat left top;
    font-size: 14px;
    width: 100%;
    min-height:170px;
    height:auto;
    text-align: center;
    color:white;
    overflow: auto;

}

.footer_end_left,.footer_end_right{
    padding-top: 10px;
    font-size: 15px;
    font-weight: 500;

}

.footer_end_container{
    padding-left: 20px;
    padding-right: 20px;
    padding-top:15px;
    padding-bottom: 10px;
    overflow: auto;
}

.testimonial_wrapper{
    /*border-bottom: 1px solid #BDBDBD;*/
    background-color: #DFE5E8;
    height: auto;
    overflow: auto;
}

.footer_item{
    padding-left: 2%;
}

.footer_seperator{
    border-bottom: 2px solid #BDBDBD;
    overflow: auto;
}

.footer_end_container{
    font-size: 0.95em;
}
@media (min-width: 768px){
    .footer_item {
        width: 33%;
        float: left;
        /*margin: 0 4.34783% 0 0;*/
    }
    .footer_seperator{
        border-bottom: 2px solid #BDBDBD;
        overflow: auto;
    }
    .footer_end_left{
        float:left;
    }

    .footer_end_right{
        float:right;
    }
}

@media (min-width: 1024px){
    .footer_item {
        width: 20%;
        float: left;
        /*margin: 0 4.34783% 0 0;*/
    }
    .footer_seperator{
        overflow: visible;
        border-bottom: none;
    }

    .footer_end_left{
        float:left;
    }

    .footer_end_right{
        float:right;
    }
}

.three_content_item{
    line-height: 21px;
    padding: 10px 10px 10px 10px;

}

@media (min-width: 768px){
    .three_content_item {
        width: 50%;
        float: left;
    }
}

@media (min-width: 1024px){
    .three_content_item {
        width: 33%;
        float: left;
    }
}

.vendron_box_container{
    text-align:center;
    padding-top: 20px;
    padding-bottom: 20px;

}

.image_right{
    float:right;
}

.centered_container_right{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    float:right;
}

.centered_container_left{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(0%, -50%);
}


@media (min-width: 168px){
    .vendron_box_container{
        padding-top: 0px;
        padding-bottom: 50px;
    }

    .centered_container_right{
        padding-top: 20px;
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        float: none;
    }

    .centered_container_left{
        padding-top: 20px;
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        float: none;
    }

    .image_right{
        float:none;
    }

}

@media (min-width: 1200px){
    .vendron_box_container{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .centered_container_right{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(0%, -50%);
        float:right;
    }

    .centered_container_left{
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(0%, -50%);
    }
    .image_right{
        float:right;
    }

}

p{
    line-height: 30px;
}

.content_title{
    text-align: center;
    padding: 5%;
    padding-top: 1%;
    padding-bottom: 0;
}

.sub_content_container{
    overflow: auto;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}
.sub_content{
    text-align: center;
    padding: 2%;
}

@media (min-width: 1024px){
    .sub_content {
        width: 47%;
        float: left;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }

    .sub_content_desc{
        width: 34%;
        float: left;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
}

.content_left{
    float:none;
    width: 100%;
}
.content_right{
    float:none;
    width: 100%;
}

@media (min-width: 768px){
    .content_left{
        float:none;
        width: 100%;

    }
    .content_right{
        float:none;
        width: 100%;

    }
}

@media (min-width: 1024px){
    .content_left{
        float:left;
        width: 50%;
    }
    .content_right{
        float:right;
        width: 50%;


    }
}


.wrapper_img{
    width:100%;
}

.sub_text{
    padding: 4%;
    padding-top: 2%;
    padding-bottom: 1%;
}

.sub_title_bar{
    background-color: grey;
    width :100%;
    height :80px;
    padding-top: 20px;
}

.subtitle{
    text-align: center;
    color:white;
    font-size: 30px;
    font-family: Oswald, SimHei, "黑体";
    /*font-size: 24px;*/
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 36.4px;
}

.feature_title{
    text-align: center;
    color: #C5000B;
    font-size: 25px;
    font-family: Oswald, SimHei, "黑体";
    /*font-size: 24px;*/
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 36.4px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 3%;


}
.sub_container{
    overflow: auto;
    height:auto;
    /*padding-top: 70px;*/
    /* Firefox */
    min-height: -moz-calc(100% - 135px);
    /* WebKit */
    min-height: -webkit-calc(100% - 135px);
    /* Opera */
    min-height: -o-calc(100% - 135px);
    /* Standard */
    min-height: calc(100% - 135px);
    /*background-color: white;*/
    /*background: url(../resources/images/texture/footer.jpg) repeat left top;*/

}

.navigate_able{
    height: auto;
    padding-top: 20px;
    border-bottom: 1px solid #E5E4E2;
}


@media (min-width: 768px){
    .navigate_able{
        height: auto;
        /*padding-top: 20px;*/
    }
}

@media (min-width: 1024px){
    .navigate_able{
        /*height: 45%;*/
        padding-top: 25px;
    }
}


.tooltip{
    font-size: 15px;
}

/*.read_more{
    text-align: center;
    background-color: white;
    cursor: pointer;
    font-size: 15px;
    color :  rgb(16, 74, 125);
    padding: 0px 5px 1px 5px;
    height: 35px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width:145px;
    font-weight: 600;
}*/

.button_glyph{
    /*color: #e6e6e6;*/
    font-size: 12px;
    margin-left:10px;


}

.read_more{
    height: 35px;
    width:145px;
    font-weight: 600;
    border-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    padding: 9px 20px;
    position: relative;
}

.home_title{
    color: #C5000B;
    font-size: 36px;
    font-family: Oswald, SimHei, "黑体";
    /*font-size: 24px;*/
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 36.4px;
    min-height: 45px;
}

.content_wrapper{
    height: auto;
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    /*padding:30px;*/
    /*padding-bottom: 20px;*/
}



.home_content{
    text-align: left;
    height: auto;
    padding: 20px 5% 20px 5%;
    /*    overflow: auto;*/
}

.inner_top_nav{
    width:100%;
    margin-left: 0px;
    margin-left: 0px;
    max-width:1200px;
    /*height:80px;*/
}

.rwd a:hover, .rwd a:focus, .rwd a:active {
    color:#3a7bad;
    text-decoration: none;
}

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

/*.rwd .active a{
    color :#3a7bad;

}*/

.rwd a{
    /*color :#B5D5F5;*/

}

.rwd li.active .glyphicon{
    margin-top: 20px;
    margin-bottom: 20px;
    color :#3a7bad;
}
.rwd .glyphicon{
    margin-top: 20px;
    margin-bottom: 20px;
    color :#B5D5F5;
}
.rwd .navigation-tracker .active {
    /*color:#3a7bad;*/
}
.rwd ul, .rwd ol {
    /*color :#B5D5F5;*/
}

/*.rwd .navigation-tracker {
    color :#B5D5F5;

}*/

.rwd .navigation-tracker  {
    position: fixed;
    top: 30%;
    z-index: 99;
    right: 2%;
    padding-left: 0;
    /*color :#B5D5F5;*/
}

@media (min-width: 540px){
    .rwd .navigation-tracker  {
        top: 35%;
    }
}

@media (min-width: 740px){
    .rwd .navigation-tracker  {
        top: 38%;
    }
}

@media (min-width: 1024px){
    .rwd .navigation-tracker  {
        top: 45%;
    }
}

@media (min-width: 1375px){
    .rwd .navigation-tracker  {
        top: 32%;
    }
}

.rwd ul, .rwd ol {
    list-style-type: none;
    font-size: 30px;
}
/*.rwd *, .rwd *:before, .rwd *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

#logo_brand,html,body,.inner_top_nav,.header_container,.container_content{
    min-width: 280px;
    max-width:1200px;
    margin-left: auto;
    margin-right :auto;
    /*background-color: white;*/
    /*background-color: black;*/
    /*kcfan*/
}

inner_top_nav,html,body{
    /*background-color: grey;*/
    background: url(../resources/images/texture/bg_1.jpg) repeat left top;

}

.text_bar{
    /*background: url(../resources/images/texture/bg_2.jpg) repeat left top;*/
    background-color: #F2F2F2;

}

.justify{
    text-align: justify;
}


.container_content{
    overflow: auto;

    /*margin-top: 20px;*/
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
    /*margin-left: 20px;*/
    /*margin-right:20px;*/
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, SimSun, "宋体", sans-serif;
    /*font-size: 16px;*/
    font-size: 1.1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.3px;
    color :#555555;
    /*text-align: left;*/
    /*background: url(../resources/images/texture/bg_1.jpg) repeat left top;*/
    padding-top: 10px;
    height: auto;
}


@media (min-width: 168px){
    .container_content{
        /*margin-right:42px;*/
    }
    .rwd .navigation-tracker  {
        right: 0px;
    }
}

@media (min-width: 1024px){
    .container_content{
        /*height: 900px;*/
    }
}
@media (min-width: 1200px){

    .rwd .navigation-tracker  {
        right: 2%;
    }
}

.container{
    background-color: white;
    padding: 0px;
    /*padding:5px;*/
    /*margin-left: 8px;*/
    /*margin-right:8px;*/
    border:none;
}
.navbar-nav{
    margin-top: -3px;
}

.nav-right{
    float:right;
}

.collapsing,.header_container{
    border: none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border:0;
}
.caret{
    margin-left: 8px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    /*color: transparent;*/
    /*background-color:#FAFAFA;*/
    background-color:white;

}

/*.navbar-default .navbar-nav > .open > a:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 6px;
    border-color: #BDBDBD;
    border-width: 0 0 2px;
    border-style: solid;
    height: 10px;
}*/

.navbar-nav > li > .dropdown-menu {
    /*border-style: solid;*/
    border: none;
    border-top: 2px solid #BDBDBD;
    margin-top: -12px;

}
.dropdown-menu > li {
    padding-left: 0px;
    padding-right: 0px;

}
.dropdown-menu > li > a {
    font-size: 13px;
    text-transform: capitalize;
    padding: 5px 10px;
    font-family: 'Open Sans', sans-serif, SimSun, "宋体";
    color: #777;
    letter-spacing: 0.5px;
    padding-right: 40px;
    padding-left: 10px;

}

.dropdown-menu2 {
    display: none;
}

/* Show .dropdown-menu2 when the parent is hovered */
.dropdown-submenu:hover .dropdown-menu2 {
    display: block;
    margin-top: -2px;
}

.dropdown-menu2 > li {
    padding: 5px 20px 10px 0;
}

.dropdown-menu2 > li > a {
    font-size: 13px;
    text-transform: capitalize;  
    padding: 5px 40px 10px 10px; /* top, right, bottom, left */
    font-family: 'Open Sans', sans-serif, SimSun, "宋体";
    color: #777;
    letter-spacing: 0.5px;
}

.dropdown-menu2 > li>a:hover {
    text-decoration: none;
    color: black;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

@media (min-width: 768px){

    .navbar-right {
        float: right !important;
        margin-right: 10px;
        margin-left: 10px;
        /*margin-top: 1px;*/


    }
    .navbar-left {
        float: left !important;
        margin-left: 10px;
        margin-right: 10px;
        /*margin-top: 1px;*/

        /*margin: 10px;*/
    }
}
@media (min-width: 768px){
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        /*margin-right: 100px;*/
        /*        margin-left: -15px;
                margin-right: -15px;
                margin-top: -5px;
                margin-bottom: -5px;*/
    }
}

h1{
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, SimSun, "宋体", sans-serif;
    font-weight: 100;
    /*font-style: normal;*/
    line-height: 1;
    font-size: 20px;
    color:#777;
}

body{
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, SimSun, "宋体", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    font-size: 14.5px;
}

#logo_brand{
    /*left:0px;*/
    background-color: transparent;
    width:100%;
    margin: auto;
    text-align: center;
    padding:12px;
    position: fixed;
    border-color: transparent;
}

.container > .navbar-collapse{
    padding-top: 6px;
    margin-right: 0;
    margin-left: 0;

}
@media (max-width: 900px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
        background-color: #F0F8FF;

    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin-top: 7.5px;*/
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-collapse {
        /*border-top: 1px solid transparent;*/
        /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
        border: none;
        background-color: white;
        width:100%;
        -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);

    }

    .container {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        /* padding-right: 15px; */
        /* padding-left: 15px; */
        /* margin-right: auto; */
        /* margin-left: auto; */
    }

    .collapse.in{
        width:100%;
        border: none;
        display:block !important;
        background-color: white;
        margin-top: 3px;
        /*-webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);*/
        /*box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);*/
        -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);
        /*border-top: 1px solid #808080;*/


    }


}

@media (min-width: 868px){
    .container {
        width: 850px;

    }

}

@media (min-width: 768px){
    .container {
        width:auto;
    }

}

@media(min-width:767px) {

    .navbar {

        padding: 0px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
        /*background-color: #006699;*/
        /*color:white;*/
        background-color: #F0F8FF;

    }

    .top-nav-collapse {
        padding: 0px 0;
    }

    .navbar-nav {
        /*text-align: center;*/
    }

}

@media (min-width: 768px){
    .navbar-nav > li > a {
        /*padding-top: 20px;*/
        /*padding-bottom: 15px;*/
        padding-left: 12px;
        padding-right: 12px;

    }
}

.navbar-fixed-top {
    height: 55px;
    border-color: transparent;
    color: #1f1f1f;
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.22);
    background: #ffffff;
}

.navbar-fixed-top, .navbar-fixed-bottom{
    /*position:relative;*/
    top:0px;
}


.navbar-brand {
    float: left;
    height: auto;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 10px;
}


.text_bar{
    /*background: url(../resources/images/texture/bg_1.jpg) repeat left top;*/

    /*background-color: #F2F2F2;*/
    padding: 2% 3% 2% 3%;
}

.half_content,.half_content_right{
    width: 100%;
    padding: 1%;
    float: none;

}


.no_side_padding{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}


@media (min-width: 768px){
    .half_content {
        width: 50%;
        padding: 1%;
        float: left;
    }

    .half_content_right {
        width: 50%;
        padding: 1%;
        float: right;
    }
}

@media (min-width: 1024px){
    .half_content {
        width: 50%;
        float: left;
        padding: 1%;
    }

    .half_content_right {
        width: 50%;
        padding: 1%;
        float: right;
    }
}



.testimonial_2container {
    text-align: center;
    overflow: auto;
    /*background-color: #DFE5E8;*/
    background: url(../resources/images/texture/bg_3.png) repeat left top;

}

.testimonial_2text {
    padding: 10px 20px;
    font-size: 0.9em;
    line-height: 21px;
}

.testimonial_2from {
    padding-top: 10px;
    font-size: 1em;
    font-weight: 600;
    line-height: 22px;
}
.testimonial_2grid{
    width: 100%;
    float:left;
    margin: auto;
    margin-top: 20px;
    padding: 5px;

}

.testimonial_2item {
    width: 100%;
    line-height: 21px;
    /* padding: 5% 2% 5% 2%; */
    padding: 20px 10px 20px 10px;
    height: auto;
}


@media (min-width: 512px){
    .testimonial_2item {
        width: 45%;
        margin-bottom: 20px;
        margin-left: 3%;
        margin-right: 1%;
        min-height: 220px;
        height:auto;
        padding: 5px;
        float:left;

    }
    .testimonial_2grid{
        width: 100%;
        float:left;
        margin-top: 20px;
        padding: 5px;
    }
}

@media (min-width: 768px){
    .testimonial_2item {
        width: 28%;
        margin-bottom: 20px;
        margin-left: 3%;
        margin-right: 1%;
        min-height: 220px;
        height:auto;
        padding: 5px;
        float:left;


    }
    .testimonial_2grid{
        width: 100%;
        float:left;
        margin-top: 20px;
        padding: 5px;
    }
}

@media (min-width: 1024px){
    .testimonial_2item {
        width: 28%;
        margin-bottom: 20px;
        margin-left: 3%;
        margin-right: 1%;
        min-height: 220px;
        height:auto;
        padding: 5px;
        float:left;


    }

    .testimonial_2grid{
        width: 100%;
        float:left;
        margin-top: 20px;
        padding: 5px;
        padding-right: 15px;
        padding-left: 15px;
    }
}