/*
	Theme Name:   Xtra
	Theme URI:    http://themeforest.net/user/Codevz
	Description:  Multiuse Creative and Business Theme
	Version:      2.5
	Author:       Codevz
	Author URI:   http://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
*/
* {
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

    body.rtl, .rtl form {
        direction: rtl;
        /* font-family: "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: bold;
    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;
}

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;
    text-align: right;
    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, "Andale Mono", "DejaVu Sans Mono", monospace;
    white-space: pre-wrap;
}

mark {
    padding: 3px 5px;
}

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);
}

    th:last-child,
    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: 1300px;
    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: 1240px;
    max-width: 95%;
    position: relative;
    margin: 0 auto;
}

@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;
    }

.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_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;
}

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

.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,
.cz_custom_menu_list 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;
}

.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;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .fullscreen_menu::-webkit-scrollbar {
        display: none;
    }

.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;
}

.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: 99;
}

.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_fullrow .ajax_search_results {
    top: 80px;
}

.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;
}

.search_style_icon_fullrow .outer_search {
    display: none;
    position: fixed;
    z-index: 999999999;
}

.search_style_icon_fullrow .search {
    width: 100%;
}

.search_style_icon_fullrow input {
    border-color: transparent;
    font-size: 20px;
    padding: 30px 12px;
}

.search_style_icon_fullrow button i {
    font-size: 20px;
}

.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);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .offcanvas_area::-webkit-scrollbar {
        display: none;
    }

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.active_offcanvas {
    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 15px 0 0;
    }

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

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

.item_small h3 {
    font-size: 16px;
    margin: 0 0 4px 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;
    text-align: center;
    background: rgba(167, 167, 167, .08);
    padding: 4px 0;
    letter-spacing: 2px;
    font-size: 11px;
    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 {
        float: none;
        width: 100%;
    }

        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: 99;
    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;
}

/* 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;
}

.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: 8px;
    top: 0;
    padding: 13px;
    box-shadow: none;
    border: 0 !important;
    color: initial !important;
    background: none !important;
}

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

.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: 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;
}

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;
}

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;
}

    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: 80px 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;
}

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

.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 {
    color: rgba(255,255,255,.7);
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    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: bold;
}

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

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

.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,
.cz_post_hover_icon_asi .cz_post_image,
.cz_post_hover_icon_hoh .cz_post_image {
    background: #111;
}

    article:hover .cz_post_image > img,
    .cz_post_hover_icon_asi .cz_post_image > img,
    .cz_post_hover_icon_hoh .cz_post_image > img {
        opacity: .6;
    }

.cz_post_hover_icon_hoh article:hover .cz_post_image > img {
    opacity: 1;
}

.cz_post_hover_icon_hoh article:hover .cz_post_image {
    background: transparent;
}

.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,
.cz_post_hover_icon_asi .cz_post_icon {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

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

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

.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 {
    margin: 0;
    display: flex;
    align-items: center;
}

.next_prev .previous {
    float: left;
    width: calc(50% - 10px);
    border-right: 1px dashed rgba(167, 167, 167, .5);
}

.rtl .next_prev .previous {
    float: right;
    border: 0;
    border-left: 1px dashed rgba(167, 167, 167, .5);
}

.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_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 - 15px);
    height: initial;
    font-size: 0;
    margin: 0 15px 15px 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: 20px;
    bottom: 20px;
    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: 20px;
    bottom: 90px;
    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;
}

.cz_custom_menu_list a {
    background: rgba(167, 167, 167, .12);
    display: block;
    margin: 0 0 4px;
    padding: 10px 20px;
}

.cz_custom_menu_list img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.cz_custom_menu_list a:hover {
    background: rgba(167, 167, 167, .2);
    transform: translateX(5px);
}

.rtl .cz_custom_menu_list a:hover {
    transform: translateX(-5px);
}

.cz_custom_menu_list a:before {
    content: "\f105";
    font-family: "FontAwesome";
    padding: 0 10px 0 0;
}

.rtl .cz_custom_menu_list a:before {
    content: "\f104";
    padding: 0 0 0 10px;
}

.cz_custom_menu_list_2 a i {
    transition: all .1s ease-in-out;
}

.cz_custom_menu_list_2 a:hover i {
    margin: 0 4px;
}

.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;
}

.mr0 {
    margin: 0;
}

.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;
}

.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;
}

.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;
}

.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;
}

/* Loading FX */
.cz_load_fx1 img {
    animation: sk-rotatePlane 1s linear infinite;
}

@keyframes sk-rotatePlane {
    0% {
        transform: perspective(1000px) translate(-50%,-50%) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(1000px) translate(-50%,-50%) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(1000px) translate(-50%,-50%) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.cz_load_fx2 img {
    animation: sk-doubleBounce 1s linear infinite;
}

@keyframes sk-doubleBounce {
    0%, 100% {
        transform: translate(-50%,-50%) scale(.6);
        opacity: 1;
    }

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

/* 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;
}

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

/* 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;
}