/*@import url(/useso.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic);*/
/* font-family: 'Ubuntu', sans-serif; */
/*@import url(/useso.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);*/
/* font-family: 'Open Sans', sans-serif; */



/*-----------------------------------------------------------------------------------*/
/*	1.	Global properties (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
    background: #FFFFFF;
    font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
    color: #535353;
    font-size: 16px;
    line-height: 28px;
    /*white-space:nowrap;*/
    /*letter-spacing:1px;*/
}

ul {
    display:inline-block;*display:inline;
}

@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }
}

a:focus,
body:focus,
div:focus,
button:focus,
input:focus {
    outline: 0 !important;
}

button:focus {
    outline: none;
}

button::-moz-focus-inner {
    border: 0;
}

/* icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
    width: 16px;
    text-align: center;
}

/* Headers/Titles */
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, #footer .heading {
    font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
    font-weight: 300;
    margin-bottom: 5px;
}

#page-sidebar h4, #sidebar h4 {
    font-weight: 600;
}
/* Link Colors */
/*-----------------------------------------------------------------------------------*/
a {
    color: #535353;
    text-decoration: none;
}

    a:hover {
        color: #d7000f;
        text-decoration: none;
    }

/*-----------------------------------------------------------------------------------*/
/*	2.	Header, Navigation & Menus
/*-----------------------------------------------------------------------------------*/

/* Top Menu */
/*-----------------------------------------------------------------------------------*/
.header-top {
    margin-bottom: 5px;
}

.header-nav {
    margin-bottom: 8px;
    margin-top: 3px;
}

    .header-nav > div {
        height: 20px;
    }

    .header-nav .btn {
        background: url("/Content/Bootstrap/images/search.png") no-repeat scroll center center transparent;
        box-shadow: none;
        height: 16px;
        margin-right: 10px;
    }

#top-menu {
    background-color: #FFFFFF;
    color: #999999;
    margin-bottom: 12px;
    padding: 3px 0;
}

    #top-menu a {
        color: #999999;
    }

        #top-menu a:hover {
            color: #ffffff;
        }

    #top-menu .last {
        padding-right: 0;
    }

.top-social {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

    .top-social li {
        float: left;
        list-style: none;
        margin-left: 1px;
    }

    .top-social a {
        display: inline-block;
        height: 24px;
        opacity: 0.8;
        width: 24px;
        -webkit-transition: all 0.2s linear 0.2s;
        -moz-transition: all 0.2s linear 0.2s;
        -o-transition: all 0.2s linear 0.2s;
        -ms-transition: all 0.2s linear 0.2s;
        transition: all 0.2s linear 0.2s;
    }

.social-container {
    text-align: right;
}

    .social-container a:hover {
        color: #d7000f;
        /*font-size:11px;*/
    }

.top-social a:hover {
    opacity: 1;
}

.twitter2 {
    background: url(/Content/Bootstrap/images/ico6.png) no-repeat center left;
}

    .twitter2:hover {
        background: url(/Content/Bootstrap/images/ico6.png) no-repeat center left;
    }

.facebook {
    background: url(/Content/Bootstrap/images/ico5.png) no-repeat center left;
}

    .facebook:hover {
        background: url(/Content/Bootstrap/images/ico5.png) no-repeat center left;
    }

.dribbble {
    background: url(/Content/Bootstrap/images/ico4.png) no-repeat center left;
}

    .dribbble:hover {
        background: url(/Content/Bootstrap/images/ico4.png) no-repeat center left;
    }

.digg {
    background: url(/Content/Bootstrap/images/ico3.png) no-repeat center left;
}

    .digg:hover {
        background: url(/Content/Bootstrap/images/ico3.png) no-repeat center left;
    }

.dart {
    background: url(/Content/Bootstrap/images/ico2.png) no-repeat center left;
}

    .dart:hover {
        background: url(/Content/Bootstrap/images/ico2.png) no-repeat center left;
    }

.market {
    background: url(/Content/Bootstrap/images/ico1.png) no-repeat center left;
}

    .market:hover {
        background: url(/Content/Bootstrap/images/ico1.png) no-repeat center left;
    }

.top-social i {
    width: 24px;
    height: 24px;
}

#top-menu .feed {
    margin-bottom: 0;
}

.icon-search-form {
    background: url("/Content/Bootstrap/images/search.png") no-repeat center;
}

#header {
}

    #header > .container {
        margin-bottom: 0;
    }

/* Logo */
/*-----------------------------------------------------------------------------------*/
.logo {
}

    .logo .site-title,
    .logo .site-title a {
        font-size: 15px;
        line-height: 40px;
        margin: 0 2px 0 3px;
        color: #FFFFFF;
    }

    .logo .sub-title {
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        line-height: 11px;
        text-transform: capitalize;
        margin: 0;
        padding-left: 2px;
        letter-spacing: 0;
        color: #F9F9F9;
    }

    .logo .logo-img {
        display: block;
        margin-top: 5px;
        float: left;
    }

@media (max-width: 767px) {
    .logo {
        text-align: center;
        margin-bottom: 20px;
    }
}

.tagline {
    color: #7E7E7E;
    display: inline-block;
    font-size: 12px;
    margin: 13px 0 0 15px;
}

.phone {
    /*color: #7E7E7E;*/
    display: inline-block;
    font-size: 14px;
    margin: 13px 0 0 15px;
}

.top-search {
    margin-bottom: 0;
}

    .top-search input {
        background: none repeat scroll 0 0 #E9E9E9;
        border: medium none;
        margin: 5px;
        font-size: 9pt;
        text-decoration: solid;
        width: 150px;
    }

@media (max-width: 979px) {
    .top-search input {
        background: none repeat scroll 0 0 #E9E9E9;
        border: medium none;
        margin: 5px;
        font-size: 10pt;
        text-decoration: solid;
        width: 80%;
    }
}
/* Main Menu */
/*-----------------------------------------------------------------------------------*/
#menu {
    display: inline-block;
}

    #menu a {
        display: block;
        color: #434343;
    }

    #menu ul {
        margin: 0;
    }

    #menu > ul {
        display: block;
    }

        #menu > ul > li {
            border-left: 2px solid #E5E5E5;
            border-right: 2px solid #FFFFFF;
            float: left;
            list-style: none outside none;
            position: relative;
            line-height: 10px;
        }

        #menu > ul a {
            padding: 5px 15px;
        }

@media (max-width: 1024px) {
    /*#menu > ul a {padding: 25px;}*/
    #menu > ul a {
        padding: 5px 8px;
    }

    #menu > ul a .name {
        font-size: 13px !important;
        font-weight: 400;
    }

    #menu ul ul a {
        font-size: 13px !important;
        padding: 5px 5px 5px 5px;
        color: rgb(67,67,67);
    }
}

@media (max-width: 800px) {
    /*#menu > ul a {padding: 25px;}*/
    #menu > ul a {
        padding: 5px 8px;
    }

    #menu > ul a .name {
        font-size: 10pt !important;
        font-weight: 400;
    }

    #menu ul ul a {
        font-size: 10pt !important;
        padding: 5px;
        color: rgb(67,67,67);
    }
}

li.current {
    /*background-color: #d7000f;
    border-color:#d7000f !important;*/
}

#menu > ul li:hover,
#menu > ul a:hover {
    /*background-color: #383838;*/
    /*border-color: #383838 !important;*/
}

#menu > ul a .name {
    font-size: 18px;
    font-weight: 400;
}

#menu > ul a .desc {
}

#menu > ul a:hover .name {
    color: #898989;
    /*color:rgb(153,153,153);*/
}

#menu > ul li:hover a {
    color: #000000;
}

#menu > ul ul li:hover a {
    color: #898989;
}

#menu .current .name {
    color: #898989;
    /*color:rgb(153,153,153);*/
}

#menu ul ul {
    width: 125px;
    position: absolute;
    /*background-color: #282828;*/
    background-color: #FFF;
}

    #menu ul ul a {
        font-size: 18px;
        padding: 5px;
        color: rgb(67,67,67);
    }

    #menu ul ul li {
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #FFF;
        list-style: none outside none;
        position: relative;
    }

#menu li:hover {
    visibility: inherit;
}

    #menu li:hover ul,
    #menu li.sfHover ul {
        left: 10px;
        top: 20px;
        z-index: 99;
    }

#menu li li:hover ul,
#menu li li.sfHover ul {
    left: 140px;
    top: 0;
}

.ie7 #header,
.ie7 #header .container,
.ie7 #header .container .row,
.ie7 #header .container .row div,
.ie7 #header .container .row div nav {
    z-index: 10; /* IE7 FIX Z-INDEX */
}

.res-menu {
    width: 100%;
    display: none;
}

@media (max-width: 767px) {
    #menu {
        float: none;
    }

        #menu ul {
            display: none;
        }

        #menu > ul a .name {
            font-size: 13px;
            font-weight: 400;
        }

    .res-menu {
        display: block;
    }

    .logo {
        text-align: center;
    }
}

/* Search Form */
/*-----------------------------------------------------------------------------------*/
#search {
    float: left;
    position: relative;
    margin-top: 0px;
}

    #search input[type="text"] {
        width: 100px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

        #search input[type="text"]:focus,
        #search input[type="text"]:hover {
        }

    #search .search-bt {
        right: 0;
        top: 0;
        height: 30px;
        width: 30px;
        position: absolute;
        cursor: pointer;
        border: none !important;
        background: url('/Content/Bootstrap/images/search-bt.png') no-repeat center center;
    }

/* Breadcrumbs */
/*-----------------------------------------------------------------------------------*/

/*.breadcrumbs {background-color: #EEEEEE;}*/
.page-header {
    margin-bottom: 0;
    margin-top: 0;
    padding: 13px 0;
}

    .page-header h1 {
        font-family: 'Segoe UI', 'Ubuntu', sans-serif;
        font-size: 24px;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 0;
    }

        .page-header h1 small {
            text-transform: none;
        }

    .page-header div {
        font-size: 12px;
    }

/* Flex Slider */
/*-----------------------------------------------------------------------------------*/

#slider {
    padding: 0px 0;
}

.flexslider {
    position: relative;
    zoom: 1;
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides li {
            position: relative;
        }

        .flexslider .slides > li {
            display: none;
            -webkit-backface-visibility: hidden;
        }

        .flexslider .slides img {
            width: 100%;
            display: block;
        }

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

.no-js .slides > li:first-child {
    display: block;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.slides .slide-caption {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 60px;
    font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
    left: 48%;
    padding: 15px;
    position: absolute;
    text-align: left;
    width: 50%;
    /* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=80); /* IE 5-7 */
    -khtml-opacity: 0.8; /* Safari 1.x */
    -moz-opacity: 0.8; /* Netscape */
    opacity: 0.8; /* Good browsers */
}

.slides .slide-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 0;
}

.slides .slide-subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .slides .slide-caption {
        display: none;
    }
}

/* Direction Nav */
.flex-direction-nav {
    position: absolute;
    margin-left: 0;
    left: 0;
    bottom: 49%;
    width: 100%;
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

    .flex-direction-nav li {
        float: left;
        margin-left: 1px;
        list-style: none;
    }

    .flex-direction-nav a {
        display: inline-block;
        height: 50px;
        position: absolute;
        text-indent: -9999px;
        width: 30px;
    }

    .flex-direction-nav .flex-prev {
        background: url('/Content/Bootstrap/images/arrow-slider-left.png') no-repeat 50% 50%;
        left: 0;
        /*background-color: #000000;*/
    }

    .flex-direction-nav .flex-next {
        background: url('/Content/Bootstrap/images/arrow-slider-right.png') no-repeat 50% 50%;
        right: 0;
        /*background-color: #000000;*/
    }

        .flex-direction-nav .flex-prev:hover,
        .flex-direction-nav .flex-next:hover {
            opacity: 1;
            background-color: #d7000f;
        }

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

@media screen and (max-width: 767px) {
    .flex-direction-nav {
        top: 0;
        height: 100%;
    }

        .flex-direction-nav a {
            height: 100%;
        }
}

/* Control Nav */
.flex-control-nav {
    bottom: -35px;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
    display: none;
}

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

.flex-control-paging li a {
    width: 5px;
    height: 5px;
    display: block;
    background: #000000;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

    .flex-control-paging li a:hover {
        background: #d7000f;
    }

    .flex-control-paging li a.flex-active {
        background: #d7000f;
    }

@media screen and (max-width: 767px) {
    .flex-control-nav {
        display: none;
    }
}


/*-----------------------------------------------------------------------------------*/
/*	3.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

.container {
    position: relative;
}

@media (max-width: 767px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#container {
    position: relative;
    margin-top: 10px;
}

    #container .container {
        padding-bottom: 10px;
    }

    #container .row.last {
        margin-bottom: 20px;
    }

.row.da-thumbs {
    margin-bottom: 0 !important;
}

/* Google maps */
/*-----------------------------------------------------------------------------------*/
.gmap {
    max-width: 100%;
    line-height: 0;
    margin-bottom: 20px;
}

/* Video container */
/*-----------------------------------------------------------------------------------*/
.video,
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video iframe,
    .video-container iframe,
    .video object,
    .video-container object,
    .video embed,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Welcome Slogan */
/*-----------------------------------------------------------------------------------*/
#welcome {
    font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
    text-align: center;
    padding: 0 150px;
}

    #welcome h1 {
    }

    #welcome p {
    }

@media (min-width: 768px) and (max-width: 979px) {
    #welcome {
        padding: 0 50px;
    }
}

@media (max-width: 767px) {
    #welcome {
        padding: 0;
    }
}


/* Bootstrap Carousel / Latest Projects Widget */
/*-----------------------------------------------------------------------------------*/
.carousel {
    position: relative;
}

    .carousel li {
        margin-right: 5px;
    }

.carousel-wrapper {
    overflow: hidden;
}

    .carousel-wrapper ul {
        display: none;
    }

        .carousel-wrapper ul li {
            height: 100%;
            float: left;
            display: block;
        }

.btleft .es-nav {
    position: absolute;
    top: 10px;
    left: -63px;
}

.bttop .es-nav {
    position: absolute;
    top: -50px;
    right: 0;
}

.es-nav span {
    float: left;
    display: block;
    top: 0;
    right: 0;
    text-indent: -9999px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.es-nav .es-nav-prev {
    background: url("/Content/Bootstrap/images/arrow-left2.png") no-repeat scroll 90% 90%;
}

.es-nav .es-nav-next {
    background: url('/Content/Bootstrap/images/arrow-right2.png') no-repeat 90% 90%;
}

.es-nav .es-nav-prev:hover {
    /*background-color: rgba(215, 0, 15, 1);*/
    background: url('/Content/Bootstrap/images/arrow-left3.png') no-repeat 90% 90%;
}

.es-nav .es-nav-next:hover {
    /*background-color: rgba(215, 0, 15, 1);*/
    background: url('/Content/Bootstrap/images/arrow-right3.png') no-repeat 90% 90%;
}

.carousel-control {
    border: none;
    position: absolute;
    top: inherit;
    left: inherit;
    bottom: 5px;
    width: 26px;
    height: 26px;
}

    .carousel-control.post {
        top: 50%;
    }

    .carousel-control.left.post {
        left: 0;
    }

    .carousel-control.left {
        right: 34px;
        background: url('/Content/Bootstrap/images/arrow-left.png') no-repeat center center;
        background-color: rgba(54, 55, 56, 0.7);
    }

    .carousel-control.right {
        right: 4px;
        background: url('/Content/Bootstrap/images/arrow-right.png') no-repeat center center;
        background-color: rgba(54, 55, 56, 0.7);
    }

/* Accordion */
/*-----------------------------------------------------------------------------------*/
.accordion-heading {
    background-color: #FF6827;
}

    .accordion-heading:hover {
        background-color: #d7000f;
    }

.accordion-toggle, .accordion-toggle:hover {
    color: #FFFFFF;
}

.accordion-group {
    background-color: #E9E9E9;
    border: 0;
}

/* Twitter */
/*-----------------------------------------------------------------------------------*/
.twitter {
}

    .twitter .tweet_avatar,
    .twitter .tweet_avatar img {
        display: block;
        height: 40px;
        width: 40px;
        padding: 0;
        margin: 0 15px 0 0;
        background-color: #5BC236;
    }

        .twitter .tweet_avatar:hover img {
            opacity: 0.3;
        }

    .twitter .tweet_time {
        display: block;
    }

    .twitter dt {
        width: 45px;
        float: left;
        display: none;
    }

    .twitter dd {
        margin-left: 0;
    }

    .twitter dl {
        padding-bottom: 0;
        margin-bottom: 0;
    }

        .twitter dl:last-child {
            border: none;
        }

/* Testimonials */
/*-----------------------------------------------------------------------------------*/
.testimonials p {
    background: url("/Content/Bootstrap/images/quotes.png") no-repeat scroll 12px 12px #EBEBEB;
    border: 1px solid #DEDEDE;
    margin-left: 70px;
    padding: 10px 10px 10px 40px;
}

.testimonials h4 {
    font-weight: 600;
    padding-bottom: 10px;
}

.testimonials img {
    float: left;
    margin-bottom: 10px;
}

.testimonials small {
    display: block;
    font-size: 11px;
    letter-spacing: 0;
}

/* Font Awesome Icons List */
/*-----------------------------------------------------------------------------------*/
.the-icons {
    list-style-type: none;
    margin-left: 0;
}

    .the-icons li [class^="icon-"],
    .the-icons li [class*=" icon-"] {
        width: 16px;
        font-size: 16px;
    }

/*-----------------------------------------------------------------------------------*/
/*	4.	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer {
    background-color: #EEEEEE;
    border-top: 1px solid #DBDBDB;
    color: #000000;
    font-size: 14px;
    padding-bottom: 30px;
    position: relative;
}

    #footer > .container {
        padding-top: 20px;
    }

    #footer .heading {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #000000;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }

    #footer a {
        color: #000;
    }

        #footer a:hover {
            color: #d7000f;
        }

    #footer input {
        border-width: 0;
    }

    #footer .footer-navigate {
        list-style: none;
        margin-left: 0;
    }

        #footer .footer-navigate li {
            border-bottom: 1px solid #DADADA;
        }

            #footer .footer-navigate li a {
                display: block;
                padding: 5px 0;
            }

/* Footer Flickr */
/*-----------------------------------------------------------------------------------*/
.flickr {
    margin-left: 0;
}

    .flickr li {
        float: left;
        list-style: none;
        margin: 0 10px 10px 0;
        line-height: 0 !important;
    }

    .flickr a,
    .flickr a img {
        display: block; /*width: 100%;*/
    }

/* Footer Menu */
/*-----------------------------------------------------------------------------------*/
#footer-menu {
    background-color: #FFFFFF;
    font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
    color: #a0a0a0;
    font-size: 10pt;
    padding-bottom: 10px;
    padding-top: 5px;
}

    #footer-menu ul {
        list-style-type: none;
    }

    #footer-menu li {
        float: left;
        margin-left: 10px;
    }

    #footer-menu a {
        color: #C3C0B9;
    }

        #footer-menu a:hover {
            color: #d7000f;
        }

    #footer-menu .copyright {
    }

/*-----------------------------------------------------------------------------------*/
/*	5.	Post/Portfolio Content Styles
/*-----------------------------------------------------------------------------------*/

/* Categories */
/*-----------------------------------------------------------------------------------*/
#filtrable {
    margin-left: 0;
    margin-bottom: 0px;
    margin-top: 5px;
    float: right;
}

    #filtrable li {
        float: left;
        margin-right: 0px;
        margin-bottom: 0px;
        list-style: none;
    }

    #filtrable a {
        /*background-color: #d7000f;
    color: #F9F9F9;*/
        color: rgb(83,83,83);
        display: inline-block;
        padding: 0px 8px 0px 8px;
    }

        #filtrable a:hover, #filtrable .current a {
            /*background-color: #383838;*/
            color: rgb(137,137,137);
        }

/* Portfolio */
/*-----------------------------------------------------------------------------------*/
.portfolio {
}

    .portfolio article {
        background: none;
        /*margin-bottom: 30px;*/
        overflow: hidden;
        position: relative;
        font-size: 10pt;
    }

    .portfolio h4 a {
        color: rgb(83,83,83);
    }

        .portfolio h4 a:hover {
            color: rgb(83,83,83);
        }

    .portfolio p {
        color: rgb(83,83,83);
        font-size: 10pt;
        line-height:20px;

    }
    /*.portfolio article:hover {background: #565656 !important; color: #C3C0B9 !important;}*/
    .portfolio article .title {
        font-size: 12px;
        padding-bottom: 3px;
        
    }
    /*.portfolio article:hover .title {border-color: #C3C0B9;}*/
    .portfolio article:hover .title a {
        color: rgb(83,83,83);
        
    }

    .portfolio .inner-image {
        position: relative;
    }

        .portfolio .inner-image a,
        .portfolio .inner-image img {
            display: block;
        }

    .thumbnails .inner-text,
    .thumbnails .inner-text, .portfolio .inner-text {
        padding: 0px 0px 0px;
    }

.thumbnails li {
    position: relative;
    overflow: hidden;
}

.featured-blocks .thumbnails > li:hover {
    background: none repeat scroll 0 0 #EEEEEE !important;
    color: #d7000f !important;
}

    .featured-blocks .thumbnails > li:hover p, .featured-blocks .thumbnails > li:hover h3 {
        color: #d7000f !important;
    }

.thumbnails li .sliding,
.portfolio article .sliding {
    position: absolute;
    left: 0;
    top: 100%;
    background: transparent;
    height: 100%;
    width: 100%;
    /* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    -khtml-opacity: 0; /* Safari 1.x */
    -moz-opacity: 0; /* Netscape */
    opacity: 0; /* Good browsers */
}

.thumbnails li:hover .sliding,
.portfolio article:hover .sliding {
    background: #FFF;
    top: 76%;
    /* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100); /* IE 5-7 */
    -khtml-opacity: 1; /* Safari 1.x */
    -moz-opacity: 1; /* Netscape */
    opacity: 1; /* Good browsers */
}

/* Frame overlay */
.media a,
.thumbnail {
    position: relative;
}

    .media .frame-overlay,
    .thumbnail .frame-overlay,
    .portfolio article .frame-overlay {
        background: #FFFFFF;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        /* opacity */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
        filter: alpha(opacity=0); /* IE 5-7 */
        -khtml-opacity: 0; /* Safari 1.x */
        -moz-opacity: 0; /* Netscape */
        opacity: 0; /* Good browsers */
    }

    .media a:hover .frame-overlay,
    .thumbnail:hover .frame-overlay,
    .portfolio article:hover .frame-overlay {
        /* opacity */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
        filter: alpha(opacity=50); /* IE 5-7 */
        -khtml-opacity: 0.5; /* Safari 1.x */
        -moz-opacity: 0.5; /* Netscape */
        opacity: 0.5; /* Good browsers */
    }

.read-more [class^="icon-"],
.read-more [class*=" icon-"] {
    margin-left: 5px;
    margin-right: 0;
}

/* which elements to animate */
.thumbnails li .sliding,
.portfolio article .sliding,
.portfolio article .inner-text,
.thumbnail .frame-overlay,
.portfolio article .frame-overlay,
.animate {
    /* transition */
    -webkit-transition: all 0.3s ease-out; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.3s ease-out; /* Firefox 4-15 */
    -o-transition: all 0.3s ease-out; /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out; /* Firefox 16+, Opera 12.50+ */
}

.ps-slider {
    margin-top: 10px;
}

.ps-description {
}


/* Pricing Table */
/*-----------------------------------------------------------------------------------*/
.pricing {
    text-align: center;
}

    .pricing ul {
        list-style-type: none;
        margin-left: 0;
    }

    .pricing .well {
        padding: 0;
    }

        .pricing .well .well {
            padding: 20px;
            border: 0;
            background-color: transparent;
            -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }

    .pricing .featured {
        background-color: #d3d3d3;
    }

        .pricing .featured .pricing-plan {
            background-color: #d7000f;
            color: #FFFFFF;
        }

    .pricing .pricing-plan {
        font-size: 24px;
        color: #FFFFFF;
        background-color: #444444;
        margin: 0;
        padding: 20px 0;
    }

    .pricing .pricing-price {
        font-size: 24px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0;
        background-color: #999999;
        color: #FFFFFF;
        border-top: solid 1px #D3D3D3;
    }

        .pricing .pricing-price small {
            display: block;
            color: #FFFFFF;
        }

    .pricing .pricing-list {
    }

        .pricing .pricing-list li {
            padding: 20px 0;
            border-bottom: dotted 1px #C3C0B9;
        }

            .pricing .pricing-list li:nth-child(2n) {
                background-color: #F3F3F3;
            }

    .pricing .featured .pricing-list li:nth-child(2n) {
        background-color: #DDDDDD;
    }

/* Pagination */
/*-----------------------------------------------------------------------------------*/
.pagination {
    margin-top: 40px;
}

    .pagination ul > li > a,
    .pagination ul > li > span {
        padding: 7px 15px;
    }

        .pagination ul > li > a:hover,
        .pagination ul > .active > a,
        .pagination ul > .active > span {
            background-color: #DDDDDD;
        }

    .pagination ul > .disabled > span,
    .pagination ul > .disabled > a,
    .pagination ul > .disabled > a:hover {
        background-color: #E6E6E6;
    }

    .pagination ul > .active > a {
        font-weight: bold;
    }

/* Sidebar */
/*-----------------------------------------------------------------------------------*/
#sidebar .nav-tabs {
    margin-bottom: 0;
    border-bottom: none;
}

    #sidebar .nav-tabs li {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

        #sidebar .nav-tabs li a {
            font-weight: 300;
        }

    #sidebar .nav-tabs > li > a {
        background-color: #FAFAFA;
        border-color: #ddd;
        border-bottom: none;
    }

        #sidebar .nav-tabs > li > a:hover {
            background-color: #ddd;
            border-color: #ddd;
            border-bottom: none;
        }

    #sidebar .nav-tabs > .active > a,
    #sidebar .nav-tabs > .active > a:hover {
        background-color: #ffffff;
        border: 1px solid #ddd;
        border-bottom: none;
    }

#sidebar .tab-content {
    -webkit-box-shadow: 0 0 0 rgba(50, 50, 50, 0);
    -moz-box-shadow: 0 0 0 rgba(50, 50, 50, 0);
    box-shadow: 0 0 0 rgba(50, 50, 50, 0);
}

/**/

#sidebar .widget-title {
}

#sidebar .title-divider {
}

#sidebar .divider-arrow {
}

#sidebar .nav-list li a {
}

#sidebar section {
    margin-bottom: 40px;
}

    #sidebar section:last-child {
        margin-bottom: 0;
    }

#sidebar .ul-arch li {
    overflow: hidden;
}

#sidebar .ul-arch .month {
    float: left;
}

#sidebar .ul-arch .count {
    float: right;
    font-size: 10px;
    color: #a1a1a1;
    padding: 0 5px;
    background: #e3e3e3;
}

    #sidebar .ul-arch .count:hover {
        color: #555555;
    }

/*-----------------------------------------------------------------------------------*/
/*	6.	Widgets & Widget Area
/*-----------------------------------------------------------------------------------*/


/* Popular Posts Widget */
/*-----------------------------------------------------------------------------------*/
.popular-posts {
}

    .popular-posts .media a img {
    }

    .popular-posts .media a:hover img {
    }

/* Tags Widget */
/*-----------------------------------------------------------------------------------*/
.tags a {
    display: inline-block;
    padding: 4px 10px;
    margin: 0 3px 5px 0;
    color: #ffffff;
    background-color: #FF6827;
}

    .tags a:hover {
        background-color: #E74807;
    }

.tags i {
    width: 16px;
}

/* Flickr Widget */
/*-----------------------------------------------------------------------------------*/
.sidebar-flickr {
    list-style: none;
    margin-left: 0;
}

    .sidebar-flickr li {
        float: left;
        margin: 0 10px 10px 0;
    }

    .sidebar-flickr a,
    .sidebar-flickr a img {
        display: block; /*width: 100%;*/
    }

/* Comments Widget */
/*-----------------------------------------------------------------------------------*/
.comment-sidebar li:last-child {
    margin-bottom: 0 !important;
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Blog Styles
/*-----------------------------------------------------------------------------------*/

.post-title {
    margin-top: 10px;
}

.post-meta {
    overflow: hidden;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 11px;
}

    .post-meta li {
        float: left;
        margin-right: 15px;
        list-style: none;
    }

.post-meta-day {
    padding: 10px 0;
    font-size: 30px;
    text-align: center;
    color: #FFFFFF;
    background-color: #FF6827;
    margin-top: 10px;
}

.post-meta-month {
    padding: 10px 0;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
    background-color: #d7000f;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.post-media {
    margin-bottom: 15px;
}

.post-content {
}

    .post-content i {
        margin-right: 15px;
    }

/* About Us Block */
/*-----------------------------------------------------------------------------------*/
.aboutus {
}

    .aboutus h3 {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 30px;
        text-align: center;
        font-size: 24px;
    }

.member-info {
}
    /*.member-info img {width: 100%;}*/
    .member-info .member-name {
        margin-bottom: 0;
    }

    .member-info .member-possition {
        font-size: 12px;
    }

    .member-info .member-social {
        font-size: 32px;
    }

        .member-info .member-social a {
            display: inline-block;
            margin-right: 15px;
        }


/* Services Block */
/*-----------------------------------------------------------------------------------*/

.service {
    overflow: hidden;
}

    .service .service-desc {
        overflow: hidden;
    }

    .service .service-icon {
        float: left;
        width: 100px;
        height: 100px;
        padding: 10px 20px;
        font-size: 100px;
        line-height: 1;
    }

    .service .well,
    .service .well-small,
    .service .well-large {
        padding-top: 0;
    }

    .service > .well,
    .service > .well-small,
    .service > .well-large {
        margin-bottom: 0;
    }

@media (max-width: 480px) {
    .service .service-icon {
        float: none;
        margin-left: 25%;
        width: 50%;
        height: auto;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Forms
/*-----------------------------------------------------------------------------------*/
#af-form input[type="text"] {
}

#af-form input[type="text"],
#af-form textarea {
}

    #af-form input[type="text"]:focus,
    #af-form textarea:focus {
    }

#af-form textarea {
    height: 160px !important;
    overflow: auto;
    resize: none;
    /*border: none;*/
}

.af-outer {
    margin-bottom: 15px;
}

label.error,
label.ferror {
    color: #b94a48;
    font-size: 13px;
}

#af-form input.error,
textarea.error {
    border: 1px solid #b94a48;
}

#progress {
    margin-top: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Comments
/*-----------------------------------------------------------------------------------*/
.comments .comment {
    margin-bottom: 20px;
}

.comments .textarea {
    position: relative;
}

.comments .avatar {
    position: relative;
    float: left;
}

.comments .meta {
    float: left;
    margin: 0 15px;
    border-bottom: 1px solid #e2e2e2;
}

.comments .comments-list {
    margin-left: 0;
    margin-bottom: 20px;
}

.comments li {
    list-style: none;
}

/*-----------------------------------------------------------------------------------*/
/*	10.  Thumbnails
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	11.	Shortcode Styles
/*-----------------------------------------------------------------------------------*/

/* Divider */
/*-----------------------------------------------------------------------------------*/
#container hr {
    margin: 5px 0 5px 0;
}

    #container hr.soft {
        margin: 5px 0;
    }

#container .portfolio-single hr,
#container .blog-single hr {
    margin-top: 10px;
    margin-bottom: 15px;
}

/* Back to Top */
/*-----------------------------------------------------------------------------------*/
#toTop {
    background: rgba(0, 0, 0, 0.7) url('/Content/Bootstrap/images/ui.totop.png') no-repeat scroll 50% 50%;
    border: medium none;
    position: fixed;
    right: 15px;
    bottom: 0;
    display: none;
    height: 50px;
    width: 90px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -999px;
}

#toTopHover {
    background: url("/Content/Bootstrap/images/ui.totop.png") no-repeat scroll 50% 50% #d7000f;
    display: block;
    float: left;
    height: 50px;
    overflow: hidden;
    width: 90px;
}

#toTop:active,
#toTop:focus {
    outline: medium none;
    background-color: rgba(91, 194, 54, 1);
}

/* Hero unit */
/*-----------------------------------------------------------------------------------*/
.hero-unit {
    border-left: 4px solid #d7000f;
    padding: 15px 20px;
}

    .hero-unit h4 {
        font-weight: 600;
    }

    .hero-unit p {
        display: inline-block;
        font-size: 16px;
        line-height: 150%;
        width: 100%;
    }

.btn-welcome {
    background: #d7000f;
    color: #FFF;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

    .btn-welcome:hover {
        background: none repeat scroll 0 0 #535049;
        text-shadow: none;
        color: #FFF;
    }

@media (min-width: 768px) and (max-width: 979px) {
}

@media (max-width: 767px) {
    .hero-unit {
        padding: 40px;
    }

        .hero-unit h1 {
        }
}

@media (max-width: 480px) {
    .hero-unit {
        padding: 10px;
        font-size: 14px;
        line-height: 1.5;
    }

        .hero-unit h1 {
            font-size: 22px;
            line-height: 1.5;
        }
}
/*HIGHLIGHTS*/
.btn-hl {
    display: inline-block;
    *border-bottom: 0 none #a2a2a2;
    display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
    *-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border-radius: 0;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    **border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: 0;
}

.highlights {
    margin-bottom: 20px;
}

.highlights-content {
    background: none repeat scroll 0 0 #eeeeee;
    margin-top: -60px;
    padding: 50px 20px 20px;
    text-align: center;
    line-height: 140%;
}

.highlights div:hover .highlights-content {
    background: #d7000f;
    color: #FEFEFE;
}

.highlights > div:hover a[class^='hl'] {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.highlights > div:hover div[class^='hl-circle'] {
    background: url("/Content/Bootstrap/images/circle_1.png") no-repeat scroll center center transparent;
    display: table;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 120px;
    margin-top: 5px;
}

.highlights > div:hover a[class='hl-icon1'] {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    background: url("/Content/Bootstrap/images/bookmark_1.png") no-repeat scroll center center transparent;
}

.highlights > div:hover a[class='hl-icon2'] {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    background: url("/Content/Bootstrap/images/blog_1.png") no-repeat scroll center center transparent;
}

.highlights > div:hover a[class='hl-icon3'] {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    background: url("/Content/Bootstrap/images/globe_1.png") no-repeat scroll center center transparent;
}

.highlights > div:hover a[class='hl-icon4'] {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    background: url("/Content/Bootstrap/images/home_1.png") no-repeat scroll center center transparent;
}

.highlights-content h5 {
    font-weight: 600;
    margin-top: 20px;
}

.hl-circle {
    background: url("/Content/Bootstrap/images/circle.png") no-repeat scroll center center transparent;
    display: table;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 120px;
    margin-top: 5px;
}

a[class^='hl-icon'] {
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.hl-icon1 {
    background: url("/Content/Bootstrap/images/bookmark.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;
}

.hl-icon2 {
    background: url("/Content/Bootstrap/images/blog.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;
}

.hl-icon3 {
    background: url("/Content/Bootstrap/images/globe.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;
}

.hl-icon4 {
    background: url("/Content/Bootstrap/images/home.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;
}
/*Our Works*/
.our-works h4 {
    font-weight: 600;
    padding-bottom: 10px;
}
/* Others */
/*-----------------------------------------------------------------------------------*/
.clear {
    clear: both;
}

.alignleft {
    float: left !important;
}

.alignright {
    float: right !important;
}

.aligncenter {
    text-align: center !important;
}

.pull-center {
    text-align: center !important;
}

/* foreground colors */
.fg-color-blue {
    color: #2d89ef !important;
}

.fg-color-blue-light {
    color: #eff4ff !important;
}

.fg-color-blue-dark {
    color: #2b5797 !important;
}

.fg-color-green {
    color: #00a300 !important;
}

.fg-color-green-light {
    color: #99b433 !important;
}

.fg-color-green-dark {
    color: #1e7145 !important;
}

.fg-color-red {
    color: #b91d47 !important;
}

.fg-color-yellow {
    color: #ffc40d !important;
}

.fg-color-orange {
    color: #e3a21a !important;
}

.fg-color-orange-dark {
    color: #da532c !important;
}

.fg-color-pink {
    color: #9f00a7 !important;
}

.fg-color-pink-dark {
    color: #7e3878 !important;
}

.fg-color-purple {
    color: #603cba !important;
}

.fg-color-darken {
    color: #1d1d1d !important;
}

.fg-color-lighten {
    color: #d5e7ec !important;
}

.fg-color-white {
    color: #ffffff !important;
}

.fg-color-gray-dark {
    color: #525252 !important;
}

/* background colors */
.bg-color-blue {
    background-color: #2d89ef !important;
}

.bg-color-blue-light {
    background-color: #eff4ff !important;
}

.bg-color-blue-dark {
    background-color: #2b5797 !important;
}

.bg-color-green {
    background-color: #00a300 !important;
}

.bg-color-green-light {
    background-color: #99b433 !important;
}

.bg-color-green-dark {
    background-color: #1e7145 !important;
}

.bg-color-red {
    background-color: #b91d47 !important;
}

.bg-color-yellow {
    background-color: #ffc40d !important;
}

.bg-color-orange {
    background-color: #e3a21a !important;
}

.bg-color-orange-dark {
    background-color: #d7000f !important;
}

.bg-color-pink {
    background-color: #9f00a7 !important;
}

.bg-color-pink-dark {
    background-color: #7e3878 !important;
}

.bg-color-purple {
    background-color: #603cba !important;
}

.bg-color-darken {
    background-color: #1d1d1d !important;
}

.bg-color-lighten {
    background-color: #d5e7ec !important;
}

.bg-color-white {
    background-color: #ffffff !important;
}

.bg-color-gray-dark {
    background-color: #525252 !important;
}

.color {
    color: #005DB3;
}

.color2 {
    color: #02243C;
}

ul.icons {
    list-style: none;
    margin-left: 0;
}

ul.ul-list li {
    background: url('/Content/Bootstrap/images/ul-list.png') no-repeat 0 7px;
    padding-left: 15px;
}

    ul.ul-list li a {
        display: block;
    }

ul.ul-list-2 li {
    background: url('/Content/Bootstrap/images/ul-list-2.png') no-repeat 0 7px;
    padding-left: 15px;
}

    ul.ul-list-2 li a {
        display: block;
    }

ul.ul-list-3 li {
    background: url('/Content/Bootstrap/images/ul-list-3.png') no-repeat 0 7px;
    padding-left: 15px;
}

    ul.ul-list-3 li a {
        display: block;
    }

div.spacer {
    height: 50px;
}

hr {
    margin: 25px 0;
    border-top: 2px solid #D6D3D1;
    border-bottom: none;
}

blockquote {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #d7000f;
    padding: 10px;
}

    blockquote p {
        font-size: 13px;
        font-style: italic;
        line-height: 1.5;
    }

/* tiles */
.tiles,
.tile {
    position: relative;
}

.image-icon {
    padding: 10px;
    text-align: center;
}

    .image-icon [class^="icon-"],
    .image-icon [class*=" icon-"] {
        width: 100px;
        height: 100px;
        font-size: 100px;
        line-height: 1;
        margin-top: 20px;
    }

        .image-icon [class^="icon-"]:before,
        .image-icon [class*=" icon-"]:before {
            width: 100px;
        }

.tile-content {
    height: 100%;
    width: 100%;
}

.square {
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

/* app-bar */
.app-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	12.	Responsive Fixes
/*-----------------------------------------------------------------------------------*/

/* Large desktop */
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 980px) and (max-width: 1199px) {
}

/* Portrait tablet to landscape and desktop */
/*-----------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {
    /**/
}

/* Landscape phone to portrait tablet */
/*-----------------------------------------------------------------------------------*/
@media (max-width: 767px) {
    .alignleft, .alignright,
    .pull-right, .pull-left {
        float: none !important;
    }

    #menu {
        display: block;
    }
}

/* Landscape phones and down */
/*-----------------------------------------------------------------------------------*/
@media (max-width: 480px) {
    .logo .logo-img {
        float: none;
    }

    .social-container {
        text-align: center;
    }

    #menu {
        display: block;
    }
}

/* reset bootstrap radius */
/*-----------------------------------------------------------------------------------*/

code, pre,
.label, .badge,
.table-bordered,
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child,
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child,
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child,
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child,
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child,
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child,
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append input + .btn-group .btn,
.input-append select + .btn-group .btn,
.input-append .uneditable-input + .btn-group .btn,
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child,
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child,
input.search-query,
.form-search .input-append .search-query,
.form-search .input-append .btn,
.form-search .input-prepend .search-query,
.form-search .input-prepend .btn,
.btn,
.btn-large,
.btn-small,
.btn-mini,
.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle,
.btn-group > .btn.large:first-child,
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle,
.btn-group-vertical .btn:first-child,
.btn-group-vertical .btn:last-child,
.btn-group-vertical .btn-large:first-child,
.btn-group-vertical .btn-large:last-child,
.nav-tabs > li > a,
.nav-pills > li > a,
.nav-tabs.nav-stacked > li:first-child > a,
.nav-tabs.nav-stacked > li:last-child > a,
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.tabs-below > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a,
.navbar-inner,
.navbar-search .search-query,
.navbar .btn-navbar .icon-bar,
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu,
.breadcrumb,
.pagination ul,
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span,
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span,
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span,
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span,
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span,
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span,
.pager li > a,
.pager li > span,
.thumbnail,
.alert,
.progress,
.hero-unit,
.tooltip-inner,
.popover,
.popover-title,
.modal,
.modal-footer,
.dropdown-menu,
.dropdown-submenu > .dropdown-menu,
.dropup .dropdown-submenu > .dropdown-menu,
.dropdown-submenu.pull-left > .dropdown-menu,
.typeahead,
.accordion-group,
.carousel-control,
.well,
.well-large,
.well-small,
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a,
.nav-collapse .btn,
.nav-collapse .dropdown-menu,
.border-radius-off {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.thumbnail {
    padding: 0;
    border: none;
}

.well {
    background: #FAFAFA;
}

.btn {
    background-image: none;
    border: 0 none;
}

.thumbnail {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}


/*Service*/
.service {
    /*margin-bottom:10px;*/
    padding: 0px 0px 0px 0px;
}

    .service:hover {
        border-radius: 2px;
        box-shadow: 0 0 8px #ddd;
        background: #fcfcfc;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
    }

        .service:hover i {
            color: #656565;
        }

    .service i {
        float: left;
        padding: 0px;
        color: #72c02c;
        font-size: 32px;
        text-align: center;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

        .service i.icon-cogs {
            font-size: 32px;
        }

    .service .desc {
        width: 100%;
        float: right;
        color: #707070;
    }

        .service .desc h4 {
            font-size: 16px;
            line-height: 20px;
            color: #707070;
        }

        .service .desc p {
            font-size: 13px;
            line-height: 20px;
            color: #707070;
            font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
        }

.ie7 .service .circle i {
    padding-bottom: 45px !important; /*ie7*/
}

/*   
Template Name: Unify - Responsive Bootstrap Template
Description: Business, Corporate, Portfolio and Blog Theme.
Version: 1.2
Author: Html Stream
Website: http:/htmlstream.com/preview/unify
*/




/*Clients (Flexslider)*/
.clients {
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

    .clients li {
        float: left;
        overflow: hidden;
        margin-left: 1px;
        position: relative;
        background: #fafafa;
    }

        .clients li:hover {
            background: #f6f6f6;
        }

        .clients li img.color-img {
            top: 0;
            left: 0;
            display: none;
            position: absolute;
        }

        .clients li:hover img.color-img {
            display: block;
        }

        .clients li img {
            filter: gray; /* IE6-9 */
            float: none !important;
            margin: 0 auto !important;
        }

            .clients li img:hover {
                filter: none;
            }

.clients,
.flexslider.home {
    border: 0px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.flexslider {
    margin-top: 5px !important;
}

    .flexslider .flex-direction-nav a {
        /*margin-top:-10px !important;*/
    }

/*Clients Page
------------------------------------*/
.clients-page {
    overflow: hidden;
}

    .clients-page p {
        overflow: auto;
        font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
        font-size: 13px;
        line-height: 1.6;
    }

        .clients-page p a {
            overflow: auto;
            text-decoration: underline;
        }

    .clients-page a.img-hover {
        display: block;
        position: relative;
    }

    .clients-page img {
        float: left;
        margin-right: 20px;
        background: #fafafa;
        border: solid 1px #eee;
        width: 220px;
        height: 120px;
    }

        .clients-page img.img-colorful {
            display: none;
        }

    .clients-page a:hover img.img-colorful,
    .clients-page:hover img.img-colorful {
        top: 0;
        left: 0;
        display: block;
        position: absolute;
    }

/*Block headline*/
.heading {
    padding: 0px 20px 5px 0px;
    /*border-left:4px solid #27c5f2;*/
}

.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

    .headline h3,
    .headline h4 {
        color: #585f69;
        margin: 0 0 -2px 0;
        padding-right: 10px;
        display: inline-block;
        text-shadow: 0 0 1px #f6f6f6;
        border-bottom: 2px solid #72c02c;
    }

/*Others (Global classes)
------------------------------------*/
.color-red {
    color: #c00;
}

.color-green {
    color: #72c02c;
}

.color-blue {
    color: #3498db;
}

.pull-lft {
    text-align: left;
}

.pull-rgt {
    text-align: right;
}

.rgt-img-margin {
    margin: 4px 0 5px 8px;
}

.lft-img-margin {
    margin: 5px 20px 5px 0;
}

.overflow-hidden {
    overflow: hidden;
}

.padding-left-5 {
    padding-left: 5px;
}

.img-width-200 {
    width: 200px;
}

/*文章标题
------------------------------------*/
.bigred {
    font-weight: bold;
    font-size: 24px;
    color: #990000;
    line-height: 40px;
    font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
    font-style: normal;
    text-align: center;
}

.Share_right {
    float: left;
    width: 100%;
    height: 34px;
    background-color: #ECE1E2;
}

/*Login Page v1.1*/
.log-page {
    width: 310px;
    padding: 20px;
    margin: 50px auto;
    background: #fcfcfc;
    border: solid 1px #eee;
    box-shadow: 0 0 7px #eee;
}

.btn-u {
    border: 0;
    font-size: 11pt;
    cursor: pointer;
    padding: 1px 10px;
    position: relative;
    /*background:#d7000f;*/
    background: #C3C0B9;
    display: inline-block;
    color: #FFFFFF !important;
    text-decoration: none !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    .btn-u:hover {
        color: #fff;
        background: #d7000f;
        text-decoration: none;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

#news {
    /*border-top: 1px solid #DBDBDB;*/
    color: #000000;
    font-size: 13px;
    padding-bottom: 0px;
    position: relative;
}

    #news > .container {
        padding-top: 20px;
    }

    #news .heading {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #000000;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }

    #news a {
        color: #707070;
        font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
    }

        #news a:hover {
            color: #d7000f;
        }

    #news input {
        border-width: 0;
    }

    #news .footer-navigate {
        list-style: none;
        margin: 0 0 0px 0px;
    }

        #news .footer-navigate li a {
            display: block;
            padding: 1px 0px 1px 0px;
        }

img.newicon {
    margin: 0 1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

img.noshadow, img.noshadow:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

img.border {
    border: thin solid #ddd;
}

img.noborder {
    border: none !important;
}

img.img_left {
    float: left;
    border-right: 1px dotted #efefef;
}

img.f_left {
    float: left;
    margin: 0 7px 7px 0;
}

aside.home-right {
    text-align: right;
}

.hr1 {
    margin: 10px 0;
    border-top: 1px dashed #535353;
    border-bottom: none;
}


/*红色竖线图*/
.RedImg {
    max-width: 100%;
    width: auto;
    height: auto;
    line-height:normal;
    vertical-align: inherit;
    border: 0;
    background: url("/Content/img/redone2.png") left no-repeat;
    font-size:17px;
    margin-bottom:10px;
}

/*文本内容*/
.NewContent {
    font-size: 15px;
    /*color: #898989;*/
    line-height: 28px;
    text-align:justify;
}

    /*文本内容 li*/
    .NewContent li {
        line-height: 2;
    }
/*左侧导航*/
.LeftMenus {
    font-family: 'Microsoft YaHei','arial','Helvetica','sans-serif';
    font-size: 14pt;
    color: #535353;
    line-height: 2;
}

.ContentNote {
    font-size: 15px;
    line-height: 28px;
}

.bodyScale {
    transform: scale(0.95,0.9);  
    transform-origin:50% 0%;

    -ms-transform: scale(0.95,0.9);   	/* IE 9 */
    -ms-transform-origin:50% 0%; 		/* IE 9 */

    -webkit-transform: scale(0.9,0.9);  /* Safari 和 Chrome */
    -webkit-transform-origin:50% 0%;	/* Safari 和 Chrome */

    -moz-transform: scale(0.9,0.9);  	/* Firefox */
    -moz-transform-origin:50% 0%;		/* Firefox */

    -o-transform: scale(0.9,0.9);  		/* Opera */
    -o-transform-origin:50% 0%;		/* Opera */
}
/*
     FILE ARCHIVED ON 02:44:55 Dec 28, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:36:35 Mar 09, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.598
  exclusion.robots: 0.031
  exclusion.robots.policy: 0.018
  esindex: 0.012
  cdx.remote: 9.146
  LoadShardBlock: 188.212 (3)
  PetaboxLoader3.datanode: 95.754 (5)
  PetaboxLoader3.resolve: 271.342 (4)
  load_resource: 253.694 (2)
*/