/*
	Theme Name:   Xtra
	Theme URI:    https://xtratheme.com/
	Description:  Multi-purpose Creative and Business Theme
	Version:      2.8
	Author:       Codevz
	Author URI:   https://codevz.com/
	Text Domain:  xtra
	License:      GPLv2
	License URI:  http://gnu.org/licenses/gpl-2.0.html
	Tags:         one-column, two-columns, right-sidebar, custom-menu, rtl-language-support, sticky-post, translation-ready

	Structure:
	-----------------------
	1. Reset, HTML5
	2. Grid System
	3. Headers, Navigation
	4. Content, Comments
	5. Sidebars, Widgets
	6. Footer
	7. Others
	8. Plugins Styles
	9. Fixes, Custom, etc.
	10. Gallery Lightbox
*/

 
 

body {
    font-family: 'Poppins';
}

* {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Poppins';
}

.sf-menu>.cz>a>span {
    font-family: 'Poppins-Regular';
}

html {
    padding: 0;
    border: 0 !important;
    overflow-x: hidden
}

body {
    background: #fff;
    font-family: 'Poppins', sans-serif, Helvetica;
    overflow-wrap: break-word;
    line-height: 2;
    font-size: 16px
}

body.rtl,
.rtl form {
    direction: rtl;
    font-family: 'Poppins-Regular', "Cairo", sans-serif, Helvetica
}

form {
    font-size: 16px
}

img {
    max-width: 100%;
    display: block;
    width: auto;
    height: auto;
    box-sizing: border-box
}

a {
    color: #000;
    text-decoration: none;
    transition: all .2s ease-in-out
}

a:hover {
    color: #4e71fe
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 10px 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

.row small {
    opacity: .8;
    display: block;
    font-size: .9em;
    font-weight: normal;
    margin: 4px 0 0
}

p {
    margin-bottom: 30px
}

p:last-child {
    margin-bottom: 0
}

strong,
big {
    font-weight: bold
}

em {
    font-style: italic
}

ul {
    list-style-type: disc;
    margin: 0 0 0 20px
}

.rtl ul {
    margin: 0 20px 0 0
}

ol {
    list-style-type: none
}

ol li {
    list-style: decimal;
    padding: 0 0 10px 0;
    margin: 0 0 0 20px
}

.rtl ol li {
    margin: 0 20px 0 0
}

ol ul li {
    list-style: disc
}

ol ul ol li {
    list-style: decimal
}

hr {
    margin: 20px 0;
    display: flex;
    height: 1px;
    background: rgba(167, 167, 167, .2)
}

article {
    position: relative
}

pre,
blockquote,
.blockquote {
    display: inline-block;
    position: relative;
    padding: 6px 14px;
    margin-bottom: 30px;
    background: rgba(167, 167, 167, .1);
    border-radius: 2px;
    overflow: auto;
    max-width: 100%
}

pre small {
    margin: 0;
    font-size: inherit;
    display: inline-block
}

q {
    font-weight: 700;
    position: relative;
    padding: 6px 14px;
    background: rgba(167, 167, 167, .1);
    border-radius: 2px;
    overflow: auto;
    max-width: 100%;
}

blockquote,
.blockquote {
    overflow: visible;
    font-size: 18px;
    padding: 10px 20px;
}

.blockquote {
    text-align: center;
    padding: 30px
}

cite {
    opacity: .7;
    font-size: 16px;
    margin: 0 5px;
    background: rgba(167, 167, 167, .1);
    padding: 3px 10px;
    display: inline-block
}

blockquote cite,
.blockquote cite,
pre cite {
    display: block;
    font-size: 12px;
    font-style: italic;
    background: none;
}

code,
tt {
    position: relative;
    padding: 8px 10px;
    background: rgba(167, 167, 167, .1);
    border-radius: 2px;
    overflow: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

blockquote code {
    padding: 4px 6px
}

pre,
code {
    font-family: Monaco, Consolas, 'Poppins-Medium', "Andale Mono", "DejaVu Sans Mono", monospace;
    white-space: pre-wrap;
}

mark {
    padding: 3px 5px;
    background-color: #bfb8d9;
}

video {
    width: 100%;
    height: auto
}

iframe {
    max-width: 100%
}

table {
    text-align: center;
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 30px;
    box-sizing: border-box;
    border: 1px solid rgba(167, 167, 167, .2) !important
}

.widget table {
    table-layout: fixed
}

tr {
    border-bottom: 1px solid rgba(167, 167, 167, .2)
}

th,
td {
    padding: 8px;
    border-right: 1px solid rgba(167, 167, 167, .2)
}

.widget th:last-child,
.widget td:last-child {
    border-right: 0
}

thead {
    background-color: rgba(167, 167, 167, .1)
}

table caption {
    padding: 0 0 10px
}

abbr,
acronym {
    border-bottom: 1px dotted;
    cursor: help
}

kbd {
    background: rgb(111, 111, 111);
    padding: 4px 10px;
    border-radius: 4px;
    color: #fff
}

dl {
    border: 3px double rgba(167, 167, 167, .3);
    padding: 20px;
    margin: 0 0 20px
}

dt {
    float: left;
    clear: left;
    width: 150px;
    text-align: right;
    font-weight: bolder
}

dt:after {
    content: ":"
}

dd {
    margin: 0 0 10px 170px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(167, 167, 167, .2)
}

dd:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

address {
    border: 1px dashed rgba(167, 167, 167, .3);
    display: inline-block;
    padding: 20px;
    margin: 0 0 30px
}


/* Grid System */

#layout {
    position: relative;
    transition: all .4s ease;
    overflow: hidden
}

.layout_ {
    margin: 0 !important;
    border-radius: 0 !important;
    border: 0 !important
}

.layout_1,
.layout_2 {
    width: 1340px;
    max-width: 95%;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 100px rgba(0, 0, 0, .1)
}

.layout_2 {
    margin: 50px auto
}

.row {
    width: 1280px;
    max-width: 95%;
    position: relative;
    margin: 0 auto
}

header .row,
footer .row {
    max-width: 100%
}

@media screen and (max-width:768px) {

    #layout,
    .row {
        max-width: 100%
    }
}

.layout_1 .row,
.layout_2 .row {
    width: 90%
}

.page_content.cz_bpnp {
    margin: 0
}

.page_content.cz_bpnp>.row {
    width: 100% !important;
    max-width: 100% !important
}

.col {
    display: block;
    float: left;
    margin-left: 4%
}

.rtl .col {
    float: right;
    margin-left: 0;
    margin-right: 4%
}

.s12 {
    width: 100%
}

.s11 {
    width: 91.33%
}

.s10 {
    width: 82.66%
}

.s9 {
    width: 74%
}

.s8 {
    width: 65.33%
}

.s7 {
    width: 56.66%
}

.s6 {
    width: 48%
}

.s5 {
    width: 39.33%
}

.s4 {
    width: 30.66%
}

.s3 {
    width: 22%
}

.s2 {
    width: 13.33%
}

.s1 {
    width: 4.666%
}

.col:first-child,
.col_first {
    margin-left: 0
}

.col_not_first {
    margin-left: 4%
}

.rtl .col:first-child,
.rtl .col_first {
    margin-right: 0
}

.rtl .col_not_first {
    margin-left: 0;
    margin-right: 4%
}

.clr:before,
.clr:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clr:after {
    clear: both
}

.cz_fixed_top_border,
.cz_fixed_bottom_border {
    position: fixed;
    z-index: 999999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0
}

.cz_fixed_top_border {
    bottom: auto;
    top: 0
}

.admin-bar .cz_fixed_top_border {
    top: 32px
}


/* Ajax */

.cz_ajax_loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 2px solid rgba(167, 167, 165, .2);
    border-right-color: rgb(0, 100, 255);
    background: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: CircleBorderLoop .5s linear infinite;
    z-index: 9
}

.cz_ajax_img {
    width: auto;
    height: auto;
    animation: none;
    border-radius: 0;
    border: 0
}


/* Header */

.header_5 {
    width: 100%;
    transform: translateY(-120%)
}

.inner_layout>header {
    position: relative;
    z-index: 100
}

.header_1,
.header_2,
.header_3 {
    position: relative
}

.cz_elm {
    font-size: 16px
}

.cz_elm_center {
    left: 50%;
    display: table;
    transform: translateX(-50%)
}

.rtl .cz_elm_center {
    right: 50%;
    transform: translateX(50%)
}

.elms_row>.clr {
    display: table;
    width: 100%;
    position: relative
}

.elms_left,
.elms_center,
.elms_right {
    position: relative;
    display: table-cell;
    vertical-align: top
}

.have_center>.elms_row>.clr {
    display: flex
}

.have_center .elms_left,
.have_center .elms_center,
.have_center .elms_right {
    flex: 1 0 20%;
    display: block;
    width: 100%
}

.have_center .elms_center {
    margin: 0 auto;
    flex-basis: 60%
}

.elms_left>div {
    float: left
}

.rtl .elms_left>div {
    float: right
}

.elms_center>div {
    margin: 0 auto;
    display: table
}

.elms_center>div>div {
    float: left
}

.elms_right>div {
    float: right
}

.rtl .elms_right>div {
    float: left
}

.elm_icon_text {
    border: 0
}

.elm_icon_text>i,
.elm_icon_text>span {
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease-in-out
}

.elm_icon_text a,
.elm_icon_text a:hover {
    color: inherit
}

.cz_vertical_elm .elm_icon_text {
    white-space: nowrap;
    display: block;
    transform-origin: 0 0;
    transform: rotate(-90deg);
    animation: none
}

.cz_elm_info_box {
    display: flex;
    align-items: center
}

.cz_info_icon.fa {
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    font-size: 32px;
    padding: 18px
}

.cz_info_content {
    margin: 0 0 0 20px;
    line-height: 1
}

.rtl .cz_info_content {
    margin: 0 20px 0 0
}

.cz_info_content span {
    display: block
}

.cz_info_1 {
    font-size: 16px;
    margin-bottom: 12px
}

.cz_info_2 {
    font-size: 22px;
    font-weight: bold
}

.header_4,
.cz_before_mobile_header,
.cz_after_mobile_header {
    display: none
}

.header_line_1,
.header_line_2,
.header_line_3 {
    margin: 0 20px;
    width: 1px;
    height: 100%;
    background: rgba(167, 167, 167, .2)
}

.header_line_1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.header_line_3 {
    transform: rotate(20deg)
}

.header_line_4 {
    margin: 0 10px;
    width: 30px;
    height: 1px;
    background: rgba(167, 167, 167, .2)
}

.cz_fixed_ad {
    position: fixed;
    width: auto;
    z-index: 98
}

.elms_row [class*='cz_row_shape_'],
.elms_row [class*='cz_row_shape_'] {
    z-index: 0
}

[class*='cz_row_shape_'] .row:before,
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:before,
.elms_row [class*='cz_row_shape_']:after {
    position: absolute;
    content: '';
    top: 0;
    width: 0;
    height: 100%;
    background: inherit;
    z-index: -1
}

[class*='cz_row_shape_'] .row:before,
.elms_row [class*='cz_row_shape_']:before {
    left: 0;
    border-radius: inherit;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:after {
    right: 0;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.cz_row_shape_full_filled_left .row:before,
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_left:before,
.elms_row .cz_row_shape_full_filled_right:after {
    width: 3000px !important;
    transform: none;
    transform: translateX(-96%) !important;
    border-radius: 0
}

.cz_row_shape_no_left .row:before,
.cz_row_shape_no_right .row:after {
    visibility: hidden;
    opacity: 0
}

.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_right:after {
    transform: translateX(96%) !important
}

.cz_row_shape_1 .row:before,
.elms_row .cz_row_shape_1:before {
    transform: translateX(-40%) skewX(45deg)
}

.cz_row_shape_1 .row:after,
.elms_row .cz_row_shape_1:after {
    transform: translateX(40%) skewX(-45deg)
}

.cz_row_shape_2 .row:before,
.elms_row .cz_row_shape_2:before {
    transform: translateX(-40%) skewX(-45deg)
}

.cz_row_shape_2 .row:after,
.elms_row .cz_row_shape_2:after {
    transform: translateX(40%) skewX(45deg)
}

.cz_row_shape_3 .row:before,
.elms_row .cz_row_shape_3:before {
    transform: translateX(-40%) skewX(-45deg)
}

.cz_row_shape_3 .row:after,
.elms_row .cz_row_shape_3:after {
    transform: translateX(40%) skewX(-45deg)
}

.cz_row_shape_4 .row:before,
.elms_row .cz_row_shape_4:before {
    transform: translateX(-40%) skewX(45deg)
}

.cz_row_shape_4 .row:after,
.elms_row .cz_row_shape_4:after {
    transform: translateX(40%) skewX(45deg)
}

.cz_row_shape_none .row:after,
.cz_row_shape_none .row:before {
    display: none
}


/* WPML Language Switcher */

.cz_language_switcher {
    position: relative
}

.cz_language_switcher div {
    display: none;
    background: #fff;
    padding: 4px 8px;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    white-space: nowrap;
    width: max-content;
    line-height: 1.8
}

.cz_language_switcher:hover div {
    display: block
}

footer .cz_language_switcher div {
    top: 0;
    bottom: auto;
    transform: translate(-50%, -100%)
}

.cz_language_switcher a {
    display: block;
    text-align: center;
    border: 0;
    cursor: pointer
}

.cz_language_switcher div a {
    color: #111
}

.cz_language_switcher img {
    display: inline-block;
    vertical-align: -1px;
    border-radius: 0
}


/* Logo */

.logo>a,
.logo_2>a {
    display: block;
    border: 0;
    font-size: 40px
}

.logo>a h1,
.logo_2>a h1 {
    font-size: inherit;
    margin: 0
}

.logo_is_img>a {
    font-size: 10px
}

.logo_hover_tooltip {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 2;
    width: 500px;
    padding: 30px;
    margin: 10px 0 0;
    background: #fff;
    border-radius: 2px;
    visibility: hidden;
    box-sizing: border-box;
    box-shadow: 0 8px 40px rgba(17, 17, 17, .1);
    transition: all .2s ease-in-out
}

.rtl .logo_hover_tooltip {
    left: 0;
    right: 0
}

.logo:hover .logo_hover_tooltip {
    margin: 0;
    visibility: visible;
    opacity: 1
}

footer .logo_hover_tooltip,
footer .logo:hover .logo_hover_tooltip {
    display: none;
    visibility: hidden;
    opacity: 0
}

.hidden_top_bar {
    position: absolute;
    left: 0;
    top: 0;
    background: #111;
    color: #fff;
    z-index: 1001;
    width: 100%;
    padding: 40px 0;
    transform: translateY(-100%);
    transition: all .3s ease-in-out
}

.show_hidden_top_bar {
    transform: translateY(0)
}

.hidden_top_bar>i {
    position: absolute;
    background: inherit;
    right: 5%;
    bottom: 0;
    cursor: pointer;
    padding: 6px 12px;
    transform: translateY(100%);
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.cz_user_gravatar {
    display: block;
    overflow: hidden
}

.cz_user_gravatar img {
    border-radius: inherit
}


/* Menu */

.sf-menu,
.sf-menu .sub-menu,
.next_prev,
.foot_menu .sub-menu,
.page-numbers,
.cz_instagram ul,
.codevz-widget-custom-menu ul,
.codevz-widget-custom-menu-2 ul {
    margin: 0;
    list-style-type: none
}

.widget_nav_menu .sub-menu,
.widget_categories .children,
.page_item_has_children .children,
ul.cz_circle_list {
    list-style-type: circle
}

.sf-menu>.cz {
    position: relative;
    float: left;
    margin: 0
}

.rtl .sf-menu>.cz {
    float: right
}

.rtl .sf-menu {
    margin: 0
}

.elms_center .sf-menu {
    text-align: center
}

.elms_center .sf-menu>.cz {
    float: none;
    display: inline-block
}

.sf-menu>.cz>a {
    position: relative;
    display: block;
    z-index: 1;
    padding: 6px 0;
    margin: 0 30px 0 0;
    background: none;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0
}

.rtl .sf-menu>.cz>a {
    margin: 0 0 0 30px
}

.sf-menu>.cz>a>span {
    z-index: 1
}


/* FX hover text + JS codevzplus.js
.sf-menu > .cz > a > span {
	z-index: 1;
	display: inline-block;
	transform: translate( 0, 0 );
	transition: all .2s ease
}
.cz-menu-hover-span {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	opacity: 0
}
.sf-menu > .cz > a:hover > span {
	transform: translate( 0, -50% );
	opacity: 0
}
.sf-menu > .cz > a:hover > .cz-menu-hover-span {
	transform: translate( 0, -50% );
	opacity: 1
}*/

.sf-menu .cz a {
    border: 0
}

.sf-menu>.cz>a:before {
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #4e71fe;
    transform-origin: right;
    transform: scale(0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sf-menu>.cz>a:hover:before,
.sf-menu>.cz:hover>a:before,
.sf-menu>.current_menu>a:before,
.sf-menu>.current-menu-parent>a:before {
    transform-origin: left;
    transform: scale(1)
}

.sf-menu .cz a span>i {
    vertical-align: baseline;
    margin-right: 8px;
    transition: all .2s ease-in-out
}

.rtl .sf-menu .cz a span>i {
    margin-right: 0;
    margin-left: 8px
}

.cz-extra-menus a span>i {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    transform: none !important;
    opacity: 1 !important
}

.sf-menu .cz a span>.menu_icon_no_text {
    margin: 0 !important
}

.sf-menu span img {
    display: inline-block;
    margin: 0 2px
}

.cz_menu_fx_top_to_bottom .sf-menu>.cz>a:before {
    height: 100%;
    width: calc(100% + 16px);
    left: -8px;
    bottom: 0;
    transform-origin: bottom;
    transform: scale(1, 0)
}

.cz_menu_fx_top_to_bottom .sf-menu>.cz>a:hover:before,
.cz_menu_fx_top_to_bottom .sf-menu>.cz:hover>a:before,
.cz_menu_fx_top_to_bottom .sf-menu>.current_menu>a:before,
.cz_menu_fx_top_to_bottom .sf-menu>.current-menu-parent>a:before {
    transform-origin: top;
    transform: scale(1)
}

.cz_menu_fx_bottom_to_top .sf-menu>.cz>a:before {
    height: 100%;
    width: calc(100% + 16px);
    left: -8px;
    bottom: 0;
    transform-origin: top;
    transform: scale(1, 0)
}

.cz_menu_fx_bottom_to_top .sf-menu>.cz>a:hover:before,
.cz_menu_fx_bottom_to_top .sf-menu>.cz:hover>a:before,
.cz_menu_fx_bottom_to_top .sf-menu>.current_menu>a:before,
.cz_menu_fx_bottom_to_top .sf-menu>.current-menu-parent>a:before {
    transform-origin: bottom;
    transform: scale(1)
}

.cz_menu_fx_right_to_left .sf-menu>.cz>a:before {
    transform-origin: left
}

.cz_menu_fx_right_to_left .sf-menu>.cz>a:hover:before,
.cz_menu_fx_right_to_left .sf-menu>.cz:hover>a:before,
.cz_menu_fx_right_to_left .sf-menu>.current_menu>a:before,
.cz_menu_fx_right_to_left .sf-menu>.current-menu-parent>a:before {
    transform-origin: right;
    transform: scale(1)
}

.cz_menu_fx_right_to_left_l .sf-menu>.cz>a:before {
    transform-origin: -100px
}

.cz_menu_fx_right_to_left_l .sf-menu>.cz>a:hover:before,
.cz_menu_fx_right_to_left_l .sf-menu>.cz:hover>a:before,
.cz_menu_fx_right_to_left_l .sf-menu>.current_menu>a:before,
.cz_menu_fx_right_to_left_l .sf-menu>.current-menu-parent>a:before {
    transform-origin: 100px;
    transform: scale(1)
}

.cz_menu_fx_left_to_right_l .sf-menu>.cz>a:before {
    transform-origin: 100px
}

.cz_menu_fx_left_to_right_l .sf-menu>.cz>a:hover:before,
.cz_menu_fx_left_to_right_l .sf-menu>.cz:hover>a:before,
.cz_menu_fx_left_to_right_l .sf-menu>.current_menu>a:before,
.cz_menu_fx_left_to_right_l .sf-menu>.current-menu-parent>a:before {
    transform-origin: -100px;
    transform: scale(1)
}

.cz_menu_fx_center_to_sides .sf-menu>.cz>a:before {
    transform-origin: center
}

.cz_menu_fx_center_to_sides .sf-menu>.cz>a:hover:before,
.cz_menu_fx_center_to_sides .sf-menu>.cz:hover>a:before,
.cz_menu_fx_center_to_sides .sf-menu>.current_menu>a:before,
.cz_menu_fx_center_to_sides .sf-menu>.current-menu-parent>a:before {
    transform-origin: center;
    transform: scale(1)
}

.cz_menu_fx_fade_in .sf-menu>.cz>a:before {
    height: 100%;
    width: calc(100% + 16px);
    left: -8px;
    bottom: 0;
    transform: scale(1);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out
}

.cz_menu_fx_fade_in .sf-menu>.cz>a:hover:before,
.cz_menu_fx_fade_in .sf-menu>.cz:hover>a:before,
.cz_menu_fx_fade_in .sf-menu>.current_menu>a:before,
.cz_menu_fx_fade_in .sf-menu>.current-menu-parent>a:before {
    opacity: 1;
    visibility: visible
}

.cz_menu_fx_zoom_in .sf-menu>.cz>a:before {
    height: 100%;
    width: calc(100% + 16px);
    left: -8px;
    bottom: 0;
    transform-origin: center;
    transform: scale(0)
}

.cz_menu_fx_zoom_in .sf-menu>.cz>a:hover:before,
.cz_menu_fx_zoom_in .sf-menu>.cz:hover>a:before,
.cz_menu_fx_zoom_in .sf-menu>.current_menu>a:before,
.cz_menu_fx_zoom_in .sf-menu>.current-menu-parent>a:before {
    transform: scale(1)
}

.cz_menu_fx_zoom_out .sf-menu>.cz>a:before {
    height: 100%;
    width: calc(100% + 16px);
    left: -8px;
    bottom: 0;
    transform-origin: center;
    transform: scale(1.6);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out
}

.cz_menu_fx_zoom_out .sf-menu>.cz>a:hover:before,
.cz_menu_fx_zoom_out .sf-menu>.cz:hover>a:before,
.cz_menu_fx_zoom_out .sf-menu>.current_menu>a:before,
.cz_menu_fx_zoom_out .sf-menu>.current-menu-parent>a:before {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.cz_menu_fx_unroll .sf-menu>.cz>a:before {
    height: 100%;
    width: calc(100% + 16px);
    left: -8px;
    bottom: 0;
    transform-origin: 100%;
    transform: scale(1, 0)
}

.cz_menu_fx_unroll .sf-menu>.cz>a:hover:before,
.cz_menu_fx_unroll .sf-menu>.cz:hover>a:before,
.cz_menu_fx_unroll .sf-menu>.current_menu>a:before,
.cz_menu_fx_unroll .sf-menu>.current-menu-parent>a:before {
    transform: scale(1)
}

.cz_menu_fx_unroll_h .sf-menu>.cz>a:before {
    height: 100%;
    width: calc(100% + 16px);
    left: -8px;
    bottom: 0;
    transform-origin: 50%;
    transform: scale(0, 1)
}

.cz_menu_fx_unroll_h .sf-menu>.cz>a:hover:before,
.cz_menu_fx_unroll_h .sf-menu>.cz:hover>a:before,
.cz_menu_fx_unroll_h .sf-menu>.current_menu>a:before,
.cz_menu_fx_unroll_h .sf-menu>.current-menu-parent>a:before {
    transform: scale(1)
}

.cz_menu_fx_none .sf-menu>.cz>a:before {
    display: none
}

.cz_menu_subtitle {
    display: block;
    font-weight: normal;
    font-size: .9em;
    opacity: .7
}

.sub-menu .cz_menu_subtitle {
    padding: 10px 0 0
}

.sf-menu>.cz:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%)
}

.rtl .sf-menu>.cz:after {
    right: auto;
    left: 0
}

.sf-menu>li.cz:nth-last-child(2):after {
    display: none;
    visibility: hidden
}

.sf-menu .sub-menu {
    display: none;
    position: absolute;
    left: -20px;
    width: 210px;
    background: #fff;
    border-radius: 2px;
    text-align: left;
    padding: 16px 0;
    z-index: 9;
    transition: none
}

.cz_submenu_fx_moveup .sub-menu {
    animation: MenuMoveUp .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuMoveUp {
    0% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.cz_submenu_fx_movedown .sub-menu {
    animation: MenuMoveDown .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuMoveDown {
    0% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.cz_submenu_fx_moveleft .sub-menu {
    animation: MenuMoveLeft .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuMoveLeft {
    0% {
        transform: translateX(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.cz_submenu_fx_moveright .sub-menu {
    animation: MenuMoveRight .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuMoveRight {
    0% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.cz_submenu_fx_zoomin .sub-menu {
    animation: MenuZoomIn .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuZoomIn {
    0% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

.cz_submenu_fx_zoomout .sub-menu {
    animation: MenuZoomOut .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuZoomOut {
    0% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

.cz_submenu_fx_rotate1 .sub-menu {
    animation: MenuRotateA .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuRotateA {
    0% {
        transform: rotate(8deg)
    }

    100% {
        transform: rotate(0)
    }
}

.cz_submenu_fx_rotate2 .sub-menu {
    animation: MenuRotateB .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuRotateB {
    0% {
        transform: rotate(-8deg)
    }

    100% {
        transform: rotate(0)
    }
}

.cz_submenu_fx_rotate3 .cz {
    transform-style: preserve-3d;
    perspective: 100px
}

.cz_submenu_fx_rotate3 .sub-menu {
    transform-origin: top;
    animation: MenuRotateC .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuRotateC {
    0% {
        transform: rotateX(-10deg)
    }

    100% {
        transform: rotateX(0)
    }
}

.cz_submenu_fx_rotate4 .cz {
    transform-style: preserve-3d;
    perspective: 100px
}

.cz_submenu_fx_rotate4 .sub-menu {
    transform-origin: left;
    animation: MenuRotateD .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuRotateD {
    0% {
        transform: rotateY(10deg)
    }

    100% {
        transform: rotateY(0)
    }
}

.rtl .cz_submenu_fx_rotate4 .sub-menu {
    transform-origin: right;
    animation: MenuRotateDRTL .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuRotateDRTL {
    0% {
        transform: rotateY(-10deg)
    }

    100% {
        transform: rotateY(0)
    }
}

.cz_submenu_fx_skew1 .sub-menu {
    animation: MenuSkewA .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuSkewA {
    0% {
        transform: skewX(10deg)
    }

    100% {
        transform: skewX(0)
    }
}

.cz_submenu_fx_skew2 .sub-menu {
    animation: MenuSkewB .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuSkewB {
    0% {
        transform: skewX(-10deg)
    }

    100% {
        transform: skewX(0)
    }
}

.cz_submenu_fx_skew3 .sub-menu {
    animation: MenuSkewC .4s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuSkewC {
    0% {
        transform: skewY(-10deg)
    }

    100% {
        transform: skewY(0)
    }
}

.cz_submenu_fx_blur .sub-menu {
    animation: MenuBlur .5s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuBlur {
    0% {
        filter: blur(10px)
    }

    100% {
        filter: blur(0px)
    }
}

.cz_submenu_fx_collapse .sub-menu {
    animation: MenuCollapse .5s cubic-bezier(.180, .890, .330, 1.270)
}

@keyframes MenuCollapse {
    0% {
        clip-path: inset(-20% -20% 100% -20%)
    }

    100% {
        clip-path: inset(-20% -20% -20% -20%)
    }
}

.rtl .sf-menu .sub-menu {
    text-align: right;
    left: auto;
    right: -20px
}

.sf-menu .cz_open_menu_reverse {
    left: auto;
    right: 0
}

.sf-menu .sub-menu .sub-menu {
    top: 0;
    left: 200px
}

.rtl .sf-menu .sub-menu .sub-menu {
    left: auto;
    right: 200px
}

.sf-menu .sub-menu .cz_open_menu_reverse {
    left: auto;
    right: 200px
}

.sf-menu .cz .cz a {
    position: relative;
    display: block;
    padding: 8px 24px;
    font-weight: normal;
    line-height: 1
}

.rtl .sf-menu .cz .cz a {
    text-align: right
}

.cz_indicator.fa {
    position: relative;
    margin: 0 0 0 4px;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em;
    vertical-align: middle
}

.rtl .sf-with-ul .cz_indicator.fa {
    margin: 0 4px 0 0;
    right: auto !important;
    left: 0;
    border: 0
}

.sub-menu .sf-with-ul .cz_indicator {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    transition: all .2s ease-out
}

.sf-menu .cz .cz:hover>a .cz_indicator {
    left: auto;
    right: 15px
}

.rtl .sub-menu .sf-with-ul .cz_indicator {
    right: auto;
    left: 10px;
    transform: rotate(180deg);
    margin-top: -8px
}

.rtl .sf-menu .cz .cz:hover>a .cz_indicator {
    right: auto;
    left: 5px
}


/* Mega Menu */

.cz_parent_megamenu>.sub-menu {
    background-size: cover;
    box-sizing: border-box
}

.cz_parent_megamenu>.cz_custom_mega_menu {
    padding: 20px
}

.sf-menu .cz>h6 {
    padding: 10px 24px;
    margin: 0 0 10px;
    font-weight: bold
}

.cz_menu_custom {
    padding: 10px 24px
}

.cz_custom_mega_menu>div,
.cz_custom_mega_menu>div>div {
    width: 100%
}

.cz_custom_mega_menu .cz_grid_item {
    position: static !important
}

.cz_parent_megamenu>.sub-menu>.cz>.sub-menu,
.cz_parent_megamenu>.sub-menu>.cz>.cz_custom_mega_menu {
    opacity: 1 !important;
    position: static;
    padding: 0;
    background: none;
    box-shadow: none;
    width: 100%
}

.page_header .cz_parent_megamenu>.sub-menu>.cz>.sub-menu,
.page_header .cz_parent_megamenu>.sub-menu>.cz>.cz_custom_mega_menu,
.fixed_side .cz_parent_megamenu>.sub-menu>.cz>.sub-menu,
.fixed_side .cz_parent_megamenu>.sub-menu>.cz>.cz_custom_mega_menu {
    display: block !important
}

ul.sub-menu.cz_megamenu_1 {
    width: 210px
}

ul.sub-menu.cz_megamenu_2 {
    width: 420px
}

ul.sub-menu.cz_megamenu_3 {
    width: 630px
}

ul.sub-menu.cz_megamenu_4 {
    width: 840px
}

ul.sub-menu.cz_megamenu_5 {
    width: 1050px
}

ul.sub-menu.cz_megamenu_6 {
    width: 1170px
}

ul.sub-menu.cz_megamenu_7 {
    width: 1170px
}

ul.sub-menu.cz_megamenu_8 {
    width: 1170px
}

ul.sub-menu.cz_custom_mega_menu {
    width: 840px
}

.cz_parent_megamenu>[class^='cz_megamenu_']>.cz,
.cz_parent_megamenu>[class*=' cz_megamenu_']>.cz {
    float: left;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 -1px;
    border-left: 1px solid rgba(167, 167, 167, 0.2)
}

.rtl .cz_parent_megamenu>[class^='cz_megamenu_']>.cz,
.rtl .cz_parent_megamenu>[class*=' cz_megamenu_']>.cz {
    float: right;
    margin: 0 -1px 0 0;
    border-left: 0;
    border-right: 1px solid rgba(167, 167, 167, 0.2)
}

[class^='cz_megamenu_']>.cz:first-child,
[class*=' cz_megamenu_']>.cz:first-child,
.cz_megamenu_9>.cz,
.cz_megamenu_10>.cz,
.cz_megamenu_11>.cz,
.cz_megamenu_12>.cz,
.cz_megamenu_13>.cz {
    border: 0
}

.cz_megamenu_1>.cz,
.cz_megamenu_9>.cz,
.cz_megamenu_10>.cz,
.cz_megamenu_11>.cz,
.cz_megamenu_12>.cz,
.cz_megamenu_13>.cz {
    float: none;
    width: 100%
}

.cz_megamenu_2>.cz {
    width: 50%
}

.cz_megamenu_3>.cz {
    width: calc(100% / 3)
}

.cz_megamenu_4>.cz {
    width: 25%
}

.cz_megamenu_5>.cz {
    width: 20%
}

.cz_megamenu_6>.cz {
    width: calc(100% / 6)
}

.cz_megamenu_7>.cz {
    width: calc(100% / 7)
}

.cz_megamenu_8>.cz {
    width: calc(100% / 8)
}

.cz_menu_badge {
    position: absolute;
    margin: -18px 0 0 -4px;
    font-size: 10px;
    line-height: 1;
    padding: 2px 5px;
    border-radius: 3px;
    z-index: 2;
    white-space: nowrap;
    color: #fff
}

.sub-menu .cz_menu_badge {
    position: relative;
    margin: 0 0 0 8px
}

.cz_megamenu_center_mode>.sub-menu {
    left: 50%;
    transform: translateX(-50%)
}

.cz_megamenu_reverse_mode .sub-menu {
    right: -20px;
    left: auto
}

.cz_megamenu_width_full_row>.sub-menu,
.rtl .cz_megamenu_width_full_row>.sub-menu {
    left: auto;
    right: auto;
    margin-right: 0 !important;
    margin-left: 0 !important
}

.open_horizontal {
    display: none;
    position: absolute;
    right: 50px;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: max-content;
}

.open_horizontal.inview_right {
    right: auto;
    left: 50px
}

.side_dots {
    position: fixed;
    left: 30px;
    top: 50%;
    background-color: #333;
    padding: 4px 10px;
    border-radius: 30px;
    transform: translateY(-50%)
}

.side_dots>.cz {
    float: none;
    display: block
}

.side_dots .cz a:before {
    display: none
}

.side_dots .cz a {
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    margin: 10px 0;
    padding: 0;
    border-radius: 100%;
    transform: scale(.7);
    color: #212049;
    font-weight: 700;
    background-color: transparent;
    border: 3px solid #fff
}

.side_dots>.current_menu>a,
.side_dots .cz a:hover {
    color: #333;
    background: #fff;
    transform: scale(1)
}

.side_dots .cz a:after {
    position: absolute;
    top: 50%;
    left: 20px;
    color: inherit;
    border: 0;
    background: none;
    box-shadow: none;
    content: attr(data-title);
    padding: 4px 15px;
    z-index: 10;
    text-indent: 0;
    opacity: 0;
    white-space: nowrap;
    transform-origin: top;
    transform: scale(.3) translateY(-50%);
    transition: all .15s ease-in-out
}

.side_dots a:hover:after,
.current_menu a:after {
    transform: scale(1) translateY(-50%);
    opacity: 1
}

.right_side_dots {
    right: 30px;
    left: auto
}

.right_side_dots a:before {
    right: 20px;
    left: auto
}

.fullscreen_menu {
    display: none;
    position: fixed;
    background: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    padding: 0;
    overflow: scroll;
    box-sizing: border-box
}

.cz_noscroll {
    overflow: hidden
}

.cz_noStickySidebar .theiaStickySidebar {
    transform: none !important
}

.fullscreen_menu a {
    line-height: 1.4
}

.fullscreen_menu>.cz {
    float: none;
    margin: 0 auto;
    text-align: center;
    display: table
}

.rtl .fullscreen_menu>.cz {
    float: none
}

.fullscreen_menu .sf-with-ul .cz_indicator {
    right: 0;
    position: static;
    margin: 0 0 0 10px;
    transform: none
}

.sf-menu>.cz:last-child:after,
.icon_right_side_dots,
.icon_left_side_dots,
.dwqa-breadcrumbs,
.side_dots ul,
.cz_parent_megamenu>.sub-menu>li>a>.cz_indicator {
    display: none;
    visibility: hidden
}

.fullscreen_menu.sf-menu .sub-menu,
.dropdown_menu.sf-menu .sub-menu {
    position: static;
    display: none;
    background: none;
    padding: 0
}

.fullscreen_menu.sf-menu .sub-menu.cz_show_sub {
    display: block;
    opacity: 1;
    position: static;
    width: auto;
    background: none;
}

.dropdown_menu {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px 0;
    min-width: 160px;
    z-index: 9;
    box-shadow: 0 10px 100px rgba(0, 0, 0, .1)
}

.dropdown_menu>.cz>a {
    margin: 0
}

.dropdown_menu .sub-menu {
    left: 160px;
    top: -2px;
    width: 100%
}

.dropdown_menu .cz .cz a {
    padding: 8px 6px
}

.dropdown_menu .cz_open_menu_reverse {
    left: -200px;
    right: auto
}

.dropdown_menu.sf-menu>.cz {
    padding: 0 20px;
    float: none
}

.dropdown_menu>.cz>.sub-menu:before {
    top: 14px;
    left: -4px
}

.dropdown_menu>.cz>.cz_open_menu_reverse:before {
    top: 14px;
    left: auto;
    right: -4px
}

ul.offcanvas_menu {
    display: none
}

header .search {
    width: 280px
}

.outer_search form button {
    position: absolute !important;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 1;
    margin: 0;
    padding: 0 !important;
    color: #111 !important;
    background: none !important;
    border: 0 !important;
    cursor: pointer !important
}

.rtl .outer_search form button {
    left: 16px;
    right: auto
}

.outer_search form button .fa-circle-o-notch {
    opacity: .4
}

.search_style_form_2 button {
    right: auto !important;
    left: 16px;
    top: 50% !important;
    transform: translateY(-50%);
    font-size: 20px;
    pointer-events: none !important
}

.search_style_form_2 input {
    background: none;
    border-color: transparent;
    padding: 10px 10px 10px 50px
}

.search_style_icon_dropdown,
.offcanvas_container>i,
.search-form,
.elms_shop_cart_inner,
#bbpress-forums #bbp-search-form,
.wpcf7-form,
.logo,
.logo_2,
.search,
.search form,
.cz_post_content,
.sf-menu .cz .cz,
.cz_subscribe form,
.fullscreen_menu a,
.cz_elm {
    position: relative
}

.search_with_icon>i,
.offcanvas_container>i,
.elms_shop_cart>a>i,
i.icon_fullscreen_menu,
i.dropwdown_menu,
i.icon_open_horizontal,
header .fa-bars,
i.icon_dropdown_menu,
i.icon_fullscreen_menu,
i.icon_mobile_dropdown_menu,
i.icon_mobile_offcanvas_menu {
    cursor: pointer;
    width: 2em;
    height: 2em;
    font-size: 22px;
    line-height: 2em;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    border: 1px solid transparent；
}

/*出现的一个奇怪的menu菜单
@media only screen and (min-width:1024px){
 header .fa-bars{
    display:none;
 }
}
*/

.elm_icon_text>i {
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center
}

i.icon_plus_text {
    width: initial
}

.icon_plus_text:before {
    margin-right: 10px
}

.rtl .icon_plus_text:before {
    margin-right: 0;
    margin-left: 10px
}

.search_style_icon_full .outer_search {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999
}

.outer_search form button,
.outer_search form button:hover {
    box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    overflow: visible !important;
    color: initial !important
}

.search_style_icon_full button {
    font-size: 24px;
    right: 30px
}

.search_style_icon_full .search {
    position: absolute;
    left: 50%;
    top: 20%;
    width: 50%;
    transform: translateX(-50%);
}

.search_style_icon_full form>span {
    position: absolute;
    font-size: 26px;
    color: rgba(167, 167, 167, .5);
    left: 0;
    top: -78%
}

.rtl .search_style_icon_full form>span {
    right: 0;
    left: auto
}

.search_style_icon_full .ajax_search_results {
    top: 78px;
    width: 99.7%;
    border: 0;
    overflow: visible
}

.search_style_icon_full .search input {
    padding: 20px;
    font-size: 24px
}

.cz_cart,
.cz_cart_edd {
    position: relative;
    display: inline-block
}

.search_style_icon_dropdown .outer_search,
.cz_cart_items {
    display: none;
    position: absolute;
    z-index: 2;
    padding: 8px;
    background: #fff;
    border-radius: 2px;
    color: initial;
    margin: 18px 0 0;
    left: -238px;
    width: 280px;
    box-shadow: 1px 6px 20px rgba(17, 17, 17, .1);
    animation: CubicIn .4s cubic-bezier(.180, .890, .330, 1.270) forwards
}

.search_style_icon_full form {
    animation: CubicIn .8s cubic-bezier(.180, .890, .330, 1.270) forwards
}

@keyframes CubicIn {
    from {
        transform: translateY(30px)
    }

    to {
        transform: translateY(0px)
    }
}

div.cz_cart_items {
    left: -287px
}

.search_style_icon_dropdown .outer_search:before,
.cz_cart_items:before {
    content: no-close-quote;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -3px;
    right: 28px;
    background: inherit;
    background-image: none;
    z-index: -1;
    transform: rotate(45deg)
}

.cz_cart_items>div {
    border: 1px solid rgba(167, 167, 167, .2);
    border-radius: inherit
}

.inview_right .cz_cart_items {
    left: -62px
}

.inview_right .cz_cart_items:before {
    right: auto;
    left: 28px
}

.cz_cart_items {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out
}

.elms_shop_cart:hover .cz_cart_items {
    visibility: visible;
    opacity: 1
}

.cz_cart .item_small,
.cz_cart_edd .item_small {
    padding: 10px;
    margin: 0
}

.cz_cart .item_small span,
.cz_cart_edd .item_small span {
    display: inline-block
}

.cz_cart_buttons {
    padding: 0 10px 0;
    border-top: 1px solid rgba(167, 167, 167, .2)
}

.cz_cart_buttons a {
    padding: 2px 0;
    width: calc(50% - 4px);
    display: inline-block;
    text-align: center;
    font-size: 14px;
    opacity: .7
}

.cz_cart_buttons a:hover {
    opacity: 1
}

.cz_cart_buttons a:first-child {
    border-right: 1px solid rgba(167, 167, 167, .2)
}

.rtl .cz_cart_buttons a:first-child {
    border-right: 0;
    border-left: 1px solid rgba(167, 167, 167, .2)
}

.cz_cart a.remove,
.cz_cart_edd a.remove {
    border: 0;
    height: 1.24em;
    width: 1.24em;
    position: absolute;
    right: 20px;
    top: 38%
}

.rtl .cz_cart .remove,
.rtl .cz_cart_edd .remove {
    left: 20px;
    right: auto
}

.cz_cart a.remove i,
.rtl .cz_cart_edd a.remove i {
    font-size: 14px
}

.search_style_icon_dropdown.inview_right .outer_search {
    left: -18px
}

.search_style_icon_dropdown.inview_right .outer_search:before {
    right: auto;
    left: 30px
}

.search_style_icon_dropdown .ajax_search_results {
    position: relative;
    z-index: 2;
    top: 0;
    margin: 8px 0 0
}

.search_style_icon_dropdown input {
    background: #fff;
    padding: 10px
}

.offcanvas_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 350px;
    height: 100%;
    overflow: scroll;
    padding: 30px;
    background: #fff;
    z-index: 9999;
    transform: translateX(-120%);
    transition: all 700ms cubic-bezier(.77, 0, .175, 1);
    box-shadow: -5px 0 20px rgba(0, 0, 0, .12)
}

i.offcanvas-close {
    position: fixed;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 20px;
    top: 0;
    transform: none;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms cubic-bezier(.77, 0, .175, 1)
}

.active_offcanvas .offcanvas-close {
    visibility: visible;
    opacity: 1
}

.admin-bar i.offcanvas-close {
    top: 32px
}

.offcanvas-close:hover {
    transform: rotate(180deg)
}

.offcanvas_area.inview_right {
    right: 0;
    left: auto;
    transform: translateX(120%)
}

.active_offcanvas .offcanvas_area.active_offcanvas {
    transform: translateX(0)
}

.admin-bar .offcanvas_area,
.admin-bar .hidden_top_bar {
    margin-top: 32px
}

#layout .offcanvas_area,
#layout .offcanvas_menu {
    display: none
}

.elms_shop_cart_inner i,
.head_cart {
    display: inline-block
}

.cart_1 .cz_cart_count {
    color: #000;
    background: #fff;
}

.cz_cart_count {
    position: absolute;
    top: -28px;
    right: -2px;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2em;
    font-size: 12px;
    border-radius: 100%
}

.rtl .cz_cart_count {
    right: auto;
    left: 20px;
    transform: translateX(-70%);
}

.cz_cart_counts:before {
    content: no-close-quote;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 6px;
    left: -2px;
    background: inherit;
    background-image: none;
    z-index: 0;
    transform: rotate(45deg)
}

.cz_cart_count span {
    display: none
}

.hf_elm_area {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 9;
    box-shadow: 0 10px 100px rgba(0, 0, 0, .1)
}

.item_small,
.woocommerce ul.product_list_widget li {
    position: relative;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(167, 167, 167, .2);
    font-size: 14px
}

.item_small:last-child,
.woocommerce ul.product_list_widget li:last-child {
    margin: 0;
    border: 0
}

.item_small:after,
.woocommerce ul.product_list_widget li:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.item_small>a {
    position: relative;
    z-index: 1;
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 20px 0 0
}

.rtl .item_small>a {
    float: right;
    margin: 0 0 0 20px
}

.cz_cart_dummy .item_small>a {
    background: background: rgba(167, 167, 167, 0.15);
}

.item_small h3 {
    font-size: 18px;
    margin: 0
}

.item_small span {
    display: block
}

.item_small .cz_small_post_date {
    opacity: .6
}

.dsq-postid {
    display: inline-block
}

.item_small i {
    font-size: 11px
}

.ajax_search_results {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid rgba(167, 167, 167, .2);
    border-radius: 2px;
    color: #7a7a7a;
    z-index: 2;
    width: 99%;
    left: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 1px 6px 20px rgba(17, 17, 17, .1)
}

.search_style_form .ajax_search_results,
.search_style_form_2 .ajax_search_results {
    transform: translateY(101%)
}

.ajax_search_results .item_small {
    border-bottom: 1px dashed rgba(167, 167, 167, .4);
    padding: 14px 8px;
    margin: 0
}

.ajax_search_results .item_small>a {
    margin: 0 10px 0;
    display: inline-block
}

.ajax_search_results .va_results {
    display: block;
    line-height: 1;
    font-size: 20px;
    text-align: center;
    padding: 2px 0 10px;
    letter-spacing: 2px;
    background: rgba(167, 167, 167, .08);
    text-transform: uppercase
}

.ajax_search_results .item-details {
    margin: 0 12px 0
}

.ajax_search_results h3 {
    margin: 0
}

.ajax_search_results span {
    display: inline-block;
    font-size: 11px
}

.ajax_search_results h5 {
    font-size: 11px;
    padding: 4px 6px;
    margin: 0;
    background: rgba(167, 167, 167, .1);
    position: absolute;
    font-weight: 300;
    right: 10px;
    top: 12px;
    z-index: 2;
    border-radius: 2px
}

.ajax_search_results .ajax_search_error {
    font-size: 16px;
    padding: 10px;
    font-weight: normal;
    display: block
}


/* Mobile */

i.icon_offcanvas_menu {
    display: none
}

ul.offcanvas_area {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

ul.offcanvas_area .cz {
    width: 100%;
    float: none
}

ul.offcanvas_area .cz a,
ul.offcanvas_area .cz h6 {
    color: #000;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(167, 167, 167, .2)
}

.rtl ul.offcanvas_area .cz a,
.rtl ul.offcanvas_area .cz h6 {
    margin: 0
}

ul.offcanvas_area .sub-menu {
    position: static;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: auto;
    transform: none;
    background: none;
    box-shadow: none;
    border-radius: 0;
    border-left: 4px solid rgba(167, 167, 167, .14)
}

ul.offcanvas_area .cz .cz a {
    position: relative;
    line-height: 1.5;
    font-size: 14px
}

ul.offcanvas_area .cz .cz h6 {
    position: relative;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 600
}

ul.offcanvas_area>.cz>a:before {
    display: none
}

ul.offcanvas_area.sf-menu .cz_menu_badge {
    position: static;
    margin: 0 5px 0
}

h6 .cz_indicator {
    display: none
}

ul.offcanvas_area .sf-with-ul .cz_indicator,
ul.offcanvas_area h6 .cz_indicator {
    display: block;
    position: absolute;
    right: 0 !important;
    top: 0;
    height: 100%;
    width: 40px;
    border-left: 1px solid rgba(167, 167, 167, .2)
}

.rtl ul.offcanvas_area h6 .cz_indicator {
    left: 0 !important;
    right: auto !important
}

ul.offcanvas_area .sf-with-ul .cz_indicator:before,
ul.offcanvas_area h6 .cz_indicator:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

ul.offcanvas_area.sf-menu .sf-with-ul .cz_indicator {
    transform: none
}


/* Sticky */

.header_5,
.onSticky {
    position: fixed;
    z-index: 999;
    top: 0;
    transform: translateY(-120%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 400ms ease-in-out !important
}

.onSticky {
    transform: none
}

.header_5 {
    transform: translateY(-120%)
}

.admin-bar .header_5,
.admin-bar .onSticky {
    top: 32px
}

.smart_sticky_on {
    transform: translateY(-160%);
    margin-top: 0;
    top: 0
}

.show_on_sticky,
.onSticky .hide_on_sticky {
    visibility: hidden;
    opacity: 0;
    width: 0;
    transition: all .4s ease-in-out
}

.onSticky .show_on_sticky,
.hide_on_sticky {
    visibility: visible;
    width: auto;
    opacity: 1
}

.cz_sticky_corpse_for_header_4 {
    display: none
}

.onSticky .row {
    transition: width .5s ease-in-out
}

.cz_sticky_h12>div,
.cz_sticky_h13>div,
.cz_sticky_h23>div,
.cz_sticky_h123>div {
    transition: none !important
}


/* Fixed Side */

.fixed_side {
    position: relative;
    float: left;
    z-index: 99999;
    width: 300px;
    height: 100vh;
    min-height: initial !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important
}

.rtl .fixed_side {
    float: right
}

.fixed_side .theiaStickySidebar {
    height: 100%;
    width: inherit !important;
    box-sizing: border-box;
    overflow: auto
}

.is_fixed_side .inner_layout {
    float: right;
    width: calc(100% - 300px)
}

.is_fixed_side .cz-no-header {
    float: none;
    margin: 0 auto
}

.rtl .is_fixed_side .inner_layout {
    float: left
}

.is_fixed_side .row,
.is_fixed_side.layout_1 .row,
.is_fixed_side.layout_2 .row {
    width: 90%
}

.fixed_side_right {
    float: right
}

.rtl .fixed_side_right {
    float: left
}

.fixed_side .elms_top {
    width: 100%
}

.fixed_side .elms_bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.fixed_side_right .elms_bottom {
    left: auto;
    right: 0;
    float: right;
}

.fixed_side .elms_middle {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: 0;
    width: 100%
}

.fixed_side .sf-menu>.cz {
    float: none;
    margin: 0
}

.fixed_side .sf-menu>.cz>a {
    font-size: 16px;
    padding: 10px 20px;
    margin: 0
}

.fixed_side .sf-menu .sub-menu {
    top: 0
}

.fixed_side .sf-menu>.cz>.sf-with-ul .cz_indicator {
    right: 20px
}

.rtl .fixed_side .sf-menu>.cz>.sf-with-ul .cz_indicator {
    right: auto;
    left: 20px
}

.fixed_side_left .sf-menu>.cz>.sub-menu:before {
    top: 20px;
    left: -3px
}

.fixed_side_right .sf-menu>.cz>.sub-menu:before {
    top: 20px;
    left: auto;
    right: -3px
}

.fixed_side_right .sf-menu .sub-menu {
    left: auto
}


/* Preloader */

.pageloader {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease-in-out
}

.pageloader>* {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out
}

.pageloader_percentage {
    font-size: 100px;
    color: #a7a7a7;
    font-weight: 100
}

.pageloader_done {
    opacity: 0;
    visibility: hidden
}

.pageloader_left,
.pageloader_right,
.pageloader_down,
.pageloader_up,
.pageloader_circle,
.pageloader_pa,
.pageloader_pb,
.pageloader_pc,
.pageloader_pd,
.pageloader_pe,
.pageloader_center_h,
.pageloader_center_v {
    opacity: 1;
    visibility: visible;
    clip-path: inset(0% 0% 0% 0%);
    animation-duration: 650ms;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.pageloader_down.pageloader_click {
    animation-name: loadingDown
}

@keyframes loadingDown {
    0% {
        clip-path: inset(0% 0% 100% 0%)
    }

    100% {
        clip-path: inset(0% 0% 0% 0%)
    }
}

.pageloader_down.pageloader_done {
    animation-name: loadingDownDone
}

@keyframes loadingDownDone {
    0% {
        clip-path: inset(0% 0% 0% 0%)
    }

    100% {
        clip-path: inset(100% 0% 0% 0%)
    }
}

.pageloader_up.pageloader_click {
    animation-name: loadingUp
}

@keyframes loadingUp {
    0% {
        clip-path: inset(100% 0% 0% 0%)
    }

    100% {
        clip-path: inset(0% 0% 0% 0%)
    }
}

.pageloader_up.pageloader_done {
    animation-name: loadingUpDone
}

@keyframes loadingUpDone {
    0% {
        clip-path: inset(0% 0% 0% 0%)
    }

    100% {
        clip-path: inset(0% 0% 100% 0%)
    }
}

.pageloader_left.pageloader_click {
    animation-name: loadingLeft
}

@keyframes loadingLeft {
    0% {
        clip-path: inset(0% 100% 0% 0%)
    }

    100% {
        clip-path: inset(0% 0% 0% 0%)
    }
}

.pageloader_left.pageloader_done {
    animation-name: loadingLeftDone
}

@keyframes loadingLeftDone {
    0% {
        clip-path: inset(0% 0% 0% 0%)
    }

    100% {
        clip-path: inset(0% 0% 0% 100%)
    }
}

.pageloader_right.pageloader_click {
    animation-name: loadingRight
}

@keyframes loadingRight {
    0% {
        clip-path: inset(0% 0% 0% 100%)
    }

    100% {
        clip-path: inset(0% 0% 0% 0%)
    }
}

.pageloader_right.pageloader_done {
    animation-name: loadingRightDone
}

@keyframes loadingRightDone {
    0% {
        clip-path: inset(0% 0% 0% 0%)
    }

    100% {
        clip-path: inset(0% 100% 0% 0%)
    }
}

.pageloader_circle.pageloader_click {
    animation-name: loadingCircle
}

@keyframes loadingCircle {
    0% {
        clip-path: circle(0%)
    }

    100% {
        clip-path: circle(100%)
    }
}

.pageloader_circle.pageloader_done {
    animation-name: loadingCircleDone
}

@keyframes loadingCircleDone {
    0% {
        clip-path: circle(100%)
    }

    100% {
        clip-path: circle(0%)
    }
}

.pageloader_center_h,
.pageloader_center_v {
    animation-duration: 800ms;
    animation-timing-function: cubic-bezier(.25, .1, .25, 1)
}

.pageloader_center_h.pageloader_done,
.pageloader_center_v.pageloader_done {
    animation-duration: 1.5s
}

.pageloader_center_h.pageloader_click {
    animation-name: loadingCenter
}

@keyframes loadingCenter {
    0% {
        clip-path: inset(0 100% 0 100%)
    }

    100% {
        clip-path: inset(0% 0% 0% 0%)
    }
}

.pageloader_center_h.pageloader_done {
    animation-name: loadingCenterDone
}

@keyframes loadingCenterDone {
    0% {
        clip-path: inset(0% 0% 0% 0%)
    }

    100% {
        clip-path: inset(0 100% 0 100%)
    }
}

.pageloader_center_v.pageloader_click {
    animation-name: loadingCenterV
}

@keyframes loadingCenterV {
    0% {
        clip-path: inset(100% 0 100% 0)
    }

    100% {
        clip-path: inset(0% 0% 0% 0%)
    }
}

.pageloader_center_v.pageloader_done {
    animation-name: loadingCenterVDone
}

@keyframes loadingCenterVDone {
    0% {
        clip-path: inset(0% 0% 0% 0%)
    }

    100% {
        clip-path: inset(100% 0 100% 0)
    }
}

.pageloader_pa.pageloader_click {
    animation-name: loadingPA
}

@keyframes loadingPA {
    0% {
        clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 0)
    }

    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }
}

.pageloader_pa.pageloader_done {
    animation-name: loadingPADone
}

@keyframes loadingPADone {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }

    100% {
        clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 0)
    }
}

.pageloader_pb.pageloader_click {
    animation-name: loadingPB
}

@keyframes loadingPB {
    0% {
        clip-path: polygon(0 0, 100% 0, 0% 0%, 0% 100%)
    }

    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }
}

.pageloader_pb.pageloader_done {
    animation-name: loadingPBDone
}

@keyframes loadingPBDone {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }

    100% {
        clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0% 100%)
    }
}

.pageloader_pc.pageloader_click {
    animation-name: loadingPC
}

@keyframes loadingPC {
    0% {
        clip-path: polygon(0 0, 100% 0, 51% 0, 49% 0)
    }

    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }
}

.pageloader_pc.pageloader_done {
    animation-name: loadingPCDone
}

@keyframes loadingPCDone {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }

    100% {
        clip-path: polygon(49% 100%, 51% 100%, 100% 100%, 0% 100%)
    }
}

.pageloader_pd.pageloader_click {
    animation-name: loadingPD
}

@keyframes loadingPD {
    0% {
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)
    }

    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }
}

.pageloader_pd.pageloader_done {
    animation-name: loadingPDDone
}

@keyframes loadingPDDone {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }

    100% {
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)
    }
}

.pageloader_pe.pageloader_click {
    animation-name: loadingPE
}

@keyframes loadingPE {
    0% {
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%)
    }

    50% {
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)
    }

    100% {
        clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0)
    }
}

.pageloader_pe.pageloader_done {
    animation-name: loadingPEDone
}

@keyframes loadingPEDone {
    0% {
        clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0)
    }

    50% {
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)
    }

    100% {
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%)
    }
}

.pageloader_done_all {
    opacity: 0;
    visibility: hidden
}


/* Forms */

label {
    display: block;
    margin: 0 0 10px
}

.search-form {
    display: table
}

.search-form label,
.search-form .search-submit {
    display: table-cell;
    white-space: nowrap
}

.search-form .search-submit {
    margin: 0 0 0 10px
}

.rtl .search-form .search-submit {
    margin: 0 10px 0 0
}

.outer_search form button:hover i {
    animation: initial
}

.cz_subscribe button {
    position: absolute;
    right: 10px;
    top: 50%;
    padding: 10px;
    box-shadow: none;
    border: 0 !important;
    color: initial !important;
    background: none !important;
    transform: translateY(-50%)
}

.rtl .cz_subscribe button {
    right: auto;
    left: 10px
}

.cz_subscribe button:before,
.cz_subscribe button:after {
    display: none
}

.widget form {
    width: 100%
}

input,
textarea,
select {
    width: 100%;
    padding: 12px;
    margin: 0;
    color: inherit;
    border-radius: 2px;
    font-family: 'Poppins-Regular', inherit;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px solid rgba(167, 167, 167, .4)
}

textarea {
    height: 160px;
    line-height: 2;
    font-size: 14px;
    overflow: auto
}

select {
    background: #fff url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiNhN2E3YTciLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat right 18px center;
    background-size: 10px
}

.rtl select {
    background-position-x: 18px
}

option {
    color: #111;
    background: #fff
}

input[type="date"] {
    padding: 9px 12px
}

input[type=checkbox],
input[type=radio] {
    -webkit-appearance: none;
    width: auto !important;
    display: inline-block !important;
    margin: 0 10px 0 0 !important;
    padding: 5px !important;
    vertical-align: middle !important;
    -webkit-appearance: checkbox
}

input[type=radio] {
    -webkit-appearance: radio
}

::-moz-placeholder {
    opacity: 1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: .8
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: inherit;
    opacity: .8
}

input::-moz-input-placeholder,
textarea::-moz-input-placeholder {
    color: inherit;
    opacity: .8
}

.rtl form input[type=checkbox],
form input[type=radio],
.rtl input[type=checkbox],
input[type=radio] {
    margin: 0 0 0 10px
}

form button,
input[type=submit],
input[type=button],
.button,
.dwqa-questions-footer .dwqa-ask-question a,
.cz_header_button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
#edd-purchase-button,
.edd-submit,
[type=submit].edd-submit,
.edd-submit.button.blue {
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    border: 0;
    background-color: #4e71fe;
    border-radius: 2px;
    width: auto;
    padding: 12px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 200ms ease-in-out
    font-weight:400;
}

form button:hover,
input[type=submit]:hover,
input[type=button]:hover,
.button:hover,
.dwqa-questions-footer .dwqa-ask-question a:hover,
.cz_header_button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
#edd-purchase-button:hover,
.edd-submit:hover,
[type=submit].edd-submit:hover,
.edd-submit.button.blue:hover,
.edd-submit.button.blue:focus {
    color: #fff
}

.mejs-container [aria-controls] {
    background-color: initial !important;
    color: #fff !important
}

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
    border-radius: 4px
}

.cz_header_button {
    border: 1px solid transparent
}

.cz_header_button i {
    transition: all .2s ease-in-out
}

header .button {
    padding: 8px 28px;
    font-size: 14px;
    font-weight: bold
}

.cz_btn_header_icon_before {
    margin: 0 10px 0 0;
}

.cz_btn_header_icon_after,
.rtl .cz_btn_header_icon_before {
    margin: 0 0 0 10px
}

.rtl .cz_btn_header_icon_after {
    margin: 0 10px 0 0
}

.customize-partial-edit-shortcut {
    display: none !important
}


/* Pagination */

.nav-links {
    margin: 30px 0
}

.post-type-archive-portfolio .nav-links {
    margin: 30px auto 10px !important;
    display: table !important;
    float: none !important
}

.cz_bpnp .pagination {
    margin: 0 0 50px
}

.pagination a,
.pagination>b,
.pagination span,
.page-numbers a,
.page-numbers span {
    display: inline-block;
    transform: scale(.9);
    border-radius: 100%;
    margin: 0 -1px;
    border: 1px solid rgba(167, 167, 167, .3);
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    width: 3em;
    height: 3em;
    line-height: 3em
}

span.dots {
    background: none;
    color: inherit;
    border-color: transparent;
    box-shadow: none
}

.pagination .current,
.pagination>b,
.pagination a:hover,
.page-numbers .current,
.page-numbers a:hover,
.pagination .next:hover,
.pagination .prev:hover {
    background: #4e71fe;
    color: #fff
}

.pagination_old a {
    width: auto;
    height: auto;
    padding: 12px 22px;
    line-height: 1
}


/* Comments */

.commentlist {
    margin: 0 !important
}

#commentlist-container {
    margin-bottom: 50px
}

.comment-respond {
    margin-bottom: 10px
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: calc(100% / 3 - 4px);
    display: inline-block;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 94%
}

.comment-form-url input {
    width: 100%
}

.form-submit {
    margin: 0
}

h3#reply-title {
    font-size: 20px
}

.commentlist,
.commentlist .children {
    list-style: none;
    margin: 0
}

.comment-author {
    display: inline-block;
    margin: 0 0 20px;
}

.comment-author img {
    vertical-align: middle;
    margin: 0 10px 0 0;
    display: inline-block;
    width: 35px;
    border-radius: 100%
}

.rtl .comment-author img {
    margin: 0 0 0 10px
}

.comment-metadata {
    display: inline-block;
    font-size: 12px;
    float: right;
    margin: 0
}

.rtl .comment-metadata {
    float: left
}

.comment-edit-link {
    font-size: 0
}

.comment-edit-link:before {
    font-family: "FontAwesome";
    content: "\f040";
    font-size: 14px
}

#cancel-comment-reply-link {
    font-weight: 500;
    font-size: 14px
}

.commentlist li.comment {
    list-style: inherit;
    margin: 0
}

.commentlist li article {
    display: block;
    padding: 40px;
    margin: 0 0 10px;
    border: 2px solid rgba(167, 167, 167, .1)
}

.commentlist li.comment-author-admin .fn {
    color: #fff;
    background: #4e71fe;
    padding: 2px 10px;
    font-weight: 500;
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 14px
}

.commentlist li.comment li.comment {
    margin: 0 0 0 20px
}

.rtl .commentlist li.comment li.comment {
    margin: 0 20px 0 0
}

.comment-metadata>* {
    margin: 0 4px 0
}

li .comment-reply-title {
    margin: 20px 0
}

.commentlist .children li {
    margin: 10px 0 0
}

.comment-reply-link {
    display: inline-block;
    margin: 20px 0 0;
    padding: 4px 12px;
    border-radius: 2px;
    background: rgba(167, 167, 167, .1);
    font-size: 14px
}

.comment-reply-title small,
.logged-in-as {
    float: right
}

.rtl .comment-reply-title small,
.rtl .logged-in-as {
    float: left
}

.comment .children {
    margin: 0 0 0 10px
}

.rtl .comment .children {
    margin: 0 10px 0 0
}

#commentlist-container .page-numbers a {
    width: auto;
    padding: 5px 20px;
    margin: 5px 0 20px -7px;
}

.comment-form label {
    display: inline-block
}

.comment-form-cookies-consent {
    margin-bottom: 10px
}


/* Widgets and content */

.page_content {
    position: relative;
    margin: 40px 0
}

.widget,
.content {
    position: relative;
    padding: 0;
    margin: 0 0 50px;
    transition: all .2s ease-in-out
}

.widget>h4,
.content>h3:first-child,
.content>h4:first-child,
.section_title,
.related.products>h2,
.upsells>h2,
.woocommerce-order-details h2,
.woocommerce-order-details h3,
.woocommerce-Address-title h3 {
    position: relative;
    border-bottom: 1px solid rgba(167, 167, 167, .2);
    padding: 0 0 20px;
    margin: 0 0 20px
}

.widget>h4:before,
.widget>h4:after,
.footer_widget>h4:before,
.footer_widget>h4:after {
    position: absolute;
    content: '';
    width: 30%;
    height: 6px;
    left: 0;
    bottom: -1px
}

.rtl .widget>h4:before,
.rtl .widget>h4:after,
.rtl .footer_widget>h4:before,
.rtl .footer_widget>h4:after {
    left: auto;
    right: auto
}

.widget li {
    margin: 5px 0
}

.widget_nav_menu ul ul {
    margin-top: 5px
}

.codevz-widget-about>.tal>* {
    text-align: left;
    display: table;
    margin-right: auto;
}

.codevz-widget-about>.tac>* {
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto
}

.codevz-widget-about>.tar>* {
    text-align: right;
    display: table;
    margin-left: auto;
}

.codevz-widget-posts .item_small:hover img {
    opacity: .5
}

.related.products>h2,
.upsells>h2,
.woocommerce-order-details h2,
.woocommerce-order-details h3,
.woocommerce-Address-title h3 {
    font-size: 26px;
    margin: 0 0 30px;
    font-weight: 400;
}

/*.upsells>h2{
    text-align:center;
}

@media only screen and (max-width: 782px) {
 .upsells>h2{
    display:none;
}
*/

.sticky_widget {
    z-index: 2
}

.cz_simple_ads img {
    width: 100%
}

.cz_readmore,
.more-link {
    display: table;
    background: #4e71fe;
    color: rgba(255, 255, 255, .7);
    padding: 4px 16px 4px 4px;
    margin: 20px 0 0;
    border-radius: 4px;
    font-size: 13px
}

.rtl .cz_readmore,
.rtl .more-link {
    padding: 4px 4px 4px 16px
}

.cz_readmore i,
.more-link i {
    width: 2em;
    height: 2em;
    color: inherit;
    line-height: 2em;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease-in-out
}

.cz_readmore>span,
.more-link>span {
    display: inline-block;
    vertical-align: middle
}

.cz_readmore:hover,
.cz_readmore:hover i,
.more-link:hover,
.more-link:hover i {
    color: #fff
}

.cz_readmore_no_title {
    padding: 2px
}

.cz_readmore_no_title i {
    margin: 0
}

.cz_readmore_no_icon {
    padding: 4px 16px 4px 16px
}


/* Posts */

.single .cz_post_content a {
    font-weight: 400;
    line-height: 1.2em;
    /* position: relative; */
    /* top: -6px; */
    display: inline-block;
}

.cz_post_content>ul {
    margin-bottom: 30px
}

.cz_post_content ol,
.cz_post_content ul,
.comment-content ul,
.comment-content ol {
    margin: 0 0 30px 20px;
    padding: 0 0 0 20px;
    list-style: disc
}

.rtl .cz_post_content ol,
.rtl .cz_post_content ul,
.rtl .comment-content ul,
.rtl .comment-content ol {
    margin: 0 20px 30px 0;
    padding: 0 20px 0 0
}

.cz_post_content ol ol,
.cz_post_content ul ul,
.cz_post_content ul ol,
.cz_post_content ol ul,
.comment-content ul ul,
.comment-content ol ol {
    margin: 0;
    padding: 0 0 0 40px
}

.rtl .cz_post_content ol ol,
.rtl .cz_post_content ul ul,
.rtl .cz_post_content ul ol,
.rtl .cz_post_content ol ul,
.rtl .comment-content ul ul,
.rtl .comment-content ol ol {
    padding: 0 40px 0 0
}

.cz_post_content ol li,
.comment-content ol li {
    margin: 0;
    padding: 0
}

.widget ul,
.widget ol {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.cz_default_loop>div {
    margin: 0 0 30px;
    padding: 0 0 30px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px dashed rgba(167, 167, 167, .3);
    transition: all .2s ease-in-out
}

.cz_default_loop_grid {
    padding: 0;
    margin: 0 0 0 4%;
    border: 0;
    transition: all .2s ease-in-out
}

.cz_post_image {
    position: relative;
    float: left;
    display: block;
    margin: 0 50px 0 0;
    width: 300px;
    background: transparent;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .2s ease-in-out
}

a.cz_post_image img {
    width: 100%
}

.cz_default_loop_right .cz_post_image,
.rtl .cz_post_image {
    float: right;
    margin: 0 0 20px 50px
}

.rtl .cz_default_loop_right .cz_post_image {
    float: left;
    margin: 0 50px 20px 0
}

.cz_default_loop_full .cz_post_image,
.cz_default_loop_grid .cz_post_image {
    float: none !important;
    margin: 0 0 30px;
    width: 100%
}

.cz_post_image>img {
    transition: all .2s ease-in-out
}

article:hover .cz_post_image {
    background: #111
}

article:hover .cz_post_image>img {
    opacity: .6
}

.cz_post_svg,
article:hover .cz_post_svg {
    background-color: rgba(167, 167, 167, .1)
}

.cz_post_svg {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU4IDU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OCA1ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiPgo8Zz4KCTxwYXRoIGQ9Ik01Nyw2SDFDMC40NDgsNiwwLDYuNDQ3LDAsN3Y0NGMwLDAuNTUzLDAuNDQ4LDEsMSwxaDU2YzAuNTUyLDAsMS0wLjQ0NywxLTFWN0M1OCw2LjQ0Nyw1Ny41NTIsNiw1Nyw2eiBNNTYsNTBIMlY4aDU0VjUweiIgZmlsbD0iI2RlZGVkZSIvPgoJPHBhdGggZD0iTTE2LDI4LjEzOGMzLjA3MSwwLDUuNTY5LTIuNDk4LDUuNTY5LTUuNTY4QzIxLjU2OSwxOS40OTgsMTkuMDcxLDE3LDE2LDE3cy01LjU2OSwyLjQ5OC01LjU2OSw1LjU2OSAgIEMxMC40MzEsMjUuNjQsMTIuOTI5LDI4LjEzOCwxNiwyOC4xMzh6IE0xNiwxOWMxLjk2OCwwLDMuNTY5LDEuNjAyLDMuNTY5LDMuNTY5UzE3Ljk2OCwyNi4xMzgsMTYsMjYuMTM4cy0zLjU2OS0xLjYwMS0zLjU2OS0zLjU2OCAgIFMxNC4wMzIsMTksMTYsMTl6IiBmaWxsPSIjZGVkZWRlIi8+Cgk8cGF0aCBkPSJNNyw0NmMwLjIzNCwwLDAuNDctMC4wODIsMC42Ni0wLjI0OWwxNi4zMTMtMTQuMzYybDEwLjMwMiwxMC4zMDFjMC4zOTEsMC4zOTEsMS4wMjMsMC4zOTEsMS40MTQsMHMwLjM5MS0xLjAyMywwLTEuNDE0ICAgbC00LjgwNy00LjgwN2w5LjE4MS0xMC4wNTRsMTEuMjYxLDEwLjMyM2MwLjQwNywwLjM3MywxLjA0LDAuMzQ1LDEuNDEzLTAuMDYyYzAuMzczLTAuNDA3LDAuMzQ2LTEuMDQtMC4wNjItMS40MTNsLTEyLTExICAgYy0wLjE5Ni0wLjE3OS0wLjQ1Ny0wLjI2OC0wLjcyLTAuMjYyYy0wLjI2NSwwLjAxMi0wLjUxNSwwLjEyOS0wLjY5NCwwLjMyNWwtOS43OTQsMTAuNzI3bC00Ljc0My00Ljc0MyAgIGMtMC4zNzQtMC4zNzMtMC45NzItMC4zOTItMS4zNjgtMC4wNDRMNi4zMzksNDQuMjQ5Yy0wLjQxNSwwLjM2NS0wLjQ1NSwwLjk5Ny0wLjA5LDEuNDEyQzYuNDQ3LDQ1Ljg4Niw2LjcyMyw0Niw3LDQ2eiIgZmlsbD0iI2RlZGVkZSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.cz_post_image .cz_post_icon {
    position: absolute;
    width: 1em;
    height: 1em;
    line-height: 1em;
    padding: 26px;
    font-size: 22px;
    border-radius: 100%;
    background: #fff;
    color: #111;
    left: 50%;
    top: 50%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.1);
    text-align: center;
    transition: all .2s ease-in-out
}

article:hover .cz_post_icon {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.cz_post_title {
    display: block
}

.cz_post_title h3 {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    transition: all .2s ease-in-out
}

.cz_post_meta {
    display: block;
    font-size: 14px
}

.cz_top_meta {
    display: block;
    font-size: 14px;
    margin: 10px 0 0;
    font-style: italic;
    font-weight: normal
}

.cz_post_author_avatar,
.cz_post_inner_meta {
    display: inline-block;
    vertical-align: middle
}

.cz_post_author_avatar {
    margin: 0 14px 0 0
}

.rtl .cz_post_author_avatar {
    margin: 0 0 0 14px
}

.cz_post_author_avatar img {
    width: 40px;
    border-radius: 100%;
    box-shadow: 1px 10px 10px rgba(167, 167, 167, .12)
}

.cz_post_meta .cz_post_author_name {
    display: table;
    font-weight: bold;
    line-height: 12px;
    margin-top: 10px
}

.cz_post_meta .cz_post_date {
    opacity: .7;
    font-size: .9em
}

.cz_posts_template_8 .cz_post_excerpt,
.cz_posts_gallery_mode .cz_post_excerpt {
    display: none
}

.cz_posts_template_8 .cz_default_loop>div,
.cz_posts_gallery_mode .cz_default_loop>div {
    border: 0;
    margin: 0;
    padding: 0
}

.cz_posts_template_8 .cz_post_image {
    opacity: .5
}

.cz_posts_template_8 .cz_post_svg,
.cz_posts_template_8 .cz_default_loop:hover .cz_post_image {
    opacity: 1
}

.cz_posts_template_8 .cz_post_title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 30px
}

.cz_posts_template_8 .cz_post_meta {
    position: absolute;
    left: 30px;
    bottom: 40px
}

.cz_posts_template_8 article:hover .cz_post_title,
.cz_posts_template_8 article:hover .cz_post_meta,
.cz_posts_template_8 article:hover .cz_post_meta a {
    color: #fff
}

.cz_posts_gallery_mode .cz_post_title {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    color: #fff;
    padding: 0 30px 30px;
    transition: all .3s ease-in-out
}

.rtl .cz_posts_gallery_mode .cz_post_title {
    left: auto;
    right: 0
}

.cz_posts_gallery_mode article:hover .cz_post_title {
    opacity: 1;
    padding: 30px
}

.cz_posts_gallery_mode .cz_post_meta {
    position: absolute;
    opacity: 0;
    left: 30px;
    bottom: 0;
    color: #fff;
    transition: all 400ms cubic-bezier(.77, 0, .175, 1)
}

.rtl .cz_posts_gallery_mode .cz_post_meta {
    left: auto;
    right: 30px
}

.cz_posts_gallery_mode article:hover .cz_post_meta {
    opacity: 1;
    bottom: 30px
}

.cz_posts_gallery_mode .cz_post_meta a {
    color: #fff
}

.cz_posts_gallery_mode .cz_post_image {
    margin: 0 0 10px
}

.cz_posts_template_13 article {
    width: 50%;
    float: left
}

.cz_posts_template_14 article {
    width: calc(100% / 3);
    float: left
}

.rtl .cz_posts_template_13 article,
.rtl .cz_posts_template_14 article {
    float: right
}

.cz_posts_template_12 .cz_default_loop>div,
.cz_posts_template_13 .cz_default_loop>div,
.cz_posts_template_14 .cz_default_loop>div {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important
}

.cz_posts_template_12 .cz_post_image,
.cz_posts_template_13 .cz_post_image,
.cz_posts_template_14 .cz_post_image {
    float: left;
    width: 50%;
    margin: 0
}

.cz_posts_template_12 article:nth-child(2n) .cz_post_image,
.cz_posts_template_13 article:nth-child(4n) .cz_post_image,
.cz_posts_template_13 article:nth-child(4n-1) .cz_post_image,
.cz_posts_template_14 article:nth-child(6n) .cz_post_image,
.cz_posts_template_14 article:nth-child(6n-1) .cz_post_image,
.cz_posts_template_14 article:nth-child(6n-2) .cz_post_image {
    float: right
}

.cz_post_chess_content {
    text-align: center;
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.cz_post_chess_content .cz_post_title h3 {
    font-size: 18px
}

.cz_post_chess_content .cz_readmore,
.cz_post_chess_content .more-link {
    display: table;
    margin: 20px auto
}


/* Author box */

.cz_post_author img {
    vertical-align: text-bottom
}

.cz_author_box img {
    border-radius: 2px
}

.cz_post_meta_under_title {
    opacity: .6;
    font-size: 14px;
    font-weight: normal;
    margin: 14px 0 0
}

.cz_view_author_posts {
    position: absolute;
    right: 20px;
    top: 43%;
    opacity: .6;
    font-size: 14px;
    font-weight: normal;
    transform: translateY(-50%);
}

.rtl .cz_view_author_posts {
    right: auto;
    left: 20px
}

.cz_view_author_posts a {
    color: inherit
}

ul.next_prev {
    position: relative;
    margin: 0;
    display: flex;
    align-items: center
}

.next_prev .previous {
    float: left;
    width: calc(50% - 10px)
}

.rtl .next_prev .previous {
    float: right;
    border: 0
}

.next_prev .next {
    float: right;
    width: 50%;
    text-align: right
}

.rtl .next_prev .next {
    float: left;
    text-align: left
}

.next_prev h4 {
    display: inline-block;
    vertical-align: middle;
    margin: -6px 0 0 0;
    font-size: 16px;
    padding-left: 70px
}

.next_prev small {
    font-size: .8em
}

.next_prev .next h4 {
    padding: 0;
    padding-right: 70px
}

.rtl .next_prev .next h4 {
    padding: 0;
    padding-left: 70px
}

.rtl .next_prev .previous h4 {
    padding: 0;
    padding-right: 70px
}

.next_prev a {
    position: relative
}

.next_prev i {
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: rgba(167, 167, 167, .07);
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

.next_prev .next i,
.rtl .next_prev .previous i {
    left: auto;
    right: 0
}

.rtl .next_prev .next i {
    right: auto;
    left: 0
}

.next_prev li:hover i {
    background: #fff;
    color: #111
}

.cz-next-prev-archive a {
    position: static
}

.cz-next-prev-archive i {
    left: 50%;
    transform: translate(-50%, -50%)
}

.cz_related_post {
    margin-bottom: 20px
}

.cz_related_post img {
    width: 100% !important
}

.cz_related_post h3 {
    font-size: 20px
}

.cz_related_post_date i {
    font-size: 12px;
    color: rgb(167, 167, 167)
}

.post-password-form label {
    display: inline-block;
    margin-right: 6px
}


/* Breadcrumbs & title */

.breadcrumbs {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 10px;
    background: none;
    box-shadow: none;
    display: table
}

.breadcrumbs_center .breadcrumbs {
    margin: 0 auto;
    display: table
}

.breadcrumbs>i {
    opacity: .6;
    margin: 0 12px
}

.breadcrumbs>b:first-child i {
    margin: 0
}

.cz_br_current {
    pointer-events: none
}

.right_br_full_container .lefter,
.right_br_full_container .righter {
    width: 48%
}

.right_br_full_container .breadcrumbs {
    float: right;
    text-align: right
}

.rtl .right_br_full_container .breadcrumbs {
    float: left;
    text-align: left
}

.rev-btn {
    transition: background .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out !important
}

.page_cover {
    z-index: 0
}

.page_cover_image img {
    width: 100%
}

[class^='header_onthe_cover'],
[class*=' header_onthe_cover'] {
    margin-top: -100px;
    opacity: 0
}

.page_title {
    padding: 30px 0 10px
}

[class^='header_onthe_cover'] .page_title,
[class*=' header_onthe_cover'] .page_title {
    padding-top: 150px
}

.page_title .section_title {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-block
}

.page_title.header_after_cover {
    padding: 30px 0;
    margin: 0
}

.page_title_center .section_title,
.page_title_center .breadcrumbs {
    text-align: center;
    display: table;
    margin-right: auto;
    margin-left: auto
}

.inactive_l {
    opacity: .5
}


/*.home .page_title {
	display: none
}*/

.home [class^='header_onthe_cover'] .page_title,
.home [class*=' header_onthe_cover'] .page_title {
    display: block
}

.home [class^='header_onthe_cover'] .page_title>div,
.home [class*=' header_onthe_cover'] .page_title>div {
    display: none !important
}

.medium_post>a {
    float: left;
    margin: 0 20px 0 0;
    width: 200px
}

.single-format-chat .cz_post_content p:nth-child(even) {
    background-color: rgba(167, 167, 167, .1);
    padding: 10px 20px;
    border-radius: 4px
}


/* EDD */

ul.edd-cart {
    margin: 0;
    list-style: none
}

.edd-cart-number-of-items,
.edd-cart-item-separator {
    display: none !important
}

.edd-cart-item {
    display: block;
    padding: 20px;
    position: relative;
    border-bottom: 1px solid rgba(167, 167, 167, 0.2)
}

.widget .edd-cart-item {
    padding: 20px 0 0
}

.edd-cart .edd-remove-from-cart {
    position: absolute;
    font-size: 0px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.rtl .edd-cart .edd-remove-from-cart {
    right: auto;
    left: 20px
}

.widget .edd-cart .edd-remove-from-cart {
    right: 0
}

.rtl .widget .edd-cart .edd-remove-from-cart {
    right: auto;
    left: 0
}

.edd-cart .edd-remove-from-cart:before {
    font-family: "FontAwesome";
    content: "\f1f8";
    color: red;
    font-size: 18px
}

.edd-cart-item-title {
    display: inline-block;
    font-weight: bold;
    padding: 0;
    padding-right: 30px
}

.rtl .edd-cart-item-title {
    padding: 0;
    padding-left: 30px
}

.edd-cart-item-price {
    display: block;
    opacity: .8
}

.edd-cart .edd_total,
.edd-cart .edd_checkout {
    display: inline-block;
    width: 49%;
    padding: 4px 0;
    font-size: 14px;
    border-radius: 0;
    background: none;
    text-align: center
}

.edd-cart .edd_total {
    border-right: 1px solid rgba(167, 167, 167, 0.2);
}

.rtl .edd-cart .edd_total {
    border: 0;
    border-left: 1px solid rgba(167, 167, 167, 0.2);
}

.widget .edd-cart .edd_total {
    border: 0
}

.cz_edd_image {
    display: block;
    position: relative
}

.cz_edd_image img {
    border-radius: inherit
}

.cz_edd_image .edd_price {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    line-height: 1;
    padding: 10px 10px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold
}

.cz_edd_title h3 {
    margin: 20px 0;
    font-size: 20px
}

.cz_edd_container .edd_download_purchase_form {
    position: relative
}

.cz_edd_container .edd_price_options {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    color: #111;
    z-index: 2;
    transform: translateY(107%);
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    border-radius: 2px;
    box-shadow: 1px 6px 20px rgba(17, 17, 17, .1)
}

.cz_edd_container .edd_download_purchase_form:hover .edd_price_options {
    visibility: visible;
    opacity: 1;
}

.cart_item.empty {
    padding: 10px 20px
}

.widget .cart_item.empty {
    padding: 0
}

#edd_checkout_cart td img {
    width: 60px;
    margin-right: 20px
}

.rtl #edd_checkout_cart td img {
    margin: 0;
    margin-left: 20px
}

.edd_checkout_cart_item_title {
    margin-top: 16px;
    display: block
}

.edd-payment-icons {
    margin: 10px 0 30px !important;
    display: block
}

#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=password],
#edd_checkout_form_wrap input[type=tel],
#edd_checkout_form_wrap input[type=text],
#edd_checkout_form_wrap textarea {
    padding: 12px 20px !important
}

table#edd_purchase_receipt td,
table#edd_purchase_receipt th,
table#edd_purchase_receipt_products td,
table#edd_purchase_receipt_products th {
    padding: 20px
}


/* CF7 */

.wpcf7-form:before,
.wpcf7-form:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.wpcf7-form:after {
    clear: both
}

.wpcf7-form p {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

input.wpcf7-not-valid {
    border-color: red
}

div.wpcf7-response-output {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0;
    font-size: 13px;
    margin: 10px 0 0;
    border-radius: 2px;
    padding: 10px 16px;
    transform: translateY(100%);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .06)
}

.rtl div.wpcf7-response-output {
    left: 0;
    right: auto
}

div.wpcf7-mail-sent-ok {
    background: #ebfee3;
    color: #398f14
}

div.wpcf7-mail-sent-ng {
    background: #ffe7e7;
    color: #ff2929
}

div.wpcf7-spam-blocked {
    background: #fff2d9;
    color: #aa6e00
}

div.wpcf7-validation-errors {
    background: #ffebeb;
    color: #ab2020
}

.wpcf7-form-control-wrap {
    display: block
}

span.wpcf7-not-valid-tip {
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: 9;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    transform: translateY(100%);
    line-height: 2
}

.wpcf7-not-valid-tip:before {
    font-family: "FontAwesome";
    content: "\f00d";
    font-size: 17px;
    display: block;
    z-index: 2;
    position: absolute;
    background: red;
    color: #fff;
    border-radius: 2px;
    padding: 4px 12px;
    left: -34px;
    top: -48%;
    margin: 0;
    text-indent: 0;
    transform: translateY(-50%)
}

.wpcf7-not-valid-tip:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    font-size: 0;
    position: absolute;
    top: -50%;
    right: 36px;
    background: red;
    transform: rotate(45deg) translateY(-50%);
}

div.wpcf7 .wpcf7-form .ajax-loader {
    position: absolute;
    top: calc(50% - 10px);
    width: 20px !important;
    height: 20px !important;
    cursor: wait;
    font-size: 0;
    margin: 0 10px;
    padding: 0;
    border-radius: 100%;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid rgba(167, 167, 167, .3);
    border-right-color: #111;
    background-image: none;
    background-color: transparent
}

div.wpcf7 .ajax-loader.is-active {
    animation: CircleBorderLoop .5s linear infinite
}

@keyframes CircleBorderLoop {
    0% {
        transform-origin: center;
        transform: none
    }

    20% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 72deg)
    }

    40% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 144deg)
    }

    60% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 216deg)
    }

    80% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 288deg)
    }

    100% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 360deg)
    }
}


/* Footer */

footer .sf-menu .sub-menu {
    top: auto;
    bottom: 40px;
}

.cz_middle_footer {
    padding: 30px 0 0
}

.cz_fixed_footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -9;
}

.layout_1 .cz_fixed_footer,
.layout_2 .cz_fixed_footer {
    width: 1300px;
    left: 50%;
    transform: translateX(-50%)
}

.subfooter_,
.subfooter_1 {
    background: #fff;
    padding: 14px 0
}

.subfooter_1 .lefter,
.subfooter_1 .righter {
    float: none;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.footer_widget {
    position: relative;
    margin: 0 0 30px;
    padding: 20px;
    z-index: 1;
    transition: all .2s ease-in-out
}

.footer_widget>h4 {
    position: relative;
    border-bottom: 1px dashed rgba(167, 167, 167, .2);
    padding: 0 0 20px;
    margin: 0 0 20px
}

.cz_flickr .flickr_badge_image,
.cz_instagram li,
.cz_portfolio_widget a {
    float: left;
    width: calc(100% / 3 - 3%);
    height: initial;
    font-size: 0;
    margin: 0 3% 3% 0;
    transition: all .2s ease-in-out;
}

.cz_flickr .flickr_badge_image:hover,
.cz_instagram li:hover,
.cz_portfolio_widget a:hover {
    opacity: .7
}

.cz_flickr .flickr_badge_image img,
.cz_instagram li img,
.cz_portfolio_widget a img {
    margin: 0 auto;
    width: 100%
}

i.backtotop,
i.fixed_contact {
    display: none;
    position: fixed;
    overflow: hidden;
    right: 30px;
    bottom: 30px;
    font-size: 18px;
    width: 2.4em;
    height: 2.4em;
    line-height: 2.4em;
    text-align: center;
    border-radius: 2px;
    background: #fff;
    border: 1px solid rgba(167, 167, 167, .2);
    z-index: 99999;
    cursor: pointer;
    transform: scale(1);
    transition: all 400ms cubic-bezier(.77, 0, .175, 1), opacity 0s ease
}

i.backtotop:hover,
i.fixed_contact:hover {
    transform: scale(1.1);
    border-color: rgba(167, 167, 167, .1)
}

i.backtotop:hover:before {
    display: inline-block;
    animation: cz_rotate_y .4s cubic-bezier(.77, 0, .175, 1) forwards
}

@keyframes cz_rotate_y {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

i.fixed_contact {
    display: block
}

i.backtotop .customize-partial-edit-shortcut,
i.fixed_contact .customize-partial-edit-shortcut {
    margin-left: -16px
}

div.fixed_contact {
    display: none;
    cursor: default;
    position: fixed;
    right: 30px;
    bottom: 100px;
    background: #fff;
    padding: 20px;
    width: 320px;
    border-radius: 2px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    z-index: 999;
    animation: FixedContact .4s cubic-bezier(.180, .890, .330, 1.270) forwards
}

@keyframes FixedContact {
    from {
        transform: translateY(40px)
    }

    to {
        transform: translateY(0)
    }
}


/* Widget */

.tagcloud,
.cz_post_cat {
    padding: 0;
    margin: 0;
    background: none;
    float: left
}

.rtl .tagcloud,
.rtl .cz_post_cat {
    float: right
}

.tagcloud a,
.cz_post_cat a {
    padding: 6px 12px;
    border-radius: 2px;
    display: inline-block;
    margin: 0 4px 10px 0;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid rgba(167, 167, 167, .16)
}

.widget .tagcloud a {
    font-size: 12px !important
}

.tagcloud a:hover,
.cz_post_cat a:hover {
    border-color: rgba(167, 167, 167, .5)
}

.single .cz_is_blank .tagcloud a:first-child,
.single .content .tagcloud a:first-child,
.single .cz_is_blank .cz_post_cat a:first-child,
.single .content .cz_post_cat a:first-child {
    background: rgba(167, 167, 167, .15);
    pointer-events: none
}

.single .cz_is_blank {
    margin-bottom: 40px
}

#wp-calendar tbody td {
    opacity: .6
}

#wp-calendar tbody a {
    background: rgba(167, 167, 167, .2);
    width: 2em;
    height: 2em;
    line-height: 2em;
    border: 0;
    border-radius: 4px;
    display: inline-block;
    margin-left: -5px;
}


/* Menu widgets */

.codevz-widget-custom-menu a {
    background: rgba(167, 167, 167, .12);
    display: block;
    margin: 0 0 4px;
    padding: 10px 20px
}

.codevz-widget-custom-menu img,
.codevz-widget-custom-menu-2 img,
.codevz-widget-custom-nav-menu img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px
}

.codevz-widget-custom-menu a:hover {
    background: rgba(167, 167, 167, .2);
    transform: translateX(5px);
}

.rtl .codevz-widget-custom-menu a:hover {
    transform: translateX(-5px)
}

.codevz-widget-custom-menu a:before {
    content: "\f105";
    font-family: "FontAwesome";
    padding: 0 10px 0 0
}

.rtl .codevz-widget-custom-menu a:before {
    content: "\f104";
    padding: 0 0 0 10px
}

.codevz-widget-custom-menu-2 a i,
.codevz-widget-custom-menu-2-old a i {
    transition: all .1s ease-in-out
}

.codevz-widget-custom-menu-2 a:hover i,
.codevz-widget-custom-menu-2-old a:hover i {
    margin: 0 6px
}


/* Nav horizontal widget */

.codevz-widget-custom-nav-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.codevz-widget-custom-menu-horizontal li {
    display: inline-block
}

.codevz-widget-custom-menu-horizontal a {
    margin: 0 20px
}

.codevz-widget-custom-menu-horizontal ul.sub-menu {
    display: none;
    padding: 50px 0 0
}

.codevz-widget-custom-menu-horizontal li:hover ul.sub-menu {
    display: block;
    position: absolute
}

.codevz-widget-custom-menu-horizontal ul ul li {
    display: block
}


/* Archive, category widgets */

.widget_archive li a,
.widget_categories li a {
    display: block;
    border-bottom: 1px solid rgba(167, 167, 167, 0.15)
}

.widget_archive li a:hover,
.widget_categories li a:hover {
    border-color: inherit
}

.widget_archive li span,
.widget_categories li span {
    float: right;
    opacity: .6;
    transform: translateY(-102%)
}

.rtl .widget_archive li span,
.rtl .widget_categories li span {
    float: left
}


/* Helper */

.righter {
    float: right
}

.lefter,
.rtl .righter {
    float: left
}

.rtl .lefter {
    float: right
}

.hidden,
.hide,
i.hide {
    display: none !important
}

.block {
    display: block
}

.noborder {
    border: 0
}

.relative {
    position: relative
}

.overflow {
    overflow: hidden
}

.tac {
    text-align: center !important
}

.tal {
    text-align: left !important
}

.tar {
    text-align: right !important
}

.m0 {
    margin: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mr4 {
    margin-right: 4px
}

.mr8 {
    margin-right: 8px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.rtl .mr4 {
    margin-right: 0;
    margin-left: 4px
}

.rtl .mr8 {
    margin-right: 0;
    margin-left: 8px
}

.rtl .mr10 {
    margin-right: 0;
    margin-left: 10px
}

.rtl .mr20 {
    margin-right: 0;
    margin-left: 20px
}

.ml0 {
    margin-left: 0 !important
}

.ml4 {
    margin-left: 4px
}

.ml8 {
    margin-left: 8px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.rtl .ml4 {
    margin-left: 0;
    margin-right: 4px
}

.rtl .ml8 {
    margin-left: 0;
    margin-right: 8px
}

.rtl .ml10 {
    margin-left: 0;
    margin-right: 10px
}

.rtl .ml20 {
    margin-left: 0;
    margin-right: 20px
}

.mt0 {
    margin-top: 0 !important
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt70 {
    margin-top: 70px
}

.mb0 {
    margin-bottom: 0 !important
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb70 {
    margin-bottom: 70px
}

.last0:last-child,
.first0:first-child {
    margin: 0
}

.show_on_tablet,
.show_on_mobile,
.vc_grid-item .cz_readmore,
.vc_grid-item .more-link {
    display: none
}

.term-description {
    margin: 0 0 30px
}


/* Temporary */

.cz_default_header .row {
    padding: 40px 0 50px
}

.cz_default_header a {
    color: #4e71fe;
    display: inline-block
}

.widget {
    padding: 30px;
    border-radius: 2px
}

.rtl .widget {
    text-align: right
}


/* WP Core */

article.sticky>div {
    border: 0;
    padding: 30px;
    border-radius: 2px;
    background: rgba(167, 167, 167, .1);
    border: 1px solid rgba(167, 167, 167, .1);
    box-shadow: 0 0 20px rgba(167, 167, 167, .1)
}

form.search_404 {
    width: 40%;
    margin: 70px auto 0;
    position: relative
}

.search_404 button {
    position: absolute !important;
    right: 9px;
    top: 9px
}

.rtl .search_404 button {
    right: auto;
    left: 9px
}

.search_404 input {
    padding: 19px;
    border-color: #ccc;
    font-size: 16px
}

span.comment-author-link {
    font-style: italic
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: table;
    margin: 0 auto 20px
}

.alignright {
    float: right;
    margin: 5px 0 20px 10px
}

.alignleft {
    float: left;
    margin: 5px 20px 0 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 10px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-post-image {
    margin: 0 auto
}

.wp-caption {
    position: relative;
    margin: 0 0 20px;
    width: auto;
    max-width: 100%
}

.wp-caption.alignnone {
    margin-bottom: 20px
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

p.wp-caption-text {
    font-size: .8em;
    font-style: italic;
    margin: 10px;
    opacity: .8
}

.screen-reader-text {
    display: none
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.gallery-caption {
    position: relative;
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
}

.bypostauthor {
    position: relative
}

.sticky:before {
    content: "\f005";
    font-family: "FontAwesome";
    z-index: 1;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 8px 12px;
    color: #fff;
    background: #01ffe9;
    border-radius: 2px
}

.wp-smiley {
    display: inline-block
}

.rsswidget:first-child,
.iclflag {
    display: inline-block
}

.rss-widget-icon {
    float: left;
    margin-right: 10px;
}

.rsswidget {
    font-weight: 700;
}

.rss-date {
    display: block;
    font-size: 11px;
    font-style: italic;
}

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

.widget_rss cite {
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 10px 0 15px;
    text-align: right;
    float: none;
    background: none;
}

.gallery-item {
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    text-align: center;
    width: 25%;
    border: 0
}

.gallery-item img {
    display: block
}

.gallery-item dt:after,
dl.wp-caption dt:after {
    display: none
}

.gallery-item dt {
    width: 100%;
    display: block;
    padding: 10px 0 10px 20px;
    text-align: center;
    box-sizing: border-box
}

dl.wp-caption,
.gallery-item img {
    border: 0 !important;
    display: inline-block
}

.widget .gallery,
.single-post .gallery {
    margin-left: -20px !important
}

.widget .gallery-item dt {
    padding: 0 0 5px 20px !important
}


/* bbpress */

.bbp-forums {
    margin: 50px 0 0
}

#bbpress-forums fieldset.bbp-form input {
    width: auto
}

ul.rw-ui-group-items {
    list-style-type: none
}

.bbp-breadcrumb {
    display: none
}

#bbpress-forums div.bbp-search-form {
    float: none;
    margin: 0 0 30px
}

#bbp-search-form>div {
    display: flex
}

#bbpress-forums #bbp-search-form #bbp_search {
    width: 100%
}

#bbp_search {
    margin-right: 16px
}

.rtl #bbp_search {
    margin-left: 20px;
    margin-right: 0
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    border-top: 1px solid rgba(167, 167, 167, 0.3);
    padding: 15px 30px;
    display: flex;
    align-items: center;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer,
div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
    padding: 15px 30px;
}

.bbp-forum-title,
li.bbp-topic-title>a {
    font-size: 20px;
    font-weight: bold
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    background: rgba(167, 167, 167, 0.15)
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    color: #a7a7a7;
    margin: 0;
    font-size: 14px
}

li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
    width: 8%
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
    width: 28%
}

a.bbp-author-avatar {
    display: inline-block
}

div.bbp-template-notice p {
    padding: 0 8px;
    font-size: 14px;
    line-height: 2
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd,
#bbpress-forums div.even,
#bbpress-forums ul.even {
    background: none;
    padding: 0
}

#bbpress-forums .status-publish .bbp-topic-author,
#bbpress-forums .status-publish .bbp-reply-author {
    border-right: 1px solid rgba(167, 167, 167, 0.2);
    padding: 20px;
}

#bbpress-forums .status-publish .bbp-topic-content,
#bbpress-forums .status-publish .bbp-reply-content {
    margin-left: 156px;
    padding: 20px 30px 0
}

div.bbp-submit-wrapper {
    margin: 15px 0
}

#bbpress-forums fieldset.bbp-form {
    border: 1px solid rgba(167, 167, 167, 0.2);
    padding: 20px 30px
}

#bbpress-forums .bbp-author-name,
#bbpress-forums .bbp-author-ip {
    color: inherit
}


/* DWQA */

.dwqa-container p {
    margin-bottom: 10px
}

.dwqa-question-item .dwqa-question-actions input[type=checkbox] {
    width: auto;
    vertical-align: middle
}


/* Gravity forms */

ul.gform_fields {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none
}

.gform_fields li {
    margin-bottom: 20px
}


/* Facebook widget */

.fb_iframe_widget {
    margin: 0 auto;
    display: table
}

.fb_iframe_widget iframe {
    position: relative !important
}


/* Gallery */

.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
    background-color: rgba(0, 0, 0, .45);
    z-index: 1080
}

#lg-counter,
.lg-outer .lg-video-cont {
    vertical-align: middle;
    display: inline-block
}

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #FFF
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:after {
    content: "\f054"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\f053"
}

@keyframes lg-right-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes lg-left-end {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 2;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none
}

.lg-toolbar .lg-icon:hover {
    color: #FFF
}

.lg-toolbar .lg-close:after {
    content: "\f00d"
}

.lg-toolbar .lg-download:after {
    content: "\f019"
}

.lg-sub-html {
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
    -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
    -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
    transition: transform 250ms ease 0s, opacity 250ms !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\f009"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #FFF
}

.lg-outer .lg-video-cont {
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-palying .lg-object,
.lg-outer .lg-has-video.lg-video-palying .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1080;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\f04b"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s ease 0s;
    -moz-transition: -moz-transform .3s ease 0s;
    -o-transition: -o-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s ease 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s ease 0s, opacity .15s !important;
    -o-transition: -o-transform .3s ease 0s, opacity .15s !important;
    transition: transform .3s ease 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\f00e"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\f010"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
    width: 100%;
    height: 100%
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\f08e"
}

.group:after,
.group:before {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    display: none !important
}

.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: static;
    padding: 0 5px
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
    border-right-color: #fff
}

.lg-backdrop.in {
    opacity: .9
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-icon:after {
    font-size: 20px;
    font-family: "FontAwesome"
}

.lg-backdrop {
    border-right-color: #fff
}

.lg-backdrop:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border: 2px solid rgba(167, 167, 167, 0.3);
    border-right-color: inherit;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: CircleBorderLoop .6s linear infinite
}

.lg-icon {
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    color: #a7a7a7 !important
}

button.lg-icon {
    position: absolute !important;
    z-index: 99999 !important
}

.lg-download {
    display: none
}


/* Gutenberg */

.alignwide {
    max-width: calc(100% + 100px);
    margin: 0 -50px !important;
    padding: 0 !important
}

.wp-block-table.alignwide {
    width: calc(100% + 100px)
}

.s12 .alignwide,
.czsc .alignwide {
    max-width: 130%;
    margin: 0 -15% !important;
    padding: 0 !important
}

.s12 .wp-block-table.alignwide,
.czsc .wp-block-table.alignwide {
    width: 130%
}

.alignfull {
    position: relative;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    box-sizing: border-box;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 40px 10px 5px !important;
    margin: 0 !important
}

.wp-block-quote,
.wp-block-code,
.wp-block-code code {
    width: 100%;
    box-sizing: border-box
}

.wp-block-code code {
    background: none;
    line-height: 1.4;
    padding: 0;
}

.wp-block-cover,
.wp-block-cover-image {
    width: auto
}

.wp-block-pullquote blockquote {
    background: none;
    padding: 0;
    margin: 0
}


/* Hide Scrollbars */

.fullscreen_menu,
.offcanvas_area,
.fixed_side .theiaStickySidebar {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.fixed_side .theiaStickySidebar​::-webkit-scrollbar {
    display: none
}

​ .fullscreen_menu::-webkit-scrollbar {
    display: none
}

.offcanvas_area::-webkit-scrollbar {
    display: none
}

#bbpress-forums #bbp-search-form #bbp_search {
    border: 1px solid #8071b3;
    color: #8071b3;
}

#bbp_search_submit {
    background-color: #8071b3;
    width: 30%;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    background-color: #8071b3 !important;
    color: #ffffff;
    font-weight: 100 !important;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
}

.bbp-forum-title {
    color: #8071b3;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    line-height: 1.3
}

.bbp-forum-freshness img {
    width: 1.8rem !important;
    height: auto;
    border: 1px solid #ddd !important;
    margin: 0px !important;
    display: inline-block;
    vertical-align: -10px;
    margin-right: 5px !important;
    border-radius: 100px
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    padding-bottom: 25px !important;
}

.bbp-topic-meta img {
    width: 1.8rem !important;
    height: auto;
    border: 1px solid #ddd !important;
    margin: 0px !important;
    display: inline-block;
    vertical-align: -10px;
    margin-right: 5px !important;
    border-radius: 100px
}

.bbp-forum-description img {
    width: 1.8rem !important;
    height: auto;
    border: 1px solid #ddd !important;
    margin: 0px !important;
    display: inline-block;
    vertical-align: -10px;
    margin-right: 5px !important;
    border-radius: 100px
}

.bbp-topic-description img {
    width: 1.8rem !important;
    height: auto;
    border: 1px solid #ddd !important;
    margin: 0px !important;
    display: inline-block;
    vertical-align: -10px;
    margin-right: 5px !important;
    border-radius: 100px
}

.tc-extra-product-options.tc-show {
    display: none !important;
}

.cz-cpt-post .cz_default_loop .cz_post_meta {
    border-width: 0px 0px 0px 6px;
    border-color: #8071b3;
    display: inline-block;
    display: none !important;
}

.search-results .header_onthe_cover_dt {
    background: url(https://en.akkogear.com/wp-content/uploads/2019/07/product_banner.jpg);
}

/*bbpress论坛不显示修改日志包括过往的 */
.bbp-reply-revision-log {
    display: none !important;
}

.paypal-button {
    padding-top: 10px;
}

.paypal-button .zoid-outlet {
    width: 245px !important;
}

@media (max-width: 768px) {
    .paypal-button {
        padding-bottom: 5px;
    }
}

.page_title {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 25%;
}

.upsells.products {
	max-width: 1280px;
	margin: 0 auto;
}

.woocommerce-cart-form__contents {
    border: none !important;
}

.woocommerce-cart-form__contents thead {
    display: none;
}

.woocommerce-cart-form__cart-item td {
    border-right: none !important;
}
