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

@Author: CodeoStudio
@URL:    http://codeostudio.hr/
Tags: news,blog
[Table of contents]

1. Body
2. Wrapper
3. Shortcodes
    3.1 Typography
    3.2 Forms
    3.3 Columns
    3.4 Blockquotes
    3.5 Pullquotes
    3.6 Dropcaps
    3.7 Buttons
    3.8 Tabs
    3.9 Accordion
    3.10 Spacers
    3.11 Alerts
    3.12 Banners
    3.13 Service boxes
    3.14 Gallery
4. Header
    4.0 Header center
    4.1 Header default
    4.2 Header black
    4.3 Header transparent
    4.4 Header top
    4.5 Secondary nav
    4.6 Header middle
    4.7 Side menu button
    4.8 Site brand
    4.9 Social icons
    4.10 Search form
    4.11 Header bottom
    4.12 Primary nav
5. Header sliders
    5.1 Header hero
    5.2 Header grid
    5.3 Header slider
    5.4 Header video
    5.5 Header carousel
6. Block title
7. Page title
8. Main content
9. Main sidebar
    9.1 Widget - categories/meta/pages/archives/links
    9.2 Widget - social
    9.3 Widget - most viewed
    9.4 Widget - search
    9.5 Widget - tags
    9.6 Widget - recent entries
    9.7 Widget - custom menu
    9.8 Widget - text
    9.9 Widget - calendar
    9.10 Widget - last posts
    9.11 Widget - 300x250 banner
    9.12 Widget - comments
    9.13 Widget - top rated
    9.14 Widget - 125x125 banners
    9.15 Widget - cover categories/posts
    9.16 Widget - cover categories
10. Blog category
    10.1 Module 1
    10.2 Module 2
    10.3 Module 3
    10.4 Module 4
    10.5 Module 5
    10.6 Module 6
    10.7 Module 7
    10.8 Module 8
    10.9 Module 9
11. Post single
    11.1 Author box
    11.2 Post controls
    11.3 Related articles
    11.4 Hero image post
    11.5 Comments
    11.6 Post review
12. Pages
    12.1 404 Page
    12.2 Contact
    12.3 Search
13. Footer
14. Copyright
15. Instagram
16. Shop (WooCommerce)
    16.1 WooCoomerce single
    16.2 Widgets
        16.2.1 Widget - price filter
        16.2.2 Widget - shopping cart
        16.2.3 Widget - products
        16.2.4 Widget - tags
        16.2.5 Widget - rating filter
    16.3 Pages
        16.3.1 Cart page
        16.3.2 Checkout
17. bbPress
17. BuddyPress

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

/*------------------------------------------------------------------
    1. Body
-------------------------------------------------------------------*/
body {
    background-color: #f3f3f3;
    color: #555;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.cs-container:before,
.cs-container:after,
.cs-clearfix:before,
.cs-clearfix:after,
.cs-row:before,
.cs-row:after {
    content: " ";
    display: table
}
.cs-container:after,
.cs-clearfix:after,
.cs-row:after {
    clear: both
}
.cs-preloading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url(../images/loading.gif) center no-repeat #fff;
}
.hidden {
    display: none !important
}

/*------------------------------------------------------------------
    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-site-content .cs-container {    
    padding-bottom: 50px;
}
.cs-site-content .cs-container:first-child {
    padding-top: 50px;
}
.cs-site-content .cs-header-video {
    margin-bottom: 50px
}
.cs-site-content .cs-header-video .cs-container {
    padding-top: 0;
    padding-bottom: 0;
}

/*------------------------------------------------------------------
    3. Shortcodes
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    3.1 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;
    color: #000
}
a:hover {
    text-decoration: none
}
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: #000;
    font-weight: 700;
    margin: 0 0 20px 0
}
h1 {
    font-size: 30px;
    line-height: 38px
}
h2 {
    font-size: 26px;
    line-height: 34px
}
h3 {
    font-size: 22px;
    line-height: 30px
}
h4 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px
}
h5 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
}
h6 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px
}
p {
    margin: 0 0 20px 0
}
hr {
    clear: both;
    display: block;
    overflow: hidden;
    border: 0;
    height: 0;
    margin-bottom: 20px;
    border-top: 1px solid #ddd;
    -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
}
blockquote {
    padding: 5px 25px;
    margin: 25px 0;
    border-left-style: solid;
    border-left-width: 3px
}
blockquote p {
    font-size: 28px;
    font-style: italic;
    line-height: 40px;
    margin-bottom: 15px !important;
    color: #555
}
blockquote footer {
    display: block;
    font-size: 14px;
    color: #000
}
.alignleft,
img.alignleft {
    float: left;
    margin: 5px 40px 20px 0
}
.alignright,
img.alignright {
    float: right;
    margin: 5px 0 20px 40px
}
.aligncenter,
img.aligncenter {
    display: block;
    margin: 30px auto
}
.wp-caption {
    text-align: center;
    max-width: 100%
}
.wp-caption img {
    max-width: 100%
}
.wp-caption-text {
    font-size: 14px;
    color: #999;
    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: 13px;
    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: 13px;
    color: #fff;
    background-color: #000
}
code {
    padding: 2px 4px;
    font-size: 13px;
    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 #f5f5f5
}
th,
td {
    text-align: left;
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    border: 1px solid #f5f5f5
}
ul.page-numbers {
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
    overflow: hidden;
    font-size: 14px
}
ul.page-numbers li {
    display: block;
    float: left;
    margin-right: 5px;
}
ul.page-numbers li span,
ul.page-numbers li a {
    display: block;
    text-align: center;
    padding: 4px 10px;
    min-width: 30px;
    line-height: 22px;
    background-color: #f5f5f5;
    color: #999;
}
ul.page-numbers li span.current {
    color: #000
}

/*------------------------------------------------------------------
    3.2 Forms
-------------------------------------------------------------------*/
form {
    position: relative;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit
}
textarea {
    width: 100%;
    min-height: 180px
}
label {
    font-weight: 400;
    font-size: 13px;
    color: #333
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="phone"],
input[type="number"],
input[type="email"],
input[type="datetime"],
input[type="search"],
input[type="tel"],
textarea,
select {
    padding: 10px 12px;
    outline: none;
    font-size: 14px;
    color: #555;
    margin: 0;
    max-width: 100%;
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: 400
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="phone"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="datetime"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
    color: #000
}
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="password"],
form.wpcf7-form input[type="url"],
form.wpcf7-form input[type="phone"],
form.wpcf7-form input[type="number"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="datetime"],
form.wpcf7-form input[type="search"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form textarea,
form.wpcf7-form select {
    width: 100%
}
form.wpcf7-form label {
    display: block;
    margin-bottom: 5px
}
form.wpcf7-form input[type="submit"] {
    display: inline-block;
    padding: 4px 14px;
    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: #333;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
form.wpcf7-form input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
}
/*------------------------------------------------------------------
    3.3 Columns
-------------------------------------------------------------------*/
.cs-row {
    position: relative;
    margin-left: -15px;
    margin-right: -15px
}
.cs-col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}
.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%
}

/*------------------------------------------------------------------
    3.4 Blockquotes
-------------------------------------------------------------------*/
blockquote.alt {
    text-align: center;
    border: 0;
}
blockquote.alt p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 300
}

/*------------------------------------------------------------------
    3.5 Pullquotes
-------------------------------------------------------------------*/
.pullquotes {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    z-index: 1;
    color: #000
}
.pullquotes:after {
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 140px;
    position: absolute;
    z-index: -1;
    top: 15px;
    color: #eee
}
.pullquotes.left {
    float: left;
    width: 30%;
    margin: 20px 40px 20px 0;
    padding-left: 30px
}
.pullquotes.left:after {
    content: "\201C";
    left: 0
}
.pullquotes.center {
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    clear: both
}
.pullquotes.right {
    float: right;
    text-align: right;
    width: 30%;
    margin: 20px 0 20px 40px;
    padding-right: 30px
}
.pullquotes.right:after {
    content: "\201C";
    right: 0
}

/*------------------------------------------------------------------
    3.6 Dropcaps
-------------------------------------------------------------------*/
.dropcap:first-letter {
    float: left;
    display: block;
    font-size: 40px;
    line-height: 42px;
    margin: 0 10px 0 0;
    font-weight: 400;
    color: #000
}

/*------------------------------------------------------------------
    3.7 Buttons
-------------------------------------------------------------------*/
.cs-btn {
    display: inline-block;
    padding: 4px 14px;
    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: #333;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-btn:hover {
    background-color: #000 !important;
    color: #fff;
}
.cs-btn.cs-btn-small {
    padding: 2px 8px;
    font-size: 12px
}
.cs-btn.cs-btn-large {
    padding: 8px 20px;
    font-size: 18px
}
.cs-btn.cs-btn-extralarge {
    padding: 16px 32px;
    font-size: 24px
}
.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: #f5f5f5;
    color: #333
}
.cs-btn.cs-btn-white:hover {
    color: #fff
}
.cs-btn.cs-btn-black {
    background-color: #222
}
.cs-btn.cs-btn-red {
    background-color: #683c17
}
.cs-btn.cs-btn-green {
    background-color: #71a866
}
.cs-btn.cs-btn-tirquese {
    background-color: #7fccbc
}
.cs-btn.cs-btn-blue {
    background-color: #508fd1
}
.cs-btn.cs-btn-pink {
    background-color: #9d5fac
}
.cs-btn.cs-btn-orange {
    background-color: #c47839
} 
.cs-btn.cs-btn-grey {
    background-color: #b1b0a7
}
.cs-btn.cs-btn-with-icon {
    padding-left: 44px
}
.cs-btn.cs-btn-small.cs-btn-with-icon {
    padding-left: 34px
}
.cs-btn.cs-btn-large.cs-btn-with-icon {
    padding-left: 58px
}
.cs-btn.cs-btn-extralarge.cs-btn-with-icon {
    padding-left: 86px
}
.cs-btn.cs-btn-with-icon i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center
}
.cs-btn.cs-btn-with-icon i {
    width: 30px;
    line-height: 30px;
    font-size: 12px;
}
.cs-btn.cs-btn-small.cs-btn-with-icon i {
    width: 26px;
    line-height: 26px;
    font-size: 10px;
}
.cs-btn.cs-btn-large.cs-btn-with-icon i {
    width: 38px;
    line-height: 38px;
    font-size: 14px;
}
.cs-btn.cs-btn-extralarge.cs-btn-with-icon i {
    width: 54px;
    line-height: 54px;
    font-size: 20px;
}

/*------------------------------------------------------------------
    3.8 Tabs
-------------------------------------------------------------------*/
.cs-tab-group {
    margin-bottom: 30px
}
.cs-tab-group .ui-tabs-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.cs-tab-group .ui-tabs-nav li {
    float: left;
    margin-right: 1px
}
.cs-tab-group .ui-tabs-nav li a {
    outline: none;
    display: block;
    padding: 10px 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #bbb;
    text-transform: uppercase;
    background-color: #e9e9e9;
    font-size: 14px;
    font-weight: 700;
    color: #bbb
}
.cs-tab-group .ui-tabs-panel {
    padding: 20px;
    background-color: #f9f9f9;
}
.cs-tab-group .ui-tabs-panel p:last-child {
    margin: 0
}
.cs-tab-group .ui-tabs-nav li.ui-tabs-active a,
.cs-tab-group .ui-tabs-nav li:hover a {
    color: #000;
    background-color: #f9f9f9
}

/*------------------------------------------------------------------
    3.9 Accordion
-------------------------------------------------------------------*/
.cs-accordion-group {
    margin-bottom: 20px
}
.cs-accordion-group .cs-accordion-title {
    color: #bbb;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    margin-bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #bbb;
    position: relative;
    text-transform: uppercase;
    background-color: #f9f9f9;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cs-accordion-group .cs-accordion-title:after {
    content: "+";
    position: absolute;
    right: 15px;
    top: 10px;
}
.cs-accordion-group .cs-accordion-title.ui-state-active {
    color: #000;
    background-color: #e9e9e9
}
.cs-accordion-group .cs-accordion-title:hover {
    color: #000
}
.cs-accordion-group .cs-accordion-title.ui-state-active:after {
    color: #000;
    content: "-"
}
.cs-accordion-group .cs-accordion-panel {
    padding: 20px;
    background-color: #f9f9f9;
    margin-bottom: 1px;
}
.cs-accordion-group .cs-accordion-panel p:last-child {
    margin: 0
}

/*------------------------------------------------------------------
    3.10 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: #999;
    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
}

/*------------------------------------------------------------------
    3.11 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: #EBF6E0;
    color: #5f9025
}
.cs-alert.cs-alert-blue {
    background-color: #E9F7FE;
    color: #5091b2
}
.cs-alert.cs-alert-red {
    background-color: #ffe9e9;
    color: #de5959
}
.cs-alert.cs-alert-yellow {
    background-color: #FBFADD;
    color: #8f872e
}
.woocommerce-message {
    padding: 15px;
    margin-bottom: 20px;
    background-color: #EBF6E0;
    color: #5f9025
}

/*------------------------------------------------------------------
    3.12 Banners
-------------------------------------------------------------------*/
.cs-advertisement {
    margin-bottom: 50px;
    display: block;
    text-align: center;
}

/*------------------------------------------------------------------
    3.13 Service box
-------------------------------------------------------------------*/
.cs-service-box {
    margin-bottom: 20px
}
.cs-service-box i {
    font-size: 32px;
    margin-bottom: 8px;
    color: #ddd
}
.cs-service-box h4 {
    margin: 0 0 10px 0 !important
}

/*------------------------------------------------------------------
    3.14 Gallery
-------------------------------------------------------------------*/
.cs-gallery-container {
    height: 100%;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}
.cs-gallery-container .swiper-container {}
.cs-gallery-container .swiper-slide {
    background-size: cover;
    background-position: center
}
.cs-gallery-container .cs-gallery-top {
    background-color: #333
}
.cs-gallery-container .cs-gallery-top .swiper-button-next,
.cs-gallery-container .cs-gallery-top .swiper-button-prev {
    top: 50%;
    margin-top: -30px;
    font-size: 60px;
    line-height: 100%;
    z-index: 1;
    color: #fff;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
.cs-gallery-container .cs-gallery-top .swiper-button-next {
    left: 20px;
}
.cs-gallery-container .cs-gallery-top .swiper-button-prev {
    right: 20px;
}
.cs-gallery-container .cs-gallery-thumbs {
    height: 120px;
    width: 100%;
    background-color: #111
}
.cs-gallery-container .cs-gallery-thumbs .swiper-slide {
    width: 100px;
    height: 100px;
    margin: 10px 5px;
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cs-gallery-container .cs-gallery-thumbs .swiper-slide:hover {
    opacity: 1
}
.cs-gallery-container .cs-gallery-thumbs .swiper-slide-active {
    opacity: 1;
    cursor: default;
}

/*------------------------------------------------------------------
    4. Header
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    4.1 Header default
-------------------------------------------------------------------*/
.cs-header-default {
    background-color: #fff;
    position: relative;
    z-index: 9
}

/*------------------------------------------------------------------
    4.2 Header black
-------------------------------------------------------------------*/
.cs-header-black {
    background-color: #222;
    position: relative;
    z-index: 9
}

/*------------------------------------------------------------------
    4.3 Header transparent
-------------------------------------------------------------------*/
.cs-header-transparent {
    background-color: rgba(255,255,255,0.1);
    position: relative;
    z-index: 9
}

/*------------------------------------------------------------------
    4.4 Header top
-------------------------------------------------------------------*/
.cs-header-default .cs-header-top {
    background-color: #f5f5f5
}
.cs-header-black .cs-header-top {
    background-color: #000
}
.cs-header-transparent .cs-header-top {
    background-color: rgba(255,255,255,0.2)
}

/*------------------------------------------------------------------
    4.5 Secondary nav
-------------------------------------------------------------------*/
.cs-secondary-nav nav ul {
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 2;
}
.cs-secondary-nav > nav > ul {
    position: relative;
}
.cs-secondary-nav > nav > ul > li {
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
}
.cs-secondary-nav nav li.menu-item-has-children i {
    display: none
}
.cs-secondary-nav > nav > ul > li > a {
    text-transform: uppercase;
    position: relative;
    padding: 8px 0;
    display: block;
}
.cs-header-default .cs-secondary-nav > nav > ul > li > a {
    color: #000
}
.cs-header-black .cs-secondary-nav > nav > ul > li > a {
    color: #fff
}
.cs-header-transparent .cs-secondary-nav > nav > ul > li > a {
    color: #fff
}
.cs-secondary-nav > nav > ul > li.menu-item-has-children > a:after {
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    content: "\f107";
    padding-left: 5px;
    font-size: 10px;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cs-header-default .cs-secondary-nav > nav > ul > li.menu-item-has-children > a:after {
    color: #999;
}
.cs-header-black .cs-secondary-nav > nav > ul > li.menu-item-has-children > a:after {
    color: #999
}
.cs-header-transparent .cs-secondary-nav > nav > ul > li.menu-item-has-children > a:after {
    color: #999
}
.cs-secondary-nav nav ul.sub-menu {
    font-size: 12px;
    line-height: 22px;
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    z-index: 1;
    min-width: 140px;
    white-space: nowrap;
    padding: 15px 0
}
.cs-header-default .cs-secondary-nav nav ul.sub-menu {
    background-color: #fff;
    -webkit-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
}
.cs-header-black .cs-secondary-nav nav ul.sub-menu {
    background-color: #444;
    -webkit-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
}
.cs-header-transparent .cs-secondary-nav nav ul.sub-menu {
    background-color: #fff;
    -webkit-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
}
.cs-secondary-nav nav ul.sub-menu li {
    position: relative;
}
.cs-secondary-nav nav ul.sub-menu li.menu-item-has-children a:after {
    position: absolute;
    right: 15px;
    top: 0;
    display: inline-block;
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 10px;
    font-style: normal;
}
.cs-header-default .cs-secondary-nav nav ul.sub-menu li.menu-item-has-children a:after {
    color: #999;
}
.cs-header-black .cs-secondary-nav nav ul.sub-menu li.menu-item-has-children a:after {
    color: #999;
}
.cs-header-transparent .cs-secondary-nav nav ul.sub-menu li.menu-item-has-children a:after {
    color: #999;
}
.cs-secondary-nav nav ul.sub-menu li a {
    display: block;
    padding: 0 20px
}
.cs-header-default .cs-secondary-nav nav ul.sub-menu li a {
    color: #000
}
.cs-header-black .cs-secondary-nav nav ul.sub-menu li a {
    color: #fff
}
.cs-header-black .cs-secondary-nav nav ul.sub-menu li a:hover {
    color: #999
}
.cs-header-transparent .cs-secondary-nav nav ul.sub-menu li a {
    color: #000
}
.cs-secondary-nav nav li:hover > ul.sub-menu {
    display: block
}
.cs-secondary-nav nav ul.sub-menu ul.sub-menu {
    left: 100%;
    top: -15px
}

/*------------------------------------------------------------------
    4.6 Header middle
-------------------------------------------------------------------*/
.cs-header-middle {}

/*------------------------------------------------------------------
    4.7 Side menu button
-------------------------------------------------------------------*/
.cs-toggle-nav {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 40px 30px 0;    
    cursor: pointer
}
.cs-toggle-nav i {
    font-size: 24px    
}
.cs-header-default .cs-toggle-nav {
    border-right: 1px solid #ddd
}
.cs-header-default .cs-toggle-nav i {
    color: #000
}
.cs-header-black .cs-toggle-nav {
    border-right: 1px solid #444
}
.cs-header-black .cs-toggle-nav i {
    color: #fff
}
.cs-header-transparent .cs-toggle-nav {
    border-right: 1px solid rgba(255,255,255,0.3)
}
.cs-header-transparent .cs-toggle-nav i {
    color: #fff
}

/*------------------------------------------------------------------
    4.8 Site brand
-------------------------------------------------------------------*/
.cs-site-brand {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 40px 30px 0
}
.cs-header-default .cs-site-brand {
    border-right: 1px solid #ddd
}
.cs-header-black .cs-site-brand {
    border-right: 1px solid #444
}
.cs-header-transparent .cs-site-brand {
    border-right: 1px solid rgba(255,255,255,0.3)
}
.center .cs-site-brand {
    border-right: 0
}
.center .cs-site-brand {
    padding: 40px 0;
    display: block;
    text-align: center;
}
.cs-header-black .cs-site-brand h1.cs-site-title,
.cs-header-black .cs-site-brand h1.cs-site-title a,
.cs-header-transparent .cs-site-brand h1.cs-site-title,
.cs-header-transparent .cs-site-brand h1.cs-site-title a {
    color: #fff
}
h1.cs-site-title,
h1.sidr-class-cs-site-title {
    text-transform: uppercase;
    font-size: 38px;
    line-height: 38px;
    letter-spacing: -3px;
    margin: 0
}
h2.cs-site-description,
h2.sidr-class-cs-site-description {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #999;
    margin: 0
}
h1.sidr-class-cs-site-title {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}
h2.sidr-class-cs-site-description {
    display: none;
}

/*------------------------------------------------------------------
    4.9 Social icons
-------------------------------------------------------------------*/
.cs-social-icons {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 40px;
    text-align: center
}
.cs-header-default .cs-social-icons {
    border-right: 1px solid #ddd
}
.cs-header-black .cs-social-icons {
    border-right: 1px solid #444
}
.cs-header-transparent .cs-social-icons {
    border-right: 1px solid rgba(255,255,255,0.3)
}
.center .cs-social-icons {
    border-right: 0
}
.cs-social-icons ul {
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 0
}
.center .cs-social-icons {
    display: block;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px
}
.cs-social-icons ul li {
    display: inline-block;
    font-size: 18px
}
.cs-social-icons ul li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.cs-header-default .cs-social-icons ul li a {
    color: #000
}
.cs-header-default .cs-social-icons ul li a:hover {
    color: #555
}
.cs-header-black .cs-social-icons ul li a {
    color: #fff
}
.cs-header-black .cs-social-icons ul li a:hover {
    color: #999
}
.cs-header-transparent .cs-social-icons ul li a {
    color: #fff
}
.cs-header-transparent .cs-social-icons ul li a:hover {
    color: #999
}

/*------------------------------------------------------------------
    4.10 Search form
-------------------------------------------------------------------*/
.cs-search-form {
    padding: 30px 0 30px 40px;
    display: table-cell;
    vertical-align: middle;
}
.center .cs-search-form {
    display: block;
    position: absolute;
    padding: 0;
    right: 0;
    top: 50%;
    margin-top: -27px
}
.cs-search-form form {
    margin: 0;
    position: relative;
    width: 100%
}
.cs-search-form form input {
    font-size: 14px;
    width: 100%;
    background: transparent;
    padding: 15px 20px 15px 50px;
    border: 0;
    outline: 0
}
.cs-search-form form:before {
    font-family: 'FontAwesome';
    content: "\f002";
    display: block;
    padding: 15px 20px;
    position: absolute;
    left: 0;
    top: 0
}
.cs-header-default .cs-search-form form input {
    background-color: #f5f5f5;
}
.cs-header-default .cs-search-form form:before {
    color: #bbb;
}
.cs-header-black .cs-search-form form input {
    background-color: #353535;
    color: #999;
}
.cs-header-black .cs-search-form form:before {
    color: #999
}
.cs-header-transparent .cs-search-form form input {
    background-color: rgba(0,0,0,0.5);
    color: #999;
}
.cs-header-transparent .cs-search-form form:before {
    color: #999
}

/*------------------------------------------------------------------
    4.11 Header bottom
-------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}
.cs-header-bottom {
    height: 60px
}
.cs-header-default .cs-header-bottom {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.cs-header-transparent .cs-header-bottom {
    border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3)
}
.cs-header-bottom-sticky.active {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    right: 0
}
body.admin-bar .cs-header-bottom-sticky.active {
    top: 32px
}
.cs-header-default .cs-header-bottom-sticky.active .cs-header-bottom {
    background-color: #fff;
}
.cs-header-transparent .cs-header-bottom-sticky.active .cs-header-bottom {
    background-color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out
}

/*------------------------------------------------------------------
    4.12 Primary nav
-------------------------------------------------------------------*/
.cs-primary-nav nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1
}
.cs-primary-nav > nav > ul {
    font-size: 0
}
.cs-primary-nav nav ul.cs-mega-menu .widget {
    padding: 0;
    margin: 0;
    background-color: transparent
}
.center .cs-primary-nav nav {
    display: table;
    margin: 0 auto
}
.cs-primary-nav > nav > ul > li {
    display: inline-block;
    margin-right: 30px;
    font-size: 14px
}
.cs-primary-nav > nav > ul > li > a {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 58px;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}
.cs-primary-nav nav li.menu-item-has-children i {
    display: none;
}
.cs-header-default .cs-primary-nav > nav > ul > li > a {
    color: #000
}
.cs-header-black .cs-primary-nav > nav > ul > li > a {
    line-height: 59px;
    opacity: 0.8;
    color: #fff
}
.cs-header-transparent .cs-primary-nav > nav > ul > li > a {
    color: #fff
}
.cs-header-black .cs-primary-nav > nav > ul > li.current-menu-item > a,
.cs-header-black .cs-primary-nav > nav > ul > li:hover > a {
    opacity: 1
}
.cs-header-transparent .cs-primary-nav > nav > ul > li.current-menu-item > a,
.cs-header-transparent .cs-primary-nav > nav > ul > li:hover > a {
    border-color: #fff
}
.cs-primary-nav > nav > ul > li.menu-item-has-children > a:after {
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    content: "\f107";
    padding-left: 5px;
    font-size: 10px;
    line-height: 1;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cs-header-default .cs-primary-nav > nav > ul > li > a:after {
    color: #999;
}
.cs-header-black .cs-primary-nav > nav > ul > li > a:after {
    color: #ccc
}
.cs-header-transparent .cs-primary-nav > nav > ul > li > a:after {
    color: #999
}
.cs-primary-nav nav ul.sub-menu {
    font-size: 13px;
    line-height: 1;
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    z-index: 1;
    min-width: 180px;
    font-weight: 700;
    white-space: nowrap;
    background-color: #fff;
    -webkit-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
}
.cs-primary-nav nav ul.sub-menu li {
    position: relative;
    border-bottom: 1px solid #ddd
}
.cs-primary-nav nav ul.sub-menu li:last-child {
    border-bottom: 0
}
.cs-primary-nav nav ul.sub-menu li.menu-item-has-children a:after {
    position: absolute;
    right: 15px;
    top: 12px;
    display: inline-block;
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 10px;
    font-style: normal;
}
.cs-header-default .cs-primary-nav nav ul.sub-menu li.menu-item-has-children a:after {
    color: #999;
}
.cs-header-black .cs-primary-nav nav ul.sub-menu li.menu-item-has-children a:after {
    color: #999;
}
.cs-header-transparent .cs-primary-nav nav ul.sub-menu li.menu-item-has-children a:after {
    color: #999;
}
.cs-primary-nav nav ul.sub-menu li a {
    display: block;
    padding: 12px 20px;
    color: #000
}
.cs-primary-nav nav li:hover > ul.sub-menu {
    display: block
}
.cs-primary-nav nav ul.sub-menu ul.sub-menu {
    left: 100%;
    top: 0
}
.cs-primary-nav ul.cs-mega-menu {
    font-size: 14px;
    display: none;
    position: absolute;
    height: auto;
    width: 1140px;
    left: 0 !important;
    padding: 40px;
    -webkit-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.2);
}
.cs-header-default .cs-primary-nav nav ul.cs-mega-menu {
    background-color: #fff
}
.cs-header-black .cs-primary-nav nav ul.cs-mega-menu {
    background-color: #fff
}
.cs-header-transparent .cs-primary-nav nav ul.cs-mega-menu {
    background-color: #fff
}
.cs-primary-nav nav li:hover > ul.cs-mega-menu {
    display: block
}
.cs-primary-nav nav ul.cs-mega-menu .widget {
    width: 33.33%;
    float: left;
    padding-right: 40px;
}
.cs-primary-nav nav ul.cs-mega-menu .widget:last-child {
    padding-right: 0
}

/*------------------------------------------------------------------
    4.13 Off-canvas wrap
-------------------------------------------------------------------*/
.cs-offcanvas-wrap {
    background-color: #fff;
    color: #000;
    position: fixed;
    width: 100%;
    left: -100%;
    height: 100%;
    z-index: 99999;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
    overflow-y: scroll;
}
.cs-offcanvas-wrap.active {
    left: 0
}
.cs-offcanvas-wrap .close {
    cursor: pointer;
    font-size: 22px;
    display: block;
    padding: 20px 30px
}

/*------------------------------------------------------------------
    4.14 Off-canvas nav
-------------------------------------------------------------------*/
.cs-offcanvas-nav {
    padding: 0 15px;
    font-size: 14px
}
.cs-offcanvas-nav nav {
    margin-bottom: 20px
}
.cs-offcanvas-nav nav ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-offcanvas-nav nav ul li {
    width: 100%;
    position: relative;
    display: block;
    cursor: pointer;
    border-top: 1px solid #eee;
}
.cs-offcanvas-nav > nav > ul > li:first-child {
    border-top: 0
}
.cs-offcanvas-nav nav > ul > li > a {
    font-weight: 700;
    text-transform: uppercase;
}
.cs-offcanvas-nav nav ul li a {
    display: inline-block;
    padding: 8px 0
}
.cs-offcanvas-nav nav ul li a div {
    display: none;
}
.cs-offcanvas-nav ul.sub-menu {
    padding-left: 20px;
    display: none;
}
.cs-offcanvas-nav nav ul li.menu-item-has-children i {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    transition: transform 0.2s;
}
.cs-offcanvas-nav nav ul li.show-sub-menu > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.cs-offcanvas-nav nav ul li.show-sub-menu > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.cs-offcanvas-nav ul.sub-menu,
.cs-offcanvas-nav .cs-mega-menu {
    display: none;
}
.cs-offcanvas-nav .has-cs-mega-menu .widget:first-child {
    margin-top: 40px
}

/*------------------------------------------------------------------
    4.15 Off-canvas search
-------------------------------------------------------------------*/
.cs-offcanvas-search {
    padding: 15px
}
.cs-offcanvas-search form {
    position: relative;
}
.cs-offcanvas-search form input[type="search"] {
    font-size: 14px;
    color: #555;
    margin: 0;
    width: 100%;
    display: block;
    font-weight: 400;
    background-color: #f5f5f5;
    border: 0;
    outline: 0;
    padding: 15px 20px 15px 50px;
}
.cs-offcanvas-search form input[type="submit"] {
    display: none
}
.cs-offcanvas-search form:before {
    font-family: 'FontAwesome';
    color: #bbb;
    content: "\f002";
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0
}


/*------------------------------------------------------------------
    4.16 Off-canvas social
-------------------------------------------------------------------*/
.cs-offcanvas-social {
    padding: 20px 15px 15px 15px
}
.cs-offcanvas-social nav {
    display: table;
    margin: 0 auto
}
.cs-offcanvas-social nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-offcanvas-social nav ul li {
    display: inline-block;
    margin-right: 5px
}
.cs-offcanvas-social nav ul li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/*------------------------------------------------------------------
    4.17 Banner space
-------------------------------------------------------------------*/
.cs-banner-space {
    padding: 30px 0 30px 40px;
    display: table-cell;
    vertical-align: middle;
}

/*------------------------------------------------------------------
    5. Header sliders
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    5.1 Header hero
-------------------------------------------------------------------*/
.cs-header-hero {
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #000
}
.cs-header-hero .swiper-container {
    height: 800px;
    width: 100%
}
.cs-header-hero .swiper-slide-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.4;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}
.cs-header-hero .swiper-pagination-bullet {
    background-color: #fff
}
.cs-header-hero .swiper-caption {
    z-index: 1;
    position: absolute;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 1140px
}
.cs-header-hero .swiper-caption h2 {
    font-size: 40px;
    line-height: 56px;
    padding: 20px 0;
    margin-bottom: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.cs-header-hero .swiper-caption h2 a {
    display: block;
    color: #fff
}
.cs-header-hero .swiper-caption .cs-post-meta-info span a:hover {
    color: #fff
}
.cs-header-hero .swiper-caption .cs-post-categories a {
    color: #fff !important
}

/*------------------------------------------------------------------
    5.2 Header grid
-------------------------------------------------------------------*/
.cs-header-grid {
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #f5f5f5;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}
.cs-header-grid:before,
.cs-header-grid:after {
    content: " ";
    display: table
}
.cs-header-grid:after {
    clear: both
}
.cs-header-grid .cs-grid-item {
    position: relative;
    background-color: #000;
    overflow: hidden;
}
.cs-header-grid .cs-grid-item .cs-circle-rating {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 5;
    bottom: auto
}
.cs-header-grid .cs-grid-item .cs-post-header {
    position: absolute;
    z-index: 4;
    width: 100%;
    bottom: 60px;
    left: 0;
    text-align: center;
    padding: 0 30px
}
.cs-header-grid .cs-grid-item .cs-post-header h3 {
    font-size: 14px;
    line-height: 22px
}
.cs-header-grid .cs-grid-item .cs-post-header h3 a,
.cs-header-grid .cs-grid-item .cs-post-categories a {
    color: #fff
}
.cs-header-grid .cs-grid-item .cs-post-media {
    opacity: 0.6;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    -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-header-grid .cs-grid-item:hover .cs-post-media {
    -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-header-grid .cs-grid-item .cs-post-categories a:after {
    color: #fff
}
.cs-header-grid .cs-grid-20 {
    float: left;
    width: 25%
}
.cs-header-grid .cs-grid-20 .cs-grid-item {
    height: 250px;
    margin: 0 1px 1px 0
}
.cs-header-grid .cs-grid-20 .cs-grid-item:last-child {
    margin-bottom: 0
}
.cs-header-grid .cs-grid-20:last-child .cs-grid-item {
    margin: 0 0 1px 1px
}
.cs-header-grid .cs-grid-40 {
    float: left;
    width: 50%
}
.cs-header-grid .cs-grid-40 .cs-grid-item {
    height: 501px
}
.cs-header-grid .cs-grid-40 .cs-grid-item .cs-post-header h3 {
    font-size: 26px;
    line-height: 34px
}

/*------------------------------------------------------------------
    5.3 Header slider
-------------------------------------------------------------------*/
.cs-header-slider {
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 50px 0 0 0;
}
.cs-header-slider .swiper-container {
    padding-bottom: 55px
}
.cs-header-slider .cs-post {
    margin: 0;
    overflow: hidden;
}
.cs-header-slider .cs-post .cs-post-thumb img {
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.cs-header-slider .cs-post:hover .cs-post-thumb img {
    opacity: 0.8
}
.cs-header-slider .cs-post-header {
    z-index: 1;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 90%;
    margin: 0 5%;
    text-align: center;
    background-color: #fff;
    padding: 30px 30px 0 30px
}
.cs-header-slider .cs-post-header h3 {
    font-size: 32px;
    line-height: 44px
}
.cs-header-slider .swiper-pagination {
    bottom: 0;
    font-size: 0
}

/*------------------------------------------------------------------
    5.4 Header video
-------------------------------------------------------------------*/
.cs-header-video {
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #000;
    padding: 50px 0
}
.cs-header-video .swiper-slide {
    background: transparent;
}
.cs-header-video .cs-post {
    margin-bottom: 0
}
.cs-header-video .cs-post .cs-post-media {
    float: left;
    width: 60%;
    margin-right: 50px;
    margin-bottom: 0;
    background: transparent;
}
.cs-header-video .cs-post .cs-post-media iframe {
    height: 400px
} 
.cs-header-video .cs-post .cs-post-wrapper {
    overflow: hidden;
}
.cs-header-video .cs-post .cs-post-header h3 {
    font-size: 24px;
    line-height: 32px
}
.cs-header-video .cs-post .cs-post-header h3 a {
    color: #fff
}
.cs-header-video .cs-post .cs-post-meta-info span a:hover {
    color: #fff
}
.cs-header-video .cs-post .cs-post-excerpt {
    color: #999;
    border-top: 1px solid #333
}

.cs-header-controls {
    overflow: hidden;
    margin-top: 20px
}
.cs-header-controls .swiper-button-prev {
    left: 20px
}
.cs-header-controls .swiper-button-next {
    right: 20px
}
.cs-header-controls .swiper-button-prev,
.cs-header-controls .swiper-button-next {
    z-index: 5;
    top: 50%;
    margin-top: 0;
    color: #fff;
    width: 49%;
    float: left;
    height: auto;
    line-height: normal;
    position: static;
    display: block;
    text-align: center;    
    font-size: 30px;
    padding: 10px 0;
    background-color: #222;
    margin-left: 0.5%
}
.cs-header-controls .swiper-button-prev {
    margin-right: 0.5%;
    margin-left: 0
}

/*------------------------------------------------------------------
    5.5 Header carousel
-------------------------------------------------------------------*/
.cs-header-carousel {
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #f5f5f5;
    padding: 30px 0 15px 0;
    border-bottom: 1px solid #ddd;
}
.cs-header-carousel .cs-post {
    margin-bottom: 0
}
.cs-header-carousel .cs-post .cs-circle-rating {
    position: absolute;
    left: 20px;
    top: 20px;
    bottom: auto;
    z-index: 5
}
.cs-header-carousel .cs-post .cs-post-media a:before {
    display: none;
}
.cs-header-carousel .cs-post .cs-post-header {
    position: absolute;
    z-index: 4;
    width: 100%;
    bottom: 60px;
    left: 0;
    text-align: center;
    padding: 0 30px
}
.cs-header-carousel .cs-post .cs-post-header h3 {
    font-size: 18px;
    line-height: 26px
}
.cs-header-carousel .cs-post .cs-post-header h3 a,
.cs-header-carousel .cs-post .cs-post-categories a {
    color: #fff
}
.cs-header-carousel .cs-post .cs-post-media {
    background-color: #000;
    margin: 0
}
.cs-header-carousel .cs-post .cs-post-media img {
    opacity: 0.6
}
.cs-header-carousel .cs-post .cs-post-categories a:after {
    color: #fff
}
.cs-header-carousel .cs-post .cs-post-media .cs-post-header a:before {
    display: none;
}
.cs-header-carousel .swiper-container {
    padding-bottom: 35px
}
.cs-header-carousel .swiper-pagination {
    bottom: 0;
    font-size: 0
}
.cs-header-carousel .swiper-pagination-bullet-active {}

/*------------------------------------------------------------------
    6. Block title
-------------------------------------------------------------------*/
.block-title {
    margin-bottom: -50px
}
.cs-main-content > .cs-row > .cs-col > .block-title,
.cs-main-content > .theiaStickySidebar > .cs-row > .cs-col > .block-title {
    margin-bottom: 30px
}
h3.cs-block-title {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin: 0 0 30px 0;
    line-height: 1;
    text-transform: uppercase;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
h3.cs-block-title span {
    padding: 10px;
    padding-bottom: 9px;
    display: inline-block;
    color: #fff
}

/*------------------------------------------------------------------
    7. Page title
-------------------------------------------------------------------*/
.cs-page-title {
    background-color: #f5f5f5;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.cs-page-title h1 {
    margin-bottom: 0;
    color: #000
}
.cs-header-transparent + .cs-page-title {
    background-color: #000;
    border-bottom: 0
}
.cs-header-transparent + .cs-page-title h1 {
    color: #fff
}

/*------------------------------------------------------------------
    8. Main content
-------------------------------------------------------------------*/
.cs-main-content {
    width: 100%
}
.cs-main-content.cs-sidebar-on-the-right {
    float: left;
    width: 73.5%;
    padding-right: 4.5%
}
.cs-main-content.cs-sidebar-on-the-left {
    float: right;
    width: 73.5%;
    padding-left: 4.5%
}

/*------------------------------------------------------------------
    9. Main sidebar
-------------------------------------------------------------------*/
.cs-main-sidebar {
    float: left;
    width: 26.5%
}
.widget {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 22px;
}
.cs-main-sidebar .widget:last-child {
    margin-bottom: 0
}
.widget input[type="search"],
.widget select {
    width: 100%
}
.widget select {
    border: 1px solid #ddd;
    padding: 10px 12px;
}
h3.widget_title {
    font-size: 14px;
    display: block;
    margin: 0 0 20px 0;
    line-height: 1;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd
}
h3.widget_title span {
    padding: 0 0 10px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: -1px;
    display: inline-block;
    line-height: 1
}

/* Global */
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_nav_menu ul,
.widget_links ul,
.widget_pages ul,
.widget_rss ul,
.widget_product_categories ul,
.widget_rating_filter ul,
.widget_display_forums ul,
.widget_display_views ul,
.widget_display_topics ul,
.widget_display_replies ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_pages ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_product_categories ul li,
.widget_display_forums ul li,
.widget_display_views ul li,
.widget_display_topics ul li,
.widget_display_replies ul li {
    border-top: 1px solid #eee;
    padding: 5px 0;
    color: #999
}
.widget_archive ul li:first-child,
.widget_categories ul li:first-child,
.widget_links ul li:first-child,
.widget_meta ul li:first-child,
.widget_nav_menu ul li:first-child,
.widget_pages ul li:first-child,
.widget_recent_comments ul li:first-child,
.widget_recent_entries ul li:first-child,
.widget_rss ul li:first-child,
.widget_product_categories ul li:first-child,
.widget_display_forums ul li:first-child,
.widget_display_views ul li:first-child,
.widget_display_topics ul li:first-child,
.widget_display_replies ul li:first-child {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 5px
}
.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_links ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_rss ul li:last-child,
.widget_product_categories ul li:last-child,
.widget_display_forums ul li:last-child,
.widget_display_views ul li:last-child,
.widget_display_topics ul li:last-child,
.widget_display_replies ul li:last-child {
    padding-bottom: 0
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children,
.widget_product_categories .children {
    border-top: 1px solid #eee;
    padding-top: 5px;
    margin: 5px 0 0 15px
}

/*------------------------------------------------------------------
    9.1 Widget - categories/meta/pages/archives/links
-------------------------------------------------------------------*/
.cs-widget-social,
.widget_categories,
.widget_meta,
.widget_pages,
.widget_archive,
.widget_links,
.widget_nav_menu,
.widget_text,
.widget_product_categories,
.widget_recent_comments,
.widget_recent_entries {
    padding: 30px;
    background-color: #f5f5f5;
    font-weight: 400;
    font-size: 12px
}
#cs-footer .cs-widget-social,
#cs-footer .widget_categories,
#cs-footer .widget_meta,
#cs-footer .widget_pages,
#cs-footer .widget_archive,
#cs-footer .widget_links,
#cs-footer .widget_nav_menu,
#cs-footer .widget_text,
#cs-footer .widget_product_categories,
#cs-footer .widget_recent_comments,
#cs-footer .widget_recent_entries {
    padding: 0;
    background: transparent
}
.widget_categories a,
.widget_meta a,
.widget_pages a,
.widget_archive a,
.widget_links a,
.widget_nav_menu a,
.widget_product_categories a,
.widget_recent_comments a,
.widget_recent_entries a {
    font-weight: 700;
    font-size: 14px
}
.widget_categories ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_archive ul li a,
.widget_links ul li a,
.widget_product_categories ul li a {
    display: block;
}
.widget_archive ul li a,
.widget_categories ul li a {
    display: inline;
}

/*------------------------------------------------------------------
    9.2 Widget - social
-------------------------------------------------------------------*/
.cs-widget-social {}
.cs-widget-social ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-widget-social ul:before,
.cs-widget-social ul:after {
    content: " ";
    display: table
}
.cs-widget-social ul:after {
    clear: both
}
.cs-widget-social ul li {
    float: left;
    width: 33%;
    padding: 0 5px;
    text-align: center;
    margin-top: 30px;
}
.cs-widget-social ul li:nth-child(1),
.cs-widget-social ul li:nth-child(2),
.cs-widget-social ul li:nth-child(3) {
    margin-top: 0
}
.cs-widget-social ul li i {
    font-size: 30px;
    margin-bottom: 10px;
    display: block;
    padding-top: 10px
}
.cs-widget-social ul li i a {
    display: block;
}
.cs-widget-social ul li p {
    font-size: 16px;
    color: #000;
    margin: 0
}
.cs-widget-social ul li span {
    color: #999;
    font-size: 10px;
    display: block;
    line-height: 1;
    text-transform: uppercase;
}
.cs-widget-social ul li.facebook i {
    color: #3b5998
}
.cs-widget-social ul li.twitter i {
    color: #55acee
}
.cs-widget-social ul li.google i {
    color: #dd4b39
}

/*------------------------------------------------------------------
    9.3 Widget - most viewed
-------------------------------------------------------------------*/
.cs-widget-most-viewed {}
.cs-widget-most-viewed ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-widget-most-viewed ul:before,
.cs-widget-most-viewed ul:after {
    content: " ";
    display: table
}
.cs-widget-most-viewed ul:after {
    clear: both
}
.cs-widget-most-viewed ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-widget-most-viewed ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-widget-most-viewed ul li .cs-post {
    margin-bottom: 0
}
.cs-widget-most-viewed ul li .cs-post-number {
    width: 80px;
    float: left
}
.cs-widget-most-viewed ul li .cs-post-number h6 {
    font-weight: 700;
    font-size: 46px;
    line-height: 1;
    color: #999;
    margin: 0
}
.cs-widget-most-viewed ul li:first-child {
    padding: 15px;
    background-color: #000
}
.cs-widget-most-viewed ul li:first-child .cs-post-number h6 {
    color: #fff
}
.cs-widget-most-viewed ul li .cs-post-header {
    overflow: hidden;
    padding-top: 4px
}
.cs-widget-most-viewed ul li .cs-post-header h3 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}
.cs-widget-most-viewed ul li .cs-post-header h3 a {
    display: block;
}
.cs-widget-most-viewed ul li:first-child .cs-post-header h3 a {
    color: #fff
}
.cs-widget-most-viewed ul li .cs-post-media {
    display: block;
    clear: both;
    margin-bottom: 15px
}

/*------------------------------------------------------------------
    9.4 Widget - search
-------------------------------------------------------------------*/
.widget_search form,
.widget_product_search form {
    position: relative;
}
.widget_search input[type="search"],
.widget_product_search input[type="search"] {
    background-color: #f5f5f5;
    border: 0;
    outline: 0;
    padding: 15px 20px 15px 50px;
}
#cs-footer .widget_search input[type="search"],
#cs-footer .widget_product_search input[type="search"] {
    background-color: #fff
}
.widget_search button,
.widget_product_search input[type="submit"],
.widget_search input[type="submit"] {
    display: none
}
.widget_search form:before,
.widget_product_search form:before {
    font-family: 'FontAwesome';
    color: #bbb;
    content: "\f002";
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0
}

/*------------------------------------------------------------------
    9.5 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: 14px !important;
    padding: 5px 10px;
    line-height: 1;
    color: #999;
    background-color: #f5f5f5;
    margin-right: 5px;
    margin-bottom: 5px
}
.widget_tag_cloud .tagcloud a:hover {
    color: #fff
}
#cs-footer .widget.widget_tag_cloud .tagcloud a,
nav.cs-primary-nav ul.cs-mega-menu .widget.widget_tag_cloud .tagcloud a {
    background-color: #000;
    color: #fff
}
#cs-footer .widget.widget_tag_cloud .tagcloud a:hover,
nav.cs-primary-nav ul.cs-mega-menu .widget.widget_tag_cloud .tagcloud a:hover {
    color: #fff
}

/*------------------------------------------------------------------
    9.6 Widget - recent entries
-------------------------------------------------------------------*/
.widget_recent_entries .post-date {
    display: block
}

/*------------------------------------------------------------------
    9.7 Widget - custom menu
-------------------------------------------------------------------*/
.widget_nav_menu ul li a {
    display: block
}

/*------------------------------------------------------------------
    9.8 Widget - text
-------------------------------------------------------------------*/
.widget_text {
    font-size: 14px;
    line-height: 22px
}
.widget_text p:last-child {
    margin-bottom: 0
}

/*------------------------------------------------------------------
    9.9 Widget - calendar
-------------------------------------------------------------------*/
.widget_calendar table {
    margin: 0
}
.widget_calendar td,
.widget_calendar th {
    text-align: center;
    padding: 0
}
.widget_calendar caption {
    margin: 0 0 10px 0;
    text-transform: uppercase
}
.widget_calendar tbody a {
    background-color: #f5f5f5;
    color: #000;
    display: block;
    font-weight: 700
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
    background-color: #000;
    color: #fff
}

/*------------------------------------------------------------------
    9.10 Widget - last posts
-------------------------------------------------------------------*/
.cs-widget-latest-posts ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-widget-latest-posts ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-widget-latest-posts ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-widget-latest-posts ul li:before,
.cs-widget-latest-posts ul li:after {
    content: " ";
    display: table
}
.cs-widget-latest-posts ul li:after {
    clear: both
}
.cs-widget-latest-posts ul li .cs-post {
    margin-bottom: 0
}
.cs-widget-latest-posts ul li .cs-post-header {
    position: absolute;
    z-index: 4;
    width: 100%;
    bottom: 60px;
    left: 0;
    text-align: center;
    padding: 0 30px
}
.cs-widget-latest-posts ul li .cs-post-header h3 {
    font-size: 14px;
    line-height: 20px
}
.cs-widget-latest-posts ul li .cs-post-header h3 a,
.cs-widget-latest-posts ul li .cs-post-categories a {
    color: #fff
}
.cs-widget-latest-posts ul li .cs-post-media {
    background-color: #000;
    margin-bottom: 0
}
.cs-widget-latest-posts ul li .cs-post-media img {
    opacity: 0.6
}
.cs-widget-latest-posts ul li .cs-post-categories a:after {
    color: #fff
}
.cs-widget-latest-posts ul li .cs-post-media .cs-post-header a:before {
    display: none;
}

/*------------------------------------------------------------------
    9.10.1 Widget - last posts alternative
-------------------------------------------------------------------*/
.cs-widget-latest-posts-alt ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-widget-latest-posts-alt ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-widget-latest-posts-alt ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-widget-latest-posts-alt ul li:before,
.cs-widget-latest-posts-alt ul li:after {
    content: " ";
    display: table
}
.cs-widget-latest-posts-alt ul li:after {
    clear: both
}
.cs-widget-latest-posts-alt ul li .cs-post {
    margin: 0;
    overflow: hidden;
    position: relative;
}
.cs-widget-latest-posts-alt ul li .cs-post .cs-post-thumb img {
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 100%
}
.cs-widget-latest-posts-alt ul li .cs-post:hover .cs-post-thumb img {
    opacity: 0.8
}
.cs-widget-latest-posts-alt ul li .cs-post-header {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    margin: 0 5%;
    text-align: center;
    background-color: #fff;
    padding: 15px 10px 0 10px
}
.cs-widget-latest-posts-alt ul li .cs-post-header h3 {
    font-size: 14px;
    line-height: 20px
}
.cs-widget-latest-posts-alt ul li .cs-post-header .cs-post-meta-info {
    margin-top: 5px
}
.cs-widget-latest-posts-alt ul li .cs-post-header .cs-post-meta-info > span {
    font-size: 10px
}

/*------------------------------------------------------------------
    9.11 Widget - 300x250 banner
-------------------------------------------------------------------*/
.cs-widget-banner-300x250 .cs-banner {
    text-align: center;
    display: block;
    margin: 12px 0;
}
.cs-widget-banner-300x250 .cs-banner:last-child {
    margin-bottom: 0;
}

/*------------------------------------------------------------------
    9.12 Widget - comments
-------------------------------------------------------------------*/
.cs-widget-comments ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-widget-comments ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-widget-comments ul li:before,
.cs-widget-comments ul li:after {
    content: " ";
    display: table
}
.cs-widget-comments ul li:after {
    clear: both
}
.cs-widget-comments ul li .cs-post-media {
    width: 90px;
    float: left;
    margin-right: 20px;
    margin-bottom: 0
}
.cs-mega-menu .cs-widget-comments ul li .cs-post-media,
#cs-footer .cs-widget-comments ul li .cs-post-media {
    width: 60px;
}
.cs-widget-comments ul li .cs-post-header {
    overflow: hidden;
}
.cs-widget-comments ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-widget-comments ul li h4 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px
}
.cs-widget-comments ul li h4 a {
    display: block;
}
.cs-widget-comments ul li .cs-post-author {
    font-size: 0;
    line-height: 1
}
.cs-widget-comments ul li .cs-post-author a {
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
}

/*------------------------------------------------------------------
    9.13 Widget - top rated
-------------------------------------------------------------------*/
 .cs-widget-top-rated ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-widget-top-rated ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-widget-top-rated ul li:before,
.cs-widget-top-rated ul li:after {
    content: " ";
    display: table
}
.cs-widget-top-rated ul li:after {
    clear: both
}
.cs-widget-top-rated ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-widget-top-rated ul li .cs-post-media {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 15px
}
.cs-widget-top-rated ul li h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}
.cs-widget-top-rated ul li h4 a {
    display: block;
}

/*------------------------------------------------------------------
    9.14 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 {
    padding: 8px;
    background-color: #eee;
    display: block;
    float: left;
    margin: 5px
}

/*------------------------------------------------------------------
    9.15 Widget - cover categories/posts
-------------------------------------------------------------------*/
.widget_cover_categories ul,
.widget_cover_posts ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.widget_cover_categories ul li,
.widget_cover_posts ul li {
    overflow: hidden;
    position: relative;
    background-color: #000;
    margin-bottom: 20px;
    width: 100%
}
.widget_cover_categories ul li:before,
.widget_cover_posts ul li:before {}
.widget_cover_categories ul li a,
.widget_cover_posts ul li a {
    display: block;
    min-height: 220px
}
.widget_cover_categories ul li div,
.widget_cover_posts ul li div {
    z-index: 1;
    position: absolute;
    width: 80%;
    padding: 5px 25px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.widget_cover_categories ul li a h3,
.widget_cover_posts ul li a h3 {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #fff
}
.widget_cover_categories ul li span,
.widget_cover_posts ul li span {
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 8px;
    line-height: 1;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff
}
.widget_cover_categories ul a span,
.widget_cover_posts ul li a span {
    color: #fff
}
.widget_cover_categories ul li img,
.widget_cover_posts ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    opacity: 0.4;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

/*------------------------------------------------------------------
    9.16 Widget - cover categories
-------------------------------------------------------------------*/
.widget_cover_categories ul li a {
    display: block;
    min-height: 140px
}
.widget_cover_categories ul li a h3 {
    font-size: 18px;
    line-height: 26px
}
.widget_cover_categories ul li span {
    margin-bottom: 0;
    color: #999
}

/*------------------------------------------------------------------
    10. Blog category
-------------------------------------------------------------------*/
.cs-post:before,
.cs-post:after {
    content: " ";
    display: table
}
.cs-post:after {
    clear: both
}
.cs-post {
    margin-bottom: 30px
}
.cs-post-media {
    position: relative;
    overflow: hidden;
    background-color: #fff
}
.cs-post-media img,
.cs-post-media iframe,
.cs-post-media object,
.cs-post-media video,
.cs-post-media audio {
    width: 100%
}
.cs-post-media img {
    opacity: 1;
    -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;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 100%
}
.cs-post-media:hover img {
    opacity: 0.8;
    -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-media a:before {
    background: rgba(0,0,0,1);
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.7)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    display: block;
    content: " ";
}
.cs-circle-rating {
    position: absolute;
    left: 20px;
    bottom: 50px;
    z-index: 5
}
.cs-post-meta {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1;
    padding: 15px 20px;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.3);
    color: #fff
}
.cs-post-meta a {
    color: #fff
}
.cs-post-meta .cs-meta-views {
    float: left;
}
.cs-post-meta .cs-meta-comments {
    float: right;
}
.cs-post-meta .cs-meta-comments i {
    margin-right: 5px
}
.cs-post-header h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0
}
.cs-post-header h3 a {
    display: block;
}
.cs-post-categories {
    font-size: 0;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px
}
.cs-post-categories a {
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
}
.cs-post-categories a:after {
    content: "\223C";
    padding-left: 5px;
    color: #999
}
.cs-post-categories a:last-child {
    margin-right: 0
}
.cs-post-categories a:last-child:after {
    display: none;
}
.cs-post-meta-info {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px
}
.cs-post-meta-info > span {
    font-size: 12px;
    font-style: italic;
    margin-right: 5px
}
.cs-post-meta-info span span {
    color: #ddd;
    margin-right: 5px
}
.cs-post-meta-info span:last-child {
    margin-right: 0
}
.cs-post-meta-info span a,
.cs-post-meta-info span time,
.cs-post-meta-info span b {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
    color: #999
}
.cs-post-meta-info span a:hover {
    color: #000
}
.cs-post-excerpt {
    border-top: 1px solid #eee;
    padding-top: 15px
}
.cs-post-excerpt p {
    margin-bottom: 0
}
.cs-post.sticky {
    padding: 20px;
    padding-bottom: 20px !important;
    background-color: #f9f9f9
}

/*------------------------------------------------------------------
    10.1 Module 1
-------------------------------------------------------------------*/
.cs-module-1 {
    margin-bottom: 50px
}
.cs-module-1 .cs-post {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee
}
.cs-module-1 .cs-post:last-child {
    padding-bottom: 0;
    border-bottom: 0
}
.cs-module-1 .cs-post-media {
    float: left;
    width: 45%;
    margin-right: 30px;
    margin-bottom: 0
}
.cs-module-1 .cs-post-wrapper {
    overflow: hidden;
}

/*------------------------------------------------------------------
    10.2 Module 2
-------------------------------------------------------------------*/
.cs-module-2 {
    margin-bottom: 50px
}
.cs-module-2 .cs-post-wrapper {
    text-align: center;
}
.cs-module-2 .cs-post-media {
    margin-bottom: 20px
}
.cs-main-content.cs-sidebar-on-the-left .cs-col-4-of-12 .cs-module-2 .cs-post-header h3,
.cs-main-content.cs-sidebar-on-the-right .cs-col-4-of-12 .cs-module-2 .cs-post-header h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0
}

/*------------------------------------------------------------------
    10.3 Module 3
-------------------------------------------------------------------*/
.cs-module-3 {
    margin-bottom: 50px
}
.cs-module-3 .cs-post {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee
}
.cs-module-3 .cs-post:last-child {
    padding-bottom: 0;
    border-bottom: 0
}
.cs-module-3 .cs-post-wrapper {}
.cs-module-3 .cs-post-wrapper:before,
.cs-module-3 .cs-post-wrapper:after {
    content: " ";
    display: table
}
.cs-module-3 .cs-post-wrapper:after {
    clear: both
}
.cs-module-3 .cs-post-header h3 {
    font-size: 30px;
    line-height: 38px
}
.cs-module-3 .cs-post-media {
    width: 55%;
    float: left;
    margin-right: 30px
}
.cs-module-3 .cs-post-lists {
    overflow: hidden;
}
.cs-module-3 .cs-post-lists ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-module-3 .cs-post-lists ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-module-3 .cs-post-lists ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-module-3 .cs-post-lists ul li h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}
.cs-module-3 .cs-post-lists ul li h4 a {
    display: block;
}

/*------------------------------------------------------------------
    10.4 Module 4
-------------------------------------------------------------------*/
.cs-module-4 {
    margin-bottom: 50px
}
.cs-module-4 .cs-post-header {
    position: absolute;
    z-index: 4;
    width: 100%;
    bottom: 60px;
    left: 0;
    text-align: center;
    padding: 0 30px
}
.cs-module-4 .cs-post-header h3 {
    font-size: 18px;
    line-height: 26px
}
.cs-col-12-of-12 .cs-module-4 .cs-post-header h3 {
    font-size: 22px;
    line-height: 30px
}
.cs-module-4 .cs-post-header h3 a,
.cs-module-4 .cs-post-categories a {
    color: #fff
}
.cs-module-4 .cs-post-media {
    background-color: #000
}
.cs-module-4 .cs-post-media img {
    opacity: 0.6;
    width: 100%
}
.cs-module-4 .cs-post-categories a:after {
    color: #fff
}
.cs-module-4 .cs-post-media .cs-post-header a:before {
    display: none;
}

/*------------------------------------------------------------------
    10.5 Module 5
-------------------------------------------------------------------*/
.cs-module-5 {
    margin-bottom: 50px
}
.cs-module-5 .cs-post {
    width: 55%;
    float: left;
    margin-right: 30px
}
.cs-module-5 .cs-post-media {
    margin-bottom: 20px
}
.cs-module-5 .cs-post-lists {
    overflow: hidden;
}
.cs-module-5 .cs-post-lists ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-module-5 .cs-post-lists ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-module-5 .cs-post-lists ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-module-5 .cs-post-lists ul li h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}
.cs-module-5 .cs-post-lists ul li h4 a {
    display: block;
}

/*------------------------------------------------------------------
    10.6 Module 6
-------------------------------------------------------------------*/
.cs-module-6 {
    margin-bottom: 50px
}
.cs-module-6:before,
.cs-module-6:after {
    content: " ";
    display: table
}
.cs-module-6:after {
    clear: both
}
.cs-module-6 .cs-post {
    width: 50%;
    float: left;
    margin-right: 30px
}
.cs-module-6 .cs-post-media {
    margin-bottom: 20px
}
.cs-module-6 .cs-post-meta-info {
    margin-bottom: 0
}
.cs-module-6 .cs-post-lists {
    overflow: hidden
}
.cs-module-6 .cs-post-lists ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-module-6 .cs-post-lists ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-module-6 .cs-post-lists ul li:before,
.cs-module-6 .cs-post-lists ul li:after {
    content: " ";
    display: table
}
.cs-module-6 .cs-post-lists ul li:after {
    clear: both
}
.cs-module-6 .cs-post-lists ul li .cs-post-media {
    width: 130px;
    float: left;
    margin-right: 20px;
    margin-bottom: 0
}
.cs-module-6 .cs-post-lists ul li .cs-post-header {
    overflow: hidden;
}
.cs-module-6 .cs-post-lists ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-module-6 .cs-post-lists ul li h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}
.cs-module-6 .cs-post-lists ul li h4 a {
    display: block;
}

/*------------------------------------------------------------------
    10.7 Module 7
-------------------------------------------------------------------*/
.cs-module-7 {
    margin-bottom: 50px
}
.cs-module-7 .cs-post {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}
.cs-module-7 .cs-post:last-child {
    padding-bottom: 0;
    border-bottom: 0
}
.cs-module-7 .cs-post-media {
    float: left;
    width: 55%;
    margin-right: 30px;
    margin-bottom: 0
}
.cs-module-7 .cs-post-wrapper {
    overflow: hidden;
}
.cs-module-7 .cs-post-lists:before,
.cs-module-7 .cs-post-lists:after {
    content: " ";
    display: table
}
.cs-module-7 .cs-post-lists:after {
    clear: both
}
.cs-module-7 .cs-post-lists ul {
    list-style: none;
    padding: 0;
    margin: 0 -10px 0 -10px
}
.cs-module-7 .cs-post-lists ul li {
    float: left;
    width: 33.33%;
    padding: 0 10px
}
.cs-module-7 .cs-post-lists ul li .cs-post-media {
    width: 100%;
    margin-bottom: 20px
}
.cs-module-7 .cs-post-lists ul li h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}
.cs-module-7 .cs-post-lists ul li h4 a {
    display: block;
}

/*------------------------------------------------------------------
    10.8 Module 8
-------------------------------------------------------------------*/
.cs-module-8 {
    margin-bottom: 50px;
    padding: 20px;
    background-color: #f5f5f5
}
.cs-module-8 .cs-post {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 15px
}
.cs-module-8 .cs-post-media {
    margin-bottom: 20px
}
.cs-module-8 .cs-post-meta-info {
    margin-bottom: 0
}
.cs-module-8 .cs-post-lists ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cs-module-8 .cs-post-lists ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.cs-module-8 .cs-post-lists ul li:before,
.cs-module-8 .cs-post-lists ul li:after {
    content: " ";
    display: table
}
.cs-module-8 .cs-post-lists ul li:after {
    clear: both
}
.cs-module-8 .cs-post-lists ul li .cs-post-media {
    width: 130px;
    float: left;
    margin-right: 20px;
    margin-bottom: 0
}
.cs-module-8 .cs-post-lists ul li .cs-post-header {
    overflow: hidden;
}
.cs-module-8 .cs-post-lists ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}
.cs-module-8 .cs-post-lists ul li h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}
.cs-module-8 .cs-post-lists ul li h4 a {
    display: block;
}

/*------------------------------------------------------------------
    10.9 Module 9
-------------------------------------------------------------------*/
.cs-module-9 {
    margin-bottom: 50px
}
.cs-module-9 .cs-post {
    margin-bottom: 60px;
}
.cs-module-9 .cs-post:last-child {
    margin-bottom: 30px
}
.cs-module-9 .cs-post-media {
    margin-bottom: 20px
}
.cs-module-9 .cs-post-header h3 {
    font-size: 30px;
    line-height: 38px
}

/*------------------------------------------------------------------
    11. Post single
-------------------------------------------------------------------*/
.cs-post-media.cs-type-gallery img {
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    width: 100%
}
.cs-post-media.cs-type-gallery:hover img {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}
.cs-type-gallery-nav {
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 20px
}
.cs-type-gallery-nav div {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #000;
    background-color: rgba(0,0,0,0.8);
    color: #fff
}
.cs-type-gallery-nav .swiper-button-prev {}
.cs-type-gallery-nav .swiper-button-next {
    left: 36px
}
.cs-post-single .cs-post-wrapper {
    position: relative;
}
.cs-post-single .cs-post-wrapper:before,
.cs-post-single .cs-post-wrapper:after {
    content: " ";
    display: table
}
.cs-post-single .cs-post-wrapper:after {
    clear: both
}
.cs-post-single .cs-post-content {
    padding-left: 80px
}
.cs-post-single .cs-post-share-box {
    display: block;
    width: 50px;
    background-color: #fff;
    border-bottom: 0;
    float: left;
    margin-bottom: 30px
}
.cs-post-single .cs-post-share-box span {
    background-color: #ddd;
    display: block;
    color: #999;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
}
.cs-post-single .cs-post-share-box a {
    display: block;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ddd;
    margin-bottom: -1px;
    color: #999
}
.cs-post-single .cs-post-share-box a.facebook:hover {
    background-color: #3b5998;
    border: 1px solid #3b5998
}
.cs-post-single .cs-post-share-box a.twitter:hover {
    background-color: #1dcaff;
    border: 1px solid #1dcaff
}
.cs-post-single .cs-post-share-box a.pinterest:hover {
    background-color: #cb2027;
    border: 1px solid #cb2027
}
.cs-post-single .cs-post-share-box a.google-plus:hover {
    background-color: #dd4b39;
    border: 1px solid #dd4b39
}
.cs-post-single .cs-post-share-box a:hover {
    color: #fff
}
.cs-post-single .cs-post-footer {
    font-size: 0;
    text-transform: uppercase
}
.cs-post-single .cs-post-footer span {
    font-size: 10px;
    padding: 4px 10px;
    line-height: 1;
    color: #000
}
.cs-post-single .cs-post-footer a {
    font-size: 10px;
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1;
    margin-right: 5px
}
.cs-post-single .cs-post-footer a:hover {
    background-color: #000;
    color: #fff
}
.post-password-form {
    overflow: hidden;
}
.post-password-form label {
    margin-top: 15px;
    display: block;
}
.post-password-form input[type="password"] {
    display: inline-block;
    margin-right: 10px
}
.post-password-form input[type="submit"] {
    display: inline-block;
    padding: 10px 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: #000;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.post-pages p {
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
    overflow: hidden;
    font-size: 14px
}
.post-pages p {
    display: inline-block;
}
.post-pages p strong {
    display: inline-block;
    margin-right: 5px;
}
.post-pages p a span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    padding: 4px 10px;
    min-width: 30px;
    line-height: 22px;
    background-color: #f5f5f5;
    color: #999;
}

.post-pages p span {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    padding: 4px 10px;
    min-width: 30px;
    line-height: 22px;
    background-color: #e4e2e2;
    color: #999;
}

/*------------------------------------------------------------------
    11.1 Author box
-------------------------------------------------------------------*/
.cs-author-box {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
    margin-bottom: 30px
}
.cs-author-box:before,
.cs-author-box:after {
    content: " ";
    display: table
}
.cs-author-box:after {
    clear: both
}
.cs-author-image {
    float: left;
}
.cs-author-image img {
    width: 80px;
    height: 80px
}
.cs-author-description {
    overflow: hidden;
    padding-left: 30px
}
.cs-author-description h4 {
    font-size: 18px;
    margin: 0 0 5px 0
}
.cs-author-description h5 {
    font-size: 12px;
    margin: 0;
    color: #999;
    text-transform: uppercase;
}
.cs-author-description p {
    margin-top: 10px;
    margin-bottom: 10px
}
.cs-author-description .cs-author-icons ul {
    list-style: none;
    font-size: 0;
    padding: 0;
    margin: 0
}
.cs-author-description .cs-author-icons ul li {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px
}
.cs-author-description .cs-author-icons ul li a {
    width: 35px;
    height: 35px;
    line-height: 32px
}
.cs-author-description .cs-author-icons ul li a:hover {
    border-color: #000;
    color: #000
}

/*------------------------------------------------------------------
    11.2 Post controls
-------------------------------------------------------------------*/
.cs-single-post-controls {
    padding: 30px;
    background-color: #f5f5f5;
    display: table;
    width: 100%;
    margin-bottom: 30px
}
.cs-single-post-controls span {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.cs-single-post-controls a {
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}
.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;
    text-align: left;
}
.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
}

/*------------------------------------------------------------------
    11.3 Related articles
-------------------------------------------------------------------*/
.cs-related-articles {
    margin-bottom: 30px
}

/*------------------------------------------------------------------
    11.4 Hero image post
-------------------------------------------------------------------*/
.cs-post-single .cs-post-header h1 {
    margin-bottom: 15px
}
.cs-post-single .cs-post-header {
    margin-bottom: 25px
}
.cs-post-media {
    margin-bottom: 30px
}
.cs-post-hero-media {
    width: 100%;
    height: 800px;
    background-color: #000;
    position: relative;
}
.cs-post-hero-media:before {
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    position: absolute;
}
.cs-post-hero-media.image-no-caption:before {
    display: none !important
}
.cs-post-hero-media .cs-post-hero-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.cs-post-hero-media .cs-post-hero-caption {
    z-index: 1;
    position: absolute;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 1140px;
}
.cs-post-hero-media .cs-post-hero-caption h1 {
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 0;
    color: #fff
}
.cs-post-hero-media .cs-post-hero-caption .cs-post-meta-info span a:hover {
    color: #fff
}
.cs-post-hero-media .cs-post-hero-caption .cs-post-categories a {
    color: #fff !important
}

/*------------------------------------------------------------------
    11.5 Comments
-------------------------------------------------------------------*/
.no_comments {
    text-align: center;
}
.no_comments i {
    font-size: 24px;
    color: #ddd
}
.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 #f5f5f5
}
.cs-comment-list .cs-comment ul.children {
    margin: 15px 0 0 70px;
    padding: 15px 0 0 0;
    list-style: none;
    border-top: 1px solid #f5f5f5
}
.cs-comment ul.children .cs-comment:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.cs-comment ul.children .cs-comment img.avatar {
    width: 35px
}
.cs-comment ul.children .cs-comment .cs-comment-content {
    margin-left: 55px
}
.cs-comment ul.children .cs-comment .cs-comment-content p {
    font-size: 13px;
    line-height: 20px
}
.cs-comment-list .cs-comment:first-child {
    border-top: 0
}
.cs-comment-author img {
    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: 13px;
    color: #999
}
.cs-comment-content {
    margin-top: 5px;
    margin-left: 70px;
    overflow: hidden;
}
.cs-reply {
    display: block;
    float: left;
    font-size: 13px;
    background-color: #f5f5f5;
    text-transform: uppercase;
    padding: 6px 10px;
    line-height: 1;
    color: #313131
}
.cs-reply:hover {
    background-color: #313131;
    color: #fff
}
p.comment-info {
    background-color: #f5f5f5;
    padding: 20px
}
p.comment-info strong {
    color: #000
}
#respond input[type="text"],
#respond input[type="email"] {
    width: 100%
}
#respond input[type="submit"] {
    display: inline-block;
    padding: 4px 14px;
    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;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
#respond input[type="submit"]:hover {
    background-color: #000 !important;
    color: #fff;
}

/*------------------------------------------------------------------
    11.6 Post review
-------------------------------------------------------------------*/
.cs-single-post-review {
    width: 100%;
    display: block;
    padding-top: 30px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    margin-bottom: 30px;
}
.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: #313131
}
.cs-single-post-review .cs-final-score span {
    font-weight: 700;
    color: #313131;
    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: 14px;
    line-height: 22px
}
.cs-single-post-review .cs-review-scores {
    clear: both;
    display: block;
    font-size: 14px;
    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;
    color: #313131;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.cs-single-post-review .cs-review-score-score {
    float: right;
    color: #313131;
    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%
}

/*------------------------------------------------------------------
    12. Pages
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    12.1 404 Page
-------------------------------------------------------------------*/
.cs-page-404 {
    text-align: center;
    padding: 100px 0
}
.cs-page-404 small {
    margin: 0;
    text-transform: uppercase;
    color: #ccc
}
.cs-page-404 h4 {
    text-transform: uppercase;
    margin: 0
}
.cs-page-404 .title-404 {
    font-size: 200px;
    line-height: 200px;
    margin: 20px 0;
    font-weight: 700;
    color: #ccc
}
.cs-page-404 p {}
.cs-page-404 .cs-btn {}

/*------------------------------------------------------------------
    12.2 Contact
-------------------------------------------------------------------*/
.cs-google-map {
    padding: 5px;
    padding-bottom: 0;
    border: 1px solid #eee;
    margin-bottom: 30px
}
.cs-google-map iframe {
    width: 100%;
    height: 250px
}


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

/*------------------------------------------------------------------
    14. Copyright
-------------------------------------------------------------------*/
#cs-copyright {
    background-color: #000;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
}
#cs-copyright a {
    color: #999
}
#cs-copyright .cs-container {
    padding-top: 0;
    padding-bottom: 0
}

/*------------------------------------------------------------------
    15. Instagram
-------------------------------------------------------------------*/
#eif_feed {}
#eif_feed:before,
#eif_feed:after,
#eif_images:before,
#eif_images:after {
    content: " ";
    display: table
}
#eif_feed:after,
#eif_images:after {
    clear: both
}
#eif_images {
    padding: 0 !important
}
#eif_images .eif_item {
    width: 16.66666667%;
    float: left;
}
#eif_images .eif_item img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
#eif_images .eif_item:hover img {
    opacity: 0.8
}
#eif_feed button {
    z-index: 1;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    background-color: #000 !important;
    color: #fff !important;
    padding: 10px 20px;
    font-size: 14px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    font-family: inherit !important;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    line-height: inherit !important
}

/*------------------------------------------------------------------
    16. WooCoomerce
-------------------------------------------------------------------*/
.woocommerce-result-count {
    float: left;
    margin: 8px 0 0 0
}
.woocommerce-ordering {
    float: right;
    margin-bottom: 40px
}
ul.products {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}
ul.products:before,
ul.products:after {
    content: " ";
    display: table
}
ul.products:after {
    clear: both
}
ul.products li.product {
    clear: none;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 40px
}
ul.products li.product img {
    width: 100%;
    display: block;
    margin-bottom: 15px
}
ul.products li.product h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px 0
}
.onsale {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 1;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    color: #fff;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
ul.products li.product .price {
    display: block;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 5px;
    color: #000
}
.price del {
    color: #999
}
ul.products li.product .price ins {
    font-weight: 700;
    text-decoration: none;
}
ul.products li.product .button,
ul.products li.product .added_to_cart {
    display: inline-block;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #fff;
    color: #999;
    position: relative;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
ul.products li.product:hover .button,
ul.products li.product .button:hover {
    color: #fff;
    border: 1px solid transparent;
}
ul.products li.product .added_to_cart {
    background-color: #000;
    border: 1px solid #000;
    color: #fff
}
ul.products li.product.first {
    clear: both !important
}
ul.products li.product.last {
    margin-right: 0 !important
}
.woocommerce nav.woocommerce-pagination {}
.woocommerce nav.woocommerce-pagination ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    font-size: 14px;
    border: 0;
    margin: 0 0 20px 0;
}
.woocommerce nav.woocommerce-pagination ul li {
    float: left;
    display: block;
    margin-right: 5px;
    border: 0;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    display: block;
    text-align: center;
    padding: 4px 10px;
    min-width: 30px;
    line-height: 22px;
    background-color: #f5f5f5;
    color: #999;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #000
}
.star-rating {
    font-family: 'FontAwesome';
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    width: 60px;
    white-space: nowrap
}
.star-rating:before {
    content: "\f005\f005\f005\f005\f005";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ddd;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}
.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 15px
}
.star-rating span:before {
    content: "\f005\f005\f005\f005\f005";
    color: #F89406;
    top: 0;
    position: absolute;
    left: 0;
}
ul.products li.product .star-rating {
    left: 50%;
    margin-left: -30px
}

/*------------------------------------------------------------------
    16.1 WooCoomerce single
-------------------------------------------------------------------*/
.single-product div.product {
    position: relative;
    overflow: hidden;
}
.single-product div.product > .onsale {
    left: 0;
    top: 0;
    right: auto
}
.single-product div.product .images {
    width: 40%;
    float: left;
    margin-right: 10%;
    margin-bottom: 40px
}
.single-product div.product .images img {
    width: 100%;
    overflow: hidden;
}
.single-product div.product .images .woocommerce-main-image {
    display: block;
    margin-bottom: 20px
}
.single-product div.product .images .thumbnails {
    margin: 20px -5px 40px -5px;
    overflow-y: hidden;
}
.single-product div.product .images .thumbnails a.zoom {
    width: 16.66666667%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    margin-bottom: 5px
}
.single-product div.product .images .thumbnails a.zoom.first {
    clear: both;
}
.single-product div.product .summary {
    width: 50%;
    float: right;
    margin-right: 0
}
.single-product div.product .summary .woocommerce-review-link {
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
}
.single-product div.product .summary p.price {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.single-product div.product .summary p.price del {
    font-weight: 400
}
.single-product div.product .summary p.price ins {
    text-decoration: none;
}
.single-product div.product form.cart {
    margin-bottom: 25px;
}
.single-product div.product form.cart:before,
.single-product div.product form.cart:after {
    content: " ";
    display: table
}
.single-product div.product form.cart:after {
    clear: both
}
.single-product div.product form.cart .quantity {
    float: left;
}
.quantity .qty {
    max-width: 80px;
    text-align: center;
}
.single-product div.product form.cart .button {
    display: block;
    float: right;
    padding: 16px 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #000;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.single-product div.product form.cart .button:hover {
    color: #fff
}
.single-product div.product .product_meta {
    border-top: 1px solid #eee;
    padding-top: 20px;
    font-size: 12px
}
.single-product div.product .product_meta .posted_in,
.single-product div.product .product_meta .sku_wrapper,
.single-product div.product .product_meta .tagged_as {
    display: block;
}
.woocommerce div.product .woocommerce-tabs {
    margin-bottom: 30px;
    clear: both;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    float: left;
    border-radius: 0;
    padding: 0;
    margin: 0 1px 0 0;
    border: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    outline: none;
    display: block;
    padding: 10px 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #bbb;
    text-transform: uppercase;
    background-color: #e9e9e9;
    font-size: 14px;
    font-weight: 700;
    color: #bbb
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 20px;
    background-color: #f9f9f9;
}
.woocommerce div.product .woocommerce-tabs .panel p:last-child {
    margin: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
    color: #000;
    background-color: #f9f9f9
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}
#reviews form,
#reviews #comments {
    margin-bottom: 40px
}
#reviews .comment-form-rating {
    clear: both;
}
#reviews .comment-form-rating label {
    display: block;
}
p.stars {
    position: relative;
    line-height: 30px;
    font-size: 14px
}
p.stars::after {
    clear: both;
    content: " ";
    display: table
}
p.stars a {
    color: #999;
    width: 19%;
    display: block;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 1%;
}
p.stars a:hover {
    background-color: #f5f5f5;
    color: #000
}
p.stars a.active {
    background-color: #fff;
    color: #000
}
p.stars a.star-1:after,
p.stars a.star-2:after, 
p.stars a.star-3:after, 
p.stars a.star-4:after, 
p.stars a.star-5:after {
    font-family: 'FontAwesome';
    content: "\e800";
    position: absolute;
    top: 0;
    width: 74px;
    right: 10px;
    color: #999;
    text-align: right;
    font-weight: normal
}
p.stars a:hover:after,
p.stars a.active:after {
    color: #F89406
}
p.stars a.star-1:hover,
p.stars a.star-2:hover,
p.stars a.star-3:hover,
p.stars a.star-4:hover,
p.stars a.star-5:hover {
    text-decoration: none
}
p.stars a.star-1:after {
    content: "\f005"
}
p.stars a.star-2:after {
    content: "\f005\f005"
}
p.stars a.star-3:after {
    content: "\f005\f005\f005"
}
p.stars a.star-4:after {
    content: "\f005\f005\f005\f005"
}
p.stars a.star-5:after {
    content: "\f005\f005\f005\f005\f005"
}
ol.commentlist {
    list-style: none;
    padding: 0;
    margin: 20px 0 40px 0
}
ol.commentlist li:before,
ol.commentlist li:after {
    content: " ";
    display: table
}
ol.commentlist li:after {
    clear: both
}
ol.commentlist li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}
#reviews img.avatar {
    width: 60px;
    height: 60px;
    height: auto;
    float: left;
    margin: 0 20px 0 0
}
#reviews .comment-text {
    overflow: hidden
}
#reviews .star-rating {
    float: right
}
#reviews .comment-text .meta {
    margin-bottom: 5px;
}

/*------------------------------------------------------------------
    16.2 Widgets
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    16.2.1 Widget - price filter
-------------------------------------------------------------------*/
.widget_price_filter .price_slider_wrapper .price_slider {
    margin-bottom: 20px;
    position: relative;
    height: 8px;
    background-color: #f5f5f5
}
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    display: block;
    border: 0;
    background-position: 0 0;
}
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    margin-top: -4px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    width: 16px;
    top: 0;
    position: absolute;
    height: 16px;
    cursor: pointer;
    outline: 0
}
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
    margin-left: -1px
}
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:last-child {
    margin-left: -15px
}
.widget_price_filter .price_slider_wrapper .price_slider_amount {
    clear: both;
    overflow: hidden;
}
.widget_price_filter .price_slider_wrapper .price_slider_amount button {
    float: left
}
.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
    float: right
}
.widget_price_filter .price_slider_wrapper .price_slider_amount .button {
    display: inline-block;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #fff;
    color: #999;
    position: relative;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover {
    border: 1px solid #000;
    background-color: #000;
    color: #fff
}

/*------------------------------------------------------------------
    16.2.2 Widget - shopping cart
-------------------------------------------------------------------*/
.widget_shopping_cart .product_list_widget li {
    position: relative;
    padding: 10px 0;
    padding-left: 30px;
    border-bottom: 1px solid #eee
}
.product_list_widget {
    list-style: none;
    padding: 0;
    margin: 0
}
.product_list_widget li:before,
.product_list_widget li:after {
    content: " ";
    display: table
}
.product_list_widget li:after {
    clear: both
}
.product_list_widget li > a {
    display: block;
}
.product_list_widget li a:not(.button) {
    font-weight: 700
}
.product_list_widget li img {
    float: right;
    width: 40px
}
.product_list_widget li a.remove {
    position: absolute;
    left: 0;
    top: 10px;
    opacity: 1;
    font-weight: 400;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-indent: -9999px;
}
.product_list_widget li a.remove:before {
    font: normal normal normal 1em/1 "FontAwesome";
    color: #e2401c;
    text-rendering: auto;
    content: "\f057";
    display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 1.618;
    text-indent: 0;
    text-align: center;
}
.widget_shopping_cart .product_list_widget li span.quantity {
    font-size: 12px;
    color: #999
}
.widget_shopping_cart .product_list_widget li span.quantity span {
    color: #000
}
.widget_shopping_cart p.buttons,
.widget_shopping_cart p.total {
    padding: 10px 0;
    text-align: center;
    margin: 0
}
.widget_shopping_cart p.total {
    border-bottom: 1px solid #eee
}
.widget_shopping_cart .buttons .button:nth-child(odd) {
    margin-right: 2%
}
.widget_shopping_cart .buttons {
    overflow: hidden;
}
.widget_shopping_cart .buttons .button {
    display: block;
    float: left;
    width: 49%;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #fff;
    color: #999;
    position: relative;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.widget_shopping_cart .buttons .button:hover {
    border: 1px solid #000;
    background-color: #000;
    color: #fff
}

/*------------------------------------------------------------------
    16.2.3 Widget - products
-------------------------------------------------------------------*/
.product_list_widget li {
    padding: 10px 0;
    border-bottom: 1px solid #eee
}
.product_list_widget {
    list-style: none;
    padding: 0;
    margin: 0
}
.product_list_widget li {
    list-style: none
}
.product_list_widget li del,
.product_list_widget li ins {
    color: #000;
    font-weight: 400;
    font-size: 12px
}
.product_list_widget li del {
    color: #999
}
.product_list_widget li ins {
    text-decoration: none;
}

/*------------------------------------------------------------------
    16.2.4 Widget - tags
-------------------------------------------------------------------*/
.widget_product_tag_cloud .tagcloud:before,
.widget_product_tag_cloud .tagcloud:after {
    content: " ";
    display: table
}
.widget_product_tag_cloud .tagcloud:after {
    clear: both
}
.widget_product_tag_cloud .tagcloud a {
    display: block;
    float: left;
    font-size: 14px !important;
    padding: 5px 10px;
    line-height: 1;
    color: #999;
    background-color: #f5f5f5;
    margin-right: 5px;
    margin-bottom: 5px
}
.widget_product_tag_cloud .tagcloud a:hover {
    color: #fff
}

/*------------------------------------------------------------------
    16.2.5 Widget - rating filter
-------------------------------------------------------------------*/
.widget_rating_filter {}
.widget_rating_filter ul {}
.widget_rating_filter ul li {
    margin-bottom: 5px
}
.widget_rating_filter ul li .star-rating {
    float: left;
    margin-top: 6px;
    margin-right: 10px
}

/*------------------------------------------------------------------
    16.3 Pages
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    16.3.1 Cart page
-------------------------------------------------------------------*/
table.cart td.product-remove {
    position: relative;
}
table.cart td.product-remove a.remove {
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -10px;
    opacity: 1;
    font-weight: 400;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-indent: -9999px;
}
table.cart td.product-remove a.remove:before {
    font: normal normal normal 1em/1 "FontAwesome";
    color: #e2401c;
    text-rendering: auto;
    content: "\f057";
    display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 1.618;
    text-indent: 0;
    text-align: center;
}
table.cart .product-thumbnail img {
    width: 40px;
    height: auto;
    margin: 0 auto
}

table.cart td.actions {
    text-align: right;
}
table.cart td.actions label {
    display: none;
}
table.cart td.actions .coupon {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    display: inline-block;
    float: left;
}
table.cart td.actions input[type="submit"],
.wc-proceed-to-checkout .button {
    display: inline-block;
    padding: 16px 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #fff;
    color: #999;
    position: relative;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
table.cart td.actions input[type="submit"]:hover,
.wc-proceed-to-checkout .button:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
}
table.cart td.actions .coupon input[type="submit"],
table.cart td.actions .coupon input[type="text"] {
    float: left;
    width: auto;
    margin: 0;
}
table.cart td.actions .coupon input[type="text"] {
    margin-right: 5px
}
.quantity .qty {
    max-width: 80px;
    text-align: center;
}

/*------------------------------------------------------------------
    16.3.2 Checkout
-------------------------------------------------------------------*/
.woocommerce-info {
    background-color: #f5f5f5;
    color: #555;
    border: 0;
    padding: 15px;
    margin: 0 0 20px 0
}
.woocommerce-info a {
    color: #000;
    font-weight: 700
}
.woocommerce-error {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 20px;
    background-color: #f1dcdc;
    color: #f00
}
form.checkout_coupon:before,
form.checkout_coupon:after {
    content: " ";
    display: table
}
form.checkout_coupon:after {
    clear: both
}
form.checkout_coupon .button {}
.form-row label {
    display: block;
}
.form-row label.inline,
.form-row label.checkbox {
    display: inline;
}
.form-row abbr[title] {
    text-decoration: none;
}
.form-row input[type="text"],
.form-row input[type="password"],
.form-row input[type="url"],
.form-row input[type="phone"],
.form-row input[type="number"],
.form-row input[type="email"],
.form-row input[type="datetime"],
.form-row input[type="search"],
.form-row input[type="tel"],
.form-row textarea,
.form-row select {
    width: 100%
}
.form-row .select2-container .select2-choice {
    padding: 10px 12px
}
.form-row .button {
    display: inline-block;
    padding: 16px 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    outline: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: #fff;
    color: #999;
    position: relative;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.form-row .button:hover {
    background-color: #000 !important;
    border: 1px solid #000;
    color: #fff;
}
.form-row.place-order .button {
    color: #fff;
    border: 0;
}
.form-row-first {
    width: 48%;
    float: left;
    margin-right: 4%;
    clear: both;
}
.form-row-last {
    width: 48%;
    float: right
}
.form-row-last {
    margin-right: 0!important;
}
#payment .payment_methods {
    list-style: none;
    padding: 0;
    margin: 0
}
#payment .payment_methods li {}
#payment .payment_methods > .wc_payment_method>label {
    cursor: pointer;
}
#payment .payment_methods li img {
    float: right;
    border: 0;
    padding: 0;
    max-height: 1.618em;
}

/*------------------------------------------------------------------
    17. bbPress
-------------------------------------------------------------------*/
#bbpress-forums fieldset.bbp-form p {
    margin-bottom: 15px
}
#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form input[type="text"] {
    width: 100%
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    border: 1px solid #ddd;
    border-top: 0
}
#bbpress-forums .submit {
    display: inline-block;
    padding: 4px 14px;
    margin: 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: #333;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
div.bbp-submit-wrapper {
    float: none;
    margin: 20px 0 20px 0
}
#bbpress-forums .submit:hover {
    background-color: #000;
    color: #fff;
}
#bbpress-forums div.bbp-search-form {
    float: none;
    display: block;
    overflow: hidden;
    margin-bottom: 15px
}
#bbpress-forums #bbp-search-form #bbp_search {
    width: 80%;
    display: block;
    float: left;
    line-height: 1;
    padding: 13px 14px
}
#bbpress-forums #bbp-search-form #bbp_search_submit {
    display: block;
    float: right;
    width: 20%;
    padding: 11px 12px;
    margin: 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: #333;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
#bbpress-forums #bbp-search-form #bbp_search_submit:hover {
    background-color: #000;
    color: #fff;
}

/* Widget search */
.widget_display_search input[type="text"] {
    width: 100%
}
.widget_display_search input[type="submit"] {
    display: none;
}

/* Widget login */
.bbp_widget_login form fieldset {
    border: 0;
    padding: 20px;
    background-color: #f5f5f5;
    margin: 0
}
.bbp-login-form .bbp-username,
.bbp-login-form .bbp-email,
.bbp-login-form .bbp-password,
.bbp-login-form .bbp-remember-me,
.bbp-login-form .bbp-submit-wrapper {
    margin-top: 0;
    margin-bottom: 15px
}
.bbp-login-form .bbp-username input,
.bbp-login-form .bbp-email input,
.bbp-login-form .bbp-password input {
    padding: 10px 12px;
    width: 100%
}
.bbp-login-form .bbp-submit-wrapper {
    float: none;
}
.bbp-login-form .bbp-submit-wrapper button {
    display: block;
    width: 100%;
    padding: 4px 14px;
    margin: 0 0 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: #333;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.bbp-login-form .bbp-submit-wrapper button:hover {
    background-color: #000 !important;
    color: #fff;
}

/* Widget statistics */
.widget_display_stats dl {
    border: 0;
    padding: 30px;
    font-size: 0;
    background-color: #f5f5f5;
    margin: 0
}
.widget_display_stats dt {
    font-weight: 400
}
.widget_display_stats dt,
.widget_display_stats dd {
    font-size: 14px;
    display: inline-block;
}
.widget_display_stats dt {
    display: block;
    float: left;
    width: 80%
}
.widget_display_stats dd {
    margin-left: 0;
    text-align: right;
    width: 20%;
    color: #000
}
#buddypress div.item-list-tabs#subnav {
    margin: 10px 0 20px 0
}
#buddypress div.item-list-tabs ul li.last label,
#buddypress div.item-list-tabs ul li.last select {
    display: inline-block;
}
#buddypress div.item-list-tabs ul li.last label {
    margin-right: 10px
}
#buddypress div.item-list-tabs#subnav ul li.last {
    margin-top: 0
}

/*------------------------------------------------------------------
    18. Buddy Press
-------------------------------------------------------------------*/
/* Widget login */
.widget.buddypress #bp-login-widget-form {
    border: 0;
    padding: 30px;
    background-color: #f5f5f5;
    margin: 0
}
.widget.buddypress #bp-login-widget-form label {
    margin: 0 0 5px 0
}
.widget.buddypress #bp-login-widget-form input[type="text"],
.widget.buddypress #bp-login-widget-form input[type="password"] {
    width: 100%;
    margin-bottom: 15px
}
.widget.buddypress #bp-login-widget-form .forgetmenot {
    margin-bottom: 15px
}
.widget.buddypress #bp-login-widget-form input[type="submit"] {
    display: inline-block;
    padding: 4px 14px;
    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: #333;
    color: #fff;
    position: relative;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.widget.buddypress #bp-login-widget-form input[type="submit"]:hover {
    background-color: #000;
    color: #fff
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
    margin-bottom: 0
}