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

[Table of contents]

1. Body
2. Wrapper
3. Typography
4. Shortcodes
    4.1 Owl carousel core
    4.2 Swiper core
    4.3 Lightbox core
    4.4 Spacers
    4.5 Alerts
    4.6 Forms
    4.7 Buttons
    4.8 Tabs
    4.9 Accordion
5. Header
    5.1 Header meta
    5.2 Breaking news
    5.3 Logo brand
    5.4 Header main
    5.5 Main navigation
        5.5.1 Mega menu
        5.5.2 Search form
    5.6 Header styles
6. Post layout
    6.1 Post carousel
    6.2 Post slider
    6.3 Post grid
    6.4 Thumbnail slider
7. Main content
8. Banners
9. Sidebar
    9.1 Widget global
    9.2 Widget tags
    9.3 Widget recent entries
    9.4 Widget search
    9.5 Widget latest posts
    9.6 Widget social icons
    9.7 Widget grid posts
    9.8 Widget featured post
    9.9 Widget top reviews
    9.10 Widget latest posts
    9.11 Widget gallery post
    9.12 Widget 125x125 banners
    9.13 Widget 300x250 banners
10. Page titles
11. Post blocks
    11.1 Post block layout 2
    11.2 Post block layout 3
    11.3 Post block layout 4
    11.4 Post block layout 5
    11.5 Post block layout 6
    11.6 ost block layout 7
12. Pages

    12.1 Contact form
    12.2 Under construction
    12.3 404 Page
13. Single post
    13.1 Share
    13.2 Post header
    13.3 Content
    13.4 Review
    13.5 Tags
    13.6 Controls
    13.7 Comments
14. Footer menu
15. Footer
16. Copyright

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

/*------------------------------------------------------------------
    1. Body
-------------------------------------------------------------------*/
@import url("prettyPhoto.css");			   /* prettyPhoto Styles */
@import url("shortcodes.css");
html,
body {
    position: relative
}
html {
    -webkit-font-smoothing: antialiased;
    font-family: sans-serif
}
body {
    overflow-x: hidden;
    background-color: #FFF;
    font-size: 14px;
    /* line-height: 22px; */
    font-weight: 400;
    color: #666;
    margin: 0;
    padding: 0
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.cs-container:before,
.cs-container:after,
.cs-row:before,
.cs-row:after,
.cs-clearfix:before,
.cs-clearfix:after {
    content: " ";
    display: table
}

.cs-container:after,
.cs-row:after,
.cs-clearfix:after {
    clear: both
}

/*------------------------------------------------------------------
    2. Wrapper
-------------------------------------------------------------------*/
#cs-wrapper {
    background-color: #fff
}
#cs-wrapper.wide {
    width: 100%
}
#cs-wrapper.boxed {
    margin: 0 auto;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1)
}
.cs-container {
    position: relative;
    margin-right: auto;
    margin-left: auto
}
.cs-row {
    position: relative;
    margin-left: -10px;
    margin-right: -10px
}
.cs-col {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}
.css-col {
    position: relative;
    min-height: 1px;
/*     padding-left: 10px; */
    padding-right: 10px
}
.cs-col-1-of-12 {
    width: 8.33333333%
}
.cs-col-2-of-12 {
    width: 16.66666667%
}
.cs-col-3-of-12 {
    width: 25%
}
.cs-col-4-of-12 {
    width: 33.33333333%
}
.cs-col-5-of-12 {
    width: 41.66666667%
}
.cs-col-6-of-12 {
    width: 50%
}
.cs-col-7-of-12 {
    width: 58.33333333%
}
.cs-col-8-of-12 {
    width: 66.66666667%
}
.cs-col-9-of-12 {
    width: 75%
}
.cs-col-10-of-12 {
    width: 83.33333333%
}
.cs-col-11-of-12 {
    width: 91.66666667%
}
.cs-col-12-of-12 {
    width: 100%;
    padding-bottom: 3px;
}

/*------------------------------------------------------------------
    3. Typography
-------------------------------------------------------------------*/
a {
    text-decoration: none;
    outline: 0;
    background-color: transparent;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
a:hover {
    text-decoration: none;
    color: #222
}
a:focus,
a:active {
    outline: 0;
    border: 0;
    text-decoration: none
}
img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    text-decoration: none;
    outline: 0;
    border: 0
}
a img {
    text-decoration: none;
    outline: 0;
    border: 0
}
iframe,
object,
video {
    max-width: 100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    margin: 0 0 10px 0
}
h1 {
    font-size: 36px;
    line-height: 44px
}
h2 {
    font-size: 30px;
    line-height: 38px
}
h3 {
    font-size: 16px;
    line-height: 32px
}
h4 {
    font-size: 18px;
    line-height: 26px
}
h5 {
    font-size: 14px;
    line-height: 22px
}
h6 {
    font-size: 12px;
    line-height: 20px
}
p {
    margin: 0 0 15px
}
hr {
    clear: both;
    display: block;
    overflow: hidden;
    border: 0;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
hr.cs-divider-blank {
    border: 0
}
hr.cs-divider-dashed {
    border-top-style: dashed
}
hr.cs-divider-dotted {
    border-top-style: dotted
}
.text_left {
    text-align: left
}
.text_right {
    text-align: right
}
.text_center {
    text-align: center
}
.text_justify {
    text-align: justify
}
.dropcap:first-letter {
    float: left;
    display: block;
    font-size: 40px;
    line-height: 42px;
    margin: 0 10px 0 0;
    font-weight: 600;
    color: #111
}
blockquote {
    padding: 5px 20px;
    margin: 20px 0;
    border-left-style: solid;
    border-left-width: 5px
}
blockquote p {
    font-size: 22px;
    line-height: 30px;
    font-style: italic;
    color: #666;
    font-family: "Georgia", sans-serif
}
blockquote footer {
    display: block;
    font-size: 14px;
    color: #111
}
blockquote.alt {
    text-align: center;
    border: 1px solid #eee;
    padding: 30px
}
blockquote.alt i {
    font-size: 28px;
    margin-bottom: 10px
}
.pullquotes {
    position: relative;
    font-size: 26px;
    line-height: 34px;
    font-weight: 400
}
.pullquotes.left {
    float: left;
    width: 30%;
    margin: 30px 40px 40px 0;
}
.pullquotes.center {
    display: block;
    width: 100%;
    text-align: center;
    margin: 40px 0;
    clear: both
}
.pullquotes.right {
    float: right;
    width: 30%;
    margin: 30px 0 40px 40px;
}
.alignleft,
img.alignleft {
    float: left;
    margin: 5px 40px 20px 0
}
.alignright,
img.alignright {
    float: right;
    margin: 5px 0 20px 40px
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin: 30px auto
}
.wp-caption {
    text-align: center;
    max-width: 100%
}
.wp-caption img {
    max-width: 100%
}
.wp-caption-text {
    font-size: 12px;
    color: #999;
    font-style: italic;
    padding: 6px 0 2px 0
}
code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
pre {
    display: block;
    overflow: hidden;
    padding: 10px;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f1f1f1;
    border: none
}
mark {
    padding: 2px 4px;
    background-color: #f1f1f1
}
kbd {
    padding: 2px 4px;
    font-size: 12px;
    color: #fff;
    background-color: #111
}
code {
    padding: 2px 4px;
    font-size: 12px;
    background-color: #f1f1f1
}
ol,
ul {
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 20px
}
ul {
    list-style: disc
}
ol {
    list-style: decimal
}
ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0
}
dl {
    margin-top: 0;
    margin-bottom: 20px
}
dt {
    font-weight: 700
}
dd {
    margin-left: 10px
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 24px
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    border: 1px solid #eee
}
th,
td {
    text-align: left;
    padding: 8px;
    line-height: 24px;
    vertical-align: bottom;
    border: 1px solid #eee
}
ul.page-numbers {
    font-size: 0;
    margin-bottom: 20px;
    list-style: none;
    padding: 0
}
ul.page-numbers li {
    font-size: 14px;
    display: inline-block;
    margin-right: 5px
}
ul.page-numbers li span,
ul.page-numbers li a {
    display: block;
    padding: 6px 12px;
    line-height: 24px;
    background-color: #eee;
    color: #666
}
ul.page-numbers li span.current {
    background-color: #e1e1e1;
    font-weight: 700;
    color: #111
}
ul.breadcrumb {
    font-size: 12px;
    list-style: none;
    padding: 0;
    margin: 0 0 5px 0;
    overflow: hidden;
}
ul.breadcrumb li {
    float: left;
}
ul.breadcrumb li:after {
    font-family: "FontAwesome";
    content: "\f105";
    padding: 0 8px;
    color: #bbb
}
ul.breadcrumb li:last-child:after {
    display: none;
}
ul.breadcrumb li a {}

/*------------------------------------------------------------------
    4. Shortcodes
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    4.1 Owl carousel core
-------------------------------------------------------------------*/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
    cursor: url(images/grabbing.png) 8 8, move;
}
.owl-item.loading {
    min-height: 150px;
    background: url(images/AjaxLoader.gif) no-repeat center center
}
.owl-carousel .owl-wrapper,
.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);
}
.owl-controls .owl-buttons {
    font-family: "FontAwesome"
}
.owl-controls .owl-buttons div {
    position: absolute;
    top: 50%;
    color: #fff;
    display: block;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

/*------------------------------------------------------------------
    4.2 Swiper core
-------------------------------------------------------------------*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}
.swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
}
/* 3D Container */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */

    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */

    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */

    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */

    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */

    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */

.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */

    -ms-perspective: 1200px;
}
/* Fade */

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
/* Cube */

.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
/* Scrollbar */

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
/* Preloader */

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/*------------------------------------------------------------------
    4.3 Lightbox core
-------------------------------------------------------------------*/
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    /*cursor: -moz-zoom-out;*/
    /*cursor: -webkit-zoom-out;*/
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    /*cursor: -webkit-zoom-in;*/
    /*cursor: -moz-zoom-in;*/
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-preloader a:hover {
    color: #FFF;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*button:: -moz-focus-inner {*/
/*    padding: 0;*/
/*    border: 0;*/
/*}*/
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { /* 原来的1 media */
    /** * Remove all paddings around the image on small screen */

    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
} /* 原来的1 media over*/

@media all and (max-width: 900px) { /* 原来的2 media */
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
} /* 原来的2 media over*/

.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

/*------------------------------------------------------------------
    4.4 Spacers
-------------------------------------------------------------------*/
.cs-spacer {
    display: block;
    position: relative;
    width: 100%;
    clear: both;
    border: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 1px;
    background-color: #eee;
    color: #eee;
    text-align: center
}
.cs-spacer i {
    width: 40px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -20px;
    text-align: center;
    line-height: 30px;
    background-color: #fff !important
}

/*------------------------------------------------------------------
    4.5 Alerts
-------------------------------------------------------------------*/
.cs-alert {
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    color: #fff
}
.cs-alert p {
    overflow: hidden;
    margin: 2px 0 0 30px
}
.cs-alert i {
    position: absolute;
    left: 20px;
    top: 20px
}
.cs-alert.cs-alert-green {
    background-color: #7ab55c
}
.cs-alert.cs-alert-blue {
    background-color: #2980b9
}
.cs-alert.cs-alert-red {
    background-color: #e74c3c
}
.cs-alert.cs-alert-yellow {
    background-color: #eb8000
}

/*------------------------------------------------------------------
    4.6 Forms
-------------------------------------------------------------------*/
/*button,*/
/*input,*/
/*optgroup,*/
/*select,*/
/*textarea {*/
/*    font-family: inherit;*/
/*    font-size: inherit;*/
/*    line-height: inherit;*/
/*    font-weight: 400;*/
/*    font: inherit;*/
/*    color: inherit;*/
/*    margin: 0;*/
/*    max-width: 100%*/
/*}*/
textarea {
    width: 100%;
    min-height: 160px
}
/*label {*/
/*    display: inline-block;*/
/*    max-width: 100%;*/
/*    margin-bottom: 0px;*/
/*    font-weight: 400;*/
/*    color: #222;*/
/*    font-size: 12px*/
/*}*/
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    outline: none;
   /*  background-color: #aaa; */
    color: #fff;
    /* background-image: none; */
    border: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: #999
}
input[type="file"] {
    outline: none;
    padding: 6px;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eee
}
input[type="week"],
input[type="time"],
input[type="month"],
input[type="datetime-local"],
input[type="date"] {
    outline: none;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    background-image: none;
    border: 1px solid #eee
}

textarea,
input[type="url"],
input[type="text"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="datetime"] {
    display: inline-block;
    outline: none;
    padding: 3px 12px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #eee;
    -webkit-border-radius:4px
}

/*------------------------------------------------------------------
    4.7 Buttons
-------------------------------------------------------------------*/
.cs-btn {
    display: inline-block;
    padding: 4px 12px;
    margin: 0 5px 5px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #aaa;
    color: #fff;
    position: relative
}
.cs-btn:hover {
    background-color: #999;
    color: #fff;
}
.cs-btn.cs-btn-small {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 20px
}
.cs-btn.cs-btn-large {
    padding: 12px 18px;
    font-size: 18px;
    line-height: 26px
}
.cs-btn.cs-btn-extralarge {
    padding: 20px 26px;
    font-size: 24px;
    line-height: 32px
}
.cs-btn.cs-btn-expand {
    width: 100%;
    display: block
}
.cs-btn.cs-btn-expand + .cs-btn.cs-btn-expand {
    margin-top: 5px
}
.cs-btn.cs-btn-white {
    background-color: #fff;
    color: #444
}
.cs-btn.cs-btn-white:hover {
    background-color: #fdfdfd;
    color: #111
}
.cs-btn.cs-btn-black {
    background-color: #333
}
.cs-btn.cs-btn-black:hover {
    background-color: #111
}
.cs-btn.cs-btn-red {
    background-color: #e74c3c
}
.cs-btn.cs-btn-red:hover {
    background-color: #ce4031
}
.cs-btn.cs-btn-green {
    background-color: #7ab55c
}
.cs-btn.cs-btn-green:hover {
    background-color: #6aa44d
}
.cs-btn.cs-btn-blue {
    background-color: #2980b9
}
.cs-btn.cs-btn-blue:hover {
    background-color: #2271a5
}
.cs-btn.cs-btn-turquoise {
    background-color: #16a085
}
.cs-btn.cs-btn-turquoise:hover {
    background-color: #118971
}
.cs-btn.cs-btn-pink {
    background-color: #d65799
}
.cs-btn.cs-btn-pink:hover {
    background-color: #c44a89
}
.cs-btn.cs-btn-orange {
    background-color: #eb8000
}
.cs-btn.cs-btn-orange:hover {
    background-color: #d17200
}
.cs-btn.cs-btn-purple {
    background-color: #9b59b6
}
.cs-btn.cs-btn-purple:hover {
    background-color: #8948a3
}
.cs-btn.cs-btn-dblue {
    background-color: #2c3e50
}
.cs-btn.cs-btn-dblue:hover {
    background-color: #233648
}
.cs-btn.cs-btn-grey {
    background-color: #aaa
}
.cs-btn.cs-btn-grey:hover {
    background-color: #999
}

/*------------------------------------------------------------------
    4.8 Tabs
-------------------------------------------------------------------*/
.cs-tab-group {
    margin-bottom: 20px
}
.cs-tab-group .ui-tabs-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0
}
.cs-tab-group .ui-tabs-nav li {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    outline: none;
    margin-right: 5px;
    border-bottom: 3px solid #eee
}
.cs-tab-group .ui-tabs-nav li a {
    color: #999;
    outline: none;
    padding: 5px 15px 10px 0;
    display: block
}
.cs-tab-group .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 3px solid #222
}
.cs-tab-group .ui-tabs-nav li:hover a,
.cs-tab-group .ui-tabs-nav li.ui-tabs-active a {
    color: #222
}
.cs-tab-group .ui-tabs-panel {
    padding-top: 15px
}
.cs-tab-group .ui-tabs-panel p:last-child {
    margin: 0
}

/*------------------------------------------------------------------
    4.9 Accordion
-------------------------------------------------------------------*/
.cs-accordion-group {
    margin-bottom: 20px
}
.cs-accordion-group .cs-accordion-title {
    font-weight: 700;
    color: #222;
    outline: none;
    cursor: pointer;
    padding: 10px 45px 10px 0;
    position: relative;
    border-bottom: 3px solid #eee
}
.cs-accordion-group .cs-accordion-title:after {
    color: #ddd;
    content: "\f067";
    font-family: "FontAwesome";
    position: absolute;
    right: 15px;
    top: 10px
}
.cs-accordion-group .cs-accordion-title.ui-state-active {
    border-bottom: 3px solid #222
}
.cs-accordion-group .cs-accordion-title.ui-state-active:after {
    color: #222;
    content: "\f068"
}
.cs-accordion-group .cs-accordion-panel {
    padding: 15px 0 10px 0
}
.cs-accordion-group .cs-accordion-panel p:last-child {
    margin: 0
}

/*------------------------------------------------------------------
    5. Header
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    5.1 Header meta
-------------------------------------------------------------------*/
#cs-header-meta {
    background-color: #222;
    color: #fff;
    font-size: 12px
}
.cs-toggle-top-navigation {
    font-size: 18px;
    cursor: pointer;
    display: none;
    padding-left: 15px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #222
}

/*------------------------------------------------------------------
    5.2 Breaking news
-------------------------------------------------------------------*/
#cs-breaking-news {
    padding: 10px 0;
    color: #222;
}
#cs-breaking-news .cs-breaking-news-title {
    float: left;
    margin-right: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    padding-right: 10px;
    z-index: 2;
    position: relative
}
#cs-breaking-news .cs-breaking-news-display {
    width: auto
}
#cs-breaking-news .cs-breaking-news-display a {
    color: #222
}
#cs-breaking-news .cs-breaking-news-display .swiper-slide {
    white-space: nowrap;
    overflow: hidden
}

/*------------------------------------------------------------------
    5.3 Logo brand
-------------------------------------------------------------------*/
#cs-header-style-one #cs-logo-brand {
    text-align: center;
    margin: 0 auto
}
#cs-header-style-two #cs-logo-brand {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px
}
#cs-header-style-three #cs-logo-brand {
    float: left;
    height: 70px;
    line-height: 70px
}
#cs-header-style-three #cs-logo-brand img {
    max-height: 50px
}
#cs-logo-brand h1#cs-site-title {
    font-size: 32px;
    line-height: 42px;
    margin: 0
}
#cs-logo-brand h1#cs-site-title a {
    color: #222
}
#cs-logo-brand h1#cs-site-title span {
    font-weight: 400
}
#cs-logo-brand h2#cs-site-subtitle {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0
}

/*------------------------------------------------------------------
    5.4 Header main
-------------------------------------------------------------------*/
#cs-header-style-one #cs-header-main {
    padding: 35px 0 25px 0
}
#cs-header-style-two #cs-header-main {
    padding: 25px 0
}
#cs-header-main .cs-header-banner {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
#cs-header-main .cs-header-body-table {
    display: table;
    width: 100%
}
#cs-header-main .cs-header-body-row {
    display: table-row
}

/*------------------------------------------------------------------
    5.5 Main navigation
-------------------------------------------------------------------*/
.cs-toggle-main-navigation {
    font-size: 18px;
    cursor: pointer;
    display: none;
    height: 43px;
    line-height: 43px;
    color: #fff;
}

/*------------------------------------------------------------------
    5.5.1 Mega menu
-------------------------------------------------------------------*/
.cs-mega-menu .cs-post-item {
    opacity: 1 !important
}

/*------------------------------------------------------------------
    5.5.2 Search form
-------------------------------------------------------------------*/
#cs-header-menu-search-button-show {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    cursor: pointer;
}
#cs-header-menu-search-button-hide {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    cursor: pointer;
}
#cs-header-style-three #cs-header-menu-search-button-show,
#cs-header-style-three #cs-header-menu-search-button-hide {
    width: 70px;
    height: 70px;
    line-height: 67px
}
#cs-header-style-one #cs-header-menu-search-button-show i,
#cs-header-style-one #cs-header-menu-search-button-hide i {
    color: #222
}
#cs-header-style-two #cs-header-menu-search-button-show i,
#cs-header-style-two #cs-header-menu-search-button-hide i,
#cs-header-style-three #cs-header-menu-search-button-show i,
#cs-header-style-three #cs-header-menu-search-button-hide i {
    color: #fff
}
#cs-header-menu-search-form {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 43px;
}
#cs-header-style-three #cs-header-menu-search-form {
    height: 70px;
}
#cs-header-menu-search-form form {
    margin: 0;
    padding: 0
}
#cs-header-menu-search-form form input {
    margin: 0;
    border: 0;
    padding-left: 15px;
    padding-right: 43px;
    width: 100%;
    height: 43px;
    outline: none;
}
#cs-header-style-three #cs-header-menu-search-form form input {
    padding-right: 43px;
    height: 70px
}
#cs-header-style-one #cs-header-menu-search-form form input {
    background-color: #eee
}
#cs-header-style-two #cs-header-menu-search-form form input,
#cs-header-style-three #cs-header-menu-search-form form input {
    background-color: #333
}

/*------------------------------------------------------------------
    5.6 Header styles
-------------------------------------------------------------------*/
#cs-header-style-one,
#cs-header-style-two,
#cs-header-style-three {
    z-index: 9;
    position: relative;
    margin-bottom: 5px
}
#cs-header-style-one.drop-shadow,
#cs-header-style-two.drop-shadow {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1)
}

/*------------------------------------------------------------------
    6. Post layout
-------------------------------------------------------------------*/
.hidden {
    opacity: 0
}
.visible {
    opacity: 1
}
.cs-animate-element {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    transition-timing-function: cubic-bezier(0.42, 0.0, 0.58, 1.0)
}
/* Post item */

.cs-post-item {
    position: relative
}
.cs-post-item .cs-post-thumb {
    position: relative;
    background-color: #000;

}
.cs-post-item .cs-post-thumb img {
    width: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;


}
.cs-post-item .cs-post-inner {} .cs-post-item .cs-post-inner h3 {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    margin: 0
}
.cs-post-item .cs-post-inner h3 a {
    color: #222
}
/* Post meta */

.cs-post-meta {
    color: #999
}
.cs-post-meta a {
    color: #666;
    font-weight: 700
}
.cs-post-meta {
    font-size: 11px
}
.cs-post-meta span {
    display: block;
    float: left;
    margin-right: 5px
}
@font-face {
    font-family: 'fontello';
    src: url('fonts/Fontello/fontello.eot?60330078');
    src: url('fonts/Fontello/fontello.eot?60330078#iefix') format('embedded-opentype'), url('fonts/Fontello/fontello.woff?60330078') format('woff'), url('fonts/Fontello/fontello.ttf?60330078') format('truetype'), url('fonts/Fontello/fontello.svg?60330078#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
.cs-post-meta-rating {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    height: 15px;
    line-height: 15px;
    font-size: 15px;
    width: 70px;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.cs-post-meta-rating:before {
    content: "\e800\e800\e800\e800\e800";
    color: #ddd;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}
.cs-post-meta-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 15px;
    margin: 0 !important
}
.cs-post-meta-rating span:before {
    content: "\e800\e800\e800\e800\e800";
    top: 0;
    position: absolute;
    left: 0;
}
/* Post category icon */

.cs-post-item .cs-post-category-icon {
    position: absolute;
    z-index: 2;
    text-align: center;
    right: 0;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0.8
}
.cs-post-item .cs-post-category-icon a {
    color: #fff;
    display: block
}
.cs-post-item:hover .cs-post-category-icon {
    opacity: 1
}
.cs-post-item .cs-post-category-icon i {
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    right: -53px;
    top: 0;
    width: 37px;
    height: 50px;
}
/* Post format */

.cs-post-format-icon {
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    z-index: 1;
    text-align: center;
    font-size: 18px;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    border: 3px solid #fff;
    color: #fff
}
.cs-post-format-icon i {
    margin: 0;
    display: block;
    width: 40px;
    height: 38px;
    line-height: 38px;
}
/* Category border */

.cs-post-category-border {
    margin-bottom: 10px
}
.cs-post-category-border a {
    background-color: rgba(0, 0, 0, 0.3);
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
    float: left;
    font-size: 10px;
    padding: 4px 8px;
    line-height: 1;
    color: #fff;
    margin-right: 2px
}
.cs-post-category-border a:hover {
    background-color: #222
}
/* Category solid */

.cs-post-category-solid {
    margin-bottom: 10px;
}
.cs-post-category-solid a {
    text-transform: uppercase;
    float: left;
    font-size: 12px;
    padding: 4px 4px;
    line-height: 1;
    color: #fff;
    margin-right: 2px
}
.cs-post-category-solid a:hover {
    background-color: #222 !important
}
/* Category empty */

.cs-post-category-empty {
    margin-bottom: 10px;
}
.cs-post-category-empty a {
    text-transform: uppercase;
    float: left;
    font-size: 12px;
    line-height: 1;
    /*color: #fff*/
}
.cs-post-category-empty a:hover {
    color: #222
}
.cs-post-category-empty a:after {
    content: "\00b7";
    padding-left: 4px;
    padding-right: 4px
}
.cs-post-category-empty a:last-child:after {
    display: none;
    padding: 0;
    content: " "
}

/*------------------------------------------------------------------
    6.1 Post carousel
-------------------------------------------------------------------*/
.cs-post-carousel-layout {
    margin-bottom: 40px;
    position: relative;
}
.cs-post-carousel-layout .cs-post-item {
    overflow: hidden;
    width: 100%
}
.cs-post-carousel-layout .cs-post-item .cs-post-inner {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    padding: 0 20px 20px 20px
}
.cs-post-carousel-layout .cs-post-item .cs-post-inner h3 a,
.cs-post-carousel-layout .cs-post-item .cs-post-inner h3 a:hover {
    color: #fff
}
.cs-post-carousel-layout .cs-post-item .cs-post-thumb img {
    opacity: 1
}
.cs-post-carousel-layout .cs-post-item:hover .cs-post-thumb img {
    opacity: 0.9;
    position: relative;
}
.cs-post-carousel-layout .cs-post-item .cs-post-thumb:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 70%;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.80)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 100%);
    /* W3C */


}
.cs-post-carousel-controls {
    font-family: "FontAwesome";
    font-size: 46px
}
.cs-post-carousel-controls .cpcl-swiper-button-prev,
.cs-post-carousel-controls .cpcl-swiper-button-next {
    z-index: 1;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 20px;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #fff;
    opacity: 0.5;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-post-carousel-controls .cpcl-swiper-button-prev {
    left: 20px
}
.cs-post-carousel-controls .cpcl-swiper-button-next {
    right: 20px
}
.cs-post-carousel-controls .cpcl-swiper-button-prev.swiper-button-disabled,
.cs-post-carousel-controls .cpcl-swiper-button-next.swiper-button-disabled {
    opacity: 0.5 !important;
    cursor: default !important
}
.cs-post-carousel-layout:hover .cpcl-swiper-button-prev,
.cs-post-carousel-layout:hover .cpcl-swiper-button-next {
    opacity: 1
}
.cs-post-carousel-layout .cs-post-item .cs-post-inner .cs-post-meta {
    color: #ddd
}
.cs-post-carousel-layout .cs-post-item .cs-post-inner .cs-post-meta span a {
    color: #fff
}

/*------------------------------------------------------------------
    6.2 Post slider
-------------------------------------------------------------------*/
.cs-post-slider-layout {
    margin-bottom: 40px;
    position: relative;
}
.cs-post-slider-layout .cs-post-item .cs-post-thumb {
    position: relative;
}
.cs-post-slider-layout .cs-post-item .cs-post-thumb:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 80%;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.75)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* W3C */

    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000', GradientType=0);*/
    /* IE6-8 */
}
.cs-post-slider-layout .cs-post-item .cs-post-inner {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    padding: 0 30px 30px 30px
}
.cs-col-4-of-12 > .cs-post-slider-layout .cs-post-item .cs-post-inner {
    padding: 0 20px 20px 20px
}
.cs-post-slider-layout .cs-post-item .cs-post-inner h3 a,
.cs-post-slider-layout .cs-post-item .cs-post-inner h3 a:hover {
    color: #fff
}
.cs-col-4-of-12 > .cs-post-slider .cs-post-item-category,
.cs-col-6-of-12 > .cs-post-slider .cs-post-item-category {
    display: none;
}
.cs-col-4-of-12 > .cs-post-slider-layout .cs-post-item .cs-post-inner h3 {
    font-size: 14px;
    line-height: 20px
}
.cs-col-6-of-12 > .cs-post-slider-layout .cs-post-item .cs-post-inner h3 {
    font-size: 22px;
    line-height: 28px
}
.cs-sidebar-on-the-right > .cs-post-slider-layout .cs-post-item .cs-post-inner h3,
.cs-col-8-of-12 > .cs-post-slider-layout .cs-post-item .cs-post-inner h3 {
    font-size: 28px;
    line-height: 34px
}
.cs-col-12-of-12 > .cs-post-slider-layout .cs-post-item .cs-post-inner h3 {
    font-size: 36px;
    line-height: 44px
}
.cs-post-slider-layout .cs-post-item .cs-post-inner .cs-post-meta {
    color: #ddd
}
.cs-post-slider-layout .cs-post-item .cs-post-inner .cs-post-meta span a {
    color: #fff
}
.cs-post-slider-controls {
    font-family: "FontAwesome";
    font-size: 46px
}
.cs-post-slider-controls .cpsl-swiper-button-prev,
.cs-post-slider-controls .cpsl-swiper-button-next {
    z-index: 1;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 20px;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #fff;
    opacity: 0.5;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-post-slider-controls .cpsl-swiper-button-prev {
    left: 20px
}
.cs-post-slider-controls .cpsl-swiper-button-next {
    right: 20px
}
.cs-post-slider-controls .cpsl-swiper-button-prev.swiper-button-disabled,
.cs-post-slider-controls .cpsl-swiper-button-next.swiper-button-disabled {
    opacity: 0.5 !important;
    cursor: default !important
}
.cs-post-slider-layout:hover .cpsl-swiper-button-prev,
.cs-post-slider-layout:hover .cpsl-swiper-button-next {
    opacity: 1
}

/*------------------------------------------------------------------
    6.3 Post grid
-------------------------------------------------------------------*/
.cs-post-grid-layout {
    margin-bottom: 40px;
    position: relative
}
.cs-post-grid-layout .cs-post-item {
    position: relative;
    float: left;
    overflow: hidden;
}
.cs-post-grid-layout .cs-post-item .cs-post-thumb {
    position: relative;
    background-color: #000
}
.cs-post-grid-layout .cs-post-item .cs-post-thumb:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.45)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* W3C */

    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000', GradientType=0);*/
    /* IE6-8 */
}
.cs-post-grid-layout .cs-post-item .cs-post-thumb img {
    width: 100%;
    opacity: 0.8;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-backface-visibility: hidden;
    /* Chrome, Safari, Opera */

    backface-visibility: hidden
}
.cs-post-grid-layout .cs-post-item:hover .cs-post-thumb img {
    opacity: 1
}
.cs-post-grid-layout .cs-post-item .cs-post-inner {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 20px 15px 20px;
}
.cs-post-grid-layout .cs-post-item .cs-post-inner h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    margin: 0 0 5px 0
}
.cs-post-grid-layout .cs-post-item .cs-post-inner h3 a,
.cs-post-grid-layout .cs-post-item .cs-post-inner h3 a:hover {
    color: #fff
}
.cs-post-grid-layout .cs-post-item.cs-width-50 {
    width: 50%;
    padding: 0 1px;
    margin: 0 0 2px 0
}
.cs-post-grid-layout .cs-post-item.cs-width-33 {
    width: 33.33%;
    padding: 0 1px;
    margin: 0 0 2px 0
}
.cs-post-grid-layout .cs-post-item.cs-width-33 .cs-post-inner h3 {
    font-size: 16px;
    line-height: 22px
}
.cs-post-grid-layout .cs-post-item .cs-post-inner .cs-post-meta {
    color: #ddd
}
.cs-post-grid-layout .cs-post-item .cs-post-inner .cs-post-meta span a {
    color: #fff
}

/*------------------------------------------------------------------
    6.4 Thumbnail slider
-------------------------------------------------------------------*/
.cs-thumbnail-slider {
    margin-bottom: 10px;
    position: relative;
    height: 100%
}
.cs-thumbnail-slider .swiper-container {} .cs-thumbnail-slider .swiper-slide {} .cs-thumbnail-slider .cs-gallery-top {} .cs-thumbnail-slider .cs-gallery-top .cs-post-item .cs-post-thumb {
    position: relative;
    width: 100%
}
.cs-thumbnail-slider .cs-gallery-top .cs-post-item .cs-post-thumb:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 70%;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.75)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* W3C */

    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000', GradientType=0);*/
    /* IE6-8 */
}
.cs-thumbnail-slider .cs-post-item .cs-post-thumb .cs-post-border {
    position: absolute;
/*     border: 1px solid #fff; */
/*     border: 1px solid rgba(255, 255, 255, 0.6); */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 20px;
    z-index: 1
}
.cs-thumbnail-slider .cs-post-item .cs-post-thumb .cs-post-border:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.cs-thumbnail-slider .cs-post-item .cs-post-inner {
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 50px 60px 50px;
}
.cs-thumbnail-slider .cs-post-item .cs-post-inner h3 {
    font-size: 36px;
    line-height: 44px
}
.cs-thumbnail-slider .cs-post-item .cs-post-inner h3 a,
.cs-thumbnail-slider .cs-post-item .cs-post-inner h3 a:hover {
    color: #fff
}
.cs-thumbnail-slider .cs-post-item .cs-post-inner .cs-post-category-solid a,
.cs-thumbnail-slider .cs-post-item .cs-post-inner .cs-post-category-border a {
    float: none;
}
.cs-thumbnail-slider .cs-post-item .cs-post-inner .cs-post-meta {
    color: #ddd
}
.cs-thumbnail-slider .cs-post-item .cs-post-inner .cs-post-meta span a {
    color: #fff
}
.cs-thumbnail-slider .cs-post-item .cs-post-inner .cs-post-meta span {
    display: inline-block;
    float: none;
    margin: 0 4px
}
/* Thumbs */

.cs-thumbnail-slider .cs-gallery-thumbs {
    padding: 10px 0;
}
.cs-thumbnail-slider .cs-gallery-thumbs .swiper-slide {
    width: 100px;
    opacity: 0.3;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    padding-bottom: 5px;
    cursor: pointer;
}
.cs-thumbnail-slider .cs-gallery-thumbs .swiper-slide-active {
    opacity: 1;
    cursor: default;
}

/*------------------------------------------------------------------
    7. Main content
-------------------------------------------------------------------*/
.cs-main-content {
    width: 100%;
/*     margin-bottom: 40px */
}
.cs-main-content.cs-sidebar-on-the-right {
    float: left;
    width: 70%;
    padding-right: 30px
}
.cs-main-content.cs-sidebar-on-the-left {
    float: right;
    width: 70%;
    padding-left: 30px
}

/*------------------------------------------------------------------
    8. Banners
-------------------------------------------------------------------*/
.cs-banner-container {
    margin-bottom: 20px;
    text-align: center;
}

/*------------------------------------------------------------------
    9. Sidebar
-------------------------------------------------------------------*/
.cs-main-sidebar {
    float: left;
    width: 30%;
/*     margin-bottom: 40px */
}

/*------------------------------------------------------------------
    9.1 Widget global
-------------------------------------------------------------------*/
.widget {
/*     margin-bottom: 40px; */
    position: relative;
}
.widget-title {
    padding: 3px 0 3px 10px;
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: #ddd;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1
}
.widget button,
.widget input,
.widget select,
.widget textarea {} .widget select,
.widget textarea {
    width: 100%;
    padding: 6px 10px
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_links ul,
.widget_pages ul,
.widget_recent_entries ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_recent_comments li,
.widget_nav_menu li,
.widget_links li,
.widget_pages li,
.widget_recent_entries li {
    border-top: 1px solid #eee;
    padding: 6px 0;
    color: #999
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 6px
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
    padding-bottom: 0
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
    border-top: 1px solid #eee;
    padding-top: 6px;
    margin: 6px 0 0 12px
}

/*------------------------------------------------------------------
    9.2 Widget tags
-------------------------------------------------------------------*/
.widget_tag_cloud .tagcloud:before,
.widget_tag_cloud .tagcloud:after {
    content: " ";
    display: table
}
.widget_tag_cloud .tagcloud:after {
    clear: both
}
.widget_tag_cloud .tagcloud a {
    display: block;
    float: left;
    font-size: 10px !important;
    background-color: #eee;
    text-transform: uppercase;
    padding: 6px 10px;
    line-height: 1;
    color: #222;
    margin-right: 5px;
    margin-bottom: 5px
}
#cs-footer .widget_tag_cloud .tagcloud a {
    background-color: #ddd
}
.widget_tag_cloud .tagcloud a:hover {
    color: #fff
}

/*------------------------------------------------------------------
    9.3 Widget recent entries
-------------------------------------------------------------------*/
.widget_recent_entries .post-date {
    display: block;
    font-size: 12px
}

/*------------------------------------------------------------------
    9.4 Widget search
-------------------------------------------------------------------*/
.widget_search {} .widget_search .screen-reader-text {
    display: none
}
.widget_search input {
    border: 1px solid #eee;
    outline: none;
    padding: 5px 14px;
    width: 100%;
}

/*------------------------------------------------------------------
    9.5 Widget latest posts
-------------------------------------------------------------------*/
.cs-widget_latest_posts {} .cs-widget_latest_posts .cs-post-item {
    margin-bottom: 25px
}
.cs-widget_latest_posts .cs-post-item:before,
.cs-widget_latest_posts .cs-post-item:after {
    content: " ";
    display: table
}
.cs-widget_latest_posts .cs-post-item:after {
    clear: both
}
.cs-widget_latest_posts .cs-post-item .cs-post-thumb {
    float: left;
    width: 100px;
    margin-right: 15px
}
.cs-widget_latest_posts .cs-post-item .cs-post-inner {
    overflow: hidden
}
.cs-widget_latest_posts .cs-post-item .cs-post-inner .cs-post-category-empty,
.cs-widget_latest_posts .cs-post-item .cs-post-inner .cs-post-category-solid,
.cs-widget_latest_posts .cs-post-item .cs-post-inner .cs-post-category-border {
    margin-bottom: 5px
}
.cs-widget_latest_posts .cs-post-item .cs-post-inner h3 {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
    margin-top: -1px
}
.cs-widget_latest_posts .cs-post-item .cs-post-inner .cs-post-meta-rating {
    margin-top: 2px
}

/*------------------------------------------------------------------
    9.6 Widget social icons
-------------------------------------------------------------------*/
.cs-widget_social_icons {} .cs-widget_social_icons .social-button {
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 15px;
    float: left
}
.cs-widget_social_icons .social-button:nth-child(2n) {
    margin-right: 0
}
.cs-widget_social_icons .social-button a {
    display: block;
}
.cs-widget_social_icons:before,
.cs-widget_social_icons:after,
.cs-widget_social_icons .social-button:before,
.cs-widget_social_icons .social-button:after {
    content: " ";
    display: table
}
.cs-widget_social_icons:after,
.cs-widget_social_icons .social-button:after {
    clear: both
}
.cs-widget_social_icons .social-button .social-icon {
    background-color: #222;
    color: #fff;
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-widget_social_icons .social-button .social-title {
    font-size: 16px;
    line-height: 1;
    margin: 2px 0 8px 0
}
.cs-widget_social_icons .social-button .social-icon i {} .cs-widget_social_icons .social-button .social-wrap {
    overflow: hidden;
}
.cs-widget_social_icons .social-button .social-title {} .cs-widget_social_icons .social-button .social-subtitle {
    font-size: 11px;
    overflow: hidden;
    line-height: 1;
    font-weight: 700;
    color: #666
}
/* Facebook */

.cs-widget_social_icons .social-button.facebook .social-icon {
    background-color: #3b5998
}
.cs-widget_social_icons .social-button.facebook .social-title {
    color: #3b5998
}
/* Facebook */

.cs-widget_social_icons .social-button.twitter .social-icon {
    background-color: #1dcaff
}
.cs-widget_social_icons .social-button.twitter .social-title {
    color: #1dcaff
}
/* Google+ */

.cs-widget_social_icons .social-button.google .social-icon {
    background-color: #dd4b39
}
.cs-widget_social_icons .social-button.google .social-title {
    color: #dd4b39
}
/* Dribbble */

.cs-widget_social_icons .social-button.dribbble .social-icon {
    background-color: #ea4c89
}
.cs-widget_social_icons .social-button.dribbble .social-title {
    color: #ea4c89
}
/* Youtube */

.cs-widget_social_icons .social-button.youtube .social-icon {
    background-color: #bb0000
}
.cs-widget_social_icons .social-button.youtube .social-title {
    color: #bb0000
}
/* Linkedin */

.cs-widget_social_icons .social-button.linkedin .social-icon {
    background-color: #007bb5
}
.cs-widget_social_icons .social-button.linkedin .social-title {
    color: #007bb5
}
/* Hover */

.cs-widget_social_icons .social-button:hover .social-icon {
    background-color: #222
}

/*------------------------------------------------------------------
    9.7 Widget grid posts
-------------------------------------------------------------------*/
.cs-widget_grid_posts {} .cs-widget_grid_posts .cs-post-item {
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 25px;
    float: left
}
.cs-widget_grid_posts .cs-post-item:nth-child(2n) {
    margin-right: 0
}
.cs-widget_grid_posts:before,
.cs-widget_grid_posts:after,
.cs-widget_grid_posts .cs-post-item:before,
.cs-widget_grid_posts .cs-post-item:after {
    content: " ";
    display: table
}
.cs-widget_grid_posts:after,
.cs-widget_grid_posts .cs-post-item:after {
    clear: both
}
.cs-widget_grid_posts .cs-post-item .cs-post-thumb {
    margin-bottom: 10px
}
.cs-widget_grid_posts .cs-post-item .cs-post-inner {
    overflow: hidden
}
.cs-widget_grid_posts .cs-post-item .cs-post-inner h3 {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 2px
}
.cs-widget_grid_posts .cs-post-item .cs-post-inner .cs-post-meta-rating {
    margin-top: 2px
}

/*------------------------------------------------------------------
    9.8 Widget featured post
-------------------------------------------------------------------*/
.cs-widget_featured_post {} .cs-widget_featured_post .cs-post-item {
    margin-bottom: 25px;
    overflow: hidden;
}
.cs-widget_featured_post .cs-post-item:last-child {
    margin-bottom: 0
}
.cs-widget_featured_post .cs-post-item .cs-post-thumb:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.45)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* W3C */

    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000', GradientType=0);*/
    /* IE6-8 */
}
.cs-widget_featured_post .cs-post-item .cs-post-thumb img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
	 height: 189px;
    transition: all 0.2s
}
.cs-widget_featured_post .cs-post-item:hover .cs-post-thumb img {
    opacity: 0.9
}
.cs-widget_featured_post .cs-post-item .cs-post-inner {
    padding: 12px 10px 0 10px;
    text-align: center;
    background-color: #fff;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
/*     margin-top: -30px; */
    z-index: 1;
    position: relative;
}
#cs-footer .cs-widget_featured_post .cs-post-item .cs-post-inner {
    background-color: #f5f5f5
}
.cs-widget_featured_post .cs-post-item .cs-post-inner .cs-post-category-solid {
    position: absolute;
    top: -22px;
    width: 100%;
    margin-bottom: 0;
    left: 0
}
.cs-widget_featured_post .cs-post-item .cs-post-inner .cs-post-category-solid a {
    float: none;
    display: inline-block;
    height: 18px;
    background-color: #222
}
.cs-widget_featured_post .cs-post-item .cs-post-inner h3 {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 5px
}
.cs-widget_featured_post .cs-post-item .cs-post-inner .cs-post-meta span {
    display: inline-block;
    float: none
}

/*------------------------------------------------------------------
    9.9 Widget top reviews
-------------------------------------------------------------------*/
.cs-widget_top_reviews {} .cs-widget_top_reviews .cs-post-item {
    margin-bottom: 25px;
    overflow: hidden;
}
.cs-widget_top_reviews .cs-post-item:last-child {
    margin-bottom: 0
}
.cs-widget_top_reviews .cs-post-item .cs-post-thumb {
    background-color: #fff
}
.cs-widget_top_reviews .cs-post-item .cs-post-thumb img {
    opacity: 0.2;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-widget_top_reviews .cs-post-item:hover .cs-post-thumb img {
    opacity: 0.3
}
.cs-widget_top_reviews .cs-post-item .cs-post-thumb h3 {
    font-weight: 400;
    z-index: 1;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 10px 15px;
    position: absolute;
    width: 100%;
    top: 45%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    white-space: normal;
}
.cs-widget_top_reviews .cs-post-item .cs-post-thumb h3 a {
    color: #222
}
.cs-widget_top_reviews .cs-post-item .cs-post-inner {
    padding: 14px 10px 0 10px;
    text-align: center;
    background-color: #fff;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    z-index: 1;
    position: relative;
}
#cs-footer .cs-widget_top_reviews .cs-post-item .cs-post-inner {
    background-color: #f5f5f5
}
.cs-widget_top_reviews .cs-post-item .cs-post-inner .cs-post-meta span {
    display: inline-block;
    float: none;
    clear: both;
}
.cs-widget_top_reviews .cs-post-item .cs-post-inner .cs-post-meta .cs-post-meta-author {
    display: block;
    clear: both;
    margin-right: 0
}
.cs-widget_top_reviews .cs-post-item .cs-post-inner .cs-post-meta .cs-post-meta-rating {
    letter-spacing: 1px;
    margin-bottom: 0px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    width: 137px;
    margin-right: 0
}
.cs-widget_top_reviews .cs-post-item .cs-post-inner .cs-post-meta .cs-post-meta-rating span {
    padding-top: 30px
}

/*------------------------------------------------------------------
    9.10 Widget latest posts
-------------------------------------------------------------------*/
.cs-widget_top_comments {} .cs-widget_top_comments .cs-post-item {
    margin-bottom: 20px
}
.cs-widget_top_comments .cs-post-item:before,
.cs-widget_top_comments .cs-post-item:after {
    content: " ";
    display: table
}
.cs-widget_top_comments .cs-post-item:after {
    clear: both
}
.cs-widget_top_comments .cs-post-item .cs-post-thumb {
    float: left;
    width: 60px;
    margin-right: 30px;
    padding: 4px;
    background-color: #ddd
}
.cs-widget_top_comments .cs-post-item .cs-post-thumb:after {
    content: " ";
    position: absolute;
    top: 8px;
    right: -20px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #ddd transparent transparent transparent;
}
.cs-widget_top_comments .cs-post-item .cs-post-inner {
    overflow: hidden
}
.cs-widget_top_comments .cs-post-item .cs-post-inner h3 {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 2px;
    margin-top: -1px
}
.cs-widget_top_comments .cs-post-item .cs-post-inner .cs-post-meta-rating {
    margin-top: 2px
}

/*------------------------------------------------------------------
    9.11 Widget gallery post
-------------------------------------------------------------------*/
.cs-widget_gallery_post {} .cs-widget_gallery_post .cs-post-item {
    width: 100%;
    overflow: hidden;
}
.cs-widget_gallery_post .cs-post-item .cs-post-thumb img {
    opacity: 0.3;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.cs-widget_gallery_post .cs-post-item:hover .cs-post-thumb img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner {
    padding: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle {
    padding: 10px 15px;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    white-space: normal;
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-category-solid,
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-category-border {
    font-size: 0;
    margin-bottom: 6px
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-category-solid a,
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-category-border a {
    display: inline-block;
    float: none;
    margin: 0 2px;
    font-size: 10px;
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle h3 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 24px
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle h3 a {
    color: #fff
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta {
    font-size: 0;
    color: #999
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta span {
    display: inline-block;
    float: none;
    font-size: 11px;
    margin: 0 3px
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta span a {
    color: #fff
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta .cs-post-meta-rating {
    display: block;
    left: 50%;
    margin-top: 5px;
    margin-left: -35px;
    font-size: 15px
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta .cs-post-meta-rating:before {
    color: #666
}
.cs-widget_gallery_post .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta .cs-post-meta-rating span {
    font-size: 15px
}
.cs-widget_gallery_post .cs-widget_gallery_post-controls {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "FontAwesome"
}
.cs-widget_gallery_post .cs-widget_gallery_post-controls .wgp-swiper-button-prev,
.cs-widget_gallery_post .cs-widget_gallery_post-controls .wgp-swiper-button-next {
    width: 22px;
    height: 22px;
    line-height: 20px;
    display: block;
    border: 1px solid #ddd;
    color: #999;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    float: left;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-widget_gallery_post .cs-widget_gallery_post-controls .wgp-swiper-button-next {
    margin-left: 2px
}
.cs-widget_gallery_post .cs-widget_gallery_post-controls .wgp-swiper-button-prev.swiper-button-disabled,
.cs-widget_gallery_post .cs-widget_gallery_post-controls .wgp-swiper-button-next.swiper-button-disabled {
    border: 1px solid #eee !important;
    color: #ddd !important;
    cursor: default !important
}
.cs-widget_gallery_post .cs-widget_gallery_post-controls .wgp-swiper-button-prev:hover,
.cs-widget_gallery_post .cs-widget_gallery_post-controls .wgp-swiper-button-next:hover {
    border: 1px solid #999;
    color: #666;
}
.cs-widget_gallery_post.swiper-container .cs-post-item .cs-post-category-icon {
    right: 1px
}

/*------------------------------------------------------------------
    9.12 Widget 125x125 banners
-------------------------------------------------------------------*/
.cs-widget_banner_125x125:before,
.cs-widget_banner_125x125:after {
    content: " ";
    display: table
}
.cs-widget_banner_125x125:after {
    clear: both
}
.cs-widget_banner_125x125 .cs-banner {
    background-color: #f5f5f5;
    display: block;
    float: left;
    width: 125px
}
.cs-widget_banner_125x125 .cs-banner img {
    width: 125px
}

/*------------------------------------------------------------------
    9.13 Widget 300x250 banners
-------------------------------------------------------------------*/
.cs-widget_banner_300x250:before,
.cs-widget_banner_300x250:after {
    content: " ";
    display: table
}
.cs-widget_banner_300x250:after {
    clear: both
}
.cs-widget_banner_300x250 .cs-banner {
    text-align: center;
    padding: 4px 0;
    background-color: #f5f5f5;
    display: block;
    margin-bottom: 20px
}
.cs-widget_banner_300x250 .cs-banner:last-child {
    margin-bottom: 0
}

/*------------------------------------------------------------------
    10. Page titles
-------------------------------------------------------------------*/
h1.cs-page-title {
    margin-bottom: 30px
}

/*------------------------------------------------------------------
    11. Post blocks
-------------------------------------------------------------------*/
/* Title */
.cs-post-block-title {
    padding-left: 10px;
    border-left-style: solid;
    border-left-width: 3px;
    margin-bottom: 10px
}
.cs-post-block-title h4 {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    margin: 0
}
.cs-post-block-title h4 a {
    color: #222
}
.cs-post-block-title p {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    margin: 0 0 0 5px;
    color: #999
}
/* Block overlay posts */

.cs-post-block-overlay {
 margin-bottom: 40px;
    position: relative;
}
.cs-post-block-overlay .cs-post-item {
    padding: 0 1px;
    float: left;
    margin-bottom: 2px;
    overflow: hidden;
    width: 100%
}
.cs-post-block-overlay.cs-count-2 .cs-post-item {
    width: 50%
}
.cs-post-block-overlay.cs-count-3 .cs-post-item {
    width: 33.33%
}
.cs-post-block-overlay.cs-count-4 .cs-post-item {
    width: 25%
}
.cs-post-block-overlay .cs-post-item .cs-post-thumb img {
    opacity: 0.3;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.cs-post-block-overlay .cs-post-item:hover .cs-post-thumb img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}
.cs-post-block-overlay .cs-post-item .cs-post-inner {
    padding: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle {
    padding: 10px 15px;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    white-space: normal;
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-category-solid,
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-category-border {
    font-size: 0;
    margin-bottom: 6px
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-category-solid a,
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-category-border a {
    display: inline-block;
    float: none;
    margin: 0 2px;
    font-size: 10px;
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle h3 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 24px
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle h3 a {
    color: #fff
}
.cs-post-block-overlay.cs-count-4 .cs-post-item .cs-align-middle h3 {
    font-size: 14px;
    line-height: 20px
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta {
    font-size: 0;
    color: #999
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta span {
    display: inline-block;
    float: none;
    font-size: 11px;
    margin: 0 3px
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta span a {
    color: #fff
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta .cs-post-meta-rating {
    display: block;
    left: 50%;
    margin-top: 5px;
    margin-left: -35px;
    font-size: 15px
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta .cs-post-meta-rating:before {
    color: #666
}
.cs-post-block-overlay .cs-post-item .cs-post-inner .cs-align-middle .cs-post-meta .cs-post-meta-rating span {
    font-size: 15px
}
.cs-post-block-controls {
    position: absolute;
    top: -47px;
    right: 10px;
    font-family: "FontAwesome"
}
.cs-post-block-controls .cpbo-swiper-button-prev,
.cs-post-block-controls .cpbo-swiper-button-next {
    width: 22px;
    height: 22px;
    line-height: 20px;
    display: block;
    border: 1px solid #ddd;
    color: #999;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    float: left;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-post-block-controls .cpbo-swiper-button-next {
    margin-left: 2px
}
.cs-post-block-controls .cpbo-swiper-button-prev.swiper-button-disabled,
.cs-post-block-controls .cpbo-swiper-button-next.swiper-button-disabled {
    border: 1px solid #eee !important;
    color: #ddd !important;
    cursor: default !important
}
.cs-post-block-controls .cpbo-swiper-button-prev:hover,
.cs-post-block-controls .cpbo-swiper-button-next:hover {
    border: 1px solid #999;
    color: #666;
}
.cs-post-block-overlay.swiper-container .cs-post-item .cs-post-category-icon {
    right: 1px
}

/*------------------------------------------------------------------
    11.1 Post block layout 2
-------------------------------------------------------------------*/
.cs-post-block-layout-2 {
    margin-bottom: 10px
}
.cs-post-block-layout-2 .cs-post-item {
    margin-bottom: 25px
}
.cs-post-block-layout-2 .cs-post-item:before,
.cs-post-block-layout-2 .cs-post-item:after {
    content: " ";
    display: table
}
.cs-post-block-layout-2 .cs-post-item:after {
    clear: both
}
.cs-post-block-layout-2 .cs-post-item .cs-post-thumb {
    float: left;
    width: 100px;
    margin-right: 15px
}
.cs-post-block-layout-2 .cs-post-item .cs-post-inner {
    overflow: hidden
}
.cs-post-block-layout-2 .cs-post-item .cs-post-inner .cs-post-category-empty,
.cs-post-block-layout-2 .cs-post-item .cs-post-inner .cs-post-category-solid,
.cs-post-block-layout-2 .cs-post-item .cs-post-inner .cs-post-category-border {
    margin-bottom: 5px
}
.cs-post-block-layout-2 .cs-post-item .cs-post-inner h3 {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
    margin-top: -2px
}
.cs-post-block-layout-2 .cs-post-item .cs-post-inner .cs-post-meta-rating {
    margin-top: 2px
}

/*------------------------------------------------------------------
    11.2 Post block layout 3
-------------------------------------------------------------------*/
.cs-post-block-layout-3 {
    margin-bottom: 40px
}
.cs-post-block-layout-3 + .cs-post-block-layout-2 {
    margin-top: -10px
}
.cs-post-block-layout-3 .cs-post-item {
    margin-bottom: 25px
}
.cs-post-block-layout-3 .cs-post-item:last-child {
    margin-bottom: 0
}
.cs-post-block-layout-3 .cs-post-item .cs-post-thumb {
    overflow: hidden;
    margin-bottom: 10px
}
.cs-post-block-layout-3 .cs-post-item .cs-post-thumb img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-post-block-layout-3 .cs-post-item:hover .cs-post-thumb img {
    opacity: 0.9;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}
.cs-post-block-layout-3 .cs-post-item .cs-post-thumb .cs-post-category-solid,
.cs-post-block-layout-3 .cs-post-item .cs-post-thumb .cs-post-category-border {
    position: absolute;
    z-index: 1;
    left: 10px;
    bottom: 10px;
    margin-bottom: 0
}
.cs-post-block-layout-3 .cs-post-item .cs-post-thumb .cs-post-category-solid a {
    background-color: #222
}
.cs-post-block-layout-3 .cs-post-item .cs-post-inner h3 {
    margin-bottom: 5px
}
.cs-post-block-layout-3 .cs-post-item .cs-post-inner .cs-post-meta-rating {
    margin-top: 2px
}
.cs-post-item .cs-post-excerpt {
    margin: 5px 0 0 0;
    color: #999;
    line-height: 19px;
    font-size: 13px
}
.cs-post-item .cs-post-read-more {
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    display: inline-block;
}

/*------------------------------------------------------------------
    11.3 Post block layout 4
-------------------------------------------------------------------*/
.cs-post-block-layout-4 {
    margin-bottom: 20px
}
.cs-post-block-layout-4 .cs-post-item {
    margin-bottom: 25px
}
.cs-post-block-layout-4 .cs-post-item:last-child {
    margin-bottom: 0
}
.cs-post-block-layout-4 .cs-post-item:before,
.cs-post-block-layout-4 .cs-post-item:after {
    content: " ";
    display: table
}
.cs-post-block-layout-4 .cs-post-item:after {
    clear: both
}
.cs-post-block-layout-4 .cs-post-item .cs-post-thumb {
    float: left;
    width: 250px;
    margin-right: 20px;
    overflow: hidden;

}
.cs-post-block-layout-4 .cs-post-item .cs-post-thumb img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
	height: 175px;
    transition: all 0.2s

}
.cs-post-block-layout-4 .cs-post-item:hover .cs-post-thumb img {
    opacity: 0.9;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}
.cs-post-block-layout-4 .cs-post-item .cs-post-inner {
    overflow: hidden;
}
.cs-post-block-layout-4 .cs-post-item .cs-post-inner h3 {
    margin-bottom: 5px
}
.cs-post-block-layout-4 .cs-post-item .cs-post-inner .cs-post-meta-rating {
    margin-top: 2px
}

/*------------------------------------------------------------------
    11.4 Post block layout 5
-------------------------------------------------------------------*/
.cs-post-block-layout-5 {
    margin-bottom: 5px
}
.cs-post-block-layout-5 .cs-post-item {
/*     margin-bottom: 25px; */
    overflow: hidden;
}
.cs-post-block-layout-5 .cs-post-item:last-child {
    margin-bottom: 0
}
.cs-post-block-layout-5 .cs-post-item .cs-post-thumb:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.45)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* W3C */

    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000', GradientType=0);*/
    /* IE6-8 */
}
.cs-post-block-layout-5 .cs-post-item .cs-post-thumb img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-post-block-layout-5 .cs-post-item:hover .cs-post-thumb img {
    opacity: 0.9
}
.cs-post-block-layout-5 .cs-post-item .cs-post-inner {
    padding: 12px 10px 0 10px;
    text-align: center;
/*     background-color: #fff; */
    width: 90%;
    margin-left: auto;
    margin-right: auto;
/*     margin-top: -30px; */
    z-index: 1;
    position: relative;
}
.cs-post-block-layout-5 .cs-post-item .cs-post-inner .cs-post-category-solid {
    position: absolute;
    top: -22px;
    width: 100%;
    margin-bottom: 0;
    left: 0
}
.cs-post-block-layout-5 .cs-post-item .cs-post-inner .cs-post-category-solid a {
    float: none;
    display: inline-block;
    height: 18px;
    background-color: #222
}
.cs-post-block-layout-5 .cs-post-item .cs-post-inner h3 {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 5px
}
.cs-post-block-layout-5 .cs-post-item .cs-post-inner .cs-post-meta span {
    display: inline-block;
    float: none
}

/*------------------------------------------------------------------
    11.5 Post block layout 6
-------------------------------------------------------------------*/
.cs-post-block-layout-6 {
    margin-bottom: 40px
}
.cs-post-block-layout-6 + .cs-post-block-layout-2 {
    margin-top: -10px
}
.cs-post-block-layout-6 .cs-post-item {
    margin-bottom: 25px;
    overflow: hidden;
}
.cs-post-block-layout-6 .cs-post-item:last-child {
    margin-bottom: 0
}
.cs-post-block-layout-6 .cs-post-item .cs-post-thumb {
    position: relative;
    background-color: #000
}
.cs-post-block-layout-6 .cs-post-item .cs-post-thumb img {
    width: 100%;
    opacity: 0.9;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-backface-visibility: hidden;
	height: 300px;
    backface-visibility: hidden
}
.cs-post-block-layout-6 .cs-post-item:hover .cs-post-thumb img {
    opacity: 1
}
.cs-post-block-layout-6 .cs-post-item .cs-post-thumb:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 70%;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.75)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    /* W3C */

    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000', GradientType=0);*/
    /* IE6-8 */
}
.cs-post-block-layout-6 .cs-post-item .cs-post-inner {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 20px 15px 20px;
}
.cs-post-block-layout-6 .cs-post-item .cs-post-inner h3 {
    /* font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    margin: 0 0 5px 0 */
}
.cs-post-block-layout-6 .cs-post-item .cs-post-inner h3 a,
.cs-post-block-layout-6 .cs-post-item .cs-post-inner h3 a:hover {
    color: #fff
}
.cs-post-block-layout-6 .cs-post-item .cs-post-inner .cs-post-meta {
    color: #ddd
}
.cs-post-block-layout-6 .cs-post-item .cs-post-inner .cs-post-meta span a {
    color: #fff
}
.cs-post-block-layout-6 .cs-post-item .cs-post-inner .cs-post-meta-rating {
    margin-top: 2px
}

/*------------------------------------------------------------------
    11.6 ost block layout 7
-------------------------------------------------------------------*/
.cs-post-block-layout-7 {
    margin-bottom: 40px
}
.cs-post-block-layout-7 .cs-post-item {
    position: relative;
    overflow: hidden;
}
.cs-post-block-layout-7 .cs-post-item .cs-post-thumb {
    position: relative;
    width: 100%
}
.cs-post-block-layout-7 .cs-post-item .cs-post-thumb img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-post-block-layout-7 .cs-post-item:hover .cs-post-thumb img {
    opacity: 0.9;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}
.cs-post-block-layout-7 .cs-post-item .cs-post-thumb:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.45)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    /* W3C */

    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000', GradientType=0);*/
    /* IE6-8 */
}
.cs-post-block-layout-7 .cs-post-item .cs-post-thumb .cs-post-border {
    position: absolute;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 20px;
    z-index: 2
}
.cs-post-block-layout-7 .cs-post-item .cs-post-thumb .cs-post-border:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.cs-post-block-layout-7 .cs-post-item .cs-post-inner {
    z-index: 3;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 40px 35px 40px;
}
.cs-post-block-layout-7 .cs-post-item .cs-post-inner h3 {
    margin-bottom: 5px
}
.cs-post-block-layout-7 .cs-post-item .cs-post-inner h3 a,
.cs-post-block-layout-7 .cs-post-item .cs-post-inner h3 a:hover {
    color: #fff
}
.cs-post-block-layout-7 .cs-post-item .cs-post-inner .cs-post-meta {
    color: #ddd
}
.cs-post-block-layout-7 .cs-post-item .cs-post-inner .cs-post-meta span a {
    color: #fff
}
.cs-post-block-layout-7 .cs-post-item .cs-post-inner .cs-post-meta-rating {
    margin-top: 2px
}
.cs-post-block-layout-7 .cs-post-item .cs-post-category-icon {
    z-index: 4
}

/*------------------------------------------------------------------
    12. Pages
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    12.1 Contact form
-------------------------------------------------------------------*/
.cs-contact-form input[type="text"] {
    width: 100%
}
.error-msg {
    position: relative;
    padding: 5px 10px;
}
.error-msg {
    display: inline-block;
    background-color: #f2dede;
    color: #a94442;
}
.error-msg .df-error-text {
    overflow: hidden;
    margin: 2px 0 0 20px
}
.error-msg i {
    position: absolute;
    left: 15px;
    top: 10px
}
/* Success */

.contact-success-block {
    background-color: #dff0d8 !important;
    color: #3c763d;
    position: relative;
    padding: 15px;
    margin-bottom: 20px
}
.contact-success-block i.fa-check {
    position: absolute;
    left: 20px;
    top: 20px
}
.contact-success-block p {
    overflow: hidden;
    margin: 2px 0 0 30px
}
.contact-success-block .close-alert {
    color: #444;
    position: absolute;
    right: 20px;
    top: 20px
}
/*------------------------------------------------------------------
    12.2 Under construction
-------------------------------------------------------------------*/

.cs-under-construction {
    padding: 180px 0;
    text-align: center
}
.cs-under-construction #cs-logo-brand {
    margin-bottom: 100px
}
.cs-under-construction h2 {} .cs-under-construction h4 {} .cs-countdown {
    margin-top: 70px
}
.cs-countdown-block {
    display: inline-block;
    margin: 0 40px
}
.cs-countdown-number {
    font-size: 80px;
    line-height: 60px;
    margin-bottom: 10px
}
.cs-countdown-label {
    text-transform: uppercase;
    letter-spacing: 2px
}

/*------------------------------------------------------------------
    12.3 404 Page
-------------------------------------------------------------------*/
.cs-404-page {
    padding: 140px 0;
    text-align: center;
}
.cs-404-page h3 {
    font-size: 120px;
    font-weight: 400;
    line-height: 120px
}
.cs-404-page h4 {
    margin-bottom: 30px
}
.cs-404-page form {
    margin: 50px 0
}
.cs-404-page form input {
    display: inline-block;
    width: 250px
}
.cs-404-page-back-link {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 5px
}

/*------------------------------------------------------------------
    Subtitles
-------------------------------------------------------------------*/
.cs-heading-subtitle {
    float: left;
    width: 100%;
    padding: 3px 0 3px 10px;
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: #ddd;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1
}

/*------------------------------------------------------------------
    13. Single post
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    13.1 Share
-------------------------------------------------------------------*/
.cs-single-post-share {
    float: left;
    width: 60px;
    margin-bottom: 15px;
}
.cs-single-post-share a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 2px
}
.cs-single-post-share a.facebook {
    background-color: #3b5998
}
.cs-single-post-share a.twitter {
    background-color: #1dcaff
}
.cs-single-post-share a.google {
    background-color: #dd4b39
}
.cs-single-post-share a.pinterest {
    background-color: #cb2027
}
.cs-single-post-share a:hover {
    background-color: #222
}

/*------------------------------------------------------------------
    13.2 Post header
-------------------------------------------------------------------*/
.cs-post-single-title {
    margin-bottom: 20px;
    margin-left: 60px
}
.cs-post-single-title h1 {
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 5px
}

/*------------------------------------------------------------------
    13.3 Content
-------------------------------------------------------------------*/
.cs-single-post-content {
    overflow: hidden;
    margin-bottom: 40px
}
.cs-single-post-paragraph p,
.cs-single-post-paragraph ul,
.cs-single-post-paragraph ol {
    margin-bottom: 25px
}
.cs-single-post-media {
    margin-bottom: 20px;
    position: relative;
}
.cs-single-post-media img,
.cs-single-post-media iframe {
    width: 100%
}
.cs-media-credits {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 2px 8px;
    font-size: 12px;
    color: #666;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8)
}
.cs-media-credits a {
    color: #222
}

/*------------------------------------------------------------------
    13.4 Review
-------------------------------------------------------------------*/
.cs-single-post-review {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 40px
}
.cs-single-post-review .cs-final-score {
    float: left;
    width: 15%;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding: 10px 0;
    margin-right: 5%
}
.cs-single-post-review .cs-final-score div {
    font-size: 48px;
    font-weight: 700;
    line-height: 50px;
    color: #222
}
.cs-single-post-review .cs-final-score span {
    font-weight: 700;
    color: #222;
    font-size: 10px;
    text-transform: uppercase;
}
.cs-single-post-review .cs-review-summary {
    overflow: hidden;
}
.cs-single-post-review .cs-review-summary p {
    font-size: 13px;
    line-height: 21px
}
.cs-single-post-review .cs-review-scores {
    clear: both;
    display: block;
    width: 100%
}
.cs-single-post-review .cs-review-scores ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-single-post-review .cs-review-scores ul li {
    margin-bottom: 10px
}
.cs-single-post-review .cs-review-score-title {
    float: left;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.cs-single-post-review .cs-review-score-score {
    float: right;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px
}
.cs-single-post-review .cs-review-score-line {
    clear: both;
    background-color: #eee;
    overflow: hidden;
    display: block;
    height: 10px
}
.cs-single-post-review .cs-review-score-line-active {
    display: block;
    height: 100%
}

/*------------------------------------------------------------------
    13.5 Tags
-------------------------------------------------------------------*/
.cs-single-post-tags span {
    background-color: #ddd;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 3px 5px;
    margin-right: 5px
}
.cs-single-post-tags a {
    color: #666
}
.cs-single-post-tags a:hover {
    text-decoration: underline
}

/*------------------------------------------------------------------
    13.6 Controls
-------------------------------------------------------------------*/
.cs-single-post-controls {
    display: table;
    width: 100%;
    margin-bottom: 40px
}
.cs-single-post-controls span {
    color: #999;
    font-size: 12px;
    display: block;
}
.cs-single-post-controls a {
    color: #222;
    display: block;
    font-size: 15px;
    line-height: 23px
}
.cs-single-post-controls a:hover {
    text-decoration: underline;
}
.cs-single-post-controls .cs-prev-post,
.cs-single-post-controls .cs-next-post {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    position: relative
}
.cs-single-post-controls .cs-prev-post {
    padding-right: 20px
}
.cs-single-post-controls .cs-next-post {
    padding-left: 20px;
    text-align: right;
}
.cs-single-post-controls .cs-next-post:before {
    content: " ";
    position: absolute;
    right: 100%;
    width: 1px;
    height: 100%;
    background-color: #ddd
}

/*------------------------------------------------------------------
    13.7 Comments
-------------------------------------------------------------------*/
.cs-comments-area {
    margin-bottom: 40px
}
.cs-comment-list {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-comment-meta {} .cs-comment-list .cs-comment {
    list-style: none;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee
}
.cs-comment-list .cs-comment .cs-children {
    margin: 15px 0 0 70px;
    padding: 15px 0 0 0;
    list-style: none;
    border-top: 1px solid #eee
}
.cs-comment .cs-children .cs-comment:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.cs-comment .cs-children .cs-comment .cs-avatar {
    width: 35px
}
.cs-comment .cs-children .cs-comment .cs-comment-content {
    margin-left: 55px
}
.cs-comment-list .cs-comment:first-child {
    border-top: 0
}
.cs-comment-author .cs-avatar {
    width: 50px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}
.cs-comment-author b {
    margin-right: 8px
}
.cs-comment-author b a {
    color: #222
}
.cs-comment-metadata {
    font-size: 12px;
    color: #999
}
.cs-comment-content {
    margin-top: 5px;
    margin-left: 70px;
    overflow: hidden;
}
.cs-reply {
    display: block;
    float: left;
    font-size: 10px;
    background-color: #eee;
    text-transform: uppercase;
    padding: 6px 10px;
    line-height: 1;
    color: #222
}
.cs-reply:hover {
    color: #fff
}

/*------------------------------------------------------------------
    14. Footer menu
-------------------------------------------------------------------*/
#cs-footer-menu {
    background-color: #eee
}
.cs-toggle-footer-navigation {
    font-size: 18px;
    cursor: pointer;
    display: none;
    height: 43px;
    line-height: 43px;
    color: #fff;
}

/*------------------------------------------------------------------
    15. Footer
-------------------------------------------------------------------*/
#cs-footer {
    background-color: #f5f5f5;
    padding: 20px 0 0 0
}

/*------------------------------------------------------------------
    16. Copyright
-------------------------------------------------------------------*/
#cs-copyright {
    background-color: #222;
    color: #ddd;
    font-size: 12px;
    text-align: center;
    padding: 3px 0
}
#cs-copyright a {
    color: #fff
}
/* myadd */

.css-post-meta {
    color: #999
}
.css-post-meta a {
    color: #666;
    font-weight: 700
}
.css-post-meta {
    font-size: 14px
}
.css-post-meta span {
    display: block;
    float: left;
    margin-right: 5px;
	line-height: 19px;
    margin-bottom: 10px;
    margin-top: -1px;
}
/* Footer
==========================*/
.footer {
    background-color: #3A3A3A;
    border-top: 10px solid #E6E6E6;
    color: #999999;
    margin-top: 40px;
}

.footer h3 {
    border-bottom: 1px dashed #4C4C4C;
    margin-bottom: 25px;
    padding-bottom: 10px;
    color: #E5E5E5;
	font-size: 14px;
}

.footer p {
    color: #999999;
}

.footer a {
    color: #FFFFFF;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.footer a:hover {
    color: #04BFEA;
}

.footer-top {
    overflow: hidden;
    padding: 36px 0 20px;
}

.twitter ul {
	margin: 0 0 20px 0;
	padding: 0;

	list-style: none;
}

.twitter li {
	position: relative;
	padding: 0 0 18px 25px;
}

.twitter li:before {
    content: "\f099";

	position: absolute;
	top: 2px;	left: 0;

	font: 16px 'FontAwesome';
	color: #e2e2e2;
}

.twitter span {
	display: block;
	margin: 2px 0 0;
}

.twit-date {
	font: 11px 'OpenSansItalic';
	color: #d3d3d3;
}

.footer-top .twitter a.link {
	color: #FFFFFF;
}

.footer-top .twitter a.link:hover {
	color: #04BFEA;
}

.twitter li:before {

}

.twitter .twit-date {
	color: #E2E2E2;
}
.latest-project {
	margin: 0 -5px 20px;

	font-size: 0px;
	letter-spacing: -.31em;
	word-spacing: -.43em;
}

.latest-project-item {
	display: inline-block;
	position: relative;
	z-index: 2;

	width: 62px;
	height: 62px;

	margin: 0 7px 7px !important;

	background: none;

	-webkit-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}

.latest-project a, .latest-project img {
	position: relative;
	display: block;
	box-shadow: 0 1px 1px rgba(0,0,0,0.07);
}

.latest-project a:after {
	content: '';

	position: absolute;
	top: 0;		left: 0;
	bottom: 0;	right: 0;

	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.latest-project a:hover:after {
	background: rgba(15,16,17,0.5);
}

.latest-project a img {
	max-width: 100%;
}

.latest-project.m-dark a {
	border-color: #2f3132;
}

.latest-project.m-dark a:hover {
	border-color: #F64305;
}

.latest-project.m-dark a:after{
	background: rgba(0,0,0,0.5);
}

.latest-project.m-dark a:hover:after {
	background: none;
}

.contact li {
	margin-bottom: 8px;
}

.contact i:before {
	font-size: 14px;
	color: #ced3d5;
}

.footer .contact-mail a {
	color: #E2E2E2;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.footer .contact-mail a:hover {
	color: #04BFEA;
}

.contact .contact-address i:before {
	font-size: 16px !important;
}

.social-icons-footer li {
float: left;
list-style: none;
}

.social-icons-footer li a {
display: block;
font-size: 16px;
color: #FFFFFF;
margin-right: 18px;
}

.footer-bottom {
    background-color: #303030;
	border-radius: 2px 2px 0 0;
    font-size: 0.916em;
    overflow: hidden;
    padding: 15px 0;
}

.footer-bottom p {
margin-bottom: 0;
}

.footer-bottom a {
color: #FFFFFF;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}

.footer-bottom a:hover {
color: #04BFEA;
}

.footer-nav ul {
float: right;
}

.footer-nav ul li {
float: left;
list-style: none;
}

.footer-nav ul li a {
font-size: 11px;
color: #FFFFFF;
padding: 0 18px;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}

.post iframe {
    margin: 0 10px 0 0;
}

.post .carousel {
		margin: 0;
		padding: 0;
}

.post h6 {
    margin: 15px 0 5px;
    text-align: left;
}

.post a {
   	transition: color 0.2s ease 0s;
}

.post p {
    color: #797979;
}

p.info {
    color: #919191;
    font-family: 'OpenSansRegular';
    font-size: 11px;
    font-style: italic;
    text-align: left;
	margin-bottom: 10px;
}

p.info a {
    color: #919191;
    font-family: 'OpenSansRegular';
    font-size: 11px;
    font-style: italic;
}




/* yukangli */
header {}
#header {
	margin-bottom:20px;
}

#header:after {
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: inherit;
}
aside, article, footer, header, nav, section {
    display: block;
}
#header .top {height:37px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_header_section_top.jpg) repeat-x;}
#header .bottom {height:148px;}
#header .bottom .inner {height:148px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_header.png) no-repeat 230px 0px;}
#header .section_main_menu {height:43px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_main_menu.jpg) repeat-x;}
#header .section_big_dropdown {}
#header .section_big_dropdown .inner {position:relative;}
#header .section_secondary_menu {height:39px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_secondary_menu.gif) repeat-x;}
.content,.post-content {
	line-height:3;
	font-size:16px;
}
.content img{
	font-size:0;
	line-height:normal;
	max-width:640px;
	width:90%;
	padding:0 5%
}


/* Blog
==========================*/
.post-preview {
	padding: 0;
	border-bottom: 1px dashed #dee1e2;
	margin-bottom: 25px;
}

.post-preview:first-child {
	padding-top: 0;
}

.post-preview h3 {
	white-space: normal;
}

.post-preview .btn {
	margin-bottom: 30px;
}

.post-image-wrap {
	position: relative;
}

.post-image {
	display: block;
	overflow: hidden;

	position: relative;
	margin-bottom: 25px;

	box-shadow: 0 1px 1px rgba(0,0,0,0.1);

	z-index: 2;
}

.post-image img {
	display: block;
	position: relative;
	width: 100%;

	-webkit-transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
}

.post-image:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.post-image:hover .link-overlay { background: rgba(20,22,23,0.6); }
.post-image:hover  .link-overlay:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

.post-meta {
	margin: -5px 0 10px;

	font: 12px/20px 'OpenSansItalic';
	color: #c9c9c9;
}

.post-meta i {
	margin-right: 8px;
	color: #e2e2e2;
}

.post-meta a {
	color: #c9c9c9;

	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.post-meta a:hover {
	color: #04BFEA;
}

.post-preview p {
	margin-bottom: 20px;
}

.post-link {
	font-size: 12px;
	color: #2EAFBB;
}

.post-link:hover {
	color: #313538;
}

.post-link:after {
	content: "\f101";
	margin-left: 5px;

	font: 13px 'FontAwesome';
	vertical-align: baseline;
}
.twelve.columns {
   /*  width: 700px; */
	display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.about-user::before {
    border-top: 2px solid #04bfea;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -3px;
}
.about-user {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 2%, #fbfbfb 100%) repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
    margin: 0 0 20px;
    padding: 20px 20px 20px;
    position: relative;
}
.about-user-ava {
    border-radius: 50%;
    float: left;
    height: 60px;
    overflow: hidden;
    width: 60px;
}
.about-ico-ava {
	width: 60px;
	height: 60px;

	float: left;
	overflow: hidden;

	border-radius: 50%;
}
.iicon-box-list {
	position: relative;
	padding-left: 60px;
	margin-bottom: 25px;
	height:120px;
}
.iicon-box-list.medium {
	padding-left: 78px;
}
.about-user-bio {
    margin-left: 79px;
}
.about-user-name {
    color: #313538;
    font: 14px "OpenSansSemiboldRegular";
    margin-bottom: 10px;
}

.comments {
    margin-bottom: 20px;
}
.comment:first-child {
    border-top: medium none;
    padding-top: 25px;
}
.comment-ava {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 60px;
    overflow: hidden;
    width: 60px;
}
.comment-content {
    margin-left: 79px;
    width: 70%;
}
.comment-meta {
    margin-bottom: 10px;
}
.comment-date {
	font: 12px 'OpenSansItalic';
	color: #c9c9c9;
}

.link-overlay::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #2c2c2c;
    display: block;
    font: 14px/46px "FontAwesome";
    height: 46px;
    left: 50%;
    margin: -22px 0 0 -25px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: scale(0.8);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    width: 46px;
}
.fa-search::before {
    content: "";
}
.link-overlay {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.3s ease 0s;
}
.pretty-photo-item {
	display: block;
	position: relative;
	z-index: 1;
}
.pretty-photo-item:hover .link-overlay {
	background: rgba(15,16,17,0.5);
}

.pretty-photo-item:hover .link-overlay:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

.comment-content p {
    /*margin-bottom: 25px;*/
	color: #797979;
	/* font: 400 12px/20px "OpenSansRegular"; */
	font-size:15px;
	height:100%;
	line-height:2;
	overflow:hidden
}
.comment-reply {
    margin-left: 40px;
}
.comment {
    border-top: 1px dashed #ddd;
    padding-top: 25px;
    position: relative;
}
.comment-form {
    border-radius: 8px;
    clear: both;
    max-width: 600px;
    position: relative;
}
.btn-reply {
	margin-left: 10px;
	padding: 2px 8px 2px;

	/* background: #fafafa url(images/btn-bg.png) repeat-x top; */
	border-radius: 2px;
	border: 1px solid #e2e2e2;
	border-bottom: 1px solid #dfdfdf;

	line-height: 15px;
	font: 10px 'OpenSansSemiboldRegular';
	color: #424346;
	cursor: pointer;

	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	float:right;

}

.btn-reply:hover {
	background: #fafafa url(images/btn_back.jpg) repeat-x top;
	box-shadow: 0 1px 2px rgba(0,0,0,0.07);
	border-color: #d9d9d9;
	border-bottom: 1px solid #cecece;
}

.btn-reply b {
	font-weight: normal;
}

.btn-reply.cancel-reply {
	padding-bottom: 2px;

	background: #2EAFBB url(images/btn_back.jpg) repeat-x top;
	border: 1px solid #df4432;

	color: #fff7f5;
	text-shadow: 0 -1px 0px #db3e2d;

	line-height: 17px;
}
.remark-con{font-size:12px;height:100%;line-height:2;overflow:hidden}
.remark{color:#6b6b6b;font-size:12px;text-decoration:underline;position:absolute;right:50px;bottom:10px;top: 90px;}
.new_reply{padding-left:60px}
.search-pn{border:1px solid #999;color:#999;height:25px;line-height:25px;width:450px;padding:0 10px;vertical-align:middle}
a.search-st{background:#4cbda3 url(images/icon_sprite.png) 15px -160px no-repeat;display:inline-block;color:#fff;font-size:16px;height:27px;line-height:25px;padding:0 20px 0 40px;margin-left:10px;cursor:pointer;vertical-align:middle}
a.search-st:hover{background:#249f82 url(images/icon_sprite.png) 15px -160px no-repeat}
.headline {
    border-bottom: 1px dashed #dee1e2;
    display: block;
    margin: 0 0 5px;
    padding: 0 0 10px;
}
.comment-form div.form {
    background-color: #fff;
    clear: both;
    max-width: 598px;
}
/***************
    - Form -
***************/
div.form-holder {
	padding:5px;
}

.required {
	color:#cd0000;
}

.field {
	margin-top:10px;
	margin-bottom:15px;
}

.field:first-child {
	margin-top:0;
}

.field:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;
}

.field_label {
	display:block;
	float:left;
	width:120px;
	margin:6px 20px 0 0;
	font-size:13px;
	line-height:18px;
}

.inputs {
	float:left;
	width:418px;
}

input.aweform, select.aweform, textarea.aweform {
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:13px;
	line-height:18px;
}

input.aweform[type=text] {
	-moz-background-clip:padding;
	-webkit-background-clip:padding;
	-o-background-clip:padding-box;
	-ms-background-clip:padding-box;
	-khtml-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #bbbbbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	color:#7e7e7e;
	width:300px;
	height:30px;
	margin:0;
	outline:0;
	padding:5px 8px 6px 8px;
	position:relative;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: border linear 0.3s, box-shadow linear 0.3s;
    -moz-transition: border linear 0.3s, box-shadow linear 0.3s;
	transition: border linear 0.3s, box-shadow linear 0.3s;
}

input.aweform[type=text]:focus {
	border-color:#999;
	color:#333;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
}

input.small[type=text] {
	width:200px;
}

::-webkit-input-placeholder {
	color:#bbb;
}

input.aweform:-moz-placeholder {
	color:#bbb;
}

textarea.aweform {
	-moz-background-clip:padding;
	-webkit-background-clip:padding;
	-o-background-clip:padding-box;
	-ms-background-clip:padding-box;
	-khtml-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #bbbbbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	color:#666;
	width:100%;
	height:150px;
	margin:0;
	outline:0;
	padding:10px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: border linear 0.3s, box-shadow linear 0.3s;
    -moz-transition: border linear 0.3s, box-shadow linear 0.3s;
	transition: border linear 0.3s, box-shadow linear 0.3s;
}

textarea.aweform:focus, select.aweform:focus {
	border-color:#999;
	color:#333;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #ccc;
}

select.aweform {
	border:1px solid #bbbbbb; color:#666;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	 -o-border-radius:5px;
	 -ms-border-radius:5px;
	 -khtml-border-radius:5px;
	 border-radius:5px;
	 -moz-box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -ms-box-sizing:border-box;
	 box-sizing:border-box;
	 width:300px;
	 height:30px;
	 margin:0;
	 padding:4px;
	 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: border linear 0.3s, box-shadow linear 0.3s;
    -moz-transition: border linear 0.3s, box-shadow linear 0.3s;
	transition: border linear 0.3s, box-shadow linear 0.3s;
}
.bid-app-img1,.bid-app-img2{display: block;
	position: relative;
	width: 100%;

	-webkit-transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;}
.bid-app-img1 img,.bid-app-img2 img{max-width:640px;width:100%}
/* .bid-app-img2{margin:30px 0 80px;position:relative}
.bid-app-img2 a{background:red;opacity:0.5;display:inline-block;position:absolute;z-index:999}
.bid-app-img2 a.link-a-1,.bid-app-img2 a.link-a-2{height:13.2%;width:32.5%;left:49%}
.bid-app-img2 a.link-a-1{top:41%}
.bid-app-img2 a.link-a-2{top:63.4%}
@media (max-width:960px) {
	.bid-app-img2 a.link-a-1,.bid-app-img2 a.link-a-2{width:34.5%}
} */
#header .inner {
    margin: 0 auto;
    width: 1024px;
}
.block_big_dropdown {
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
}
.block_big_dropdown .content {
    border-top: 3px solid #a6a6a6;
    padding: 15px 0 19px 15px;
}
.block_big_dropdown .image {
    float: left;
    width: 117px;
}
.block_big_dropdown .image .pic {
    border: 4px solid #f2f2f2;
    border-radius: 3px;
    display: block;
    margin-bottom: 7px;
    position: relative;
}
.block_big_dropdown .image .pic img {
    border: 1px solid #ffffff;
}
.block_big_dropdown .image p {
    color: #383838;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding-bottom: 0;
    text-align: center;
}
.block_big_dropdown .image p a {
    color: #383838;
    font-size: 11px;
    font-weight: bold;
}
.block_big_dropdown .line {
    background-color: #efefef;
    float: left;
    height: 171px;
    margin: 0 17px;
    width: 1px;
}
.block_big_dropdown .popular_posts {
    float: left;
    width: 392px;
}
.block_big_dropdown .title {
    background: rgba(0, 0, 0, 0) url("http://task.andshow.com/tpl/red/layout/images/line_5.gif") repeat-x scroll left bottom;
    margin-top: -1px;
    padding-bottom: 18px;
}
.block_big_dropdown .title p {
    color: #1e1e1e;
    font-weight: bold;
    padding-bottom: 0;
    text-transform: uppercase;
}
.block_big_dropdown .more {
    float: left;
    width: 196px;
}
.clearboth {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    width: 100%;
}
.block_clock {
    background: rgba(0, 0, 0, 0) url("http://task.andshow.com/tpl/red/layout/images/icon_clock.png") no-repeat scroll 0 13px;
    float: right;
    padding-left: 16px;
    padding-top: 13px;
}
.block_clock p {
    color: #767676;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    padding-bottom: 0;
}
.block_clock p span {
    color: #000000;
}
.responsive_secondary_menu {
    overflow: hidden;
    position: absolute;
    top: -9000px;
}
.responsive_secondary_menu .left {
    background: rgba(0, 0, 0, 0) url("http://task.andshow.com/tpl/red/layout/images/arrow_14.gif") no-repeat scroll left 14px;
    display: block;
    float: left;
    height: 39px;
    text-indent: -9000px;
    width: 14px;
}
.responsive_secondary_menu .right {
    background: rgba(0, 0, 0, 0) url("http://task.andshow.com/tpl/red/layout/images/arrow_15.gif") no-repeat scroll right 14px;
    display: block;
    float: right;
    height: 39px;
    text-indent: -9000px;
    width: 14px;
}
.responsive_secondary_menu .r_menu {
    height: 39px;
    overflow: hidden;
    position: relative;
}
.responsive_secondary_menu .r_menu > ul {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.responsive_secondary_menu .r_menu > ul > li:first-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-left: 0;
}
.responsive_secondary_menu .r_menu > ul > li {
    background: rgba(0, 0, 0, 0) url("http://task.andshow.com/tpl/red/layout/images/line_secondary_menu.jpg") no-repeat scroll 0 13px;
    display: block;
    float: left;
    height: 39px;
    padding-left: 2px;
}
.responsive_secondary_menu .r_menu > ul > li > a {
    color: #383838;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 39px;
    line-height: 39px;
    padding: 0 14px;
}
.fl, .alignleft {float:left;}
.fr, .alignright {float:right;}
.block_top_menu {
	padding-top:0;
	 float:left;
}
.block_top_menu li {
	height:12px;
	margin-left:12px;
	padding-left:12px;
	display:block;
	float:left;
	/* border-left:1px solid #424242; */
	padding-top:8px;
}
.block_top_menu ul {
	/*padding-top:5px;*/
}
.block_top_menu li:first-child {margin-left:0px; padding-left:0px; border:0px;}
.block_top_menu li a {/* font-size:11px;  */color:#cccccc;}
.block_top_menu li a:hover {color:#ffffff; text-decoration:none;}
/* 鼠标经过产生效果之二*/
.block_top_menu li.current a {color:#ffffff; font-weight:bold;}
#logo_top {padding-top:52px; float:left;}
.block_today_date {margin-left:10px; padding-top:53px; float:left;}
.block_today_date .num {width:37px; height:31px; float:left; background:url(http://task.andshow.com/tpl/red/layout/images/bg_date_header.png) no-repeat;}
.block_today_date .num p {padding-left:6px; padding-bottom:0px; font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:16px; color:#1f1f1f; font-weight:bold; text-align:center; line-height:30px;}
.block_today_date .other {margin-left:9px; padding-top:2px; float:left;}
.block_today_date .month_year {padding-bottom:4px; color:#373737; font-weight:bold;}
.block_today_date .day {padding-bottom:0px; font-size:10px; color:#adadad; font-style:italic;}

.block_languages {padding:46px 0px 14px;}
.block_languages .text {margin-right:15px; float:left;}
.block_languages .text p {padding-bottom:0px; font-size:11px; color:#a7a7a7; line-height:11px;}
.block_languages ul {display:block; float:left;}
.block_languages li {height:11px; margin-left:13px; padding-left:13px; display:block; float:left; border-left:1px solid #e3e3e3;}
.block_languages li:first-child {margin-left:0px; padding-left:0px; border:0px;}
.block_languages li a {
	padding-left:22px; display:block;
background-repeat:no-repeat;
/* background-image:url(http://task.andshow.com/tpl/red/layout/images/sprite_flags_1.jpg); */
font-size:11px; color:#808080; line-height:11px;}
.block_languages li a:hover {color:#3c3c3c; text-decoration:none;}
.block_languages li.current a {color:#3c3c3c; font-weight:bold;}

.block_languages li a.eng {background-position:0px 0px;}
.block_languages li a.french {background-position:0px -11px;}
.block_languages li a.ger {background-position:0px -22px;}

.block_search_top {
	padding-left:20px;
}
.block_search_top .field {
	width:268px;
	height:30px;
	float:left; overflow:hidden;
	background:url(http://task.andshow.com/tpl/red/layout/images/bg_field_search.png) no-repeat;}
.block_search_top .field input {
	width:250px;
	height:30px;
	 margin-left:10px;
	padding:8px 0px; display:block;
	background-color:transparent; border:0px;
	font-size:11px; color:#b5b5b5; line-height:14px; }
.block_search_top .button,.diaodian_search {width:31px; height:30px; margin-left:1px; display:block; float:left; background-repeat:no-repeat; background-image:url(http://task.andshow.com/tpl/red/layout/images/button_search.png); background-color:transparent; border:0px; font-size:0px; text-indent:-9000px; cursor:pointer;}
.block_search_top .button:hover {background-position:0px -30px;}
nav.main_menu > ul > li > a {
    color: #ffffff;
    display: block;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 43px;
    line-height: 43px;
    padding: 0 23px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.14);
    text-transform: uppercase;
}

nav.main_menu {padding-right:2px; float:left; background:url(http://task.andshow.com/tpl/red/layout/images/line_main_menu.jpg) no-repeat right 12px;}
nav.main_menu > ul > li {height:43px; padding-left:2px; display:block; float:left; position:relative; background:url(http://task.andshow.com/tpl/red/layout/images/line_main_menu.jpg) no-repeat 0px 12px; z-index:1;}
nav.main_menu > ul > li > a {height:43px; line-height:43px; padding:0px 23px; display:block;
font-family:'PT Sans', Arial, Helvetica, sans-serif;
font-size:16px; color:#ffffff; font-weight:bold; text-shadow:0px -1px rgba(0, 0, 0, 0.14);
text-transform:uppercase;
}
nav.main_menu > ul > li > a:hover {text-decoration:none;}
nav.main_menu > ul > li:hover,
nav.main_menu > ul > li.hover {z-index:99;}
nav.main_menu > ul > li:hover > a,
nav.main_menu > ul > li.hover > a {margin-left:-1px; margin-top:-2px; padding-left:24px; padding-top:2px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_main_menu_hover.jpg) repeat-x;}
nav.main_menu > ul > li.current_page_item {z-index:100;}
nav.main_menu > ul > li.current_page_item > a {
	margin-left:-2px; margin-right:-2px; margin-top:-2px; padding-left:25px; padding-right:25px;
	padding-top:2px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_main_menu_current.jpg) repeat-x;}

.responsive_navigation {padding:7px 0px; display:none; position:relative; z-index:100;}
.responsive_navigation .button_menu {height:28px; line-height:28px; padding:0px 30px 0px 12px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_responsive_menu.gif) no-repeat right top #f8f8f8; border:1px solid #8f8f8f; color:#a3a3a3; cursor:pointer;}
.responsive_navigation .r_menu {width:100%; display:none; position:absolute; left:0px; top:36px; background-color:#f8f8f8;}
.responsive_navigation .r_menu > ul {
	padding-bottom:15px;
	display:block;
	border:1px solid #8f8f8f;
	list-style:outside none none;
}
.responsive_navigation .r_menu li {
	padding-left:12px;
	padding-top:15px;
    list-style:outside none none;
}

/* submenus */
nav.main_menu ul ul {
	width:200px; padding-top:4px;
	display:none; position:absolute;
	left:0px;
	top:42px;}
nav.main_menu ul ul > li {display:block; overflow:hidden; background-color:#fdfdfd; border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; border-top:1px solid #ffffff; border-bottom:1px solid #f3f3f3;}
nav.main_menu ul ul > li:first-child {border-top:1px solid #f3f3f3;}
nav.main_menu ul ul > li > a {
	padding:10px 12px 11px;
	display:block;

	-moz-transition:all 0.1s ease;
	-ms-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	transition:all 0.1s ease;

	font-size:14px;
	color:#6b6b6b;
	text-transform:uppercase;
	line-height:1em;
}
nav.main_menu ul ul > li > a:hover {text-decoration:none;}
nav.main_menu ul ul > li:hover > a {padding-left:14px; background-color:#ffffff; color:#f24024;}
nav.main_menu > ul > li:hover > ul {display:block;}

nav.secondary_menu {float:left;}
nav.secondary_menu > ul > li {height:39px; padding-left:2px; display:block; float:left; background:url(http://task.andshow.com/tpl/red/layout/images/line_secondary_menu.jpg) no-repeat 0px 13px;}
nav.secondary_menu > ul > li > a {height:39px; line-height:39px; padding:0px 14px; display:block; font-size:14px; color:#383838; font-weight:bold;}
nav.secondary_menu > ul > li > a:hover {color:#f24024; text-decoration:none;}
nav.secondary_menu > ul > li:first-child {padding-left:0px; background:none;}
nav.secondary_menu > ul > li:first-child > a {padding-left:0px;}

.responsive_secondary_menu {overflow:hidden; position:absolute; top:-9000px;}
.responsive_secondary_menu .left {width:14px; height:39px; float:left; display:block; background:url(http://task.andshow.com/tpl/red/layout/images/arrow_14.gif) no-repeat left 14px; text-indent:-9000px;}
.responsive_secondary_menu .right {width:14px; height:39px; float:right; display:block; background:url(http://task.andshow.com/tpl/red/layout/images/arrow_15.gif) no-repeat right 14px; text-indent:-9000px;}
.responsive_secondary_menu .r_menu {height:39px; overflow:hidden; position:relative;}
.responsive_secondary_menu .r_menu > ul {display:block; overflow:hidden; position:absolute; left:0px; top:0px;}
.responsive_secondary_menu .r_menu > ul > li {height:39px; padding-left:2px; display:block; float:left; background:url(http://task.andshow.com/tpl/red/layout/images/line_secondary_menu.jpg) no-repeat 0px 13px;}
.responsive_secondary_menu .r_menu > ul > li > a {height:39px; line-height:39px; padding:0px 14px; display:block; font-size:11px; color:#383838; font-weight:bold;}
.responsive_secondary_menu .r_menu > ul > li > a:hover {color:#f24024; text-decoration:none;}
.responsive_secondary_menu .r_menu > ul > li:first-child {padding-left:0px; background:none;}

/* Responsive styles */
.block_registration {width:745px; margin:0px auto 0px;}
.block_registration p {padding-bottom:0px;}
.block_registration .col_1 {width:378px; float:left;}
.block_registration .col_2 {width:332px; float:right;}
.block_registration .label {height:29px; float:left;}
.block_registration .label p {font-size:11px; color:#676767; line-height:29px;}
.block_registration .label span {color:#e50303;}
.block_registration .field {
	width:261px;
	height:27px;
	float:right;
	overflow:hidden;
	position:relative;

	background-color:#ffffff;
	border:1px solid #e6e6e6;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	behavior:url(PIE.htc);
}
.block_registration .field input {
	width:241px; height:14px; line-height:14px;
	margin-left:10px; padding:6px 0px; display:block;
	background-color:transparent; border:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#676767;
}
.block_registration .errored {border:1px solid #f2d3ce;}
.block_registration .select {
	width:210px;
	height:27px;
	margin-right:51px;
	float:right;
	position:relative;

	background:url(http://task.andshow.com/tpl/red/layout/images/bg_custom_select_1.gif) no-repeat right 5px #ffffff;
	border:1px solid #e6e6e6;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	behavior:url(PIE.htc);

	cursor:pointer;
}
.block_registration .select select {
	width:210px; padding-top:9px; display:block; position:absolute; left:0px; top:0px; font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:#676767; cursor:pointer; z-index:2;
}
.block_registration .select span {
	width:175px; height:27px; line-height:27px; display:block; overflow:hidden;
	position:absolute; left:10px; top:0px; font-size:11px; color:#676767; white-space:nowrap; cursor:pointer; z-index:1;
}
.block_registration .checkbox {
	width:263px; height:22px; padding:3px 0px 4px; float:right;
}
.block_registration .info_text {
	padding-bottom:19px; font-size:11px; color:#969696; line-height:normal; text-align:center;
}
.block_registration .info_text a {font-size:11px; color:#969696; text-decoration:underline;}
.block_registration .info_text a:hover {text-decoration:none;}
.block_registration .general_button {margin-bottom:-2px; padding-left:8px; padding-right:8px;}
.block_registration .fb_button {width:150px; margin:0px auto;}
.block_registration .fb_button a {
	width:150px; height:26px; display:block; background-repeat:no-repeat;
	background-image:url(http://task.andshow.com/tpl/red/layout/images/button_fb_login.png);
	text-indent:-9000px;
}
.block_registration .fb_button a:hover {background-position:0px -26px;}

.block_registration .ibutton-container {width:81px;}
.block_registration .ibutton-container .ibutton-handle {width:19px;}
.block_registration div.ibutton-label-off span {padding-right:12px;}

/* popup */
#overlay {width:100%; height:100%; display:none; position:fixed; left:0px; top:0px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_overlay.png); z-index:9000;}
.block_popup {
	/* width:546px;
		height:268px; */

	padding:4px;
	margin-left:-273px;
	margin-top:-134px;
	display:none;

	position:fixed;
	left:50%;
	top:50%;

	background:url(http://task.andshow.com/tpl/red/layout/images/bg_popup.png);

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

	behavior:url(http://task.andshow.com/tpl/red/layout/plugins/PIE.htc);

	z-index:9001;
}
.block_popup p {padding-bottom:0px;}
.block_popup .popup {
	width:546px;
	/* height:268px; */

	position:relative;

	background-color:#ffffff;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	behavior:url(http://task.andshow.com/tpl/red/layout/plugins/PIE.htc);

	z-index:9002;
}
.block_popup .close {
	width:17px;
	height:17px;
	display:block;

	position:absolute;
	right:8px;
	top:8px;

	background:url(http://task.andshow.com/tpl/red/layout/images/icon_close.gif) no-repeat 5px 5px #d6d6d6;

	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;

	behavior:url(http://task.andshow.com/tpl/red/layout/plugins/PIE.htc);

	text-indent:-9000px;
}
.block_popup .close:hover {background-color:#f24125;}

.block_popup .content {padding:22px 20px 0px;}

.block_popup .title {
	margin-bottom:10px;
	padding-bottom:0;
	border-bottom:1px solid #c9c9c9;
}
.block_popup .title p {
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
}

.block_popup .subtitle {
	margin-bottom:17px;
	padding-bottom:0;
	border-bottom:1px solid #c9c9c9;}
.block_popup .subtitle p {
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
}

.block_popup .form {height:109px;}
.block_popup .form .column {margin-left:9px; float:left;}
.block_popup .form .column:first-child {margin-left:0px;}
.block_popup .form .column.button {
	margin-left:0px;
	margin-top:-40px;
	float:right;

	background: rgba(0, 0, 0, 0) url("images/g30.png") repeat-x scroll center top;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    font-family: arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    letter-spacing: 1px;
    line-height: 45px !important;
    padding: 0 0 0 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
}
.block_popup .form .column_2 {
	width:205px;
	height:25px;
	 margin-right:9px;
	 float:left;
}
.block_popup .form .label {
	padding-bottom:0;
	color:#000000;
	font-weight:bold;
	background-color:transparent; /*border:0px;*/
	font-size:14px;
	margin:0 0 5px;
}
.block_popup .form .field {
	width:203px;
	height:26px;
	overflow:hidden;
	position:relative;

	border:1px solid #e6e6e6;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	behavior:url(http://task.andshow.com/tpl/red/layout/plugins/PIE.htc);
}
.block_popup .form .field input {
	width:190px;
	margin-left:5px;
	padding:5px 0px;
	display:block;
	background-color:transparent;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	line-height:10px
}
.block_popup .form .enter {
	width:78px;
	height:28px;
	display:block;
	overflow:hidden;
	position:relative;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	background-color:#fb593f;

    background:-webkit-linear-gradient(bottom,#fb593f,#f24125);
    background:-webkit-linear-gradient(#fb593f, #f24125);
    background:-moz-linear-gradient(#fb593f, #f24125);
    background:-ms-linear-gradient(#fb593f, #f24125);
    background:linear-gradient(#fb593f, #f24125);
	background:-o-linear-gradient(#fb593f, #f24125);
    -pie-background:linear-gradient(#fb593f, #f24125);

	behavior:url(http://task.andshow.com/tpl/red/layout/plugins/PIE.htc);

	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:0px -1px rgba(0, 0, 0, 0.14);
}
.block_popup .form .enter:hover {
	background-color:#ff654d;

    background:-webkit-linear-gradient(bottom,#ff654d,#ff4427);
    background:-webkit-linear-gradient(#ff654d, #ff4427);
    background:-moz-linear-gradient(#ff654d, #ff4427);
    background:-ms-linear-gradient(#ff654d, #ff4427);
    background:linear-gradient(#ff654d, #ff4427);
	background:-o-linear-gradient(#ff654d, #ff4427);
    -pie-background:linear-gradient(#ff654d, #ff4427);

	text-decoration:none;
}
.block_popup .form .enter span {
	height:21px;
	line-height:13px;
	padding:7px 0px 0px 33px;
	display:block;
	background:url(http://task.andshow.com/tpl/red/layout/images/icon_login.png) no-repeat 16px 7px;
	cursor:pointer;
}
.block_popup .form .remember {padding-top:9px;}
.block_popup .form .remember .checkbox {margin-right:18px; float:left;}
.block_popup .form .remember .checkbox input {width:14px; height:14px; margin:0px; display:block;}
.block_popup .form .remember .remember_label {padding-top:1px; overflow:hidden;}
.block_popup .form .remember .remember_label p {
	font-size:12px;
	color:#6e6e6e;
}
.block_popup .form .forgot_pass {
	padding-top:5px;
}
.block_popup .form .forgot_pass a {
	font-size:12px;
	color:#22647c;
}

.block_popup .fb_button {
	margin-right:19px;
	/* padding-top:5px;  */
	/* float:left; */
}
.block_popup .fb_button a {
	width:150px; height:26px;
	/* display:block;  */
	background-repeat:no-repeat;
	/* background-image:url(http://task.andshow.com/tpl/red/layout/images/button_fb_login.png);  */
	text-indent:-9000px;
}
.block_popup .fb_button a:hover {
	background-position:0px -26px;
}
.block_popup .fb_button img{
	font-size:0;
	line-height:normal;
	/* max-width:640px; */
	width:auto;
	padding:0 5%
}
.block_popup .text {
	padding-right:80px; overflow:hidden;
}
.block_popup .text p {
	font-size:14px; color:#6e6e6e; line-height:18px;
}

/* separators */
.separator {height:0px; clear:both; overflow:hidden;}
.block_single_post {}
.block_single_post .f_pic {
	margin-bottom:19px;
	padding:1px;
	display:inline-block;
	position:relative;

	background-color:#ffffff;
	border:4px solid #f2f2f2;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	behavior:url(PIE.htc);

	line-height:0px;
}
.block_single_post .block_video {margin-bottom:19px;}
.block_single_post .title {padding-bottom:8px; font-size:16px; color:#1a1a1a; font-weight:bold; line-height:normal;}
.block_single_post .title a {font-size:16px; color:#1a1a1a; font-weight:bold;}
.block_single_post .subtitle {padding-bottom:18px; font-family:'Droid Serif', serif; font-size:11px; color:#b3b3b3; font-style:italic;}
.block_single_post .info {height:32px; margin-bottom:17px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
.block_single_post .info p {padding-bottom:0px;}
.block_single_post .r_part {float:right;}
.block_single_post .date {height:32px; float:left;}
.block_single_post .date p {
	/* font-size:11px;  */
	color:#868686;
	line-height:32px;
}
.block_single_post .date a {font-size:11px; color:#868686;}
.block_single_post .author {height:32px; margin-left:21px; float:left;}
.block_single_post .author p {
	/* font-size:11px; */
	color:#8a8a8a;
	font-weight:bold;
	line-height:32px;}
.block_single_post .author a {
	/* font-size:11px;  */
	color:#5e5e5e;
	font-weight:bold;
}
.block_single_post .category {height:32px; float:left;}
.block_single_post .category p {
	/* font-size:9px;  */
	color:#3a3a3a;
	text-transform:uppercase;
	line-height:34px;
}
.block_single_post .category a {
	/* font-size:9px; */
	 color:#719eae;
	 text-transform:uppercase;
}
.block_single_post .views {
	height:32px;
	line-height:32px;
	margin-left:7px;
	padding-left:20px;
	float:left;
	display:block;
	background:url(images/icon_view_1.png) no-repeat 0px 11px;
	/* font-size:11px;  */
	color:#8a8a8a;
}
.block_single_post .comments {
	height:32px;
	line-height:32px;
	margin-left:10px;
	padding-left:19px;
	float:left;
	display:block;
	background:url(images/icon_comment_1.png) no-repeat 0px 11px;
	/* font-size:11px;  */
	color:#8a8a8a;}



.block_single_post .post_slider .flex-control-paging {display:block; position:absolute; right:6px; bottom:7px;}
.block_single_post .post_slider .flex-control-paging li {margin-left:3px; padding:0px; display:block; float:left; font-size:0px; line-height:0px;}
.block_single_post .post_slider .flex-control-paging li:first-child {margin-left:0px;}
.block_single_post .post_slider .flex-control-paging li a {width:8px; height:8px; display:block; background-repeat:no-repeat; background-image:url(images/sprite_nav_2.png); background-position:left top; text-indent:-9000px; cursor:pointer;}
.block_single_post .post_slider .flex-control-paging li a.flex-active {background-position:right top;}
.block_single_post .post_slider .flex-direction-nav {}
.block_single_post .post_slider .flex-direction-nav li {margin-top:-12px; display:block; position:absolute; right:0px; top:50%;}
.block_single_post .post_slider .flex-direction-nav li:first-child {left:0px; right:auto;}
.block_single_post .post_slider .flex-direction-nav li a {width:17px; height:23px; display:block; background-repeat:no-repeat; background-image:url(images/sprite_arrow_1.png); text-indent:-9000px;}
.block_single_post .post_slider .flex-direction-nav li a.flex-prev {background-position:left top;}
.block_single_post .post_slider .flex-direction-nav li a.flex-prev:hover {background-position:left bottom;}
.block_single_post .post_slider .flex-direction-nav li a.flex-next {background-position:right top;}
.block_single_post .post_slider .flex-direction-nav li a.flex-next:hover {background-position:right bottom;}

.block_single_post .about_author {}
.block_single_post .about_author h4 {padding-bottom:15px;}
.block_single_post .about_author .photo {margin-right:13px; padding-top:3px; float:left;}
.block_single_post .about_author .bio {overflow:hidden;}
.block_single_post .about_author .bio p {padding-bottom:0px; font-size:11px; color:#919191; line-height:17px;}
.block_single_post .about_author .bio a {font-size:11px; color:#919191;}
.block_single_post .about_author .bio .name {padding-bottom:7px; font-size:10px; color:#636363; text-transform:uppercase; line-height:normal;}
.block_single_post .about_author .bio .name a {font-size:10px; color:#636363; text-transform:uppercase;}
.block_single_post .about_author .bio .name a:hover {color:#f24024; text-decoration:none;}

.block_post_tags {padding:13px 0px; border-top:1px solid #f0f0f0;}
.block_post_tags p {padding-bottom:0px; font-size:11px; color:#4e4e4e; font-weight:bold; line-height:normal;}
.block_post_tags a {font-size:11px; color:#818181; font-weight:normal;}
.block_post_tags a:hover {color:#f24024; text-decoration:none;}

.block_post_social {border-top:1px solid #f0f0f0;}
.block_post_social h4 {margin-top:-8px; padding-bottom:33px; text-align:center;}
.block_post_social h4 span {padding:0px 5px; display:inline-block; background-color:#ffffff;}
.block_post_social section {
	height:76px;
	float:left;
	position:relative;

	border:1px solid #f0f0f0;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	behavior:url(PIE.htc);
}
.block_post_social section .title {margin-top:-6px; padding-bottom:0px; font-family:'Droid Serif', serif; font-size:10px; color:#2f2f2f; text-transform:uppercase; line-height:normal; text-align:center;}
.block_post_social section .title span {padding:0px 8px; display:inline-block; background-color:#ffffff;}

.block_post_social section.rating {width:138px; text-align:center;}
.block_post_social section.rating ul {padding-top:13px; display:inline-block;}
.block_post_social section.rating li {margin-left:20px; float:left; display:block; font-size:11px; color:#9e9e9e; line-height:normal; text-align:center;}
.block_post_social section.rating li:first-child {margin-left:0px;}
.block_post_social section.rating li span {padding-bottom:3px; display:block; font-size:18px; color:#3d3d3d; font-weight:bold;}

.block_post_social section.subscribe {width:138px; float:right;}
.block_post_social section.subscribe a {margin-left:18px; margin-top:22px; padding-left:33px; display:block; background:url(images/icon_subscribe.png) no-repeat 0px 0px; font-size:11px; color:#636363; font-weight:bold; text-decoration:underline; line-height:12px;}
.block_post_social section.subscribe a:hover {color:#f24024; text-decoration:none;}

.block_post_social section.recommend {width:298px; margin-left:20px; text-align:center;}
.block_post_social section.recommend ul {padding-top:25px; display:inline-block;}
.block_post_social section.recommend li {margin-left:7px; float:left; display:block;}
.block_post_social section.recommend li:first-child {margin-left:0px;}

.block_related_posts {}
.block_related_posts h3 {padding-bottom:24px; font-size:16px;}

/* lines */
.line_1 {height:1px; clear:both; overflow:hidden; background-color:#3d3d3d;}
.line_2 {height:5px; clear:both; overflow:hidden; background:url(images/line_2.gif) repeat-x;}
.line_3 {height:1px; clear:both; overflow:hidden; background-color:#e8e8e8;margin:0 0 10px;}
.line_4 {height:3px; clear:both; overflow:hidden; background:url(images/line_4.gif) repeat-x;}
.block_comments {}
.block_comments h2 {padding-bottom:5px;}
.block_comments h3 {padding-bottom:5px; font-size:16px;}
.block_comments .comment {padding-top:14px;}
.block_comments .comment p {padding-bottom:0px;}
.block_comments .comment .line_3 {margin-top:13px;}
.block_comments .comment .userpic {margin-right:13px; padding-top:3px; float:left;}
.block_comments .comment .content {overflow:hidden;}
.block_comments .comment .name {padding-bottom:4px; color:#383838; font-weight:bold; line-height:normal;}
.block_comments .comment .name a {color:#383838; font-weight:bold;}
.block_comments .comment .name a:hover {color:#f24024; text-decoration:none;}
.block_comments .comment .info {padding-bottom:12px; font-size:11px; line-height:normal;}
.block_comments .comment .info .date {color:#a8a8a8;}
.block_comments .comment .info .control {margin-left:15px; font-size:11px; color:#f24024;}
.block_comments .comment .text {color:#666666; line-height:17px;}
.block_comments .comment .comment {padding-left:49px;}

.block_comments_type_2 {position:relative;}
.block_comments_type_2 h3 {padding-bottom:5px; font-size:16px;}
.block_comments_type_2 .add_new {padding-bottom:1px; display:block; position:absolute; right:0px; top:1px; border-bottom:1px dotted #636363; font-size:11px; color:#636363; font-weight:bold;}
.block_comments_type_2 .add_new:hover {border:0px; text-decoration:none;}
.block_comments_type_2 .comment {padding-top:13px;}
.block_comments_type_2 .comment p {padding-bottom:0px;}
.block_comments_type_2 .comment .line_3 {margin-top:13px;}
.block_comments_type_2 .comment .userpic {margin-right:12px; padding:4px 0px 4px; float:left; line-height:0px;}
.block_comments_type_2 .comment_wrap {overflow:hidden;}
.block_comments_type_2 .comment .name {width:100px; margin-right:12px; padding-top:1px; float:left;}
.block_comments_type_2 .comment .name p {color:#383838; font-weight:bold; line-height:normal;}
.block_comments_type_2 .comment .name a {color:#383838; font-weight:bold;}
.block_comments_type_2 .comment .name a:hover {color:#f24024; text-decoration:none;}
.block_comments_type_2 .comment .date {width:140px; margin-left:15px; padding-top:2px; float:right;}
.block_comments_type_2 .comment .date p {font-size:11px; color:#a8a8a8; line-height:normal;}
.block_comments_type_2 .comment .content {overflow:hidden;}
.block_comments_type_2 .comment .content p {color:#666666; line-height:17px;}

.block_leave_reply {}
.block_leave_reply h3 {
	padding-bottom:15px;
	font-size:16px;
	line-height:0;
}
.block_leave_reply p {padding-bottom:0px; color:#676767; line-height:normal;}
.block_leave_reply p span {color:#e50303; font-weight:normal;}
.block_leave_reply .text {padding-bottom:14px; font-size:11px; color:#a6a6a6;}
.block_leave_reply .field {
	width:371px;
	height:26px;
	margin:7px 0px 14px;
	overflow:hidden;
	position:relative;

	background-color:#ffffff;
	border:1px solid #e6e6e6;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	behavior:url(PIE.htc);
}
.block_leave_reply .field input {width:351px; height:15px; line-height:15px; margin-left:10px; padding:5px 0px; display:block; background-color:transparent; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#989898;}
.block_leave_reply .textarea {
	width:618px;
	height:104px;
	margin:7px 0px 16px;
	overflow:hidden;
	position:relative;

	background-color:#ffffff;
	border:1px solid #e6e6e6;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	behavior:url(PIE.htc);
}
.block_leave_reply .textarea textarea {width:598px; height:95px; line-height:15px; margin-left:10px; margin-top:5px; display:block; background-color:transparent; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#989898;}
.block_leave_reply .general_button {padding:0px 9px 4px;}
.block_leave_reply .errored {border:1px solid #f2d3ce;}

.block_single_news {}
.block_single_news .f_pic {
	margin-bottom:19px;
	padding:1px;
	display:inline-block;
	position:relative;

	background-color:#ffffff;
	border:4px solid #f2f2f2;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	behavior:url(PIE.htc);

	line-height:0px;
}
.block_single_news .block_video {margin-bottom:19px;}
.block_single_news .title {padding-bottom:8px; font-size:16px; color:#1a1a1a; font-weight:bold; line-height:normal;}
.block_single_news .title a {font-size:16px; color:#1a1a1a; font-weight:bold;}
.block_single_news .subtitle {padding-bottom:18px; font-family:'Droid Serif', serif; font-size:11px; color:#b3b3b3; font-style:italic;}
.block_single_news .info {height:32px; margin-bottom:17px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
.block_single_news .info p {padding-bottom:0px;}
.block_single_news .r_part {float:right;}
.block_single_news .date {height:32px; float:left;}
.block_single_news .date p {font-size:11px; color:#868686; line-height:32px;}
.block_single_news .date a {font-size:11px; color:#868686;}
.block_single_news .author {height:32px; margin-left:21px; float:left;}
.block_single_news .author p {font-size:11px; color:#8a8a8a; font-weight:bold; line-height:32px;}
.block_single_news .author a {font-size:11px; color:#5e5e5e; font-weight:bold;}
.block_single_news .category {height:32px; float:left;}
.block_single_news .category p {font-size:9px; color:#3a3a3a; text-transform:uppercase; line-height:34px;}
.block_single_news .category a {font-size:9px; color:#719eae; text-transform:uppercase;}
.block_single_news .views, .post-meta .views {height:32px; line-height:32px; margin-left:7px; padding-left:20px; float:left; display:block; background:url(images/icon_view_1.png) no-repeat 0px 11px; font-size:11px; color:#8a8a8a;}
.block_single_news .comments, .post-meta .comments {height:32px; line-height:32px; margin-left:10px; padding-left:19px; float:left; display:block; background:url(images/icon_comment_1.png) no-repeat 0px 11px; font-size:11px; color:#8a8a8a;margin-bottom:0;}
.block_single_news .like, .post-meta .like {
	height:32px;
	line-height:32px;
	margin-left:10px;
	padding-left:19px;
	float:left;
	display:block;
	background:url(images/icon_button_like.png) no-repeat 0px 11px;
	/* font-size:11px;  */
	color:#8a8a8a;}

.post-meta .r_part {float:right;}
.block_single_news .post_slider .flex-control-paging {display:block; position:absolute; right:6px; bottom:7px;}
.block_single_news .post_slider .flex-control-paging li {margin-left:3px; padding:0px; display:block; float:left; font-size:0px; line-height:0px;}
.block_single_news .post_slider .flex-control-paging li:first-child {margin-left:0px;}
.block_single_news .post_slider .flex-control-paging li a {width:8px; height:8px; display:block; background-repeat:no-repeat; background-image:url(images/sprite_nav_2.png); background-position:left top; text-indent:-9000px; cursor:pointer;}
.block_single_news .post_slider .flex-control-paging li a.flex-active {background-position:right top;}
.block_single_news .post_slider .flex-direction-nav {}
.block_single_news .post_slider .flex-direction-nav li {margin-top:-12px; display:block; position:absolute; right:0px; top:50%;}
.block_single_news .post_slider .flex-direction-nav li:first-child {left:0px; right:auto;}
.block_single_news .post_slider .flex-direction-nav li a {width:17px; height:23px; display:block; background-repeat:no-repeat; background-image:url(images/sprite_arrow_1.png); text-indent:-9000px;}
.block_single_news .post_slider .flex-direction-nav li a.flex-prev {background-position:left top;}
.block_single_news .post_slider .flex-direction-nav li a.flex-prev:hover {background-position:left bottom;}
.block_single_news .post_slider .flex-direction-nav li a.flex-next {background-position:right top;}
.block_single_news .post_slider .flex-direction-nav li a.flex-next:hover {background-position:right bottom;}

.block_news_post {width:140px;}
.block_news_post p {padding-bottom:0px;}
.block_news_post .f_pic {
	margin-bottom:9px;
	padding:1px;
	display:inline-block;
	position:relative;

	background-color:#ffffff;
	border:4px solid #f2f2f2;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	behavior:url(PIE.htc);

	line-height:0px;
}
.block_news_post .category {padding-bottom:4px; font-size:9px; color:#5a8ea1; text-transform:uppercase;}
.block_news_post .category a {font-size:9px; color:#5a8ea1; text-transform:uppercase;}
.block_news_post .title {padding-bottom:13px; color:#383838; font-weight:bold; line-height:17px;}
.block_news_post .title a {color:#383838; font-weight:bold;}
.block_news_post .title a:hover {color:#f24024; text-decoration:none;}
.block_news_post .info {height:42px; border-top:1px solid #f0f0f0;}
.block_news_post .date {height:42px; float:left;}
.block_news_post .date p {font-size:11px; color:#868686; line-height:42px;}
.block_news_post .date a {font-size:11px; color:#868686;}
.block_news_post .views {height:42px; line-height:42px; padding-left:21px; float:right; display:block; background:url(images/icon_view_1.png) no-repeat 0px 16px; font-size:11px; color:#8a8a8a;}

.block_news_post_feature {width:300px;}
.block_news_post_feature .f_pic {
	margin-bottom:14px;
	padding:1px;
	display:inline-block;
	position:relative;

	background-color:#ffffff;
	border:4px solid #f2f2f2;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	behavior:url(PIE.htc);

	line-height:0px;
}
.block_news_post_feature .f_pic img {width:290px; height:auto;}
.block_news_post_feature .title {padding-bottom:14px; line-height:18px;}
.block_news_post_feature .title a:hover {color:#f24024; text-decoration:none;}
.block_news_post_feature .info {height:32px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
.block_news_post_feature .info p {padding-bottom:0px;}
.block_news_post_feature .r_part {float:right;}
.block_news_post_feature .date {height:32px; float:left;}
.block_news_post_feature .date p {font-size:11px; color:#868686; line-height:32px;}
.block_news_post_feature .date a {font-size:11px; color:#868686;}
.block_news_post_feature .category {height:32px; float:left;}
.block_news_post_feature .category p {font-size:9px; color:#719eae; text-transform:uppercase; line-height:32px;}
.block_news_post_feature .category a {font-size:9px; color:#719eae; text-transform:uppercase;}
.block_news_post_feature .views {height:32px; line-height:32px; margin-left:7px; padding-left:20px; float:left; display:block; background:url(images/icon_view_1.png) no-repeat 0px 11px; font-size:11px; color:#8a8a8a;}

.block_main_news {margin-left:-20px; margin-bottom:-30px; overflow:hidden;}
.block_main_news .block_news_post {margin-left:20px; margin-bottom:30px; float:left;}
.block_main_news .block_news_post_feature {margin-left:20px; margin-bottom:30px; float:left;}





.t_c .hidden {
    display: none;
}
.t_c .pad10 {
    padding: 10px;
}
.t_c .hidden {
    display: none !important;
}
.t_c {
    text-align: center !important;
}
#ajaxwaitid {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	padding: 0 5px;
	background: #D00;
	color: #FFF;
}
.hidden_login {
    display: none !important;
}
/* 登录以及登录后最外层容器 */
#header .user_box {
	position: relative;
	z-index: 20;
}

.user_top {
	padding-top: 25px;
}
/* 登录注册按钮容器 */
.user_login {
	float: right;
}

.user_login li {
	display: inline;
	float: left;
	margin-right: 5px;
}

.user_login a {
	display: inline-block;
	line-height: 30px;
	height: 30px;
	padding: 0 10px 0;
	width: 60px;
	text-align: center;
}

.user_login a:hover {

}

.header .user_login a:active {
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4), 0 1px 0
		rgba(255, 255, 255, 0.3);
}

.header .user_login a.selected, .header .user_login a.selected:hover {
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4), 0 1px 0
		rgba(255, 255, 255, 0.3);
}
/* 登录注册后按钮容器 */
.user_login a .icon16.rnd_br_down, .header .user_login a.selected .icon16.rnd_br_down
	{
	background-position: -16px -2912px;
}

.login_pop {
	position: absolute;
	z-index: 999;
	top: 57px;
	right: 5px;
	width: 210px; /*border:4px solid #1d3e7f;*/
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
	border-radius: 5px 0 5px 5px;
}

.login_pop p {
	margin: 0;
}

.login_pop .textbox {
	padding: 5px 10px;
}

.login_pop .textbox a {

}

.login_pop .remember {
	padding: 5px 10px;
}

.login_pop label {
	display: inline;
	vertical-align: middle;
}

.login_pop .textbox  label {
	display: inline;
	float: left;
}

 .login_pop .textbox .txt_input {
	width: 180px;
}

.login_pop button {
	width: 100px;
}

.login_other {
	padding: 5px 10px;
}

.login_other a {
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: left;
	margin: 5px 0 0 3px;
}

.login_other img {
	width: 16px;
	height: 16px;
	overflow: hidden;
	vertical-align: top;
	display: block;
}
/* 已经登录容器 */
.user_logined {
	clear: both;
	display: block;
	/* line-height: 29px; */
	/* height: 29px; */
	/* box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); */
	padding-top:2px;
}

.user_logined li {
	display: inline;
	float: left;
	text-align: center;
	margin-left:0;
}

.user_logined li.line {
	display: block;
}

.user_logined li#avatar {
	width: 60%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}

.user_logined li.logout {
	width: 38%;
}

.user_logined a {
	display: block;
	min-width: 20px;
}
/* .header .user_logined a:hover{box-shadow: 0 1px 2px rgba(0,0,0,0.4); background-color:#1e3c7a;}*/
.user_logined a:hover {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
/* 鼠标经过产生效果之一*/

.user_logined img.pic_small {
	width: 25px;
	height: 25px;
	vertical-align: top;
	display: inline-block;
	margin-right: 14px;
}

.user_logined a span.user_named {
	display: inline-block;
	line-height: 30px;
	cursor: pointer;
}
/* 已经登录弹出框容器 */
.user_nav_pop {
	position: absolute;
	z-index: 999;
	/*top: 56px;*/
    top: 36px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
	border-radius: 0 0 5px 5px;
    margin-left: -45px;
    background:#fff
}

.user_nav_pop .nav_list {
	display: block;
	padding: 5px 0;
}

.user_nav_pop .nav_list li {
	float: none;
	display: block;
	text-align: left;
}

.user_nav_pop .nav_list a {
	display: block;
	padding: 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user_nav_pop .nav_list a:hover {
	color: #666;
}
.user_nav_pop .nav_list a .icon16 {
	float: right;
	margin-top: 8px;
	opacity: 0.3;
}

.user_nav_pop .nav_list a:hover .icon16 {
	opacity: 1;
}

.block_pager {}
.block_pager .prev {
	width:19px;
	height:19px;
	margin-right:14px;
	float:left;
	display:block;
	position:relative;

	background:url(images/arrow_9.gif) no-repeat 6px 5px #dbdbdb;
	border:1px solid #d6d6d6;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	behavior:url(PIE.htc);

	text-indent:-9000px;
}
.block_pager .prev:hover {background-color:#f24024; border:1px solid #f24024;}
.block_pager .next {
	width:19px;
	height:19px;
	margin-left:14px;
	float:right;
	display:block;
	position:relative;

	background:url(images/arrow_10.gif) no-repeat 7px 5px #dbdbdb;
	border:1px solid #d6d6d6;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	behavior:url(PIE.htc);

	text-indent:-9000px;
}
.block_pager .next:hover {background-color:#f24024; border:1px solid #f24024;}
.block_pager .pages {overflow:hidden; background:url(images/line_pager.gif) repeat-x 0px 10px; text-align:center; line-height:10px;}
.block_pager .pages ul {height:21px; padding:0px 11px; display:inline-block; background-color:#ffffff;}
.block_pager .pages li {margin-left:5px; float:left; display:block;}
.block_pager .pages li:first-child {margin-left:0px;}
.block_pager .pages a {
	width:19px;
	height:19px;
	line-height:19px;
	display:block;
	position:relative;

	border:1px solid #ffffff;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	behavior:url(PIE.htc);

	color:#6b6b6b;
}
.block_pager .pages a:hover {border:1px solid #f8d2cc; text-decoration:none;}
.block_pager .pages .current a {border:1px solid #e3e3e3; color:#3e3e3e;}

.main_content {
	width:70%;
	float:left;
	padding-right:30px;
}
.block_breadcrumbs {
	height:26px; border-top:1px solid #efefef; border-bottom:1px solid #efefef;
}
.block_breadcrumbs ul {
	margin-left:8px; display:block; float:left;
}
.block_breadcrumbs li {
	height:26px; line-height:26px; margin-left:7px; padding-left:11px; display:block;
	float:left; background:url(images/arrow_1.gif) no-repeat 0px 11px; font-family:Arial, Helvetica, sans-serif;
	/* font-size:11px;  */
	color:#a5a5a5;
}
.block_breadcrumbs li:first-child {
	margin-left:0px;
	padding-left:0px;
	background:none;
}
.block_breadcrumbs li a {
	/* font-size:11px;  */
	color:#f24024;
}
.block_breadcrumbs .text {height:26px; float:left;}
.block_breadcrumbs .text p {
	padding-bottom:0px;
	/* font-size:11px;  */
	color:#a5a5a5;
	line-height:26px;
}
/* general buttons */
.general_button {
	height:26px;
	line-height:26px;
	padding:0px 18px;
	display:inline-block;
	position:relative;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	background-color:#fb593f;

    background:-webkit-linear-gradient(bottom,#fb593f,#f24125);
    background:-webkit-linear-gradient(#fb593f, #f24125);
    background:-moz-linear-gradient(#fb593f, #f24125);
    background:-ms-linear-gradient(#fb593f, #f24125);
    background:linear-gradient(#fb593f, #f24125);
	background:-o-linear-gradient(#fb593f, #f24125);
    -pie-background:linear-gradient(#fb593f, #f24125);

	behavior:url(PIE.htc);

	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:0px -1px rgba(0, 0, 0, 0.14);
	float:right;
}
.general_button:hover {
	background-color:#ff654d;

    background:-webkit-linear-gradient(bottom,#ff654d,#ff4427);
    background:-webkit-linear-gradient(#ff654d, #ff4427);
    background:-moz-linear-gradient(#ff654d, #ff4427);
    background:-ms-linear-gradient(#ff654d, #ff4427);
    background:linear-gradient(#ff654d, #ff4427);
	background:-o-linear-gradient(#ff654d, #ff4427);
    -pie-background:linear-gradient(#ff654d, #ff4427);

	text-decoration:none;
}
input.general_button {margin:0px; padding:0px 15px 4px; border:0px; cursor:pointer;}

.general_button.standart {
	padding:0px 15px;
	font-size:11px;
}

.general_button.type_1 {
	background-color:#fb593f;

    /*background:-webkit-linear-gradient(bottom,#fb593f,#f24125));*/
    background:-webkit-linear-gradient(bottom,#fb593f,#f24125);
    background:-webkit-linear-gradient(#fb593f, #f24125);
    background:-moz-linear-gradient(#fb593f, #f24125);
    background:-ms-linear-gradient(#fb593f, #f24125);
    background:linear-gradient(#fb593f, #f24125);
	background:-o-linear-gradient(#fb593f, #f24125);
    -pie-background:linear-gradient(#fb593f, #f24125);
}
.general_button.type_1:hover {
	background-color:#ff664e;

    background:-webkit-linear-gradient(bottom,#ff664e,#ff4427);
    background:-webkit-linear-gradient(#ff664e, #ff4427);
    background:-moz-linear-gradient(#ff664e, #ff4427);
    background:-ms-linear-gradient(#ff664e, #ff4427);
    background:linear-gradient(#ff664e, #ff4427);
	background:-o-linear-gradient(#ff664e, #ff4427);
    -pie-background:linear-gradient(#ff664e, #ff4427);
}

.general_button.type_2 {
	background-color:#258fcd;

    background:-webkit-linear-gradient(bottom,#258fcd,#2787b7);
    background:-webkit-linear-gradient(#258fcd, #2787b7);
    background:-moz-linear-gradient(#258fcd, #2787b7);
    background:-ms-linear-gradient(#258fcd, #2787b7);
    background:linear-gradient(#258fcd, #2787b7);
	background:-o-linear-gradient(#258fcd, #2787b7);
    -pie-background:linear-gradient(#258fcd, #2787b7);
}
.general_button.type_2:hover {
	background-color:#289de0;

    background:-webkit-linear-gradient(bottom,#289de0,#2a93c7);
    background:-webkit-linear-gradient(#289de0, #2a93c7);
    background:-moz-linear-gradient(#289de0, #2a93c7);
    background:-ms-linear-gradient(#289de0, #2a93c7);
    background:linear-gradient(#289de0, #2a93c7);
	background:-o-linear-gradient(#289de0, #2a93c7);
    -pie-background:linear-gradient(#289de0, #2a93c7);
}

.general_button.type_3 {
	background-color:#8eba6e;
    background:-webkit-linear-gradient(bottom,#8eba6e,#78a458);
    background:-webkit-linear-gradient(#8eba6e, #78a458);
    background:-moz-linear-gradient(#8eba6e, #78a458);
    background:-ms-linear-gradient(#8eba6e, #78a458);
    background:linear-gradient(#8eba6e, #78a458);
	background:-o-linear-gradient(#8eba6e, #78a458);
    -pie-background:linear-gradient(#8eba6e, #78a458);
}
.general_button.type_3:hover {
	background-color:#99c977;
    background:-webkit-linear-gradient(bottom,#87b864,#87b864);
    background:-webkit-linear-gradient(#99c977, #87b864);
    background:-moz-linear-gradient(#99c977, #87b864);
    background:-ms-linear-gradient(#99c977, #87b864);
    background:linear-gradient(#99c977, #87b864);
	background:-o-linear-gradient(#99c977, #87b864);
    -pie-background:linear-gradient(#99c977, #87b864);
}

.general_button.type_4 {
	background-color:#fa7150;

    background:-webkit-linear-gradient(bottom,#fa7150,#ec5f3d);
    background:-webkit-linear-gradient(#fa7150, #ec5f3d);
    background:-moz-linear-gradient(#fa7150, #ec5f3d);
    background:-ms-linear-gradient(#fa7150, #ec5f3d);
    background:linear-gradient(#fa7150, #ec5f3d);
	background:-o-linear-gradient(#fa7150, #ec5f3d);
    -pie-background:linear-gradient(#fa7150, #ec5f3d);
}
.general_button.type_4:hover {
	background-color:#ff7452;

    background:-webkit-linear-gradient(bottom,#ff7452,#ff6640);
    background:-webkit-linear-gradient(#ff7452, #ff6640);
    background:-moz-linear-gradient(#ff7452, #ff6640);
    background:-ms-linear-gradient(#ff7452, #ff6640);
    background:linear-gradient(#ff7452, #ff6640);
	background:-o-linear-gradient(#ff7452, #ff6640);
    -pie-background:linear-gradient(#ff7452, #ff6640);
}

.general_button.type_5 {
	background-color:#444444;

    background:-webkit-linear-gradient(bottom,#444444,#2f2f2f);
    background:-webkit-linear-gradient(#444444, #2f2f2f);
    background:-moz-linear-gradient(#444444, #2f2f2f);
    background:-ms-linear-gradient(#444444, #2f2f2f);
    background:linear-gradient(#444444, #2f2f2f);
	background:-o-linear-gradient(#444444, #2f2f2f);
    -pie-background:linear-gradient(#444444, #2f2f2f);
}
.general_button.type_5:hover {
	background-color:#575757;

    background:-webkit-linear-gradient(bottom,#575757,#404040);
    background:-webkit-linear-gradient(#575757, #404040);
    background:-moz-linear-gradient(#575757, #404040);
    background:-ms-linear-gradient(#575757, #404040);
    background:linear-gradient(#575757, #404040);
	background:-o-linear-gradient(#575757, #404040);
    -pie-background:linear-gradient(#575757, #404040);
}

.general_button.type_6 {
	background-color:#fc5372;

    background:-webkit-linear-gradient(bottom,#fc5372,#e63d5c);
    background:-webkit-linear-gradient(#fc5372, #e63d5c);
    background:-moz-linear-gradient(#fc5372, #e63d5c);
    background:-ms-linear-gradient(#fc5372, #e63d5c);
    background:linear-gradient(#fc5372, #e63d5c);
	background:-o-linear-gradient(#fc5372, #e63d5c);
    -pie-background:linear-gradient(#fc5372, #e63d5c);
}
.general_button.type_6:hover {
	background-color:#ff5c7a;

    background:-webkit-linear-gradient(bottom,#ff5c7a,#f54363);
    background:-webkit-linear-gradient(#ff5c7a, #f54363);
    background:-moz-linear-gradient(#ff5c7a, #f54363);
    background:-ms-linear-gradient(#ff5c7a, #f54363);
    background:linear-gradient(#ff5c7a, #f54363);
	background:-o-linear-gradient(#ff5c7a, #f54363);
    -pie-background:linear-gradient(#ff5c7a, #f54363);
}

.general_button.type_7 {
	background-color:#fcc15b;

    background:-webkit-linear-gradient(bottom,#fcc15b,#febd4c);
    background:-webkit-linear-gradient(#fcc15b, #febd4c);
    background:-moz-linear-gradient(#fcc15b, #febd4c);
    background:-ms-linear-gradient(#fcc15b, #febd4c);
    background:linear-gradient(#fcc15b, #febd4c);
	background:-o-linear-gradient(#fcc15b, #febd4c);
    -pie-background:linear-gradient(#fcc15b, #febd4c);
}
.general_button.type_7:hover {
	background-color:#ffcb72;

    background:-webkit-linear-gradient(bottom,#ffcb72,#fdc159);
    background:-webkit-linear-gradient(#ffcb72, #fdc159);
    background:-moz-linear-gradient(#ffcb72, #fdc159);
    background:-ms-linear-gradient(#ffcb72, #fdc159);
    background:linear-gradient(#ffcb72, #fdc159);
	background:-o-linear-gradient(#ffcb72, #fdc159);
    -pie-background:linear-gradient(#ffcb72, #fdc159);
}

.general_button.type_8 {
	background-color:#d5464a;

    background:-webkit-linear-gradient(bottom,#d5464a,#c23337);
    background:-webkit-linear-gradient(#d5464a, #c23337);
    background:-moz-linear-gradient(#d5464a, #c23337);
    background:-ms-linear-gradient(#d5464a, #c23337);
    background:linear-gradient(#d5464a, #c23337);
	background:-o-linear-gradient(#d5464a, #c23337);
    -pie-background:linear-gradient(#d5464a, #c23337);
}
.general_button.type_8:hover {
	background-color:#e34a50;

    background:-webkit-linear-gradient(bottom,#e34a50,#d1373c);
    background:-webkit-linear-gradient(#e34a50, #d1373c);
    background:-moz-linear-gradient(#e34a50, #d1373c);
    background:-ms-linear-gradient(#e34a50, #d1373c);
    background:linear-gradient(#e34a50, #d1373c);
	background:-o-linear-gradient(#e34a50, #d1373c);
    -pie-background:linear-gradient(#e34a50, #d1373c);
}

.general_button.w_icon {
	height:24px;
	line-height:24px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#585858;
	font-weight:normal;
	text-transform:none;
	text-shadow:none;

	background-color:#f8f8f8;

    background:-webkit-linear-gradient(bottom,#f8f8f8,#f8f8f8);
    background:-webkit-linear-gradient(#f8f8f8, #f8f8f8);
    background:-moz-linear-gradient(#f8f8f8, #f8f8f8);
    background:-ms-linear-gradient(#f8f8f8, #f8f8f8);
    background:linear-gradient(#f8f8f8, #f8f8f8);
	background:-o-linear-gradient(#f8f8f8, #f8f8f8);
    -pie-background:linear-gradient(#f8f8f8, #f8f8f8);

	border:1px solid #e8e8e8;
}
.general_button.w_icon:hover {
	background-color:#fcfcfc;

    background:-webkit-linear-gradient(bottom,#fcfcfc,#fcfcfc);
    background:-webkit-linear-gradient(#fcfcfc, #fcfcfc);
    background:-moz-linear-gradient(#fcfcfc, #fcfcfc);
    background:-ms-linear-gradient(#fcfcfc, #fcfcfc);
    background:linear-gradient(#fcfcfc, #fcfcfc);
	background:-o-linear-gradient(#fcfcfc, #fcfcfc);
    -pie-background:linear-gradient(#fcfcfc, #fcfcfc);
}
.general_button.w_icon span {height:24px; line-height:24px; padding-left:28px; padding-right:9px; display:inline-block; cursor:pointer;}

.general_button.search span {background:url(images/icon_button_search.png) no-repeat 9px 6px;}
.general_button.approve span {background:url(images/icon_button_approve.png) no-repeat 9px 7px;}
.general_button.remove span {background:url(images/icon_button_remove.png) no-repeat 9px 6px;}
.general_button.calendar span {background:url(images/icon_button_calendar.png) no-repeat 9px 6px;}
.general_button.mail span {background:url(images/icon_button_mail.png) no-repeat 9px 7px;}
.general_button.comment span {background:url(images/icon_button_comment.png) no-repeat 9px 7px;}
.general_button.like span {background:url(images/icon_button_like.png) no-repeat 8px 7px;}
.general_button.edit span {background:url(images/icon_button_edit.png) no-repeat 8px 6px;}
.general_button.favourite span {background:url(images/icon_button_favourite.png) no-repeat 8px 6px;}
.general_button.registration span {background:url(images/icon_button_registration.png) no-repeat 8px 6px;}
.general_button.tag span {background:url(images/icon_button_tag.png) no-repeat 8px 6px;}
.general_button.settings span {background:url(images/icon_button_settings.png) no-repeat 7px 6px;}
.general_button.apply span {background:url(images/icon_button_apply.png) no-repeat 7px 6px;}
.general_button.info span {background:url(images/icon_button_info.png) no-repeat 7px 6px;}
.general_button.play span {background:url(images/icon_button_play.png) no-repeat 7px 6px;}
.general_button.open span {background:url(images/icon_button_open.png) no-repeat 7px 6px;}




@media (max-width: 949px) {/* 第一个ＭＥＤＩＡ */
	.block_color_picker {display:none;}

	.wrapper {border:0px !important;}
	#header .inner {width:750px; padding:0px 9px;}

	#header .bottom .inner {background-position:210px 0px;}

	nav.main_menu > ul > li > a {padding:0px 18px;}
	nav.main_menu > ul > li:hover > a,
	nav.main_menu > ul > li.hover > a {padding-left:19px;}
	nav.main_menu > ul > li.current_page_item > a {padding-left:20px; padding-right:20px;}

	.block_big_dropdown .content {padding-left:5px;}
	.block_big_dropdown .line {margin:0px 7px;}
	.block_big_dropdown .popular_posts {width:355px}
	.block_big_dropdown .popular_posts li {overflow:hidden;}
	.block_big_dropdown .popular_posts li a {white-space:nowrap;}
	.block_big_dropdown .more {width:125px;}



	.right_sidebar .general_content {background:none;}
	.right_sidebar .main_content {width:480px;}
	.right_sidebar .sidebar {width:250px;}

	.left_sidebar .general_content {background:none;}
	.left_sidebar .main_content {width:480px;}
	.left_sidebar .sidebar {width:250px;}

	.block_author_post {width:230px;}
	.block_author_post .f_pic img {width:220px; height:auto;}

	.block_author_posts .posts {margin-left:-20px; margin-bottom:-20px;}
	.block_author_posts .posts .block_author_post {margin-left:20px; margin-bottom:20px;}

	.block_blog_1 .blog_post .f_pic img {width:470px; height:auto;}

	.block_blog_2 {margin-left:-20px;}
	.block_blog_2 .blog_post {width:230px; margin-left:20px; padding-top:20px;}
	.block_blog_2 .blog_post .f_pic img {width:220px; height:auto;}

	.block_single_post .f_pic img {width:470px; height:auto;}

	.block_topic_post_feature .f_pic img {width:220px; height:auto;}
	.block_topic_post_feature .content {overflow:visible;}
	.block_topic_post_feature .info {overflow:hidden;}

	.block_topic_news .block_topic_post {width:196px;}
	.block_topic_post .f_pic img {width:186px; height:auto;}

	.block_contact_form .textarea {width:478px;}
	.block_contact_form .textarea textarea {width:458px;}

	.block_post_social section.recommend {width:158px;}
	.block_post_social section.recommend ul {padding-top:10px;}
	.block_post_social section.recommend li {margin:0px 4px 7px; float:none; display:inline-block;}
	.block_post_social section.recommend li:first-child {margin-left:4px;}

	.block_leave_reply .textarea {width:478px;}
	.block_leave_reply .textarea textarea {width:458px;}

	.block_home_slider {width:470px; height:225px;}

	.block_home_col_1,
	.block_home_col_2
	{width:230px;}

	.block_home_post_feature {width:230px;}
	.flexslider.home_f_pic_slider .slides img {width:220px;}

	.block_tabs_type_4 .tabs li a {width:73px;}
	.block_tabs_type_4 .tabs li:first-child a {width:74px;}

	.block_best_materials {width:480px;}
	.block_best_materials .slider {width:499px;}

	.block_media_f_pic img {width:470px; height:auto;}

	.block_media_post {width:150px;}
	.block_media_post .f_pic img {width:140px; height:auto;}

	.block_media_posts {margin-left:-15px; margin-bottom:-15px;}
	.block_media_posts .block_media_post {margin-left:15px; margin-bottom:15px;}

	.block_media_posts_all {margin-left:-6px;}

	.block_media_item .f_item {width:472px;}
	.block_media_item .f_item .media_item_slider .slides img {width:470px; height:auto;}
	.block_media_item .f_item .media_item_navigation {width:426px;}

	.block_single_news .f_pic img {width:470px; height:auto;}

	.block_comments_type_2 .comment .name {margin-right:0px;}
	.block_comments_type_2 .comment .date {margin-left:0px;}
	.block_comments_type_2 .comment .content {padding-top:10px; clear:both;}

	.block_pricing_table_1 .column {width:125px;}
	.block_pricing_table_1 .column.category {width:101px;}
	.block_pricing_table_1 .column.special {width:127px;}

	.block_pricing_table_2 .column {width:119px;}
	.block_pricing_table_2 .column.special {width:122px;}

	.block_subscribes_sidebar .service .num {line-height:26px;}
	.block_subscribes_sidebar .service .people {display:none;}

	.block_popular_stuff .content {width:215px; padding-right:0px; border:0px;}
	.block_popular_stuff .media img {width:205px; height:auto;}

	.block_calendar div.datepicker table table td a {width:35px;}
	.block_calendar div.datepicker table table td:first-child a {width:34px;}
	.block_calendar div.datepicker table table td.last a {width:33px;}

	.block_calendar .datepickerGoPrev {width:35px;}
	.block_calendar .datepickerGoPrev a {width:34px;}
	.block_calendar .datepickerGoPrev span {width:34px;}

	.block_calendar .datepickerGoNext {width:35px;}
	.block_calendar .datepickerGoNext a {width:35px;}
	.block_calendar .datepickerGoNext span {width:34px; background-position:21px 12px;}

	.block_calendar .datepickerDoW th span {width:35px;}
	.block_calendar .datepickerDoW th:first-child span {width:34px;}
	.block_calendar .datepickerDoW th.last span {width:33px;}

	.block_newsletter .field {width:172px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_field_newsletter_750.png) no-repeat;}
	.block_newsletter .field input {width:150px;}

	.block_location .map iframe {width:240px;}



	.block_footer_widgets {margin-left:-18px;}
	.block_footer_widgets .column {width:174px; margin-left:18px;}

	.block_contact_footer .field {width:174px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_field_contact_footer_750.png) no-repeat;}
	.block_contact_footer .field input {width:155px;}
	.block_contact_footer .textarea {width:174px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_textarea_contact_footer_750.png) no-repeat;}
	.block_contact_footer .textarea textarea {width:155px;}
}/* 第一个ＭＥＤＩＡ 完*/


@media(max-width:767px)
{ /* 第二个ＭＥＤＩＡ 767 */
	#header .inner {
		width: 420px;
		padding: 0px;
	}

	.fl, .alignleft {
		float: none;
	}

	.fr, .alignright {
		float: none;
	}

	a.fl, a.alignleft, .pic.fl, .pic.alignleft {
		float: left;
	}

	a.fr, a.alignright, .pic.fr, .pic.alignright {
		float: right;
	}

	.top .fl {
		display: none;
	}

	.block_social_top {
		margin-left: 0px;
		float: right;
	}

	.section_main_menu {
		height: 44px;
	}

	.main_menu {
		display: none;
	}

	.responsive_navigation {
		display: block;
	}

	nav.secondary_menu {
		display: none;
	}

	.responsive_secondary_menu {
		position: static;
		top: 0px;
	}

	#header .bottom {
		height: 210px;
	}

	#header .bottom .inner {
		height: 231px;
		background-position: 55px 27px;
	}

	#header .bottom .fr {
		padding-left: 59px;
		clear: left;
	}

	#logo_top {
		/* padding-left: 47px; */
	}

	.block_languages {
		padding-top: 10px;
	}

	.section_secondary_menu {
		overflow: hidden;
	}

	.block_clock {
		display: none;
	}

	.right_sidebar .main_content {
		width: auto;
		float: none;
	}

	.right_sidebar .sidebar {
		width: auto;
		padding-top: 38px;
		float: none;
	}

	.left_sidebar .main_content {
		width: auto;
		float: none;
	}

	.left_sidebar .sidebar {
		width: auto;
		padding-top: 38px;
		float: none;
	}

	.block_author_post {
		width: 420px;
	}

	.block_author_post .f_pic img {
		width: 410px;
	}

	.block_author_posts .posts {
		margin-left: 0px;
	}

	.block_author_posts .posts .block_author_post {
		margin-left: 0px;
	}

	.block_blog_1 .blog_post .f_pic img {
		width: 410px;
	}

	.block_blog_2 {
		margin-left: 0px;
	}

	.block_blog_2 .blog_post {
		width: 420px;
		margin-left: 0px;
	}

	.block_blog_2 .blog_post .f_pic img {
		width: 410px;
	}

	.block_topic_news {
		margin-left: 0px;
	}

	.block_topic_news .block_topic_post {
		width: 386px;
		margin-left: 0px;
	}

	.block_topic_post .f_pic img {
		width: 376px;
	}

	.block_single_post .f_pic img {
		width: 410px;
	}

	.block_leave_reply .textarea {
		width: 418px;
	}

	.block_leave_reply .textarea textarea {
		width: 398px;
	}

	.block_contact_form .textarea {
		width: 418px;
	}

	.block_contact_form .textarea textarea {
		width: 398px;
	}

	.block_location .map {
		border: 0px;
	}

	.block_location .map a {
		display: inline;
	}

	.block_location .map iframe {
		width: 410px;
		height: 250px;
		display: none;
	}

	.block_news_post_feature {
		width: 420px;
	}

	.block_news_post_feature .f_pic img {
		width: 410px;
		height: auto;
	}

	.block_main_news .block_news_post_feature {
		margin-left: 15px;
	}

	.block_news_post {
		width: 130px;
	}

	.block_news_post .f_pic img {
		width: 120px;
		height: auto;
	}

	.block_media_f_pic img {
		width: 410px;
	}

	.block_media_post {
		width: 200px;
	}

	.block_media_post .f_pic img {
		width: 190px;
	}

	.block_media_posts {
		margin-left: -20px;
		margin-bottom: -20px;
	}

	.block_media_posts .block_media_post {
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.block_media_post_all {
		width: 130px;
	}

	.block_media_post_all .f_pic img {
		width: 122px;
		height: auto;
	}

	.block_media_posts_all {
		margin-left: -11px;
	}

	.block_media_posts_all .block_media_post_all {
		margin-left: 7px;
	}

	.block_media_item .f_item {
		width: 412px;
	}

	.block_media_item .f_item .media_item_slider .slides img {
		width: 410px;
	}

	.block_media_item .f_item .media_item_navigation {
		width: 366px;
	}

	.block_single_news .f_pic img {
		width: 410px;
	}

	.block_registration {
		width: auto;
	}

	.block_registration .col_1 {
		width: auto;
		float: none;
	}

	.block_registration .col_2 {
		width: auto;
		padding-top: 14px;
		float: none;
	}

	.block_main_news {
		margin-left: -15px;
	}

	.block_main_news .block_news_post {
		margin-left: 15px;
	}

	.block_tabs_type_3 .tab_content {
		padding-right: 0px;
	}

	.block_tabs_type_3 .lnk_archive {
		margin-right: 11px;
	}

	.block_post_social section.rating {
		width: 200px;
		margin-bottom: 30px;
	}

	.block_post_social section.subscribe {
		width: 200px;
		margin-bottom: 30px;
	}

	.block_post_social section.subscribe a {
		margin-left: 38px;
		margin-right: 20px;
	}

	.block_post_social section.recommend {
		width: 418px;
		margin-left: 0px;
		clear: both;
	}

	.block_post_social section.recommend ul {
		padding-top: 25px;
	}

	.block_home_slider {
		width: 410px;
		height: 196px;
	}

	.block_home_post_feature {
		width: 420px;
	}

	.flexslider.home_f_pic_slider .slides img {
		width: 410px;
	}

	.block_home_col_1, .block_home_col_2 {
		width: auto;
		float: none;
	}

	.block_home_col_2 .line_3.first {
		display: block;
	}

	.block_home_col_2 .block_tabs_type_4 {
		margin-top: 20px;
	}

	.block_best_materials {
		width: 407px;
		margin-left: 7px;
	}

	.block_best_materials .slider {
		width: 426px;
	}

	.block_pricing_table_1 .column {
		width: 105px;
	}

	.block_pricing_table_1 .column.category {
		width: 101px;
	}

	.block_pricing_table_1 .column.special {
		width: 107px;
	}

	.block_pricing_table_2 .column {
		width: 104px;
	}

	.block_pricing_table_2 .column.special {
		width: 107px;
	}

	.block_subscribes_sidebar .service {
		margin-left: 45px;
	}

	.block_subscribes_sidebar .service .num {
		line-height: 13px;
	}

	.block_subscribes_sidebar .service .people {
		display: block;
	}

	.block_popular_posts .article .text .icons {
		padding-left: 20px;
		padding-top: 4px;
		float: left;
	}

	.block_popular_stuff .content {
		width: 374px;
	}

	.block_popular_stuff .media img {
		width: 364px;
	}

	.block_calendar div.datepicker table table td a {
		width: 59px;
	}

	.block_calendar div.datepicker table table td:first-child a {
		width: 58px;
	}

	.block_calendar div.datepicker table table td.last a {
		width: 59px;
	}

	.block_calendar .datepickerGoPrev {
		width: 59px;
	}

	.block_calendar .datepickerGoPrev a {
		width: 58px;
	}

	.block_calendar .datepickerGoPrev span {
		width: 58px;
	}

	.block_calendar .datepickerGoNext {
		width: 61px;
	}

	.block_calendar .datepickerGoNext a {
		width: 60px;
	}

	.block_calendar .datepickerGoNext span {
		width: 60px;
		background-position: 45px 12px;
	}

	.block_calendar .datepickerDoW th span {
		width: 59px;
	}

	.block_calendar .datepickerDoW th:first-child span {
		width: 58px;
	}

	.block_calendar .datepickerDoW th.last span {
		width: 59px;
	}

	.block_newsletter .field {
		width: 342px;
		background:
			url(http://task.andshow.com/tpl/red/layout/images/bg_field_newsletter_420.png)
			no-repeat;
	}

	.block_newsletter .field input {
		width: 320px;
	}

	#footer .bottom {
		height: auto;
	}

	.block_footer_widgets {
		margin-left: 0px;
	}

	.block_footer_widgets .column {
		width: auto;
		margin-left: 0px;
		float: none;
		clear: both;
	}

	.block_flickr_footer {
		margin-bottom: 28px;
	}

	.block_tags {
		margin-bottom: 30px;
	}

	.block_most_read_news {
		margin-bottom: 36px;
	}

	.block_contact_footer .field {
		width: 420px;
		background:
			url(http://task.andshow.com/tpl/red/layout/images/bg_field_contact_footer_420.png)
			no-repeat;
	}

	.block_contact_footer .field input {
		width: 401px;
	}

	.block_contact_footer .textarea {
		width: 420px;
		background:
			url(http://task.andshow.com/tpl/red/layout/images/bg_textarea_contact_footer_420.png)
			no-repeat;
	}

	.block_contact_footer .textarea textarea {
		width: 401px;
	}

	.block_social_footer {
		margin-left: 0px;
		padding-top: 42px;
		float: right;
	}

	.block_popup {
		width: 412px;
		height: auto;
		margin-left: -210px;
		margin-top: 0px;
		position: absolute;
		top: 20px;
	}

	.block_popup .popup {
		width: 412px;
		height: auto;
		padding-bottom: 20px;
	}

	.block_popup .form {
		height: auto;
		overflow: hidden;
	}

	.block_popup .form .column {
		margin-left: 0px;
		margin-bottom: 20px;
	}

	.block_popup .form .column.button {
		margin-top: 0px;
		padding-top: 2px;
		float: right;
	}

	.block_popup .form .column_2 {
		width: 115px;
	}

	.block_popup .form .field {
		width: 370px;
	}

	.block_popup .form .field input {
		width: 355px;
	}

	.block_popup .fb_button {
		margin-right: 0px;
		margin-bottom: 10px;
		float: none;
	}

	.block_popup .text {
		padding-right: 0px;
	}
	.bid-app-wrap{margin-top:0}
	.bid-app-img2{margin:20px 0 50px}

}/* 第二个ＭＥＤＩＡ  767完*/
 @media (min-width: 240px) and (max-width: 320px) {
	.bottom .inner {
 		width:320px; padding:0px 10px;}
		.block_search_top{padding-left:0;}
		.block_today_date {
	    margin-left: 10px;
	    padding-top: 20px;
	    float: none;
	}
}

@media (max-width: 479px) {/* 第三个ＭＥＤＩＡ 479*/

	/* #header .bottom .inner {width:320px; padding:0px 10px;} */
	#header .inner {width:100%; padding:0px 10px;}

	/*img {max-width:100%; height:auto;}*/

	a.fl, a.alignleft, .pic.fl, .pic.alignleft {float:none;}
	a.fr, a.alignright, .pic.fr, .pic.alignright {float:none;}

	.pic.alignleft {margin-bottom:10px; display:inline-block;}
	.pic.alignright {margin-bottom:10px; display:inline-block;}

	.pic.alignleft {margin-right:0px;}
	.pic.alignright {margin-left:0px;}

	.lnk_all_news.fl, .lnk_archive.fl {float:left;}
	.lnk_all_news.fr, .lnk_archive.fr {float:right;}



	/* #header .bottom .inner {background-position:0px 27px;} */

	#logo_top {padding-left:20px;}
	#logo_top img {/* width:188px; */ height:auto;}

	.block_today_date .other {padding-top:3px;}
	.block_today_date .month_year {padding-bottom:4px; font-size:11px;}

	#header .bottom .fr {padding-left:0px;}



	.block_staff .one_third {padding-bottom:0px;}

	.block_author .bio {overflow:visible;}

	.block_author_post {width:300px;}
	.block_author_post .f_pic img {width:290px;}

	.block_accordeon_type_1 .button_outer .button_inner {overflow:hidden;}

	.block_accordeon_type_2 .button_outer .button_inner {overflow:hidden;}

	.block_tabs_type_2 .tabs li a {padding:0px 5px; font-size:10px;}

	blockquote.left {width:auto; margin-top:0px; margin-bottom:14px; float:none;}
	blockquote.right {width:auto; margin-top:0px; margin-bottom:14px; float:none;}

	.block_blog_1 .blog_post .f_pic img {width:290px;}
	.block_blog_1 .blog_post .info {height:auto; overflow:hidden;}
	.block_blog_1 .blog_post .r_part {float:none; clear:left; overflow:hidden;}

	.block_blog_2 .blog_post {width:300px;}
	.block_blog_2 .blog_post .f_pic img {width:290px;}

	.block_single_post .f_pic img {width:290px;}
	.block_single_post .info {height:auto; overflow:hidden;}
	.block_single_post .r_part {float:none; clear:left; overflow:hidden;}
	.block_single_post .about_author .bio {overflow:visible;}

	.block_topic_post_feature .f_pic {margin-bottom:14px; margin-right:0px; float:none;}
	.block_topic_post_feature .f_pic img {width:290px;}

	.block_topic_news .block_topic_post {width:266px;}
	.block_topic_post .f_pic img {width:256px;}

	.block_post_social section.rating {width:138px;}
	.block_post_social section.subscribe {width:138px;}
	.block_post_social section.subscribe a {margin-left:18px; margin-right:0px;}
	.block_post_social section.recommend {width:298px;}

	.block_news_post {width:140px;}
	.block_news_post .f_pic img {width:130px;}

	.block_main_news {margin-left:-20px;}
	.block_main_news .block_news_post {margin-left:20px;}

	.block_leave_reply .field {width:298px;}
	.block_leave_reply .field input {width:278px;}
	.block_leave_reply .textarea {
	width:auto;
}
	.block_leave_reply .textarea textarea {width:278px;}

	.block_contact_form .field {width:298px;}
	.block_contact_form .field input {width:278px;}
	.block_contact_form .textarea {width:298px;}
	.block_contact_form .textarea textarea {width:278px;}

	.block_location .map iframe {width:290px; height:170px;}

	.block_registration .label {float:none;}
	.block_registration .field {width:298px; float:none;}
	.block_registration .field input {width:278px;}
	.block_registration .checkbox {width:auto; float:none;}
	.block_registration .select {width:auto; float:none;}

	.block_media_posts_all {margin-left:-3px;}

	.block_media_item .f_item {width:292px;}
	.block_media_item .f_item .media_item_slider .slides img {width:290px;}
	.block_media_item .f_item .media_item_navigation {width:246px;}

	.block_single_news .f_pic img {width:290px;}

	.block_home_slider {width:290px; height:139px;}
	.block_home_slider .caption {padding:9px 12px 3px;}
	.block_home_slider .caption p {display:none;}
	.block_home_slider .caption p.title {display:block; font-size:12px;}

	.block_news_post_feature {width:300px;}
	.block_news_post_feature .f_pic img {width:290px;}
	.block_main_news .block_news_post_feature {margin-left:20px;}

	.block_media_f_pic img {width:290px;}
	.block_media_f_pic .caption {padding-bottom:9px;}
	.block_media_f_pic .caption .title {padding:9px 12px 0px; font-size:12px;}
	.block_media_f_pic .caption .title a {font-size:12px;}
	.block_media_f_pic .caption .l_part {display:none;}
	.block_media_f_pic .caption .r_part {display:none;}

	.block_media_posts {margin-left:0px;}
	.block_media_posts .block_media_post {margin:0px auto 20px; float:none;}

	.block_home_post_feature {width:300px;}
	.flexslider.home_f_pic_slider .slides img {width:290px;}

	.table_1 tr,
	.table_1 th,
	.table_1 td {vertical-align:middle;}

	.table_2 tr,
	.table_2 th,
	.table_2 td {vertical-align:middle;}

	.block_best_materials {width:300px; margin-left:0px;}
	.block_best_materials .slider {width:319px;}

	.block_subscribes_sidebar .service {margin-left:15px;}

	.block_popular_posts .article .text .icons {padding-left:0px; padding-top:3px; float:right;}

	.block_popular_stuff .content {width:246px; padding-right:13px; border-right:1px solid #f5f5f5;}
	.block_popular_stuff .media img {width:236px;}

	.block_calendar div.datepicker table table td a {width:42px;}
	.block_calendar div.datepicker table table td:first-child a {width:41px;}
	.block_calendar div.datepicker table table td.last a {width:41px;}

	.block_calendar .datepickerGoPrev {width:42px;}
	.block_calendar .datepickerGoPrev a {width:41px;}
	.block_calendar .datepickerGoPrev span {width:40px;}

	.block_calendar .datepickerGoNext {width:43px;}
	.block_calendar .datepickerGoNext a {width:43px;}
	.block_calendar .datepickerGoNext span {width:42px; background-position:27px 12px;}

	.block_calendar .datepickerDoW th span {width:42px;}
	.block_calendar .datepickerDoW th:first-child span {width:41px;}
	.block_calendar .datepickerDoW th.last span {width:41px;}

	.block_newsletter .field {width:222px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_field_newsletter.png) no-repeat;}
	.block_newsletter .field input {width:200px;}

	.block_pricing_table_1 {margin-bottom:-16px;}
	.block_pricing_table_1 .alt_text {display:inline;}
	.block_pricing_table_1 .column,
	.block_pricing_table_1 .column.special
	{width:auto; padding:0px 0px 16px; float:none;}
	.block_pricing_table_1 .column.category {display:none;}
	.block_pricing_table_1 .column.special {
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.block_pricing_table_1 .cell .icon {width:14px; display:inline-block;}

	.block_pricing_table_2 {margin-left:-2px; margin-bottom:-16px;}
	.block_pricing_table_2 .column {width:149px; margin-left:2px; padding:0px 0px 16px;}
	.block_pricing_table_2 .column.special {
		width:149px;
		margin-left:2px;
		margin-right:0px;

		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.block_pricing_table_2 .special .title {height:35px;}
	.block_pricing_table_2 .special .title p {line-height:36px;}
	.block_pricing_table_2 .special .cell.bottom {height:31px;}
	.block_pricing_table_2 .special .cell.bottom p {line-height:31px;}



	.block_contact_footer .field {width:300px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_field_contact_footer_300.png) no-repeat;}
	.block_contact_footer .field input {width:291px;}
	.block_contact_footer .textarea {width:300px; background:url(http://task.andshow.com/tpl/red/layout/images/bg_textarea_contact_footer_300.png) no-repeat;}
	.block_contact_footer .textarea textarea {width:291px;}

	.block_social_footer {padding-top:14px;}



	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .full_width, .one_sixth {width:auto; margin-right:0px; padding-bottom:10px; float:none;}
	.one_half.last , .one_third.last , .two_third.last , .three_fourth.last , .one_fourth.last , .one_fifth.last , .full_width.last , .one_sixth.last {padding-bottom:0px;}
	.one_third.last {width:auto;}
	.two_third.last {width:auto;}
	.one_sixth.last {width:auto;}


	.block_popup {width:292px; margin-left:-150px;}
	.block_popup .popup {width:292px;}
	.block_popup .form .column.button {padding-top:2px; float:left;}
	.block_popup .form .column_2 {margin-top:-11px; margin-bottom:15px;}
	.block_popup .form .field {width:250px;}
	.block_popup .form .field input {width:235px;}
}/* 第三个ＭＥＤＩＡ 479完*/

/*********************
    - Responsive -
*********************/
@media only screen and (min-width:0px) and (max-width:767px) {
	.field_label {
		clear:both;
		width:100%;
		margin-bottom:6px;
	}

	.inputs {
		clear:both;
		width:100%;
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.ajax-contact-form {
		margin:30px auto;
	}

	.ajax-contact-form div.form .title {
		font-size:16px;
		padding:12px;
	}

	.field_label {
		font-size:12px;
		line-height:12px;
	}
}

@media only screen and (min-width:0px) and (max-width:479px) {
	.ajax-contact-form {
		margin:15px auto;
	}

	.ajax-contact-form div.form .title {
		font-size:14px;
		padding:10px;
	}

	.field_label {
		font-size:11px;
		line-height:11px;
	}

	input.aweform[type=text], select.aweform {
		width:100%;
	}
}
.close {
    background-image: url("images/andshow/remove-icon-small.png") !important;
    background-repeat: no-repeat !important;
    display: inline-block;
    height: 9px;
    margin-right: 0;
    margin-top: 0;
    width: 9px;
}

/***
jQuery UI Datepicker(new in v1.2.2)
***/
.ui-widget-header select {
  padding: 2px !important;
  height: 30px;
  margin: 0 !important;
  margin-top: -1px !important;
}

.ui-datepicker.ui-widget-content {
  background: none !important;
  background-color: #eee !important;
}

.ui-datepicker .ui-widget-header {
  background: none !important;
  background-color: #e0e0e0 !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 28px;
}

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png) !important;
}

.ui-widget-header .ui-datepicker-next,
.ui-widget-header .ui-datepicker-prev {
  margin: 2px 2px 2px 2px;
}

.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-active {
  background-color: #F2F2F2 !important;
  border-color: #F2F2F2 !important;
  background-image: none !important;
}

.ui-datepicker .ui-datepicker-title {
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  color: #333;
}

.ui-datepicker .ui-datepicker-title span {
  display: inline-block;
  padding-top: 2px;
}

.ui-datepicker .ui-datepicker-calendar thead span {
  font-weight: 300 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  color: #333 !important;
}

.ui-datepicker .ui-datepicker-week-col {
  font-weight: 400 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  color: #333 !important;
}

.ui-datepicker tbody .ui-datepicker-week-col {
  text-align: center;
}


.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  font-weight: 300 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  color: #333 !important;
  border-color:#DEDEDE;
  background-color: #DEDEDE !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  background-image: none !important;
  border-color:#ffb848;
  background-color: #ffb848 !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
   background-image: none !important;
   background-color: #FFDBA3 !important;
   border-color:#ffb848;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
   background-image: none !important;
   background-color: #ffb848 !important;
   border-color:#ffb848;
}

.ui-datepicker button.ui-state-default {
  background-image: none !important;
  background-color: #35aa47 !important;
  border-color: #35aa47 !important;
  color: #fff;
}

.ui-datepicker button.ui-state-hover {
    border-color: #1d943b !important;
    background-color: #1d943b !important;
    color: #fff !important;

}

.ui-datepicker button.ui-state-default.ui-priority-secondary {
   font-weight: 300 !important;
  font-size: 13px !important;
}

.ui-datepicker button.ui-state-default.ui-priority-primary {
   font-weight: 300 !important;
  font-size: 13px !important;
}
.album-l-h{background:url(images/icon_sprite.png) 0 -68px no-repeat;border-bottom:1px solid #999;font-size:20px;padding:0 0 3px 35px;margin-bottom:1px}
/***
Bootstrap Datepickers Restyle(in v1.2.4)
***/
.modal-open .datepicker {
  z-index: 10060 !Important;
}

.datepicker table .active {
  background-image: none !important;
  background-color: #4b8df8 !important;
  filter: none !important;
}

.datepicker table td {
  font-weight: 300 !important;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important;
}

.datepicker table th {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important;
  font-weight: 400 !important;
}
filter-list {
	margin: 0 0 20px;
	padding: 0;

	list-style: none;
}

.filter-list li {
	display: inline-block;
	position: relative;

	margin-right: 23px;
	padding-bottom: 10px;

	font-size: 13px;
	color: #313538;
	cursor: pointer;
}

.filter-list li.active {
	color: #04BFEA;
}

.filter-list li:before, .filter-list li.active:before {
	content: '';
	display: block;
	height: 0;

	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 53;

	background: #888;

	-webkit-transition: height 0.2s ease;
	transition: height 0.2s ease;
}

.filter-list li:hover:before { height: 2px; }

.filter-list li.active:before {
	height: 2px;
	background: #04BFEA;
}


.filter-select {
	display: none;

    position: relative;
    margin-top: -15px;
    margin-bottom: 25px;
}

.filter-select ul {
    display: none;
    position: absolute;
    left: 0;    right: 0;
    z-index: 10;

    margin: 0;
    padding: 0;

    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: none;

    list-style: none;
}

.filter-select .filter-current {
	background: #fafafa;
	border: 1px solid #e2e2e2;
	border-bottom: 1px solid #dfdfdf;
}

.filter-select .filter-current:hover {
	background: #fafafa url(images/light-btn.jpg) repeat-x top;
	box-shadow: 0 2px 2px rgba(0,0,0,0.04);
	border-color: #d9d9d9;
	border-bottom: 1px solid #cecece;
}

.filter-select .filter-current:active {
	background: #f5f5f5;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	border-color: #d9d9d9;
}

.filter-select .filter-current:after {
	content: "\f0d7";

	float: right;
	margin-top: 5px;
	font: 12px 'FontAwesome';
}

.filter-select li, .filter-select .filter-current {
    padding: 5px 15px 4px;

    line-height: 22px;
    cursor: pointer;
}

.filter-select li:hover {
    margin: 0 -1px;

    background: #04BFEA;
    color: #fff;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.single-project {
margin-bottom: 30px;
}
/***
Choosen plugin css changes
***/
.chzn-controls {
  margin-bottom: -4px !important;
}

.chzn-controls .help-inline {
  display: inline-block;
  margin-top  : 6px;
}

.chzn-container {
  display: block;
  margin: 0;
  padding: 0 !important;
  box-shadow: none !important;
}

.chzn-container-single {
  margin: 0 !important;
  padding: 0 !important;
}

/* fix chosen margins in form layouts */
.controls .chzn-container-single {
  float: left;
}

.chzn-container-single .chzn-single {
  box-shadow: none !important;
  background-image: none !important;
  filter:none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  height: 31px !important;
  border-color: #e5e5e5;
  margin: 0 !important;
}

/* enable form validation classes for chosen dropdowns */
.error .chzn-container-single .chzn-single {
  border-color: #B94A48;
}

.error .chzn-container-single .chzn-single span {
  color: #B94A48;
}

.success .chzn-container-single .chzn-single {
  border-color: #468847;
}

.success .chzn-container-single .chzn-single span {
  color: #468847;
}

.chzn-container-single .chzn-single > span {
   margin-top: 1px;
}

.chzn-container-single .chzn-single > abr {
   margin-top: 3px;
}

.chzn-container-single .chzn-search input:focus,
.chzn-container-single .chzn-search input:active {
  border:1px solid #000 !important;
  box-shadow: none !important;
}

.chzn-container .chzn-choices li.search-choice {
  background-image: none !important;
  filter:none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  text-shadow:none !important;
  background-color: #eee !important;
  border: 0 !important;
}

.chzn-container .chzn-results .highlighted  {
  background-image: none !important;
  filter:none !important;
  background-color: #eee !important;
  color: #111 !important;
}

.chzn-container-multi .chzn-choices  {
  background-image: none !important;
  filter:none !important;
  box-shadow: none !important;
  border-color: #e5e5e5 !important;
  padding: 2px 1px 1px 1px !important;
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-image: none !important;
  filter:none !important;
}

.chzn-x-multi .chzn-choices {
  box-shadow: none !important;
}

.chzn-container .group-result {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/*select {*/
/*  appearance:none;*/
/*  -moz-appearance:none;*/
/*  -webkit-appearance:none;*/
/*  background: url("images/disabled_select.png") no-repeat scroll right center transparent;*/
/*  padding-right: 14px;*/
/*}*/

select::-ms-expand { display: none; }