* {
padding: 0;
margin: 0;
border: 0;
outline: 0px;
-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;
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 }
.row small {
opacity: .8;
display: block;
font-size: .9em;
font-weight: normal;
margin: 4px 0 0
}
p {
margin-bottom: 30px
}
p:last-child {
margin-bottom: 0
}
strong, big {
font-weight: bold
}
em {
font-style: italic
}
ul {
list-style-type: disc;
margin: 0 0 0 20px
}
.rtl ul {
margin: 0 20px 0 0
}
ol {
list-style-type: none
}
ol li {
list-style: decimal;
padding: 0 0 10px 0;
margin: 0 0 0 20px
}
.rtl ol li {
margin: 0 20px 0 0
}
ol ul li {
list-style: disc
}
ol ul ol li {
list-style: decimal
}
hr {
margin: 20px 0;
display: flex;
height: 1px;
background: rgba(167, 167, 167, .2)
}
article {
position: relative
}
pre, blockquote, .blockquote {
display: inline-block;
position: relative;
padding: 6px 14px;
margin-bottom: 30px;
background: rgba(167, 167, 167, .1);
border-radius: 2px;
overflow: auto;
max-width: 100%
}
pre small {
margin: 0;
font-size: inherit;
display: inline-block
}
q {
font-weight: 700;
position: relative;
padding: 6px 14px;
background: rgba(167, 167, 167, .1);
border-radius: 2px;
overflow: auto;
max-width: 100%;
}
blockquote, .blockquote {
overflow: visible;
font-size: 18px;
padding: 10px 20px;
}
.blockquote {
text-align: center;
padding: 30px
}
cite {
opacity: .7;
font-size: 16px;
margin: 0 5px;
background: rgba(167, 167, 167, .1);
padding: 3px 10px;
display: inline-block
}
blockquote cite, 
.blockquote cite,
pre cite{
display: block;
font-size: 12px;
font-style: italic;
background: none;
}
code,tt {
position: relative;
padding: 8px 10px;
background: rgba(167, 167, 167, .1);
border-radius: 2px;
overflow: auto;
display: inline-block;
vertical-align: middle;
line-height: 1.2
}
blockquote code {
padding: 4px 6px
}
pre,code{
font-family: Monaco, Consolas, "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)
}
.widget th:last-child, 
.widget td:last-child {
border-right: 0
}
thead {
background-color: rgba(167, 167, 167, .1)
}
table caption {padding: 0 0 10px}
abbr, acronym {
border-bottom: 1px dotted;
cursor: help
}
kbd {
background: rgb(111, 111, 111);
padding: 4px 10px;
border-radius: 4px;
color: #fff
}
dl {
border: 3px double rgba(167, 167, 167, .3);
padding: 20px;
margin: 0 0 20px
}
dt {
float: left;
clear: left;
width: 150px;
text-align: right;
font-weight: bolder
}
dt:after {content: ":"}
dd {
margin: 0 0 10px 170px;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(167, 167, 167, .2)
}
dd:last-child {
margin-bottom: 0;
border-bottom: 0
}
address {
border: 1px dashed rgba(167, 167, 167, .3);
display: inline-block;
padding: 20px;
margin: 0 0 30px
} #layout {
position: relative;
transition: all .4s ease;
overflow: hidden
}
.layout_ {
margin: 0 !important;
border-radius: 0 !important;
border: 0 !important
}
.layout_1, .layout_2 {
width: 1340px;
max-width: 95%;
background: #fff;
margin: 0 auto;
box-shadow: 0 0 100px rgba(0, 0, 0, .1)
}
.layout_2 {
margin: 50px auto
}
.row {
width: 1280px;
max-width: 95%;
position: relative;
margin: 0 auto
}
header .row,
footer .row {
max-width: 100%
}
@media screen and (max-width:768px) {
#layout, .row {
max-width: 100%
}
}
.layout_1 .row, .layout_2 .row {
width: 90%
}
.page_content.cz_bpnp {
margin: 0
}
.page_content.cz_bpnp > .row {
width: 100% !important;
max-width: 100% !important
}
.col {
display: block;
float: left;
margin-left: 4%
}
.rtl .col {
float: right;
margin-left: 0;
margin-right: 4%
}
.s12 {width: 100%}
.s11 {width: 91.33%}
.s10 {width: 82.66%}
.s9 {width: 74%}
.s8 {width: 65.33%}
.s7 {width: 56.66%}
.s6 {width: 48%}
.s5 {width: 39.33%}
.s4 {width: 30.66%}
.s3 {width: 22%}
.s2 {width: 13.33%}
.s1 {width: 4.666%}
.col:first-child, .col_first {margin-left: 0}
.col_not_first {margin-left: 4%}
.rtl .col:first-child, .rtl .col_first {margin-right: 0}
.rtl .col_not_first {margin-left: 0;margin-right: 4%}
.clr:before, .clr:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
.clr:after {
clear: both
}
.cz_fixed_top_border, 
.cz_fixed_bottom_border {
position: fixed;
z-index: 999999;
bottom: 0;
left: 0;
width: 100%;
height: 0
}
.cz_fixed_top_border {
bottom: auto;
top: 0
}
.admin-bar .cz_fixed_top_border {
top: 32px
} .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_5 {
width: 100%;
transform:translateY(-120%)
}
.inner_layout > header {
position: relative;
z-index: 100
}
.header_1, .header_2, .header_3 {
position: relative
}
.cz_elm {
font-size: 16px
}
.cz_elm_center {
left: 50%;
display: table;
transform: translateX(-50%)
}
.rtl .cz_elm_center {
right: 50%;
transform: translateX(50%)
}
.elms_row > .clr {
display: table;
width: 100%;
position: relative
}
.elms_left, 
.elms_center, 
.elms_right {
position: relative;
display: table-cell;
vertical-align: top
}
.have_center > .elms_row > .clr {
display: flex
}
.have_center .elms_left, 
.have_center .elms_center, 
.have_center .elms_right {
flex: 1 0 20%;
display: block;
width: 100%
}
.have_center .elms_center {
margin: 0 auto;
flex-basis: 60%
}
.elms_left > div {
float: left
}
.rtl .elms_left > div {
float: right
}
.elms_center > div {
margin: 0 auto;
display: table
}
.elms_center > div > div {
float: left
}
.elms_right > div {
float: right
}
.rtl .elms_right > div {
float: left
}
.elm_icon_text {
border: 0
}
.elm_icon_text > i,
.elm_icon_text > span {
display: inline-block;
vertical-align: middle;
transition: all .2s ease-in-out
}
.elm_icon_text a, .elm_icon_text a:hover {
color: inherit
}
.cz_vertical_elm .elm_icon_text {
white-space: nowrap;
display: block;
transform-origin: 0 0;
transform: rotate(-90deg);
animation: none
}
.cz_elm_info_box {
display: flex;
align-items: center
}
.cz_info_icon.fa {
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
font-size: 32px;
padding: 18px
}
.cz_info_content {
margin: 0 0 0 20px;
line-height: 1
}
.rtl .cz_info_content {
margin: 0 20px 0 0
}
.cz_info_content span {
display: block
}
.cz_info_1 {
font-size: 16px;
margin-bottom: 12px
}
.cz_info_2 {
font-size: 22px;
font-weight: bold
}
.header_4,
.cz_before_mobile_header,
.cz_after_mobile_header {
display: none
}
.header_line_1, .header_line_2, .header_line_3 {
margin: 0 20px;
width: 1px;
height: 100%;
background: rgba(167, 167, 167, .2)
}
.header_line_1 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.header_line_3 {
transform: rotate(20deg)
}
.header_line_4 {
margin: 0 10px;
width: 30px;
height: 1px;
background: rgba(167, 167, 167, .2)
}
.cz_fixed_ad {
position: fixed;
width: auto;
z-index: 98
}
.elms_row [class*='cz_row_shape_'],
.elms_row [class*='cz_row_shape_'] {
z-index: 0
}
[class*='cz_row_shape_'] .row:before,
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:before,
.elms_row [class*='cz_row_shape_']:after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 100%;
background: inherit;
z-index: -1
}
[class*='cz_row_shape_'] .row:before,
.elms_row [class*='cz_row_shape_']:before {
left: 0;
border-radius: inherit;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:after {
right: 0;
border-radius: inherit;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.cz_row_shape_full_filled_left .row:before, 
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_left:before, 
.elms_row .cz_row_shape_full_filled_right:after {
width: 3000px !important;
transform: none;
transform: translateX(-96%) !important;
border-radius: 0
}
.cz_row_shape_no_left .row:before,
.cz_row_shape_no_right .row:after {
visibility: hidden;
opacity: 0
}
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_right:after {
transform: translateX(96%) !important
}
.cz_row_shape_1 .row:before,
.elms_row .cz_row_shape_1:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_1 .row:after,
.elms_row .cz_row_shape_1:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_2 .row:before,
.elms_row .cz_row_shape_2:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_2 .row:after,
.elms_row .cz_row_shape_2:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_3 .row:before,
.elms_row .cz_row_shape_3:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_3 .row:after,
.elms_row .cz_row_shape_3:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_4 .row:before,
.elms_row .cz_row_shape_4:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_4 .row:after,
.elms_row .cz_row_shape_4:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_none .row:after,
.cz_row_shape_none .row:before{
display: none
} .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 > a,
.logo_2 > a {
display: block;
border: 0;
font-size: 40px
}
.logo > a h1,
.logo_2 > a h1 {
font-size: inherit;
margin: 0
}
.logo_is_img > a {
font-size: 10px
}
.logo_hover_tooltip {
position: absolute;
left: 0;
opacity: 0;
z-index: 2;
width: 500px;
padding: 30px;
margin: 10px 0 0;
background: #fff;
border-radius: 2px;
visibility: hidden;
box-sizing: border-box;
box-shadow: 0 8px 40px rgba(17, 17, 17, .1);
transition: all .2s ease-in-out
}
.rtl .logo_hover_tooltip {
left: 0;
right: 0
}
.logo:hover .logo_hover_tooltip {
margin: 0;
visibility: visible;
opacity: 1
}
footer .logo_hover_tooltip,
footer .logo:hover .logo_hover_tooltip {
display: none;
visibility: hidden;
opacity: 0
}
.hidden_top_bar {
position: absolute;
left: 0;
top: 0;
background: #111;
color: #fff;
z-index: 1001;
width: 100%;
padding: 40px 0;
transform: translateY(-100%);
transition: all .3s ease-in-out
}
.show_hidden_top_bar {
transform: translateY(0)
}
.hidden_top_bar > i {
position: absolute;
background: inherit;
right: 5%;
bottom: 0;
cursor: pointer;
padding: 6px 12px;
transform: translateY(100%);
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px
}
.cz_user_gravatar {
display: block;
overflow: hidden
}
.cz_user_gravatar img {
border-radius: inherit
} .sf-menu, .sf-menu .sub-menu, .next_prev, 
.foot_menu .sub-menu, .page-numbers, .cz_instagram ul,
.codevz-widget-custom-menu ul,
.codevz-widget-custom-menu-2 ul {
margin: 0;
list-style-type: none
}
.widget_nav_menu .sub-menu,
.widget_categories .children,
.page_item_has_children .children,
ul.cz_circle_list {
list-style-type: circle
}
.sf-menu > .cz {
position: relative;
float: left;
margin: 0
}
.rtl .sf-menu > .cz {
float: right
}
.rtl .sf-menu {
margin: 0
}
.elms_center .sf-menu {
text-align: center
}
.elms_center .sf-menu > .cz {
float: none;
display: inline-block
}
.sf-menu > .cz > a {
position: relative;
display: block;
z-index: 1;
padding: 6px 0;
margin: 0 30px 0 0;
background: none;
font-weight: 600;
font-style: normal;
font-size: 14px;
letter-spacing: 0
}
.rtl .sf-menu > .cz > a {
margin: 0 0 0 30px
}
.sf-menu > .cz > a > span {
z-index: 1
} .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
} .cz_parent_megamenu > .sub-menu {
background-size: cover;
box-sizing: border-box
}
.cz_parent_megamenu > .cz_custom_mega_menu {
padding: 20px
}
.sf-menu .cz > h6 {
padding: 10px 24px;
margin: 0 0 10px;
font-weight: bold
}
.cz_menu_custom {
padding: 10px 24px
}
.cz_custom_mega_menu > div, 
.cz_custom_mega_menu > div > div {
width: 100%
}
.cz_custom_mega_menu .cz_grid_item {
position: static !important
}
.cz_parent_megamenu > .sub-menu > .cz > .sub-menu,
.cz_parent_megamenu > .sub-menu > .cz > .cz_custom_mega_menu {
opacity: 1 !important;
position: static;
padding: 0;
background: none;
box-shadow: none;
width: 100%
}
.page_header .cz_parent_megamenu > .sub-menu > .cz > .sub-menu,
.page_header .cz_parent_megamenu > .sub-menu > .cz > .cz_custom_mega_menu,
.fixed_side .cz_parent_megamenu > .sub-menu > .cz > .sub-menu,
.fixed_side .cz_parent_megamenu > .sub-menu > .cz > .cz_custom_mega_menu {
display: block !important
}
ul.sub-menu.cz_megamenu_1 {width: 210px}
ul.sub-menu.cz_megamenu_2 {width: 420px}
ul.sub-menu.cz_megamenu_3 {width: 630px}
ul.sub-menu.cz_megamenu_4 {width: 840px}
ul.sub-menu.cz_megamenu_5 {width: 1050px}
ul.sub-menu.cz_megamenu_6 {width: 1170px}
ul.sub-menu.cz_megamenu_7 {width: 1170px}
ul.sub-menu.cz_megamenu_8 {width: 1170px}
ul.sub-menu.cz_custom_mega_menu {width: 840px}
.cz_parent_megamenu > [class^='cz_megamenu_'] > .cz, 
.cz_parent_megamenu > [class*=' cz_megamenu_'] > .cz {
float: left;
box-sizing: border-box;
padding: 0;
margin: 0 0 0 -1px;
border-left: 1px solid rgba(167, 167, 167, 0.2)
}
.rtl .cz_parent_megamenu > [class^='cz_megamenu_'] > .cz, 
.rtl .cz_parent_megamenu > [class*=' cz_megamenu_'] > .cz {
float: right;
margin: 0 -1px 0 0;
border-left: 0;
border-right: 1px solid rgba(167, 167, 167, 0.2)
}
[class^='cz_megamenu_'] > .cz:first-child, 
[class*=' cz_megamenu_'] > .cz:first-child, 
.cz_megamenu_9 > .cz, 
.cz_megamenu_10 > .cz, 
.cz_megamenu_11 > .cz, 
.cz_megamenu_12 > .cz,
.cz_megamenu_13 > .cz {
border: 0
}
.cz_megamenu_1 > .cz, 
.cz_megamenu_9 > .cz, 
.cz_megamenu_10 > .cz, 
.cz_megamenu_11 > .cz, 
.cz_megamenu_12 > .cz,
.cz_megamenu_13 > .cz {
float: none;
width: 100%
}
.cz_megamenu_2 > .cz {width: 50%}
.cz_megamenu_3 > .cz {width: calc(100% / 3)}
.cz_megamenu_4 > .cz {width: 25%}
.cz_megamenu_5 > .cz {width: 20%}
.cz_megamenu_6 > .cz {width: calc(100% / 6)}
.cz_megamenu_7 > .cz {width: calc(100% / 7)}
.cz_megamenu_8 > .cz {width: calc(100% / 8)}
.cz_menu_badge {
position: absolute;
margin: -18px 0 0 -4px;
font-size: 10px;
line-height: 1;
padding: 2px 5px;
border-radius: 3px;
z-index: 2;
white-space: nowrap;
color: #fff
}
.sub-menu .cz_menu_badge {
position: relative;
margin: 0 0 0 8px
}
.cz_megamenu_center_mode > .sub-menu {
left: 50%;
transform: translateX(-50%)
}
.cz_megamenu_reverse_mode .sub-menu {
right: -20px;
left: auto
}
.cz_megamenu_width_full_row > .sub-menu,
.rtl .cz_megamenu_width_full_row > .sub-menu {
left: auto;
right: auto;
margin-right: 0 !important;
margin-left: 0 !important
}
.open_horizontal {
display: none;
position: absolute;
right: 50px;
top: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: -ms-max-content;
width: max-content;
}
.open_horizontal.inview_right {
right: auto;
left: 50px
}
.side_dots {
position: fixed;
left: 30px;
top: 50%;
background-color: #333;
padding: 4px 10px;
border-radius: 30px;
transform: translateY(-50%)
}
.side_dots > .cz {
float: none;
display: block
}
.side_dots .cz a:before {
display: none
}
.side_dots .cz a {
text-indent: -9999px;
width: 12px;
height: 12px;
margin: 10px 0;
padding: 0;
border-radius: 100%;
transform: scale(.7);
color: #212049;
font-weight: 700;
background-color: transparent;
border: 3px solid #fff
}
.side_dots > .current_menu > a,
.side_dots .cz a:hover {
color: #333;
background: #fff;
transform: scale(1)
}
.side_dots .cz a:after {
position: absolute;
top: 50%;
left: 20px;
color: inherit;
border: 0;
background: none;
box-shadow: none;
content: attr(data-title);
padding: 4px 15px;
z-index: 10;
text-indent: 0;
opacity: 0;
white-space: nowrap;
transform-origin: top;
transform: scale(.3) translateY(-50%);
transition: all .15s ease-in-out
}
.side_dots a:hover:after,
.current_menu a:after {
transform: scale(1) translateY(-50%);
opacity: 1
}
.right_side_dots {
right: 30px;
left: auto
}
.right_side_dots a:before {
right: 20px;
left: auto
}
.fullscreen_menu {
display: none;
position: fixed;
background: #fff;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
padding: 0;
overflow: scroll;
box-sizing: border-box
}
.cz_noscroll {overflow: hidden}
.cz_noStickySidebar .theiaStickySidebar {
transform: none !important
}
.fullscreen_menu a {
line-height: 1.4
}
.fullscreen_menu > .cz {
float: none;
margin: 0 auto;
text-align: center;
display: table
}
.rtl .fullscreen_menu > .cz {
float: none
}
.fullscreen_menu .sf-with-ul .cz_indicator {
right: 0;
position: static;
margin: 0 0 0 10px;
transform: none
}
.sf-menu > .cz:last-child:after, 
.icon_right_side_dots,
.icon_left_side_dots, 
.dwqa-breadcrumbs, 
.side_dots ul,
.cz_parent_megamenu > .sub-menu > li > a > .cz_indicator {
display: none;
visibility: hidden
}
.fullscreen_menu.sf-menu .sub-menu,
.dropdown_menu.sf-menu .sub-menu {
position: static;
display: none;
background: none;
padding: 0
}
.fullscreen_menu.sf-menu .sub-menu.cz_show_sub {
display: block;
opacity: 1;
position: static;
width: auto;
background: none;
}
.dropdown_menu {
display: none;
position: absolute;
background-color: #fff;
padding: 10px 0;
min-width: 160px;
z-index: 9;
box-shadow: 0 10px 100px rgba(0, 0, 0, .1)
}
.dropdown_menu > .cz > a {
margin: 0
}
.dropdown_menu .sub-menu {
left: 160px;
top: -2px;
width: 100%
}
.dropdown_menu .cz .cz a {
padding: 8px 6px
}
.dropdown_menu .cz_open_menu_reverse {
left: -200px;
right: auto
}
.dropdown_menu.sf-menu > .cz {
padding: 0 20px;
float: none
}
.dropdown_menu > .cz > .sub-menu:before {
top: 14px;
left: -4px
}
.dropdown_menu > .cz > .cz_open_menu_reverse:before {
top: 14px;
left: auto;
right: -4px
}
ul.offcanvas_menu {
display: none
}
header .search {
width: 280px
}
.outer_search form button {
position: absolute !important;
right: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
line-height: 1;
margin: 0;
padding: 0 !important;
color: #111 !important;
background: none !important;
border: 0 !important;
cursor: pointer !important
}
.rtl .outer_search form button {left: 16px;right: auto}
.outer_search form button .fa-circle-o-notch {
opacity: .4
}
.search_style_form_2 button {
right: auto !important;
left: 16px;
top: 50% !important;
transform: translateY(-50%);
font-size: 20px;
pointer-events: none !important
}
.search_style_form_2 input {
background: none;
border-color: transparent;
padding: 10px 10px 10px 50px
}
.search_style_icon_dropdown,
.offcanvas_container > i, 
.search-form, .elms_shop_cart_inner, 
#bbpress-forums #bbp-search-form, 
.wpcf7-form, .logo, .logo_2, .search, .search form, 
.cz_post_content, .sf-menu .cz .cz, .cz_subscribe form,
.fullscreen_menu a, .cz_elm {
position: relative
}
.search_with_icon > i,
.offcanvas_container > i, 
.elms_shop_cart > a > i, 
i.icon_fullscreen_menu,
i.dropwdown_menu, 
i.icon_open_horizontal, 
header .fa-bars, 
i.icon_dropdown_menu, 
i.icon_fullscreen_menu,
i.icon_mobile_dropdown_menu,
i.icon_mobile_offcanvas_menu {
cursor: pointer;
width: 2em;
height: 2em;
font-size: 22px;
line-height: 2em;
border-radius: 2px;
text-align: center;
vertical-align: middle;
transition: all .2s ease-in-out;
border: 1px solid transparent
}
.elm_icon_text > i {
width: 1em;
height: 1em;
line-height: 1em;
text-align: center
}
i.icon_plus_text {
width: initial
}
.icon_plus_text:before {
margin-right: 10px
}
.rtl .icon_plus_text:before {
margin-right: 0;
margin-left: 10px
}
.search_style_icon_full .outer_search {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
z-index: 99999
}
.outer_search form button,
.outer_search form button:hover {
box-shadow: none !important;
background: none !important;
border: 0 !important;
overflow: visible !important;
color: initial !important
}
.search_style_icon_full button {
font-size: 24px;
right: 30px
}
.search_style_icon_full .search {
position: absolute;
left: 50%;
top: 20%;
width: 50%;
transform: translateX(-50%);
}
.search_style_icon_full form > span {
position: absolute;
font-size: 26px;
color: rgba(167, 167, 167, .5);
left: 0;
top: -78%
}
.rtl .search_style_icon_full form > span {
right: 0;
left: auto
}
.search_style_icon_full .ajax_search_results {
top: 78px;
width: 99.7%;
border: 0;
overflow: visible
}
.search_style_icon_full .search input {
padding: 20px;
font-size: 24px
}
.cz_cart, .cz_cart_edd {
position: relative;
display: inline-block
}
.search_style_icon_dropdown .outer_search,
.cz_cart_items {
display: none;
position: absolute;
z-index: 2;
padding: 8px;
background: #fff;
border-radius: 2px;
color: initial;
margin: 18px 0 0;
left: -238px;
width: 280px;
box-shadow: 1px 6px 20px rgba(17, 17, 17, .1);
animation: CubicIn .4s cubic-bezier(.180, .890, .330, 1.270) forwards
}
.search_style_icon_full form {
animation: CubicIn .8s cubic-bezier(.180, .890, .330, 1.270) forwards
}
@keyframes CubicIn {
from {transform: translateY(30px)}
to {transform: translateY(0px)}
}
div.cz_cart_items {
left: -287px
}
.search_style_icon_dropdown .outer_search:before,
.cz_cart_items:before {
content: no-close-quote;
width: 15px;
height: 15px;
position: absolute;
top: -3px;
right: 28px;
background: inherit;
background-image: none;
z-index: -1;
transform: rotate(45deg)
}
.cz_cart_items > div {
border: 1px solid rgba(167, 167, 167, .2);
border-radius: inherit
}
.inview_right .cz_cart_items {
left: -62px
}
.inview_right .cz_cart_items:before {
right: auto;
left: 28px
}
.cz_cart_items {
display: block;
visibility: hidden;
opacity: 0;
transition: all .2s ease-in-out
}
.elms_shop_cart:hover .cz_cart_items {
visibility: visible;
opacity: 1
}
.cz_cart .item_small, 
.cz_cart_edd .item_small {
padding: 10px;
margin: 0
}
.cz_cart .item_small span, 
.cz_cart_edd .item_small span {
display: inline-block
}
.cz_cart_buttons {
padding: 0 10px 0;
border-top: 1px solid rgba(167, 167, 167, .2)
}
.cz_cart_buttons a {
padding: 2px 0;
width: calc(50% - 4px);
display: inline-block;
text-align: center;
font-size: 14px;
opacity: .7
}
.cz_cart_buttons a:hover {
opacity: 1
}
.cz_cart_buttons a:first-child {
border-right: 1px solid rgba(167, 167, 167, .2)
}
.rtl .cz_cart_buttons a:first-child {
border-right: 0;
border-left: 1px solid rgba(167, 167, 167, .2)
}
.cz_cart a.remove,
.cz_cart_edd a.remove {
border: 0;
height: 1.24em;
width: 1.24em;
position: absolute;
right: 20px;
top: 38%
}
.rtl .cz_cart .remove,
.rtl .cz_cart_edd .remove {
left: 20px;
right: auto
}
.cz_cart a.remove i,
.rtl .cz_cart_edd a.remove i {
font-size: 14px
}
.search_style_icon_dropdown.inview_right .outer_search {
left: -18px
}
.search_style_icon_dropdown.inview_right .outer_search:before {
right: auto;
left: 30px
}
.search_style_icon_dropdown .ajax_search_results {
position: relative;
z-index: 2;
top: 0;
margin: 8px 0 0
}
.search_style_icon_dropdown input {
background: #fff;
padding: 10px
}
.offcanvas_area {
position: fixed;
top: 0;
left: 0;
width: 350px;
height: 100%;
overflow: scroll;
padding: 30px;
background: #fff;
z-index: 9999;
transform: translateX(-120%);
transition: all 700ms cubic-bezier(.77, 0, .175, 1);
box-shadow: -5px 0 20px rgba(0, 0, 0, .12)
}
i.offcanvas-close {
position: fixed;
color: #fff;
cursor: pointer;
font-size: 18px;
padding: 20px;
top: 0;
transform: none;
z-index: 99999;
visibility: hidden;
opacity: 0;
transition: all 500ms cubic-bezier(.77, 0, .175, 1)
}
.active_offcanvas .offcanvas-close {
visibility: visible;
opacity: 1
}
.admin-bar i.offcanvas-close {
top: 32px
}
.offcanvas-close:hover {
transform: rotate(180deg)
}
.offcanvas_area.inview_right {
right: 0;
left: auto;
transform: translateX(120%)
}
.active_offcanvas .offcanvas_area.active_offcanvas {
transform: translateX(0)
}
.admin-bar .offcanvas_area, 
.admin-bar .hidden_top_bar {
margin-top: 32px
}
#layout .offcanvas_area, 
#layout .offcanvas_menu {
display: none
}
.elms_shop_cart_inner i, 
.head_cart {
display: inline-block
}
.cart_1 .cz_cart_count {
color: #000;
background: #fff;
}
.cz_cart_count {
position: absolute;
top: -28px;
right: -2px;
width: 2em;
height: 2em;
text-align: center;
line-height: 2em;
font-size: 12px;
border-radius: 100%
}
.rtl .cz_cart_count {
right: auto;
left: 20px;
transform: translateX(-70%);
}
.cz_cart_counts:before {
content: no-close-quote;
width: 10px;
height: 10px;
position: absolute;
top: 6px;
left: -2px;
background: inherit;
background-image: none;
z-index: 0;
transform: rotate(45deg)
}
.cz_cart_count span {
display: none
}
.hf_elm_area {
display: none;
position: fixed;
background: #fff;
z-index: 9;
box-shadow: 0 10px 100px rgba(0, 0, 0, .1)
}
.item_small,
.woocommerce ul.product_list_widget li {
position: relative;
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid rgba(167, 167, 167, .2);
font-size: 14px
}
.item_small:last-child,
.woocommerce ul.product_list_widget li:last-child {
margin: 0;
border: 0
}
.item_small:after,
.woocommerce ul.product_list_widget li:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.item_small > a {
position: relative;
z-index: 1;
float: left;
width: 80px;
height: 80px;
margin: 0 20px 0 0
}
.rtl .item_small > a {
float: right;
margin: 0 0 0 20px
}
.cz_cart_dummy .item_small > a {
background: background: rgba(167, 167, 167, 0.15);
}
.item_small h3 {
font-size: 18px;
margin: 0
}
.item_small span {
display: block
}
.item_small .cz_small_post_date {
opacity: .6
}
.dsq-postid {
display: inline-block
}
.item_small i {
font-size: 11px
}
.ajax_search_results {
display: none;
position: absolute;
background: #fff;
border: 1px solid rgba(167, 167, 167, .2);
border-radius: 2px;
color: #7a7a7a;
z-index: 2;
width: 99%;
left: 0;
bottom: 0;
overflow: hidden;
box-shadow: 1px 6px 20px rgba(17, 17, 17, .1)
} 
.search_style_form .ajax_search_results,
.search_style_form_2 .ajax_search_results {
transform: translateY(101%)
}
.ajax_search_results .item_small {
border-bottom: 1px dashed rgba(167, 167, 167, .4);
padding: 14px 8px;
margin: 0
}
.ajax_search_results .item_small > a {
margin: 0 10px 0;
display: inline-block
}
.ajax_search_results .va_results {
display: block;
line-height: 1;
font-size: 20px;
text-align: center;
padding: 2px 0 10px;
letter-spacing: 2px;
background: rgba(167, 167, 167, .08);
text-transform: uppercase
}
.ajax_search_results .item-details {
margin: 0 12px 0
}
.ajax_search_results h3 {
margin: 0
}
.ajax_search_results span {
display: inline-block;
font-size: 11px
}
.ajax_search_results h5 {
font-size: 11px;
padding: 4px 6px;
margin: 0;
background: rgba(167, 167, 167, .1);
position: absolute;
font-weight: 300;
right: 10px;
top: 12px;
z-index: 2;
border-radius: 2px
}
.ajax_search_results .ajax_search_error {
font-size: 16px;
padding: 10px;
font-weight: normal;
display: block
} i.icon_offcanvas_menu {
display: none
}
ul.offcanvas_area {
margin: 0;
padding: 0;
box-sizing: border-box
}
ul.offcanvas_area .cz {
width: 100%;
float: none
}
ul.offcanvas_area .cz a,
ul.offcanvas_area .cz h6 { 
color: #000;
margin: 0;
padding: 10px 20px;
border-bottom: 1px solid rgba(167, 167, 167, .2)
}
.rtl ul.offcanvas_area .cz a,
.rtl ul.offcanvas_area .cz h6 {
margin: 0
}
ul.offcanvas_area .sub-menu {
position: static;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
padding: 0;
width: auto;
transform: none;
background: none;
box-shadow: none;
border-radius: 0;
border-left: 4px solid rgba(167, 167, 167, .14)
}
ul.offcanvas_area .cz .cz a {
position: relative;
line-height: 1.5;
font-size: 14px
}
ul.offcanvas_area .cz .cz h6 {
position: relative;
padding: 15px 20px;
font-size: 14px;
font-weight: 600
}
ul.offcanvas_area > .cz > a:before {
display: none
}
ul.offcanvas_area.sf-menu .cz_menu_badge {
position: static;
margin: 0 5px 0
}
h6 .cz_indicator {display: none}
ul.offcanvas_area .sf-with-ul .cz_indicator,
ul.offcanvas_area h6 .cz_indicator {
display: block;
position: absolute;
right: 0 !important;
top: 0;
height: 100%;
width: 40px;
border-left: 1px solid rgba(167, 167, 167, .2)
}
.rtl ul.offcanvas_area h6 .cz_indicator {
left: 0 !important;
right: auto !important
}
ul.offcanvas_area .sf-with-ul .cz_indicator:before, 
ul.offcanvas_area h6 .cz_indicator:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
ul.offcanvas_area.sf-menu .sf-with-ul .cz_indicator {
transform: none
} .header_5,
.onSticky {
position: fixed;
z-index: 999;
top: 0;
transform: translateY(-120%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 400ms ease-in-out !important
}
.onSticky {
transform: none
}
.header_5 {
transform: translateY(-120%)
}
.admin-bar .header_5,
.admin-bar .onSticky {
top: 32px
}
.smart_sticky_on {
transform: translateY(-160%);
margin-top: 0;
top: 0
}
.show_on_sticky, .onSticky .hide_on_sticky {
visibility: hidden;
opacity: 0;
width: 0;
transition: all .4s ease-in-out
}
.onSticky .show_on_sticky, .hide_on_sticky {
visibility: visible;
width: auto;
opacity: 1
}
.cz_sticky_corpse_for_header_4 {
display: none
}
.onSticky .row {
transition: width .5s ease-in-out
}
.cz_sticky_h12 > div, 
.cz_sticky_h13 > div, 
.cz_sticky_h23 > div, 
.cz_sticky_h123 > div {
transition: none !important
} .fixed_side {
position: relative;
float: left;
z-index: 99999;
width: 300px;
height: 100vh;
min-height: initial !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important
}
.rtl .fixed_side {
float: right
}
.fixed_side .theiaStickySidebar {
height: 100%;
width: inherit !important;
box-sizing: border-box;
overflow: auto
}
.is_fixed_side .inner_layout {
float: right;
width: calc( 100% - 300px )
}
.is_fixed_side .cz-no-header {
float: none;
margin: 0 auto
}
.rtl .is_fixed_side .inner_layout {
float: left
}
.is_fixed_side .row,
.is_fixed_side.layout_1 .row,
.is_fixed_side.layout_2 .row {
width: 90%
}
.fixed_side_right {
float: right
}
.rtl .fixed_side_right {
float: left
}
.fixed_side .elms_top {
width: 100%
}
.fixed_side .elms_bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%
}
.fixed_side_right .elms_bottom {
left: auto;
right: 0;
float: right;
}
.fixed_side .elms_middle {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
margin: 0;
width: 100%
}
.fixed_side .sf-menu > .cz {
float: none;
margin: 0
}
.fixed_side .sf-menu > .cz > a {
font-size: 16px;
padding: 10px 20px;
margin: 0
}
.fixed_side .sf-menu .sub-menu {
top: 0
}
.fixed_side .sf-menu > .cz > .sf-with-ul .cz_indicator {
right: 20px
}
.rtl .fixed_side .sf-menu > .cz > .sf-with-ul .cz_indicator {
right: auto;
left: 20px
}
.fixed_side_left .sf-menu > .cz > .sub-menu:before {
top: 20px;
left: -3px
}
.fixed_side_right .sf-menu > .cz > .sub-menu:before {
top: 20px;
left: auto;
right: -3px
}
.fixed_side_right .sf-menu .sub-menu {
left: auto
} .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
} label {
display: block;
margin: 0 0 10px
}
.search-form {
display: table
}
.search-form label, 
.search-form .search-submit {
display: table-cell;
white-space: nowrap
}
.search-form .search-submit {margin: 0 0 0 10px}
.rtl .search-form .search-submit {margin: 0 10px 0 0}
.outer_search form button:hover i {
animation: initial
}
.cz_subscribe button {
position: absolute;
right: 10px;
top: 50%;
padding: 10px;
box-shadow: none;
border: 0 !important;
color: initial !important;
background: none !important;
transform: translateY(-50%)
}
.rtl .cz_subscribe button {
right: auto;
left: 10px
}
.cz_subscribe button:before,
.cz_subscribe button:after {
display: none
}
.widget form {
width: 100%
}
input, textarea, select {
width: 100%;
padding: 12px;
margin: 0;
color: inherit;
border-radius: 2px;
font-family: inherit;
box-sizing: border-box;
-webkit-appearance: none;
border: 1px solid rgba(167, 167, 167, .4)
}
textarea {
height: 160px;
line-height: 2;
font-size: 14px;
overflow: auto
}
select {
background: #fff url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiNhN2E3YTciLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat right 18px center;
background-size: 10px
}
.rtl select {
background-position-x: 18px
}
option {
color: #111;
background: #fff
}
input[type="date"] {
padding: 9px 12px
}
input[type=checkbox], input[type=radio] {
-webkit-appearance: none;
width: auto !important;
display: inline-block !important;
margin: 0 10px 0 0 !important;
padding: 5px !important;
vertical-align: middle !important;
-webkit-appearance: checkbox
}
input[type=radio] {
-webkit-appearance: radio
}
::-moz-placeholder {
opacity: 1
}
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {
color: inherit;
opacity: .8
}
input::-ms-input-placeholder, 
textarea::-ms-input-placeholder {
color: inherit;
opacity: .8
}
input::-moz-input-placeholder, 
textarea::-moz-input-placeholder {
color: inherit;
opacity: .8
}
.rtl form input[type=checkbox], form input[type=radio],
.rtl input[type=checkbox], input[type=radio] {
margin: 0 0 0 10px
}
form button,
input[type=submit],
input[type=button],
.button, 
.dwqa-questions-footer .dwqa-ask-question a,
.cz_header_button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#edd-purchase-button, 
.edd-submit, 
[type=submit].edd-submit,
.edd-submit.button.blue {
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
color: #fff;
border: 0;
background-color: #4e71fe;
border-radius: 2px;
width: auto;
padding: 12px 20px;
text-align: center;
cursor: pointer;
transition: all 200ms ease-in-out
}
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
} .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
} .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
} .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
}
.codevz-widget-about > .tal > * {
text-align: left;
display: table;
margin-right: auto;
}
.codevz-widget-about > .tac > * {
text-align: center;
display: table;
margin-left: auto;
margin-right: auto
}
.codevz-widget-about > .tar > * {
text-align: right;
display: table;
margin-left: auto;
}
.codevz-widget-posts .item_small:hover img {
opacity: .5
}
.related.products > h2,
.upsells > h2,
.woocommerce-order-details h2,
.woocommerce-order-details h3,
.woocommerce-Address-title h3 {
font-size: 26px;
margin: 0 0 30px
}
.sticky_widget {
z-index: 2
}
.cz_simple_ads img {
width: 100%
}
.cz_readmore,
.more-link {
display: table;
background: #4e71fe;
color: rgba(255,255,255,.7);
padding: 4px 16px 4px 4px;
margin: 20px 0 0;
border-radius: 4px;
font-size: 13px
}
.rtl .cz_readmore,
.rtl .more-link {
padding: 4px 4px 4px 16px
}
.cz_readmore i,
.more-link i {
width: 2em;
height: 2em;
color: inherit;
line-height: 2em;
text-align: center;
display: inline-block;
vertical-align: middle;
transition: all .2s ease-in-out
}
.cz_readmore > span,
.more-link > span {
display: inline-block;
vertical-align: middle
}
.cz_readmore:hover, 
.cz_readmore:hover i,
.more-link:hover, 
.more-link:hover i {
color: #fff
}
.cz_readmore_no_title {
padding: 2px
}
.cz_readmore_no_title i {
margin: 0
}
.cz_readmore_no_icon {
padding: 4px 16px 4px 16px
} .single .cz_post_content a {
font-weight: bold;
}
.cz_post_content > ul {
margin-bottom: 30px
}
.cz_post_content ol,
.cz_post_content ul, 
.comment-content ul, 
.comment-content ol {
margin: 0 0 30px 20px;
padding: 0 0 0 20px;
list-style:disc
}
.rtl .cz_post_content ol,
.rtl .cz_post_content ul, 
.rtl .comment-content ul, 
.rtl .comment-content ol {
margin: 0 20px 30px 0;
padding: 0 20px 0 0
}
.cz_post_content ol ol,
.cz_post_content ul ul,
.cz_post_content ul ol,
.cz_post_content ol ul,
.comment-content ul ul,
.comment-content ol ol{
margin: 0;
padding: 0 0 0 40px
}
.rtl .cz_post_content ol ol,
.rtl .cz_post_content ul ul,
.rtl .cz_post_content ul ol,
.rtl .cz_post_content ol ul,
.rtl .comment-content ul ul,
.rtl .comment-content ol ol{
padding: 0 40px 0 0
}
.cz_post_content ol li, .comment-content ol li{
margin:0;
padding:0
}
.widget ul, .widget ol {
padding-left: 0 !important;
padding-right: 0 !important
}
.cz_default_loop > div {
margin: 0 0 30px;
padding: 0 0 30px;
width: 100%;
box-sizing: border-box;
border-bottom: 1px dashed rgba(167, 167, 167, .3);
transition: all .2s ease-in-out
}
.cz_default_loop_grid {
padding: 0;
margin: 0 0 0 4%;
border: 0;
transition: all .2s ease-in-out
}
.cz_post_image {
position: relative;
float: left;
display: block;
margin: 0 50px 0 0;
width: 300px;
background: transparent;
box-sizing: border-box;
overflow: hidden;
transition: all .2s ease-in-out
}
a.cz_post_image img {
width: 100%
}
.cz_default_loop_right .cz_post_image,
.rtl .cz_post_image {
float: right;
margin: 0 0 20px 50px
}
.rtl .cz_default_loop_right .cz_post_image {
float: left;
margin: 0 50px 20px 0
}
.cz_default_loop_full .cz_post_image,
.cz_default_loop_grid .cz_post_image {
float: none !important;
margin: 0 0 30px;
width: 100%
}
.cz_post_image > img {
transition: all .2s ease-in-out
}
article:hover .cz_post_image {
background: #111
}
article:hover .cz_post_image > img{
opacity: .6
}
.cz_post_svg,
article:hover .cz_post_svg {
background-color: rgba(167, 167, 167, .1)
}
.cz_post_svg {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU4IDU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OCA1ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiPgo8Zz4KCTxwYXRoIGQ9Ik01Nyw2SDFDMC40NDgsNiwwLDYuNDQ3LDAsN3Y0NGMwLDAuNTUzLDAuNDQ4LDEsMSwxaDU2YzAuNTUyLDAsMS0wLjQ0NywxLTFWN0M1OCw2LjQ0Nyw1Ny41NTIsNiw1Nyw2eiBNNTYsNTBIMlY4aDU0VjUweiIgZmlsbD0iI2RlZGVkZSIvPgoJPHBhdGggZD0iTTE2LDI4LjEzOGMzLjA3MSwwLDUuNTY5LTIuNDk4LDUuNTY5LTUuNTY4QzIxLjU2OSwxOS40OTgsMTkuMDcxLDE3LDE2LDE3cy01LjU2OSwyLjQ5OC01LjU2OSw1LjU2OSAgIEMxMC40MzEsMjUuNjQsMTIuOTI5LDI4LjEzOCwxNiwyOC4xMzh6IE0xNiwxOWMxLjk2OCwwLDMuNTY5LDEuNjAyLDMuNTY5LDMuNTY5UzE3Ljk2OCwyNi4xMzgsMTYsMjYuMTM4cy0zLjU2OS0xLjYwMS0zLjU2OS0zLjU2OCAgIFMxNC4wMzIsMTksMTYsMTl6IiBmaWxsPSIjZGVkZWRlIi8+Cgk8cGF0aCBkPSJNNyw0NmMwLjIzNCwwLDAuNDctMC4wODIsMC42Ni0wLjI0OWwxNi4zMTMtMTQuMzYybDEwLjMwMiwxMC4zMDFjMC4zOTEsMC4zOTEsMS4wMjMsMC4zOTEsMS40MTQsMHMwLjM5MS0xLjAyMywwLTEuNDE0ICAgbC00LjgwNy00LjgwN2w5LjE4MS0xMC4wNTRsMTEuMjYxLDEwLjMyM2MwLjQwNywwLjM3MywxLjA0LDAuMzQ1LDEuNDEzLTAuMDYyYzAuMzczLTAuNDA3LDAuMzQ2LTEuMDQtMC4wNjItMS40MTNsLTEyLTExICAgYy0wLjE5Ni0wLjE3OS0wLjQ1Ny0wLjI2OC0wLjcyLTAuMjYyYy0wLjI2NSwwLjAxMi0wLjUxNSwwLjEyOS0wLjY5NCwwLjMyNWwtOS43OTQsMTAuNzI3bC00Ljc0My00Ljc0MyAgIGMtMC4zNzQtMC4zNzMtMC45NzItMC4zOTItMS4zNjgtMC4wNDRMNi4zMzksNDQuMjQ5Yy0wLjQxNSwwLjM2NS0wLjQ1NSwwLjk5Ny0wLjA5LDEuNDEyQzYuNDQ3LDQ1Ljg4Niw2LjcyMyw0Niw3LDQ2eiIgZmlsbD0iI2RlZGVkZSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) !important;
background-repeat: no-repeat !important;
background-position: center !important
}
.cz_post_image .cz_post_icon {
position: absolute;
width: 1em;
height: 1em;
line-height: 1em;
padding: 26px;
font-size: 22px;
border-radius: 100%;
background: #fff;
color: #111;
left: 50%;
top: 50%;
opacity: 0;
transform: translate(-50%, -50%) scale(.1);
text-align: center;
transition: all .2s ease-in-out
}
article:hover .cz_post_icon {
transform: translate(-50%, -50%) scale(1);
opacity: 1
}
.cz_post_title {
display: block
}
.cz_post_title h3 {
position: relative;
font-size: 24px;
font-weight: bold;
transition: all .2s ease-in-out
}
.cz_post_meta {
display: block;
font-size: 14px
}
.cz_top_meta {
display: block;
font-size: 14px;
margin: 10px 0 0;
font-style: italic;
font-weight: normal
}
.cz_post_author_avatar, 
.cz_post_inner_meta {
display: inline-block;
vertical-align: middle
}
.cz_post_author_avatar {margin: 0 14px 0 0}
.rtl .cz_post_author_avatar {margin: 0 0 0 14px}
.cz_post_author_avatar img {
width: 40px;
border-radius: 100%;
box-shadow: 1px 10px 10px rgba(167, 167, 167, .12)
}
.cz_post_meta .cz_post_author_name {
display: table;
font-weight: bold;
line-height: 12px;
margin-top: 10px
}
.cz_post_meta .cz_post_date {
opacity: .7;
font-size: .9em
}
.cz_posts_template_8 .cz_post_excerpt,
.cz_posts_gallery_mode .cz_post_excerpt {
display: none
}
.cz_posts_template_8 .cz_default_loop > div,
.cz_posts_gallery_mode .cz_default_loop > div {
border: 0;
margin: 0;
padding: 0
}
.cz_posts_template_8 .cz_post_image {
opacity: .5
}
.cz_posts_template_8 .cz_post_svg,
.cz_posts_template_8 .cz_default_loop:hover .cz_post_image {
opacity: 1
}
.cz_posts_template_8 .cz_post_title {
position: absolute;
top: 0;
left: 0;
padding: 20px 30px
}
.cz_posts_template_8 .cz_post_meta {
position: absolute;
left: 30px;
bottom: 40px
}
.cz_posts_template_8 article:hover .cz_post_title,
.cz_posts_template_8 article:hover .cz_post_meta,
.cz_posts_template_8 article:hover .cz_post_meta a {
color: #fff
}
.cz_posts_gallery_mode .cz_post_title {
position: absolute;
opacity: 0;
top: 0;
left: 0;
color: #fff;
padding: 0 30px 30px;
transition: all .3s ease-in-out
}
.rtl .cz_posts_gallery_mode .cz_post_title {
left: auto;
right: 0
}
.cz_posts_gallery_mode article:hover .cz_post_title {
opacity: 1;
padding: 30px
}
.cz_posts_gallery_mode .cz_post_meta {
position: absolute;
opacity: 0;
left: 30px;
bottom: 0;
color: #fff;
transition: all 400ms cubic-bezier(.77, 0, .175, 1)
}
.rtl .cz_posts_gallery_mode .cz_post_meta {
left: auto;
right: 30px
}
.cz_posts_gallery_mode article:hover .cz_post_meta {
opacity: 1;
bottom: 30px
}
.cz_posts_gallery_mode .cz_post_meta a {
color: #fff
}
.cz_posts_gallery_mode .cz_post_image {
margin: 0 0 10px
}
.cz_posts_template_13 article {
width: 50%;
float: left
}
.cz_posts_template_14 article {
width: calc(100% / 3);
float: left
}
.rtl .cz_posts_template_13 article,
.rtl .cz_posts_template_14 article {
float: right
}
.cz_posts_template_12 .cz_default_loop > div,
.cz_posts_template_13 .cz_default_loop > div,
.cz_posts_template_14 .cz_default_loop > div {
padding: 0 !important;
margin: 0 !important;
border: 0 !important
}
.cz_posts_template_12 .cz_post_image,
.cz_posts_template_13 .cz_post_image,
.cz_posts_template_14 .cz_post_image {
float: left;
width: 50%;
margin: 0
}
.cz_posts_template_12 article:nth-child(2n) .cz_post_image,
.cz_posts_template_13 article:nth-child(4n) .cz_post_image, .cz_posts_template_13 article:nth-child(4n-1) .cz_post_image,
.cz_posts_template_14 article:nth-child(6n) .cz_post_image, .cz_posts_template_14 article:nth-child(6n-1) .cz_post_image, .cz_posts_template_14 article:nth-child(6n-2) .cz_post_image {
float: right
}
.cz_post_chess_content {
text-align: center;
display: inline-block;
width: 50%;
box-sizing: border-box;
padding: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.cz_post_chess_content .cz_post_title h3 {
font-size: 18px
}
.cz_post_chess_content .cz_readmore,
.cz_post_chess_content .more-link {
display: table;
margin: 20px auto
} .cz_post_author img {
vertical-align: text-bottom
}
.cz_author_box img {
border-radius: 2px
}
.cz_post_meta_under_title {
opacity: .6;
font-size: 14px;
font-weight: normal;
margin: 14px 0 0
}
.cz_view_author_posts {
position: absolute;
right: 20px;
top: 43%;
opacity: .6;
font-size: 14px;
font-weight: normal;
transform: translateY(-50%);
}
.rtl .cz_view_author_posts {
right: auto;
left: 20px
}
.cz_view_author_posts a {
color: inherit
}
ul.next_prev {
position: relative;
margin: 0;
display: flex;
align-items: center
}
.next_prev .previous {
float: left;
width: calc(50% - 10px)
}
.rtl .next_prev .previous {
float: right;
border: 0
}
.next_prev .next {
float: right;
width: 50%;
text-align: right
}
.rtl .next_prev .next {
float: left;
text-align: left
}
.next_prev h4 {
display: inline-block;
vertical-align: middle;
margin: -6px 0 0 0;
font-size: 16px;
padding-left: 70px
}
.next_prev small {
font-size: .8em
}
.next_prev .next h4 {
padding: 0;
padding-right: 70px
}
.rtl .next_prev .next h4 {
padding: 0;
padding-left: 70px
}
.rtl .next_prev .previous h4 {
padding: 0;
padding-right: 70px
}
.next_prev a {
position: relative
}
.next_prev i {
font-size: 26px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: rgba(167, 167, 167, .07);
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
border-radius: 100%;
transition: all .2s ease-in-out
}
.next_prev .next i,
.rtl .next_prev .previous i {
left: auto;
right: 0
}
.rtl .next_prev .next i {
right: auto;
left: 0
}
.next_prev li:hover i {
background: #fff;
color: #111
}
.cz-next-prev-archive a {
position: static
}
.cz-next-prev-archive i {
left: 50%;
transform: translate(-50%, -50%)
}
.cz_related_post {
margin-bottom: 20px
}
.cz_related_post img {
width: 100% !important
}
.cz_related_post h3 {
font-size: 20px
}
.cz_related_post_date i {
font-size: 12px;
color: rgb(167, 167, 167)
}
.post-password-form label{
display: inline-block;
margin-right: 6px
} .breadcrumbs {
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 [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
} 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
} .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 .sf-menu .sub-menu {
top: auto;
bottom: 40px;
}
.cz_middle_footer {
padding: 30px 0 0
}
.cz_fixed_footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: -9;
}
.layout_1 .cz_fixed_footer, 
.layout_2 .cz_fixed_footer {
width: 1300px;
left: 50%;
transform: translateX(-50%)
}
.subfooter_,
.subfooter_1 {
background: #fff;
padding: 14px 0
}
.subfooter_1 .lefter, 
.subfooter_1 .righter {
float: none;
display: table;
margin-right: auto;
margin-left: auto;
text-align: center
}
.footer_widget {
position: relative;
margin: 0 0 30px;
padding: 20px;
z-index: 1;
transition: all .2s ease-in-out
}
.footer_widget > h4 {
position: relative;
border-bottom: 1px dashed rgba(167, 167, 167, .2);
padding: 0 0 20px;
margin: 0 0 20px
}
.cz_flickr .flickr_badge_image, 
.cz_instagram li, 
.cz_portfolio_widget a {
float: left;
width: calc(100% / 3 - 3%);
height: initial;
font-size: 0;
margin: 0 3% 3% 0;
transition: all .2s ease-in-out;
}
.cz_flickr .flickr_badge_image:hover, 
.cz_instagram li:hover, 
.cz_portfolio_widget a:hover {
opacity: .7
}
.cz_flickr .flickr_badge_image img, 
.cz_instagram li img, 
.cz_portfolio_widget a img {
margin: 0 auto;
width: 100%
}
i.backtotop, 
i.fixed_contact {
display: none;
position: fixed;
overflow: hidden;
right: 30px;
bottom: 30px;
font-size: 18px;
width: 2.4em;
height: 2.4em;
line-height: 2.4em;
text-align: center;
border-radius: 2px;
background: #fff;
border: 1px solid rgba(167, 167, 167, .2);
z-index: 99999;
cursor: pointer;
transform: scale(1);
transition: all 400ms cubic-bezier(.77, 0, .175, 1), opacity 0s ease
}
i.backtotop:hover, i.fixed_contact:hover {
transform: scale(1.1);
border-color: rgba(167, 167, 167, .1)
}
i.backtotop:hover:before {
display: inline-block;
animation: cz_rotate_y .4s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes cz_rotate_y {
49% {transform: translateY(-100%)}
50% {opacity: 0;transform: translateY(100%)}
51% {opacity: 1}
}
i.fixed_contact {
display: block
}
i.backtotop .customize-partial-edit-shortcut,
i.fixed_contact .customize-partial-edit-shortcut {
margin-left: -16px
}
div.fixed_contact {
display: none;
cursor: default;
position: fixed;
right: 30px;
bottom: 100px;
background: #fff;
padding: 20px;
width: 320px;
border-radius: 2px;
box-shadow: 0 0 20px rgba(0, 0, 0, .12);
z-index: 999;
animation: FixedContact .4s cubic-bezier(.180, .890, .330, 1.270) forwards
}
@keyframes FixedContact {
from {transform: translateY(40px)}
to {transform: translateY(0)}
} .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;
} .codevz-widget-custom-menu a {
background: rgba(167, 167, 167, .12);
display: block;
margin: 0 0 4px;
padding: 10px 20px
}
.codevz-widget-custom-menu img,
.codevz-widget-custom-menu-2 img,
.codevz-widget-custom-nav-menu img {
display: inline-block;
vertical-align: middle;
margin: 0 2px
}
.codevz-widget-custom-menu a:hover {
background: rgba(167, 167, 167, .2);
transform: translateX(5px);
}
.rtl .codevz-widget-custom-menu a:hover {
transform: translateX(-5px)
}
.codevz-widget-custom-menu a:before {
content: "\f105";
font-family: "FontAwesome";
padding: 0 10px 0 0
}
.rtl .codevz-widget-custom-menu a:before {
content: "\f104";
padding: 0 0 0 10px
}
.codevz-widget-custom-menu-2 a i,
.codevz-widget-custom-menu-2-old a i {
transition: all .1s ease-in-out
}
.codevz-widget-custom-menu-2 a:hover i,
.codevz-widget-custom-menu-2-old a:hover i {
margin: 0 6px
} .codevz-widget-custom-nav-menu ul {
padding: 0;
margin: 0;
list-style: none
}
.codevz-widget-custom-menu-horizontal li {
display: inline-block
}
.codevz-widget-custom-menu-horizontal a {
margin: 0 20px
}
.codevz-widget-custom-menu-horizontal ul.sub-menu {
display:none;
padding: 50px 0 0
}
.codevz-widget-custom-menu-horizontal li:hover ul.sub-menu {
display: block;
position: absolute
}
.codevz-widget-custom-menu-horizontal ul ul li {
display: block
} .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
} .righter {float: right}
.lefter, .rtl .righter {float: left}
.rtl .lefter {float: right}
.hidden, .hide, i.hide {display: none !important}
.block {display: block}
.noborder {border: 0}
.relative {position: relative}
.overflow {overflow: hidden}
.tac {text-align: center !important}
.tal {text-align: left !important}
.tar {text-align: right !important}
.m0 {margin: 0 !important}
.mr0 {margin-right: 0 !important}
.mr4 {margin-right: 4px}
.mr8 {margin-right: 8px}
.mr10 {margin-right: 10px}
.mr20 {margin-right: 20px}
.rtl .mr4 {margin-right: 0;margin-left: 4px}
.rtl .mr8 {margin-right: 0;margin-left: 8px}
.rtl .mr10 {margin-right: 0;margin-left: 10px}
.rtl .mr20 {margin-right: 0;margin-left: 20px}
.ml0 {margin-left: 0 !important}
.ml4 {margin-left: 4px}
.ml8 {margin-left: 8px}
.ml10 {margin-left: 10px}
.ml20 {margin-left: 20px}
.rtl .ml4 {margin-left: 0;margin-right: 4px}
.rtl .ml8 {margin-left: 0;margin-right: 8px}
.rtl .ml10 {margin-left: 0;margin-right: 10px}
.rtl .ml20 {margin-left: 0;margin-right: 20px}
.mt0 {margin-top: 0 !important}
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt70 {margin-top: 70px}
.mb0 {margin-bottom: 0 !important}
.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb70 {margin-bottom: 70px}
.last0:last-child, 
.first0:first-child {margin: 0}
.show_on_tablet, 
.show_on_mobile,
.vc_grid-item .cz_readmore,
.vc_grid-item .more-link {
display: none
}
.term-description {margin: 0 0 30px} .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
} 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
} .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-container p {margin-bottom: 10px}
.dwqa-question-item .dwqa-question-actions input[type=checkbox] {width: auto;vertical-align: middle} 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
}
.fb_iframe_widget iframe {
position: relative !important
} .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} .alignwide {
max-width: calc(100% + 100px);
margin: 0 -50px !important;
padding: 0 !important
}
.wp-block-table.alignwide {
width: calc(100% + 100px)
}
.s12 .alignwide,
.czsc .alignwide {
max-width: 130%;
margin: 0 -15% !important;
padding: 0 !important
}
.s12 .wp-block-table.alignwide,
.czsc .wp-block-table.alignwide {
width: 130%
}
.alignfull {
position: relative;
max-width: none;
margin: 0 !important;
padding: 0 !important;
}
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
padding: 40px 10px 5px !important;
margin: 0 !important
}
.wp-block-quote, .wp-block-code, .wp-block-code code {
width: 100%;
box-sizing: border-box
}
.wp-block-code code {
background: none;
line-height: 1.4;
padding: 0;
}
.wp-block-cover, .wp-block-cover-image {
width: auto
}
.wp-block-pullquote blockquote {
background: none;
padding: 0;
margin: 0
} .fullscreen_menu,
.offcanvas_area,
.fixed_side .theiaStickySidebar {
-ms-overflow-style: -ms-autohiding-scrollbar
}
.fixed_side .theiaStickySidebar​::-webkit-scrollbar {
display: none
}​
.fullscreen_menu::-webkit-scrollbar {
display: none
}
.offcanvas_area::-webkit-scrollbar {
display: none
}@font-face{font-family:'FontAwesome';src:url(//dlazadluzonych.kancelariawec.eu/wp-content/themes/xtra/icons/fontawesome-webfont.eot?v=4.7.0);src:url(//dlazadluzonych.kancelariawec.eu/wp-content/themes/xtra/icons/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//dlazadluzonych.kancelariawec.eu/wp-content/themes/xtra/icons/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//dlazadluzonych.kancelariawec.eu/wp-content/themes/xtra/icons/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//dlazadluzonych.kancelariawec.eu/wp-content/themes/xtra/icons/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//dlazadluzonych.kancelariawec.eu/wp-content/themes/xtra/icons/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}@media only screen and (max-width: 600px){
.mobilekrow{
padding-top: 467px;
}
}
#field_2-2 > label{
color: white !important;
}
#field_2-1 > label{
color: white !important;
}
#field_2-0 > label{
color: white !important;
}
#fieldlist_2 > div{
text-align: center !important;
}
#fieldname3_2{
background-color: #ffeb3b !important;
color: black !important;
}
#fieldname2_2-error{
text-align: center !important;
position: relative !important;
width: 250px !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media only screen and (max-width: 600px){
.niemobilek{
display: none !important;
}
}
@media only screen and (min-width: 601px){
.mobilek{
display: none !important;
}
}[data-cz-style] {
opacity: 0
}
.inner_layout style, 
.wpcf7 p br {
display: none
}
.page_content i:before {
margin: 0;
width: auto;
line-height: inherit
}
.codevz-color-white,
.codevz-color-white a,
.codevz-color-white a:hover {
color: #fff
}
.codevz-color-black,
.codevz-color-black a,
.codevz-color-black a:hover {
color: #000
}
.codevz-color-white a:hover,
.codevz-color-black a:hover {
opacity: .9
}
.cz-particles {
min-height: 300px !important
}
.cz-particles > * {
z-index: 1
}
.cz-particles canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0
}
.wpb_animate_when_almost_visible {
position: relative;
transition: none !important;
z-index: 2
}
.codevz-page-content-element {
position: relative;
z-index: 1
} .cz_post_content > .vc_empty-placeholder {
display: none
}
.vc_welcome-brand img {
margin: 0 auto
}
.cz_sticky_row.vc_row {
position: fixed !important;
width: 101% !important;
bottom: 0 !important;
left: 0 !important;
right: auto;
z-index: 999;
}
.cz_five_columns > .wpb_column,
.cz_five_columns > .vc_vc_column {
width: calc(100% / 5)
}
.cz_five_columns > .wpb_column:last-child,
.cz_five_columns > .vc_vc_column:last-child {
display: none
}
.fixed_bg, 
.fixed_bg .vc_parallax-inner,
.cz_fixed_bg, 
.cz_fixed_bg .vc_parallax-inner {
background-attachment: fixed
}
.vc_row {
position: relative;
z-index: auto
}
.compose-mode .vc_row:hover {
z-index: 99999 !important
}
.vc_row[data-vc-full-width] {
z-index: 0;
overflow: visible
}
.vc_parallax, 
.vc_parallax[data-vc-full-width] {
overflow: hidden
}
div.vc_col-has-fill > .vc_column-inner, 
div.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, 
div.vc_row-has-fill + .vc_row>.vc_column_container > .vc_column-inner, 
div.vc_row-has-fill > .vc_column_container > .vc_column-inner,
div.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, 
div.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, 
div.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, 
div.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
padding-top: 0
}
.no_padding .vc_column_container > .vc_column-inner,
.nopadding .vc_column_container > .vc_column-inner {
padding: 0
}
.vc_message_box {
padding: 1em 2em 1em 5.5em
}
.vc_message_box-icon {
border-right: 1px dotted;
box-shadow: 5px 0 1px rgba(50, 50, 93, .04)
}
.cz_gradient_white_down {
background: linear-gradient(to top, #fff, transparent)
}
.cz_gradient_white_up {
background: linear-gradient(to top, transparent, #fff)
}
.vc_cz_contact_form_7 {
min-height: 40px
} [data-src], .cz_dloader {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNhN2E3YTciPg0KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMyIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+DQogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtDQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSINCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIg0KICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE4IDE4Ig0KICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4Ig0KICAgICAgICAgICAgICAgICAgICBkdXI9IjFzIg0KICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPg0KICAgICAgICAgICAgPC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+");
background-repeat: no-repeat;
background-position: center;
background-size: 30px
}
.cz_dloader {
background-size: 40px;
width: 100px;
height: 100px;
margin: 20px auto
}
[data-src] {
transition: all .1s ease-in-out;
opacity: .6
} img.lazyDone {
width: auto;
background-color: transparent;
background-image: none;
opacity: 1
} .cz_group_parallax {
position: relative;
min-height: 100px;
height: 600px
}
.cz_group_parallax img {
border-radius: inherit
}
.cz_layer_parallax {
position: absolute
} [class*='fx_'], [class*='fx_'] > div {
transition: all 220ms ease-in-out, color 1ms
}
[class*='cz_parallax_'] {
position: relative;
z-index: 2;
transition: transform .5s cubic-bezier(0, 0, .25, 1)
}
[class*='cz_parallax_'] > div {
display: block
}
[class*='cz_mparallax_'] {
transition: transform .8s cubic-bezier(0, 0, .25, 1)
}
.fx_opacity > div,
.fx_opacity_hover > div:hover {
opacity: .5
}
.fx_full_opacity:hover {
opacity: 1
}
.fx_zoom_0 {
z-index: 99;
transform: scale(1.05)
}
.fx_zoom_0_hover:hover {
z-index: 100;
transform: scale(1.05)
}
.fx_zoom_1 {
z-index: 99;
transform: scale(1.1)
}
.fx_zoom_1_hover:hover {
z-index: 100;
transform: scale(1.1)
}
.fx_zoom_2 {
z-index: 99;
transform: scale(1.2)
}
.fx_zoom_2_hover:hover {
z-index: 100;
transform: scale(1.2)
}
.fx_inner_line .cz_box_front_inner > div:before,
.fx_inner_line_hover .cz_box_front_inner > div:before {
content: '';
position: absolute;
border: 4px solid rgba(167, 167, 167, .2);
visibility: visible;
z-index: 0;
left: 10px;
top: 10px;
width: calc(100% - 30px);
height: calc(100% - 30px);
opacity: 0;
transform: scale(1.1, 1.1);
border-radius: inherit;
transition: all 220ms ease-in-out
}
.fx_inner_line .cz_box_front_inner > div:before,
.fx_inner_line_hover .cz_box_front_inner > div:hover:before {
opacity: 1;
transform: scale(1, 1)
}
.fx_up, .fx_up_hover:hover {
transform: translateY(-30px)
}
.fx_down, .fx_down_hover:hover {
transform: translateY(30px)
}
.fx_right, .fx_right_hover:hover {
transform: translateX(30px)
}
.fx_left, .fx_left_hover:hover {
transform: translateX(-30px)
}
.fx_z_hover > div {
transition: all .6s cubic-bezier(.77, 0, .175, 1)
}
.fx_z_hover:hover > div {
transform: rotateZ(360deg)
}
.fx_bounce_hover:hover {
animation: fx_bounce .8s forwards
}
@keyframes fx_bounce {
0%, 20%, 60%, 100% {transform: translateY(0)}
40% {transform: translateY(-20px)}
80% {transform: translateY(-10px)}
}
.fx_skew_left, 
.fx_skew_left_hover:hover {
transform: skew(10deg)
}
.fx_skew_right, 
.fx_skew_right_hover:hover {
transform: skew(-10deg)
}
.fx_flash_hover:hover * {
z-index: 99;
animation: fx_flash 1s forwards
}
@keyframes fx_flash {
0% {opacity: .4}
25% {opacity: .1}
50% {opacity: .8}
75% {opacity: .2}
100% {opacity: 1}
}
.fx_shine_hover {
position: relative;
overflow: hidden
}
.fx_shine_hover:before {
position: absolute;
top: 0;
left: -120%;
z-index: 2;
display: block;
visibility: visible;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
transform: skewX(-25deg)
}
.fx_shine_hover:hover:before {
z-index: 99;
animation: fx_shine 1s forwards
}
@keyframes fx_shine {
0% {left: -90%}
100% {left: 130%}
}
.fx_grayscale > div, .fx_grayscale_hover > div:hover {
filter: grayscale(100%)
}
.fx_remove_grayscale_hover:hover {
filter: grayscale(0%)
}
.fx_grow_rotate_right,
.fx_grow_rotate_right_hover:hover {
z-index: 99;
transform: scale(1.06) rotate(3deg);
}
.fx_grow_rotate_left,
.fx_grow_rotate_left_hover:hover {
z-index: 99;
transform: scale(1.06) rotate(-3deg);
}
.fx_bob,
.fx_bob_hover:hover {
z-index: 99;
animation-name: hvr-bob-float, hvr-bob;
animation-duration: .3s, 1s;
animation-delay: 0s, .3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: none, forwards;
animation-direction: normal, alternate;
box-shadow: 0 35px 35px rgba(50, 50, 93, .1)
}
@keyframes hvr-bob {
0% {transform: translateY(-8px)}
50% {transform: translateY(-4px)}
100% {transform: translateY(-8px)}
}
@keyframes hvr-bob-float {
100% {transform: translateY(-8px)}
}
.fx_wobble_skew_hover:hover {
z-index: 9;
animation: hvr-wobble-skew 1s forwards ease-in-out
}
@keyframes hvr-wobble-skew {
16.65% {transform: skew(-12deg)}
33.3% {transform: skew(10deg)}
49.95% {transform: skew(-6deg)}
66.6% {transform: skew(4deg)}
83.25% {transform: skew(-2deg)}
100% {transform: skew(0)}
} .cz_posts_equal > .clr {
display: flex;
width: 100%
}
.cz_equal_height .cz_eqh ,
.cz_equal_height .cz_eqh > div,
.cz_equal_height .cz_eqh > div > div,
.cz_equal_height .cz_eqh > div > div > div,
.cz_posts_equal article {
display: flex
}
.cz_equal_height .cz_eqh,
.cz_equal_height .vc_cz_content_box {
display: flex;
height: 100%
}
.cz_equal_height .vc_element-container,
.cz_equal_height .vc_cz_content_box div.cz_wrap,
.cz_equal_height .cz_eqh > div, 
.cz_equal_height .cz_eqh > div > div, 
.cz_equal_height .cz_eqh > div > div > div, 
.cz_equal_height .cz_eqh > div > div > div > div,
.cz_equal_height .cz_eqh > div > div > div > div > div {
width: 100%
}
.vc_row-o-content-middle .cz_box_front_inner,
.vc_row-o-content-bottom .cz_box_front_inner {
display: flex;
align-items: center;
box-sizing: border-box
}
.vc_row-o-content-bottom .cz_box_front_inner {
align-items: flex-end
}
.cz_equal_height .wpb_wrapper,
.cz_equal_height .vc_column-inner {
flex-grow: inherit;
height: 100%
} .cz_content_box,
.cz_box_front_inner,
.cz_box_back_inner,
.cz_content_box_parent_fx {
position: relative;
z-index: 1
}
.cz_content_box_parent_fx:hover,
.cz_content_box:hover {
z-index: 2
}
[data-tilt] {
transform-style: preserve-3d;
transition: all .1s ease !important
}
[data-tilt]:hover {
z-index: 2
}
[data-tilt], 
[data-tilt] > div, 
[data-tilt].cz_btn {
transition: none !important
}
[data-tilt] .cz_box_front_inner > div, 
[data-tilt] .cz_box_back_inner > div, 
[data-tilt].cz_btn span {
transition: all .4s ease
}
[data-tilt]:hover .cz_box_front_inner > div, 
[data-tilt]:hover .cz_box_back_inner > div, 
[data-tilt].cz_btn:hover span {
transform: translateZ(20px)
}
.cz_content_box_gradient {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all .2s ease-in-out
}
.cz_content_box_full_before:before, 
.cz_content_box_full_stretch:before,
.cz_content_box_full_after:after,
.cz_content_box_full_stretch:after {
position: absolute;
content: '';
top: 0;
width: 6000px;
height: 100%;
background: inherit;
visibility: visible;
z-index: -1
}
.cz_content_box_full_before:before, 
.cz_content_box_full_stretch:before {
right: 0
}
.cz_content_box_full_after:after, 
.cz_content_box_full_stretch:after {
left: 0
}
.cz_content_box_full_before > div > div,
.cz_content_box_full_after > div > div,
.cz_content_box_full_stretch > div > div {
position: relative;
z-index: 1
} .fx_flip_v .cz_box_front, 
.fx_flip_v .cz_box_back,
.fx_flip_h .cz_box_front, 
.fx_flip_h .cz_box_back,
.cz_box_backed {
position: relative;
transform-style: preserve-3d;
perspective: 1000px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_box_backed .cz_box_front_inner, 
.cz_box_backed .cz_box_back_inner {
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_content_box.cz_box_backed > * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .8s cubic-bezier(.25,.1,.11,1.1)
}
.cz_box_backed .cz_box_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
background-size: cover;
display: block !important
}
.cz_box_front_inner, 
.cz_box_back_inner {
margin: 0;
padding: 30px;
transition: all .2s ease-in-out
}
.cz_box_front_inner > div {
border-radius: inherit;
}
.fx_flip_v.cz_box_backed .cz_box_front_inner > *, 
.fx_flip_v.cz_box_backed .cz_box_back_inner > *,
.fx_flip_h.cz_box_backed .cz_box_front_inner > *, 
.fx_flip_h.cz_box_backed .cz_box_back_inner > * {
align-items: stretch;
transform-style: preserve-3d;
perspective: 1000px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(95px) scale(.81)
}
.fx_flip_v.cz_box_backed .cz_box_back_inner_position, 
.fx_flip_h.cz_box_backed .cz_box_back_inner_position {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_box_back_inner > div {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.cz_box_backed .cz_box_back_inner {
height: calc(100% - 60px)
}
.cz_box_backed .cz_box_back {
transform: rotateY(180deg)
}
.cz_box_backed:hover .cz_box_back {
transform: rotateY(0deg)
}
.cz_box_backed:hover .cz_box_front {
transform: rotateY(-180deg)
}
.fx_flip_v.cz_box_backed .cz_box_back {
transform: rotateX(180deg)
}
.fx_flip_v.cz_box_backed:hover .cz_box_back {
transform: rotateX(0deg)
}
.fx_flip_v.cz_box_backed:hover .cz_box_front {
transform: rotateX(-180deg)
}
.cz_box_hide_arrow .cz_box_front_inner > span {
display: none
} [class*='fx_backed_'] .cz_box_front {
transform: none
}
[class*='fx_backed_'] .cz_box_back {
transform: none;
opacity: 0;
visibility: hidden
}
[class*='fx_backed_']:hover .cz_box_front {
opacity: 0;
visibility: hidden
}
[class*='fx_backed_']:hover .cz_box_back {
transform: initial;
opacity: 1;
visibility: visible
}
.fx_backed_fade_to_top .cz_box_back {transform: translateY(20%)}
.fx_backed_fade_to_top:hover .cz_box_front {transform: translateY(-20%)}
.fx_backed_fade_to_bottom .cz_box_back {transform: translateY(-20%)}
.fx_backed_fade_to_bottom:hover .cz_box_front {transform: translateY(20%)}
.fx_backed_fade_to_left .cz_box_back {transform: translateX(20%)}
.fx_backed_fade_to_left:hover .cz_box_front {transform: translateX(-20%)}
.fx_backed_fade_to_right .cz_box_back {transform: translateX(-20%)}
.fx_backed_fade_to_right:hover .cz_box_front {transform: translateX(20%)}
.fx_backed_zoom_in .cz_box_back {transform: scale(.8)}
.fx_backed_zoom_in:hover .cz_box_front {transform: scale(1.1)}
.fx_backed_zoom_out .cz_box_back {transform: scale(1.1)}
.fx_backed_zoom_out:hover .cz_box_front {transform: scale(.8)}
.fx_backed_bend_in .cz_box_back {transform-origin: bottom;transform: rotateX(-200deg)}
.fx_backed_bend_in .cz_box_front {transform-origin: bottom;transform: rotateX(0)}
.fx_backed_bend_in:hover .cz_box_front {transform: rotateX(101deg)}
.fx_backed_bend_in:hover .cz_box_back {transform: rotateX(0deg)}
.fx_backed_blurred .cz_box_front {filter: blur(0px)}
.fx_backed_blurred:hover .cz_box_front {filter: blur(6px);opacity: 1;visibility: visible}
.fx_backed_blurred:hover .cz_box_front,
.fx_backed_fade_out_in:hover .cz_box_front {transform: none}
.cz_box_back_title {
font-size: 22px;
font-weight: 700
}
.cz_box_back_btn {
font-size: 16px;
padding: 10px 20px;
color: #fff;
background: #111;
margin: 20px 0 0;
display: inline-block
}
[class*='cz_box_back_pos_'] .cz_box_back_inner_position {
position: absolute
}
.cz_box_back_pos_tl .cz_box_back_inner_position {
top: 30px;
left: 30px
}
.cz_box_back_pos_tc .cz_box_back_inner_position {
text-align: center;
top: 30px;
left: 50%;
transform: translateX(-50%);
width: 90%
}
.cz_box_back_pos_tr .cz_box_back_inner_position {
top: 30px;
right: 30px
}
.cz_box_back_pos_bl .cz_box_back_inner_position {
bottom: 30px;
left: 30px
}
.cz_box_back_pos_bc .cz_box_back_inner_position {
text-align: center;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: 90%
}
.cz_box_back_pos_br .cz_box_back_inner_position {
bottom: 30px;
right: 30px
}
.cz_box_back_pos_ml .cz_box_back_inner_position {
top: 50%;
left: 30px;
transform: translateY(-50%);
width: 90%
}
.cz_box_back_pos_mc .cz_box_back_inner_position {
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%
}
.cz_box_back_pos_mr .cz_box_back_inner_position {
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 90%
}
.cz_box_backed_disabled .cz_box_back {
display: none
}
.cz_box_tooltip {
position: absolute;
top: -12px;
left: 50%;
padding: 6px 12px;
border-radius: 2px;
background: rgba(167, 167, 167, .2);
border-color: rgba(167, 167, 167, .2);
transform: translate(-50%, -100%);
visibility: hidden;
opacity: 0;
transition: all .3s ease-in-out
}
.cz_content_box:hover .cz_box_tooltip {
visibility: visible;
opacity: 1
}
.cz_box_tooltip:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid;
border-top-color: inherit
}
.cz_box_tooltip_left {
left: -12px;
top: 50%;
transform: translate(-100%, -50%)
}
.cz_box_tooltip_left:before {
top: 50%;
left: auto;
right: -16px;
transform: translateY(-50%);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid;
border-left-color: inherit;
}
.cz_box_tooltip_right {
left: auto;
right: -12px;
top: 50%;
transform: translate(100%, -50%)
}
.cz_box_tooltip_right:before {
top: 50%;
left: -16px;
transform: translateY(-50%);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid;
border-right-color: inherit
}
.cz_box_tooltip_bottom {
top: auto;
bottom: -12px;
transform: translate(-50%, 100%)
}
.cz_box_tooltip_bottom:before {
top: -8px;
border-bottom: 8px solid;
border-bottom-color: inherit;
border-top: 0
}
.cz_box_tooltip_top_v2:before, 
.cz_box_tooltip_bottom_v2:before {
display: none
}
.cz_box_tooltip_top_v2,
.cz_box_tooltip_bottom_v2 {
top: 0;
width: calc(100% - 40px);
padding: 4px 20px;
transform: translate(-50%, 0)
}
.cz_box_tooltip_bottom_v2 {
bottom: 0
}
.cz_content_box:hover .cz_box_tooltip_top_v2 {
transform: translate(-50%, -100%)
}
.cz_content_box:hover .cz_box_tooltip_bottom_v2 {
transform: translate(-50%, 100%)
}
.cz_split_box {
z-index: -1;
background-size: cover;
background-position: center center
}
.cz_split_box_left > div,
.cz_split_box_right > div {
position: relative;
width: 50%;
float: left
}
.cz_split_box_q > div,
.cz_split_box_q > div {
width: 65%
}
.cz_split_box_q .cz_split_box {
width: 35%
}
[class*='cz_split_box_'] {
overflow: hidden
}
[class*='cz_split_box_'] .cz_box_front_inner > span {
content: '';
z-index: 1;
visibility: visible;
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
background: inherit;
transform: translate(-50%, -50%) rotate(45deg);
}
.cz_split_box_right .cz_box_front_inner > span {
left: auto;
right: 0;
transform: translate(50%, -50%) rotate(45deg)
}
.cz_split_box_top .cz_box_front_inner > span {
left: 50%;
top: 0
}
.cz_split_box_bottom .cz_box_front_inner > span {
left: 50%;
top: auto;
bottom: 0;
transform: translate(-50%, 50%) rotate(45deg)
}
.cz_split_box img {
width: 100%
} .cz_chat {
position: relative
}
.cz_chat > div {
background: #ebf0ff;
padding: 20px;
margin: 0 0 20px 90px;
border-radius: 15px 15px 15px 0
}
.cz_chat_right > div {
background: #e6fae7;
margin: 0 90px 20px 0;
border-radius: 15px 15px 0 15px
}
.cz_chat > img {
position: absolute;
left: 0;
bottom: 0;
border-radius: 100%;
width: 80px;
height: 80px
}
.cz_chat_right > img {
left: auto;
right: 0
} .cz_plv_number {
float: left;
width: 80px;
text-align: center;
position: relative
}
.rtl .cz_plv_number {float: right}
.cz_plv_number b {
position: absolute;
left: 50%;
width: 2px;
background: #a7a7a7;
z-index: 0;
height: 100%;
transform: translateX(-50%);
}
.cz_plv_number span {
position: relative;
width: 2em;
height: 2em;
line-height: 2em;
border: 1px solid;
font-size: 18px;
display: inline-block;
border-radius: 100%;
margin: 0 0 20px;
background: #fff;
z-index: 1;
transition: all .2s ease-in-out
}
.cz_content_box .wpb_button, 
.cz_content_box .wpb_content_element, 
.cz_content_box ul.wpb_thumbnails-fluid > li,
.cz_plv_content p, 
.cz_plv_content .wpb_button, 
.cz_plv_content .wpb_content_element, 
.cz_plv_content ul.wpb_thumbnails-fluid > li,
.cz_acc .wpb_content_element,
.cz_history_1 .wpb_content_element {
margin-bottom: 0 !important
}
.cz_plv_t .cz_plv_number span {
margin: 0
}
.cz_plv_m .cz_plv_number span {
margin: 0;
top: 50%;
transform: translateY(-50%);
} .cz_btn {
position: relative;
display: inline-block;
border: 0;
margin: 0 0 -10px;
overflow: hidden;
padding: .6em 1.2em;
border-style: solid;
color: #fff;
background: #4e71fe;
text-align: initial;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition: all .2s ease-in-out
}
[class*='fx_'] .cz_btn {
-webkit-backface-visibility: visible;
backface-visibility: visible
}
.cz_btn:hover {
color: #fff
}
.cz_btn_inline {display: inline-block}
.vc_cz_button.cz_btn_inline {display: inline-block !important}
.cz_btn_block a {display: block;text-align:center}
.cz_btn_left {float: left}
.rtl .cz_btn_left {float: right}
.cz_btn_center {display: block;width: 100%;text-align: center}
.cz_btn_right {float: right}
.rtl .cz_btn_right {float: left}
.cz_btn_no_fx:before, .cz_btn_no_fx:after {display: none}
.cz_btn:before, .cz_btn:after {
position: absolute;
display: none;
content: '';
border: 0 !important;
padding: 0 !important;
}
.cz_btn strong {
font-weight: inherit;
vertical-align: middle;
white-space: nowrap;
}
.cz_btn_subtitle strong, 
.cz_btn_subtitle i {
display: inline-block;
vertical-align: middle
}
.cz_btn span {
position: relative;
z-index: 1;
display: block;
vertical-align: middle;
white-space: nowrap;
transition: all .3s ease-in-out
}
.cz_btn b {
width: auto;
white-space: nowrap;
padding: inherit;
margin: 0;
opacity: 0;
font-weight: inherit;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
transition: all .3s ease-in-out
}
.cz_btn:hover span {opacity: 0}
.cz_btn:hover b {opacity: 1}
.cz_btn_txt_no_fx span {opacity: 1}
.cz_btn_txt_no_fx b {opacity: 0}
.cz_btn i {
vertical-align: middle;
letter-spacing:0;
margin: 0 8px 0 0;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center
}
.cz_btn_icon_after i, .rtl .cz_btn i {
margin: 0 0 0 8px
}
.rtl .cz_btn_icon_after i {margin: 0 8px 0 0} .cz_btn_txt_move_up b {transform: translate(-50%, 25%)}
.cz_btn_txt_move_up:hover b {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_txt_move_up:hover span {opacity: 0;transform: translateY(-50%)} .cz_btn_txt_move_down b {transform: translate(-50%, -100%)}
.cz_btn_txt_move_down:hover b {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_txt_move_down:hover span {opacity: 0;transform: translateY(50%)} .cz_btn_txt_move_right b {transform: translate(-100%, -50%)}
.cz_btn_txt_move_right:hover b {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_txt_move_right:hover span {opacity: 0;transform: translateX(100%)} .cz_btn_txt_move_left b {transform: translate(100%, -50%)}
.cz_btn_txt_move_left:hover b {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_txt_move_left:hover span {opacity: 0;transform: translateX(-100%)} .cz_btn_beat {overflow: visible}
.cz_btn_beat:before {
display: block;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
background: inherit;
z-index: -1;
opacity: .6;
transform: scale(0) translate(-50%, -50%);
transform-origin: top left
}
.cz_btn_beat:hover {
transition: background-color .2s .4s, color .1s .3s;
animation: BeatFx .4s forwards
}
.cz_btn_beat:hover:before {
animation: BeatFxB .4s forwards
}
@keyframes BeatFx {
60% {transform: scale(.8)}
85% {transform: scale(1.2)}
100% {transform: scale(1)}
}
@keyframes BeatFxB {
to {opacity: 0;transform: scale(1.6) translate(-50%, -50%)}
} .cz_btn_move_up_icon {overflow: hidden}
.cz_btn_move_up_icon i {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, 100%);
margin: 0;
transition: all .3s ease-in-out
}
.cz_btn_move_up_icon span strong {display: block;position: relative;transition: all .3s ease-in-out}
.cz_btn_move_up_icon i {opacity: 0}
.cz_btn_move_up_icon:hover i {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_move_up_icon:hover b {opacity: 0}
.cz_btn_move_up_icon:hover span {opacity: 1}
.cz_btn_move_up_icon:hover span strong {transform: translateY(-130%) !important} .cz_btn_show_hidden_icon i {opacity: 0;margin-right: -14px;transition: all .2s ease-in-out}
.rtl .cz_btn_show_hidden_icon i {margin-right: 0;margin-left: -14px}
.cz_btn_show_hidden_icon:hover i {opacity: 1;margin-right: 10px}
.rtl .cz_btn_show_hidden_icon:hover i {margin-right: 0;margin-left: 10px}
.cz_btn_icon_after.cz_btn_show_hidden_icon i {margin-right: 0;margin-left: -14px}
.rtl .cz_btn_icon_after.cz_btn_show_hidden_icon i {margin-right: -14px;margin-left: 0}
.cz_btn_icon_after.cz_btn_show_hidden_icon:hover i {margin-right: 0;margin-left: 8px}
.rtl .cz_btn_icon_after.cz_btn_show_hidden_icon:hover i {margin-right: 8px;margin-left: 0} .cz_btn_ghost_icon {overflow: hidden}
.cz_btn_ghost_icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(3, 3);
margin: 0;
opacity: .3;
transition: all .2s ease-in-out
}
.cz_btn_ghost_icon:hover i {opacity: 1;transform: translate(-50%, -50%) scale(1.4, 1.4)}
.cz_btn_ghost_icon:hover strong {opacity: 0;transform: scale(.8, .8)}
.cz_btn_zoom_out:hover {animation: none;transform: scale(.9)}
.cz_btn_zoom_in:hover {animation: none;transform: scale(1.1)}
.cz_btn_move_up:hover {animation: none;transform: translateY(-6px)} .cz_btn_winkle:hover {animation: BtnFxWinkle .8s forwards}
@keyframes BtnFxWinkle {
0%{transform:translateX(0%)}
15%{transform:translateX(-15%) rotate(-5deg)}
30%{transform:translateX(10%) rotate(3deg)}
45%{transform:translateX(-5%) rotate(-3deg)}
60%{transform:translateX(10%) rotate(2deg)}
75%{transform:translateX(-5%) rotate(-1deg)}
100%{transform:translateX(0%)}
} .cz_btn_half_to_fill, .cz_btn_half_to_fill:hover, 
.cz_btn_half_to_fill_v, .cz_btn_half_to_fill_v:hover {
background: none !important;
box-shadow: none !important;
border: 0 !important;
color: #a7a7a7
}
.cz_btn_half_to_fill:before,
.cz_btn_half_to_fill_v:before,
.cz_btn_half_to_fill:after,
.cz_btn_half_to_fill_v:after {
display: block;
background: #111;
width: 40px;
height: 100%;
top: 0;
left: 0;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
transition: all .3s cubic-bezier(.77, 0, .175, 1)
}
.cz_btn_half_to_fill:after, .cz_btn_half_to_fill_v:after {
opacity: 0
}
.cz_btn_half_to_fill_v:before, .cz_btn_half_to_fill_v:after {
width: 100%;
height: 6px;
top: auto;
bottom: 0
}
.cz_btn_half_to_fill:hover:before, .cz_btn_half_to_fill_v:hover:before,
.cz_btn_half_to_fill:hover:after, .cz_btn_half_to_fill_v:hover:after {
width: 100%;
height: 100%;
opacity: 1
} .cz_btn_absorber:hover {animation: BtnFxAbsorber .8s forwards}
@keyframes BtnFxAbsorber {
0%, 10%, 20%, 50%, 80% {transform: translateY(0)}
40% {transform: translateY(-8px)}
60% {transform: translateY(-8px)}
} .cz_btn_zoom_out_in:hover b {
transform-origin: top left;
animation: BtnFxOutIn .8s forwards
}
@keyframes BtnFxOutIn {
0% {transform: scale(1) translate(-50%, -50%)}
25% {transform: scale(0) translate(-50%, -50%)}
50% {transform: scale(1.2) translate(-50%, -50%)}
75% {transform: scale(.8) translate(-50%, -50%)}
100% {transform: scale(1) translate(-50%, -50%)}
} .cz_btn_fill_up, .cz_btn_fill_down, 
.cz_btn_fill_left, .cz_btn_fill_right {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: none !important
}
.cz_btn_fill_up:before, .cz_btn_fill_down:before, 
.cz_btn_fill_left:before, .cz_btn_fill_right:before,
.cz_btn_fill_up:after, .cz_btn_fill_down:after, 
.cz_btn_fill_left:after, .cz_btn_fill_right:after {
display: block;
top: -1px;
left: -1px;
width: calc( 100% + 2px );
height: calc( 100% + 2px );
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
background: #111;
transform: translateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .3s ease-in-out
}
.cz_btn_fill_up:after {transform: translateY(100%)}
.cz_btn_fill_up:hover:before {transform: translateY(-100%)}
.cz_btn_fill_down:after {transform: translateY(-100%)}
.cz_btn_fill_down:hover:before {transform: translateY(100%)}
.cz_btn_fill_left:after {transform: translateX(100%)}
.cz_btn_fill_left:hover:before {transform: translateX(-100%)}
.cz_btn_fill_right:after {transform: translateX(-100%)}
.cz_btn_fill_right:hover:before {transform: translateX(100%)}
.cz_btn_fill_up:hover:after, .cz_btn_fill_down:hover:after,
.cz_btn_fill_left:hover:after, .cz_btn_fill_right:hover:after {transform: translateY(0)} .cz_btn_flash {
opacity: 1;
animation: czFlashFx 1s forwards
}
.cz_btn_flash:hover {
opacity: 1;
animation: czFlashFx 1s forwards
}
@keyframes czFlashFx {
0% {opacity: .1}
100% {opacity: 1}
} .cz_btn_shine:before {
top: 0;
left: 125%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
border: 0 !important;
border-radius: 0 !important;
animation: btnShineDef .7s forwards;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%) !important;
transform: skewX(-25deg)
}
.cz_btn_shine:hover:before {left: -125%;animation: btnShine .7s forwards}
@keyframes btnShine {100% {left: 125%}}
@keyframes btnShineDef {100% {left: -125%}} .cz_btn_circle_fade:before {
top: 50%;
left: 50%;
z-index: 2;
display: block;
width: 0;
height: 0;
background: rgba(255,255,255,.2) !important;
border: 0 !important;
border-radius: 100% !important;
transform: translate(-50%, -50%);
opacity: 0;
}
.cz_btn_circle_fade:hover:before {
animation: btnCircle .8s forwards
}
@keyframes btnCircle {
0% {opacity: 1}
40% {opacity: 1}
100% {
width: 200%;
height: 200%;
opacity: 0
}
} .cz_btn_blur {
animation: btnBlurDef .8s forwards
}
.cz_btn_blur:hover {
animation: btnBlur .8s forwards
}
.cz_btn_blur:hover span {
opacity: 0
}
.cz_btn_blur .cz_btn_onhover {
transform: translate(-50%, -50%) !important
}
.cz_btn_blur:hover .cz_btn_onhover {
opacity: 1
}
@keyframes btnBlur {
0% {filter: blur(5px)}
100% {filter: blur(0)}
}
@keyframes btnBlurDef {
0% {filter: blur(5px)}
100% {filter: blur(0)}
} .cz_btn_unroll_v, .cz_btn_unroll_h {
background: none !important
}
.cz_btn_unroll_v:before, .cz_btn_unroll_h:before,
.cz_btn_unroll_v:after, .cz_btn_unroll_h:after {
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0 !important;
border-radius: 0 !important;
transform-origin: center;
transform: scale(1, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .3s ease-in-out
}
.cz_btn_unroll_v:after {transform: scale(1, 0)}
.cz_btn_unroll_h:after {transform: scale(0, 1)}
.cz_btn_unroll_v:before, .cz_btn_unroll_h:before,
.cz_btn_unroll_v:hover:after, .cz_btn_unroll_h:hover:after {
transform: scale(1)
} ul.cz_stylish_list,
.cz_post_content ul.cz_stylish_list,
.rtl ul.cz_stylish_list {
margin: 0;
padding: 0;
list-style: none !important
}
.cz_stylish_list li {
margin: 0 0 10px;
display: list-item;
width: 100%;
transition: all .2s ease-in-out
}
.cz_stylish_list a {
display: block;
color: inherit !important
}
.cz_stylish_list i {
font-size: 1em;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
display: block;
transition: all .1s ease-in-out
}
.cz_stylish_list li > div > span {
line-height: 1.6;
display: block
}
.cz_stylish_list small {
opacity: 1;
display: table
}
.cz_stylish_list li > div,
.cz_stylish_list li > a > div {
color: inherit;
display: table-cell;
vertical-align: middle;
text-decoration: inherit
}
.cz_stylish_list .cz_sl_icon {
vertical-align: top
}
.cz_stylish_list .cz_sl_image i {
width: auto;
height: auto
}
.cz_sl_icon_hover_zoom_in li:hover i {transform: scale(1.25, 1.25)}
.cz_sl_icon_hover_zoom_out li:hover i {transform: scale(0.875, 0.875)}
.cz_sl_icon_hover_blur li:hover i {animation: btnBlur .8s forwards}
.cz_sl_icon_hover_flash li:hover i {animation: czFlashFx .8s forwards}
.cz_sl_icon_hover_absorber li:hover i {animation: BtnFxAbsorber .8s forwards}
.cz_sl_icon_hover_wobble li:hover i {animation: hvr-wobble-skew .8s forwards}
.cz_sl_icon_hover_zoom_in_fade li:hover i {animation: tabZoomIn .8s forwards}
.cz_sl_icon_hover_zoom_out_fade li:hover i {animation: tabZoomOut .8s forwards}
.cz_sl_icon_hover_push_in li:hover i {animation: tabPushIn .8s forwards} [class*='cz_brfx_'], 
[data-animation^='cz_grid_brfx_'] > div {
position: relative;
overflow: hidden !important
}
[class*='cz_brfx_'] > *, 
[data-animation^='cz_grid_brfx_'] > div > div > * {
opacity: 0
}
[data-animation^='cz_grid_brfx_'] > div {
opacity: 1 !important
}
[data-animation^='cz_grid_brfx_'] > div > div {
overflow: hidden
}
[class*='cz_brfx_']:before, 
[data-animation^='cz_grid_brfx_'] > div > div:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #111;
z-index: 99;
visibility: visible;
animation-delay: inherit !important
}
[class*='cz_brfx_'].wpb_start_animation > *,
[data-animation^='cz_grid_brfx_'] > [class*='cz_grid_brfx_'] > div > * {
animation-delay: inherit !important;
animation: czItfxDone 1.3s forwards
}
@keyframes czItfxDone {
50% {opacity: 0}
54% {opacity: 1}
100% {opacity: 1}
}
[data-animation='cz_grid_brfx_right'] > div > div:before {
transform: translateX(-100%)
}
.cz_brfx_right.wpb_start_animation:before,
[data-animation='cz_grid_brfx_right'] > .cz_grid_brfx_right > div:before {
transform: translateX(-100%);
animation: czItfxRight 1.3s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes czItfxRight {
0% {transform: translateX(-100%)}
50% {transform: translateX(0)}
100% {transform: translateX(100%)}
}
[data-animation='cz_grid_brfx_left'] > div > div:before {
transform: translateX(100%)
}
.cz_brfx_left.wpb_start_animation:before,
[data-animation='cz_grid_brfx_left'] > .cz_grid_brfx_left > div:before {
transform: translateX(100%);
animation: czItfxLeft 1.3s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes czItfxLeft {
0% {transform: translateX(100%)}
50% {transform: translateX(0)}
100% {transform: translateX(-100%)}
}
[data-animation='cz_grid_brfx_up'] > div > div:before {
transform: translateY(100%)
}
.cz_brfx_up.wpb_start_animation:before,
[data-animation='cz_grid_brfx_up'] > .cz_grid_brfx_up > div:before {
transform: translateY(100%);
animation: czItfxUp 1.3s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes czItfxUp {
0% {transform: translateY(100%)}
50% {transform: translateY(0)}
100% {transform: translateY(-100%)}
}
[data-animation='cz_grid_brfx_down'] > div > div:before {
transform: translateY(-100%)
}
.cz_brfx_down.wpb_start_animation:before,
[data-animation='cz_grid_brfx_down'] > .cz_grid_brfx_down > div:before {
transform: translateY(-100%);
animation: czItfxDown 1.3s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes czItfxDown {
0% {transform: translateY(-100%)}
50% {transform: translateY(0)}
100% {transform: translateY(100%)}
}
.rtl .cz_data_price {
direction: ltr
}
.rtl .cz_data_price span {
margin: 0 4px 0 0;
} .cz_quote blockquote {
padding: 30px
}
.cz_quote .cz_quote_info {
margin: 40px 0 0;
display: table
}
.cz_quote .cz_quote_info img {
border-radius: 100%;
display: inline-block;
margin-right: 20px;
max-width: 80px;
vertical-align: middle
}
.rtl .cz_quote .cz_quote_info img {
margin-right: 0;
margin-left: 20px
}
.cz_quote_center .cz_quote_info img {
margin: 0 auto
}
.cz_quote h4 {
display: inline-block;
font-weight: normal;
vertical-align: middle;
margin: 0
}
.cz_quote blockquote:before {
display: none
}
.cz_quote_arrow blockquote {
background: #fff
}
.cz_quote_arrow blockquote:after {
content: "\00a0";
display: block;
position: absolute;
bottom: -10px;
left: 62px;
width: 20px;
height: 20px;
background: inherit;
z-index: 0;
border-width: 0 1px 1px 0;
border-style: inherit;
border-color: inherit;
transform: rotate(45deg)
}
.rtl .cz_quote_arrow blockquote:after {right: 62px;left: auto}
.cz_quote_arrow .cz_quote_info {
margin: 20px 30px
}
.cz_quote_center {
text-align: center
}
.cz_quote_center blockquote:after,
.rtl .cz_quote_center blockquote:after {
left: calc(51% - 20px)
}
.rtl .cz_quote_center blockquote:after {right: auto}
.cz_quote_center .cz_quote_info {
margin: 20px auto 0
}
.cz_quote.cz_quote_center .cz_quote_info img {
display: table;
margin: 0 auto
}
.cz_quote_center h4 {
display: block;
padding: 10px 0
}
.cz_quote_top blockquote:after {
border-width: 1px 0 0 1px;
bottom: auto;
top: -10px
}
.cz_quote_center.cz_quote_top .cz_quote_info {
margin: 0 auto 20px
}
i.cz_quote_shape {
display: block;
opacity: .1;
font-size: 100px
}
.cz_quote_both_second {
position: absolute;
bottom: 10%;
right: 10%
}
.cz_quote_rating i {
margin-right: 1px
} .cz_testimonials {
position: relative
}
.cz_testimonials_content {
position: relative;
border: 1px solid transparent;
background-color: rgba(167, 167, 167, .1);
padding: 30px;
border-radius: 0
}
.cz_testimonials_content p {margin-bottom: 0}
.cz_testimonials_bottom_arrow .cz_testimonials_content:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 30px 22px 0 0;
border-color: transparent;
border-top-color: inherit;
position: absolute;
left: -1px;
bottom: -1px;
transform: translateY(100%);
}
.rtl .cz_testimonials_bottom_arrow .cz_testimonials_content:after {
left: auto;
right: -1px;
border-width: 30px 0 0 22px
}
.cz_testimonials_top_arrow .cz_testimonials_content:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 22px;
border-color: transparent;
border-left-color: inherit;
position: absolute;
left: -1px;
top: -1px;
transform: translateY(-100%)
}
.rtl .cz_testimonials_top_arrow .cz_testimonials_content:after {
left: auto;
right: -1px;
border-width: 30px 22px 0 0
}
.cz_testimonials_meta > div {
display: inline-block;
vertical-align: middle
}
.cz_testimonials_avatar {
overflow: hidden;
border-radius: 100%;
width: 80px
}
.cz_testimonials_avatar img {
border-radius: inherit
}
.cz_testimonials_name {
font-size: 18px;
font-weight: bold
}
.cz_testimonials_subname {
font-size: 16px;
font-weight: 300;
color: #707070
}
.cz_testimonials_name_subname {
margin: 0 0 0 20px
}
.rtl .cz_testimonials_name_subname {
margin: 0 20px 0 0
}
.cz_testimonials_s1 .cz_testimonials_meta,
.cz_testimonials_s3 .cz_testimonials_meta {
margin: 20px 0 0
}
.cz_testimonials_s2 .cz_testimonials_meta,
.cz_testimonials_s4 .cz_testimonials_meta {
margin: 0 0 20px
}
.cz_testimonials_s5 .cz_testimonials,
.cz_testimonials_s6 .cz_testimonials {
text-align: center
}
.cz_testimonials_s5 .cz_testimonials_name_subname,
.cz_testimonials_s6 .cz_testimonials_name_subname {
margin: 0 auto;
display: table;
text-align: center
}
.cz_testimonials_s5 .cz_testimonials_content {
padding-bottom: 60px
}
.cz_testimonials_s5 .cz_testimonials_avatar {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%)
}
.cz_testimonials_s5 .cz_testimonials_name_subname > div {
display: inline-block;
vertical-align: middle;
margin: 20px 4px 0
}
.cz_testimonials_s6 .cz_testimonials_content {
padding-top: 60px
}
.cz_testimonials_s6 .cz_testimonials_avatar {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%)
}
.cz_testimonials_s6 .cz_testimonials_name_subname > div {
display: inline-block;
vertical-align: middle;
margin: 0 4px 20px
}
.cz_testimonials_s7 .cz_testimonials_content {
text-align: center
}
.cz_testimonials_s7 .cz_testimonials_name_subname {
margin: 0
} .progress_bar {
position: relative;
width: 100%;
height: 6px;
margin: 50px 0 0;
line-height: 26px;
background-color: rgba(167, 167, 167, .2)
}
.progress_bar span {
position: absolute;
height: 100%;
bottom: 0;
left: 0;
border-radius: inherit;
background-color: #111;
transition: width 1.5s ease-in-out
}
.stripes span:before {
content: '';
height: 100%;
width: 100%;
position: absolute;
background-size: 30px 30px;			
background-image: linear-gradient(to right bottom, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
transform: translateZ(0);
animation: animateStripes 3s linear infinite
}
@keyframes animateStripes {
0% {background-position: 0 0}
100% {background-position: 60px 0}
}
.progress_bar b {
position: absolute;
right: 0;
top: -28px;
display: none;
font-size: 3em;
font-weight: bold
}
.rtl .progress_bar b {
right: auto;
left: 0
}
.pbar2 b {
font-size: 14px;
background: #111;
color: #fff;
opacity: 1;
padding: 2px 8px;
font-weight: normal;
z-index: 1;
top: calc(50% - 15px);
right: -20px;
border-radius: 2px
}
.rtl .pbar2 b {
right: auto;
left: -20px
}
.pbar3 b {
top: -34px;
font-size: 20px
}
.progress_bar p {
position: absolute;
font-size: 1.4em;
top: -34px;
left: 0
}
.cz_progress_bar_icon {
position: relative;
display: inline-block
}
.cz_progress_bar_icon i {
display: inline;
margin: 0 8px 0 0
}
.cz_progress_bar_icon > div {
position: absolute;
overflow: hidden;
height: 100%;
width: 0;
top: 0;
left: 0;
transition: all .8s ease-in-out
}
.rtl .cz_progress_bar_icon > div,
.rtl .progress_bar p,
.rtl .progress_bar span {
left: auto;
right: 0
}
.cz_progress_bar_icon > div div {
position: absolute;
width: 500%
} .cz_wh div span {
box-sizing: border-box;
padding: 0 0 6px
}
.cz_wh small {
display: inline-block;
line-height: 2;
opacity: 1;
background: red;
padding: 4px 6px;
border-radius: 2px;
margin-left: 6px;
color: #fff
}
.cz_wh_line_between small {
position: absolute;
top: -20px;
margin-left: 10px
}
.cz_wh i {
vertical-align: middle;
width: 1em;
height: 1em;
line-height: 1em;
display: inline-block;
text-align: center
}
.cz_wh b {
vertical-align: middle;
display: inline-block;
font-weight: inherit
}
.cz_wh div {
position: relative;
width: 100%
}
.cz_wh_line {
display: block;
height: 1px;
border-bottom: 1px solid
}
.cz_wh_line_between .cz_wh_line {
position: absolute;
content: '';
width: auto;
top: 60%;
left: 0;
right: 0
}
.cz_wh_sub {
display: block;
color: #a7a7a7
}
.cz_wh_left {
float: left;
text-align: left
}
.cz_wh_right,
.rtl .cz_wh_left {
float: right;
text-align: right
}
.rtl .cz_wh_right {
float: left;
text-align: left
} .slick-slider {
position: relative;
direction: ltr;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: static;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.slick-track:before,
.slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-track style,
.slick-track script,
.slick-track link {
display: none
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
.rtl .slick-slide {
direction: rtl
}
.cz_related_posts .slick-slide {
margin: 0 5px
}
.slick-slide img {
display: block;
margin: 0 auto
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
} .overflow_visible .slick-list {
overflow: visible !important;
clip-path: none !important
}
.overflow_visible .slick-slide, 
.is_center .slick-slide {
opacity: .3;
transform: scale(.92, .92);
transition: opacity .8s ease, transform .8s ease
}
.overflow_visible .slick-active, 
.is_center .slick-center, 
.is_synced .slick-current {
transform: scale(1, 1);
opacity: 1
}
.is_center .slick-center {
position: relative;
z-index: 1
}
.odd_even .slick-slide:nth-child(odd) {
margin-top: 30px
}
.even_odd .slick-slide:nth-child(even) {
margin-top: 30px
} button.slick-arrow {
z-index: 1;
box-shadow: none;
font-size: 20px;
text-align: center;
color: #a7a7a7;
background: transparent;
border: 1px solid transparent;
padding: 0;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
width: 2em;
height: 2em;
line-height: 2em;
box-sizing: content-box;
transition: all .2s ease-in-out
}
.slick-arrow:after {
display: none
}
.no_arrows .slick-arrow, 
.no_dots .slick-dots {
display: none !important
}
.slick-disabled {
opacity: .3
}
.arrows_inner .slick-arrow {
margin: 0 10px
}
.arrows_tl .slick-arrow {transform: translate(0, -110%)}
.arrows_tl .slick-next {transform: translate(110%, -110%)}
.arrows_inner.arrows_tl .slick-arrow {transform: translate(10%, 10%)}
.arrows_inner.arrows_tl .slick-next {transform: translate(120%, 10%)}
.arrows_tc .slick-arrow {left: 50%;transform: translate(-105%, -110%)}
.arrows_tc .slick-next {transform: translate(5%, -110%)}
.arrows_inner.arrows_tc .slick-arrow {transform: translate(-120%, 10%)}
.arrows_inner.arrows_tc .slick-next {transform: translate(-10%, 10%)}
.arrows_tr .slick-arrow {
right: 0;
left: auto;
transform: translate(-110%, -110%)
}
.arrows_tr .slick-next {transform: translate(0, -110%)}
.arrows_inner.arrows_tr .slick-arrow {transform: translate(-120%, 10%)}
.arrows_inner.arrows_tr .slick-next {transform: translate(-10%, 10%)}
.arrows_tlr .slick-arrow {transform: translate(0, -110%)}
.arrows_tlr .slick-next {
left: auto;
right: 0;
transform: translate(0, -110%)
}
.arrows_inner.arrows_tlr .slick-arrow {transform: translate(10%, 10%)}
.arrows_inner.arrows_tlr .slick-next {transform: translate(-10%, 10%)}
.arrows_mlr .slick-arrow {
top: 50%;
transform: translate(-110%, -50%);
}
.arrows_mlr .slick-next {
left: auto;
right: 0;
transform: translate(110%, -50%)
}
.arrows_inner.arrows_mlr .slick-arrow {transform: translate(10%, -50%)}
.arrows_inner.arrows_mlr .slick-next {transform: translate(-10%, -50%)}
.arrows_blr .slick-arrow {
top: auto;
bottom: 0;
transform: translate(0, 110%)
}
.arrows_blr .slick-next {
left: auto;
right: 0;
transform: translate(0, 110%)
}
.arrows_inner.arrows_blr .slick-arrow {transform: translate(10%, -10%)}
.arrows_inner.arrows_blr .slick-next {transform: translate(-10%, -10%)}
.arrows_bl .slick-arrow {
top: auto;
bottom: 0;
transform: translate(0, 110%)
}
.arrows_bl .slick-next {
top: auto;
bottom: 0;
transform: translate(110%, 110%)
}
.arrows_inner.arrows_bl .slick-arrow {transform: translate(10%, -10%)}
.arrows_inner.arrows_bl .slick-next {transform: translate(120%, -10%)}
.arrows_bc .slick-arrow {
top: auto;
bottom: 0;
left: 50%;
transform: translate(-105%, 110%)
}
.arrows_bc .slick-next {transform: translate(5%, 110%)}
.arrows_inner.arrows_bc .slick-arrow {transform: translate(-120%, -10%)}
.arrows_inner.arrows_bc .slick-next {transform: translate(-10%, -10%)}
.arrows_br .slick-arrow {
top: auto;
left: auto;
bottom: 0;
right: 0;
transform: translate(-110%, 110%)
}
.arrows_br .slick-next {transform: translate(0, 110%)}
.arrows_inner.arrows_br .slick-arrow {transform: translate(-120%, -10%)}
.arrows_inner.arrows_br .slick-next {transform: translate(-10%, -10%)} ul.slick-dots {
position: absolute;
bottom: -40px;
display: block;
width: 100%;
text-align: center;
margin: 0 auto !important;
padding: 0 !important;
list-style: none
}
.dots_show_on_hover .slick-dots,
.arrows_show_on_hover .slick-arrow {
opacity: 0;
transition: opacity .2s ease-in-out
}
.dots_show_on_hover:hover .slick-dots,
.arrows_show_on_hover:hover .slick-arrow {
opacity: 1
}
.dots_inner .slick-dots {
bottom: 20px
}
.slick-dots li {
display: inline-block;
margin: 0 2px
}
.slick-dots li button {
padding: 2px 8px;
font-size: 0;
display: block;
cursor: pointer;
border: 0;
color: initial;
background: #a7a7a7;
opacity: .3;
width: 1em;
height: 1em;
transition: all .2s ease-in-out
}
.slick-dots li button:after {
display: none
}
li.slick-active button,
.slick-dots li button:hover {
padding: 2px 12px;
opacity: 1
}
.dots_tc .slick-dots {
bottom: auto;
top: -50px
}
.dots_tl .slick-dots, 
.dots_tr .slick-dots {
bottom: auto;
top: -50px;
text-align: left
}
.dots_inner.dots_tc .slick-dots,
.dots_inner.dots_tl .slick-dots, 
.dots_inner.dots_tr .slick-dots {
bottom: auto;
top: 20px
}
.dots_bc, .dots_br, .dots_bl {
margin-bottom: 40px
}
.dots_tr .slick-dots, 
.dots_br .slick-dots {
text-align: right
}
.dots_bl .slick-dots {
text-align: left
}
.dots_vtl .slick-dots, 
.dots_vbl .slick-dots, 
.dots_vml .slick-dots {
bottom: auto;
top: 20px;
left: -60px;
width: 40px;
text-align: right
} 
.dots_inner.dots_vtl .slick-dots,
.dots_inner.dots_vbl .slick-dots, 
.dots_inner.dots_vml .slick-dots {
left: 20px
}
.dots_vtl .slick-dots li, 
.dots_vbl .slick-dots li, 
.dots_vml .slick-dots li {
display: block;
margin: -10px 0
}
.dots_vtl .slick-dots li button, 
.dots_vbl .slick-dots li button, 
.dots_vml .slick-dots li button {
display: inline-block
}
.dots_vtr .slick-dots, 
.dots_vbr .slick-dots, 
.dots_vmr .slick-dots {
bottom: auto;
top: 20px;
right: -60px;
width: 40px;
text-align: left
} 
.widget .dots_vtr .slick-dots {
right: -45px;
top: 0
}
.dots_inner.dots_vtr .slick-dots,
.dots_inner.dots_vbr .slick-dots, 
.dots_inner.dots_vmr .slick-dots {
right: 20px
}
.dots_vtr .slick-dots li, 
.dots_vbr .slick-dots li, 
.dots_vmr .slick-dots li {
display: block;
margin: -10px 0
}
.dots_vml .slick-dots {
top: 40%
}
.dots_vbl .slick-dots, 
.dots_vbr .slick-dots {
top: auto;
bottom: 20px
}
.dots_vtr .slick-dots li button, 
.dots_vbr .slick-dots li button, 
.dots_vmr .slick-dots li button {
display: inline-block
}
.dots_vmr .slick-dots {
top: 40%
}
.dots_circle .slick-dots li button {
padding: 5px;
border-radius: 100%
}
.dots_circle_2 .slick-dots li {
margin: 0 8px
}
.dots_circle_2 .slick-dots li button {
padding: 3px;
border-radius: 100%
}
.dots_circle_2 li.slick-active button,
.dots_circle_2 .slick-dots li button:hover {
transform: scale(2)
}
.dots_circle_outline .slick-dots li button {
padding: 4px;
border-radius: 100%;
border: 2px solid;
background: none !important
}
.dots_circle_outline .slick-dots li button:before {
display: none
}
.dots_square .slick-dots li button {
padding: 6px
}
.dots_lozenge .slick-dots li button {
padding: 6px;
transform: rotate(45deg)
}
.dots_tiny_line .slick-dots li button {
padding: 1px 10px
}
.dots_tiny_line li.slick-active button {
padding: 1px 16px
}
.dots_drop .slick-dots li button {
padding: 6px;
border-radius: 0 20px 20px;
transform: rotate(45deg)
}
.cz_related_posts .dots_tr .slick-dots {
top: -68px
}
.slick .slick-track {
display: none
}
.slick-initialized .slick-track {
display: block
}
.slick li.product {
width: 100% !important;
margin: 0 !important
} .cz_gradient_title {
display: inline-block;
background-size: cover;
background-position: center;
z-index: 1;
background-image: linear-gradient(to right,#252220,#6d6d6d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.cz_gradient_title * {
-webkit-background-clip: inherit;
-webkit-text-fill-color: inherit;
background: inherit;
}
.cz_gradient_title_center {
display: table;
margin: 0 auto;
} .cz_title {
position: relative;
z-index: 1
}
.cz_title.tac .cz_title_content {
margin-right: auto;
margin-left: auto
}
.cz_title_vertical > div, 
.cz_title_vertical_2 > div {
position: absolute;
top: -80px;
left: 0;
z-index: 2;
white-space: nowrap;
transform: rotate(90deg);
transform-origin: bottom left;
animation: none !important
}
.cz_title_vertical_2 > div {
top: -40px;
left: 0;
transform-origin: 0 0;
transform: rotate(-90deg) translateX(-100%)
}
.cz_title_vertical.cz_title_vertical_outside > div {
top: 0;
left: 0;
transform-origin: 0 0;
transform: rotate(90deg) translate(0, 40%)
}
.cz_title_vertical_2.cz_title_vertical_outside > div {
transform: rotate(-90deg) translate(-100%, -140%)
}
.cz_title_content {
display: table;
position: relative;
word-break: break-word;
transition: all .2s ease-in-out
}
.cz_title_pos_block .cz_title_content,
.cz_title_pos_block .cz_title_content > div {
width: 100%;
display: block
}
.cz_title_pos_left .cz_title_content {
float: left
}
.cz_title_pos_center .cz_title_content {
float: none;
margin: 0 auto;
display: table
}
.cz_title_pos_center:not(.cz_title_has_icon) .cz_title_content > div {
display: block
}
.cz_title_pos_right .cz_title_content {
float: right
}
.cz_title_content > div {
position: relative;
z-index: 2;
vertical-align: middle;
word-break: normal
}
.cz_title_content > * {
display: table-cell
}
.cz_title_has_bg .cz_title_content {
padding: 10px 30px
}
.cz_title_has_icon .cz_title_content {
padding: 10px 5px
}
.cz_title_content * {
margin: 0
}
.cz_title_content hr {
display: block;
margin: 10px 0
}
.cz_title_content > span {
margin: 0 15px 0 0;
position: relative;
font-size: 20px;
transition: all .2s ease-in-out
}
.rtl .cz_title_content > span {
margin: 0 0 0 15px
}
.cz_title_content > i {
font-size: 2em;
margin: 0;
text-align: center;
width: 2em;
height: 2em;
line-height: 2em;
display: inline-block;
vertical-align: sub;
transition: all .2s ease-in-out
}
.cz_title_content > i:before,
.cz_title_content > i span,
.cz_title_content .cz_title_image {
display: inline-block
}
.cz_title_content .cz_title_image {
overflow: hidden
}
.cz_title_image img {
width: inherit
}
.cz_title_number {
font-style: normal
}
.cz_title_shape {
position: absolute;
left: 0;
top: 0;
font-size: 140px;
font-weight: 900;
width: 100%;
line-height: 1;
pointer-events: none;
transform-origin: 0;
z-index: 1;
transition: all .2s ease-in-out
}
.rtl .cz_title_shape {
left: auto;
right: 0
}
.shape_square, .shape_circle, 
.shape_rectangle, .shape_rhombus, 
.shape_rhombus_radius {
background: #404040;
width: 150px;
height: 150px
}
.shape_circle {
border-radius: 100%
}
.shape_rhombus, .shape_rhombus_radius {
display: inline-block;
transform: rotate(45deg)
}
.shape_rhombus_radius {
border-radius: 20%
}
.shape_rectangle {
transform: scaleX(2)
}
.cz_title_shape_outline {
background: none;
border: 10px solid
}
.cz_title_line {
width: 100%;
height: 4px;
display: block;
margin: 0 0 20px
}
.cz_title_line span {
font-size: 0;
height: 100%;
display: inline-block;
position: relative;
top: -20px;
background: #a7a7a7;
width: 60px
}
.cz_line_after_title,
.cz_line_before_title {
position: relative
}
.cz_title_content .cz_line_side_solo {
font-size: 0;
height: 4px;
width: 50px;
display: inline-block;
vertical-align: bottom;
margin: 0 20px 0 0;
background: rgba(167, 167, 167, .4)
}
.cz_title.tac .cz_title_shape,
.tac.cz_title_shape {
left: 50%;
transform: translate(-50%,-50%)
}
.rtl .cz_title.tac .cz_title_shape,
.rtl .tac.cz_title_shape {
right: 50%;
left: auto;
transform: translate(50%,-50%)
}
.cz_title.tac .cz_title_shape.tal,
.cz_title.tac .cz_title_shape.tar {
transform: none
}
.cz_title.tac .shape_rectangle {
transform: scaleX(2) translate(-50%,-50%)
}
.cz_title.tac .shape_rhombus, .cz_title.tac .shape_rhombus_radius {
transform: rotate(45deg) translate(-50%,-50%)
}
.cz_title .cz_title_shape.tal {left: 0}
.cz_title .cz_title_shape.tar {left: auto;right: 0}
.cz_title_ba_line .cz_title_content {display: inline-block}
.shape_image {width: auto}
.rtl .cz_title_content .cz_line_side_solo, 
.cz_title_content .cz_line_side_after {
margin: 0 0 0 20px
}
.rtl .cz_title_content .cz_line_side_after {
margin: 0 20px 0 0
} .cz_table {
text-align: left
}
.cz_table th, .cz_table td {
padding: 10px 0 10px 20px
} .cz_sml_inner {
position: relative;
overflow: hidden;
margin: 0 0 20px
}
.cz_sml_overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
background: none;
transition: all .3s ease-in-out
}
.cz_sml_open .cz_sml_overlay {
opacity: 0;
visibility: hidden
}
.cz_sml > a {
display: inline-block
}
.cz_sml_open > a span:nth-child(1), 
.cz_sml > a span:nth-child(2) {
display: none
}
.cz_sml_open > a span:nth-child(2) {
display: block
} .cz_svg {
margin: 0 auto;
background-size: cover;
background-position: center center
}
.cz_svg svg {
display: block;
width: 100%;
height: 100%
}
.cz_svg path {
fill-rule: evenodd
} .cz_acc > div > div {
margin-bottom: 10px
}
.cz_acc_child {
position: relative;
display: block;
padding: 16px 40px 16px 20px;
font-size: 20px;
border: 1px solid rgba(167, 167, 167, .2);
margin: 0;
cursor: pointer;
font-weight: 500;
transition: all .2s ease-in-out
}
.rtl .cz_acc_child {
padding: 16px 20px 16px 40px
}
.cz_acc_child i:first-child {
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
text-align: center;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0
}
.rtl .cz_acc_child i:first-child {
margin: 0 0 0 10px
}
.cz_acc_child div {
line-height: 1.4;
display: inline-block;
vertical-align: middle
}
.cz_acc_child .cz-acc-number, 
.cz_acc_child .cz-acc-image {
margin: 0 20px 0 0;
width: auto;
height: auto;
font-style: normal !important
}
.rtl .cz_acc_child .cz-acc-number, 
.rtl .cz_acc_child .cz-acc-image {
margin: 0 0 0 20px
}
.cz_acc_child_content {
display: none;
padding: 20px;
border: 1px solid rgba(167, 167, 167, .2);
border-top: 0;
margin: 0 0 10px
}
.cz_acc_open_icon,
.cz_acc_close_icon {
position: absolute;
top: 50%;
right: 20px;
font-size: 22px;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
transform: translateY(-50%);
animation: czAccArrowFX .4s forwards
}
@keyframes czAccArrowFX {
0% {transform: translateY(-50%) scale(0, 0)}
100% {transform: translateY(-50%) scale(1, 1)}
}
.cz_acc_open_icon.fa-play,
.cz_acc_close_icon.fa-play {
font-size: 18px;
top: calc(50% - 12px)
}
i.fa.cz_acc_close_icon {
display: none
}
.cz_acc_icon_before .cz_acc_child {
padding: 16px 20px 16px 50px
}
.rtl .cz_acc_icon_before .cz_acc_child {
padding: 16px 50px 16px 20px
}
.cz_acc_icon_before .cz_acc_open_icon,
.cz_acc_icon_before .cz_acc_close_icon,
.rtl .cz_acc_open_icon,
.rtl .cz_acc_close_icon {
left: 20px;
right: auto
}
.rtl .cz_acc_icon_before .cz_acc_open_icon,
.rtl .cz_acc_icon_before .cz_acc_close_icon {
right: 20px;
left: auto
}
.cz_acc_child small {
opacity: 1;
}
.cz_acc_subtitle_inline small {
display: inline-block;
margin: 0 0 0 8px
}
.rtl .cz_acc_subtitle_inline small {
margin: 0 8px 0 0
} .cz_ticker {
padding: 10px 18px;
border: 1px solid #ff3100
}
.cz_ticker_badge {
line-height: 2;
padding: 0 12px;
font-size: 12px;
border-radius: 2px;
background: #ff3100;
color: #fff;
position: absolute;
left: 18px;
top: -16px;
z-index: 1
}
.rtl .cz_ticker_badge {left: auto;right: 18px}
.cz_ticker small {
display: inline-block;
padding: 2px 8px;
margin: 0;
background: rgba(167, 167, 167, .14);
border-radius: 2px
}
.cz_ticker.slick-slider .slick-arrow {
width: 30px;
height: auto;
background: none;
border: 0;
transform: translate(0, -50%);
top: 50%;
right: 10px;
margin: 0;
line-height: 1em;
width: 1em;
height: 1em
}
.cz_ticker.slick-slider .slick-prev {
right: 32px
}
.rtl .cz_ticker.slick-slider .slick-prev {
left: 10px;
right: auto
}
.rtl .cz_ticker.slick-slider .slick-next {
left: 32px;
right: auto
}
.cz_ticker.slick-slider .slick-arrow:before {
background: none
} .cz_cbox_img {
position: relative
}
.cz_cbox_img .content {
margin: 0;
position: absolute;
bottom: auto;
top: 20px;
left: 20px;
width: calc(100% - 100px)
}
.cz_cbox_bottom .content {
bottom: 20px;
top: auto
} .cz_history_1 {
position: relative;
margin: 0;
padding: 0 0 0 40px
}
.rtl .cz_history_1 {padding: 0 40px 0 0}
.cz_has_year {margin-left: 82px}
.rtl .cz_has_year {margin-left: 0;margin-right: 82px}
.cz_history_1 > span:first-child {
position: absolute;
top: -4px;
left: -82px;
padding: 2px 12px;
border: 1px solid;
border-radius: 4px;
transition: all .2s ease-in-out
}
.rtl .cz_history_1 > span:first-child {right: -82px;left: auto}
.cz_history_1:before {
content: '';
width: 8px;
height: 8px;
background: #ffffff;
border-radius: 100%;
border-width: 1px;
border-color: #111;
border-style: solid;
display: block;
z-index: 1;
position: absolute;
left: 1px;
top: 8px
}
.rtl .cz_history_1:before {right: 2px;left: auto}
.cz_history_1:after {
content: '';
width: 2px;
height: calc(100% - -35px);
top: 14px;
border: 0;
border-left: 1px solid;
display: block;
position: absolute;
left: 5px;
top: 12px;
z-index: 0
}
.rtl .cz_history_1:after {right: 5px;left: auto}
.slick .cz_history_slide_year, 
.slick_sync .cz_history_slide_content {
display: none
}
.cz_history_slide_year {
display: inline-block;
float: right;
padding: 4px 12px;
background: #fff;
border: 1px solid;
cursor: pointer;
border-radius: 2px
}
.slick.slick_sync .slick-slide {
transform: scale(1, 1);
margin: 0
}
.slick_sync .cz_history_slide:before {
content: '';
position: absolute;
left: 0;
border-bottom: 1px solid;
width: 100%;
height: 1px;
top: calc(50% - 1px);
z-index: -1
} .cz_line {
position: relative;
margin: 10px 0;
width: 100%;
height: 4px;
background: #111
}
.cz_line.tac {
margin: 0 auto;
display: table
}
.cz_line.tal {float: left}
.cz_line.tar {float: right}
.cz_line_before_circle:before,
.cz_line_after_circle:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
border: 2px solid;
border-radius: 100%;
transform: translate(-96%, -50%)
}
.cz_line_after_circle:after {
left: auto;
right: 0;
top: 50%;
transform: translate(96%, -50%)
} .cz_tabs {position: relative}
.cz_tab {display: none;margin: 30px 0 0}
.cz_tabs_blur .cz_tab > div {animation: btnBlur .8s forwards}
.cz_tabs_flash .cz_tab > div {animation: czFlashFx .8s forwards}
.cz_tabs_bounce .cz_tab > div {animation: BtnFxAbsorber .8s forwards}
.cz_tabs_wobble_skew .cz_tab > div {animation: hvr-wobble-skew .8s forwards}
.cz_tabs_zoom_out .cz_tab > div {animation: tabZoomOut .8s forwards}
.cz_tabs_zoom_in .cz_tab > div {animation: tabZoomIn .8s forwards}
.cz_tabs_fade_in_up .cz_tab > div {animation: tabFadeInUp .8s forwards}
.cz_tabs_fade_in_down .cz_tab > div {animation: tabFadeInBottom .8s forwards}
.cz_tabs_fade_in_right .cz_tab > div {animation: tabFadeInRight .8s forwards}
.cz_tabs_fade_in_left .cz_tab > div {animation: tabFadeInLeft .8s forwards}
.cz_tabs_rotate .cz_tab > div {animation: socialFxF .8s forwards}
.cz_tabs_right_left .cz_tab > div {animation: InfiniteAnimA .8s forwards}
.cz_tabs_swing .cz_tab > div {animation: tabSwing .8s forwards}
.cz_tabs_push_in .cz_tab > div {animation: tabPushIn .8s forwards}
@keyframes tabSwing {
20% {transform: rotate3d(0,0,1,4deg)}
40% {transform: rotate3d(0,0,1,-4deg)}
60% {transform: rotate3d(0,0,1,2deg)}
80% {transform: rotate3d(0,0,1,-2deg)}
100% {transform: rotate3d(0,0,1,0deg)}
}
@keyframes tabPushIn {
0% {opacity: 0;transform: translateX(-30%)}
60% {opacity: 1;transform: translateX(10%)}
100% {opacity: 1;transform: translateX(0)}
}
@keyframes tabFadeInUp {
49% {transform: translateY(-50px)}
50% {opacity: 0;transform: translateY(50px)}
51% {opacity: 1}
}
@keyframes tabFadeInBottom {
49% {transform: translateY(50px)}
50% {opacity: 0;transform: translateY(-50px)}
51% {opacity: 1}
}
@keyframes tabFadeInRight {
49% {transform: translateX(50px)}
50% {opacity: 0;transform: translateX(-50px)}
51% {opacity: 1}
}
@keyframes tabFadeInLeft {
49% {transform: translateX(-50px)}
50% {opacity: 0;transform: translateX(50px)}
51% {opacity: 1}
}
@keyframes tabZoomOut {
0% {opacity: 0;transform: scale(1.1)}
50% {opacity: 1;transform: scale(1)}
}
@keyframes tabZoomIn {
0% {opacity: 0;transform: scale(.9)}
50% {opacity: 1;transform: scale(1)}
}
.cz_tabs_content .vc_cz_tab {display: none}
.cz_tabs_content .vc_cz_tab:first-child {display: block}
.vc_cz_tabs .cz_tab {display: block;min-height: 100px}
.cz_tab.active, .cz_tab.cz_active {display: block}
.cz_tab_a {
cursor: pointer;
display: inline-block;
padding: 0 0 12px;
margin: 0 20px -4px 0;
font-size: 16px;
font-weight: bold;
border-bottom: 4px solid transparent
}
.rtl .cz_tab_a {
margin: 0 0 -4px 20px
}
.cz_tab_a > span {
display: inline-block;
vertical-align: middle
}
.cz_tab_a i {
width: 1em;
height: 1em;
line-height: 1em
}
.cz_tab_a .cz_tab_image {
width: auto;
height: auto
}
.cz_tab_a.active, .cz_tab_a.cz_active {
border-bottom-color: inherit
}
.cz_tabs_htl .cz_tab_a, .cz_tabs_hbl .cz_tab_a {
float: left
}
.rtl .cz_tabs_htl .cz_tab_a, .rtl .cz_tabs_hbl .cz_tab_a {
float: right
}
.cz_tabs_htc .cz_tabs_nav, .cz_tabs_hbc .cz_tabs_nav {
text-align: center
}
.cz_tabs_htc .cz_tab_a, .cz_tabs_hbc .cz_tab_a {
float: none
}
.cz_tabs_htr .cz_tab_a, .cz_tabs_hbr .cz_tab_a {
float: right
}
.rtl .cz_tabs_htr .cz_tab_a, .rtl .cz_tabs_hbr .cz_tab_a {
float: left
}
.cz_tabs_is_v .cz_tabs_nav {
width: 30%;
float: left
}
.cz_tabs_is_v .cz_tabs_content {
width: 70%;
float: left
}
.rtl .cz_tabs_is_v .cz_tabs_nav,
.rtl .cz_tabs_is_v .cz_tabs_content {
float: right
}
.cz_tabs_is_v .cz_tab {
padding: 0 30px
}
.cz_tabs_is_v .cz_tab_a {
margin: 0 0 10px;
display: block
}
.cz_tabs_vr .cz_tabs_nav, .cz_tabs_vr .cz_tabs_content {
float: right
}
.rtl .cz_tabs_vr .cz_tabs_nav, .rtl .cz_tabs_vr .cz_tabs_content {
float: left
}
.cz_tabs_vl .cz_tab, .cz_tabs_vr .cz_tab {
margin: 0
}
.cz_tabs > select {
display: none;
margin: 40px 0 10px
} .cz_social {
position: relative
}
.rtl .cz_social.tal {
text-align: right !important
}
.rtl .cz_social.tar {
text-align: left !important
}
.header_1 .cz_social {
z-index: 99999
}
.cz_social a {
position: relative;
display: inline-block;
text-align: center;
font-size: 20px;
width: 2em;
height: 2em;
line-height: 2em
}
.cz_vertical_elm .cz_social a {
display: block
}
.cz_social_inline_title a {
width: auto;
padding: 0 20px
}
.cz_social_inline_title i {
margin-right: 10px;
display: inline-block
}
.rtl .cz_social_inline_title i {
margin-right: 0;
margin-left: 10px
}
.cz_social span {display: none}
.cz_social_inline_title span {
font-size: .9em;
display: inline-block;
font-family: Tahoma
}
.cz_tooltip a:after {
position: absolute;
content: attr(data-title);
font-size: 11px;
line-height: 1;
z-index: 9;
color: #fff;
background: #111;
padding: 8px 12px;
border-radius: 2px;
opacity: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: -ms-max-content;
width: max-content;
visibility: hidden;
transition: all .2s ease-in-out
}
.cz_tooltip a:hover:after {
opacity: 1;
visibility: visible;
}
.cz_tooltip_up a:after {top:-6px;left:50%;transform:translate(-50%, -100%) scale(.8)}
.cz_tooltip_up a:hover:after {transform:translate(-50%, -100%) scale(1)}
.cz_tooltip_down a:after {bottom:-6px;left:50%;transform:translate(-50%, 100%) scale(.8)}
.cz_tooltip_down a:hover:after {transform:translate(-50%, 100%) scale(1)}
.cz_tooltip_right a:after {right:-6px;top:50%;transform:translate(100%, -50%) scale(.8)}
.cz_tooltip_right a:hover:after {transform:translate(100%, -50%) scale(1)}
.cz_tooltip_left a:after {left:-6px;top:50%;transform:translate(-100%, -50%) scale(.8)}
.cz_tooltip_left a:hover:after {transform:translate(-100%, -50%) scale(1)}
.cz_social_colored i, .cz_social_colored_hover a:hover i {color: #666}
.cz_social_colored .cz-twitter i, .cz_social_colored_hover .cz-twitter:hover i {color: #00aced !important} 
.cz_social_colored .cz-facebook i, .cz_social_colored_hover .cz-facebook:hover i {color: #3b5998 !important}
.cz_social_colored .cz-google i, .cz_social_colored_hover .cz-google:hover i {color: #dd4b39 !important}
.cz_social_colored .cz-pinterest i, .cz_social_colored_hover .cz-pinterest:hover i, 
.cz_social_colored .cz-pinterest-p i, .cz_social_colored_hover .cz-pinterest-p:hover i {color: #cb2027 !important}
.cz_social_colored .cz-linkedin i, .cz_social_colored_hover .cz-linkedin:hover i {color: #007bb6 !important}
.cz_social_colored .cz-youtube i, .cz_social_colored_hover .cz-youtube:hover i,
.cz_social_colored .cz-youtube-play i, .cz_social_colored_hover .cz-youtube-play:hover i {color: #bb0000 !important}
.cz_social_colored .cz-vimeo i, .cz_social_colored_hover .cz-vimeo:hover i {color: #1ab7ea !important}
.cz_social_colored .cz-tumblr i, .cz_social_colored_hover .cz-tumblr:hover i {color: #32506d !important}
.cz_social_colored .cz-instagram i, .cz_social_colored_hover .cz-instagram:hover i {color: #bc2a8d !important}
.cz_social_colored .cz-flickr i, .cz_social_colored_hover .cz-flickr:hover i {color: #ff0084 !important}
.cz_social_colored .cz-dribbble i, .cz_social_colored_hover .cz-dribbble:hover i {color: #ea4c89 !important}
.cz_social_colored .cz-quora i, .cz_social_colored_hover .cz-quora:hover i {color: #a82400 !important}
.cz_social_colored .cz-foursquare i, .cz_social_colored_hover .cz-foursquare:hover i {color: #0072b1 !important}
.cz_social_colored .cz-forrst i, .cz_social_colored_hover .cz-forrst:hover i {color: #5B9A68 !important}
.cz_social_colored .cz-vk i, .cz_social_colored_hover .cz-vk:hover i {color: #45668e !important}
.cz_social_colored .cz-wordpress i, .cz_social_colored_hover .cz-wordpress:hover i {color: #21759b !important}
.cz_social_colored .cz-stumbleupon i, .cz_social_colored_hover .cz-stumbleupon:hover i {color: #EB4823 !important}
.cz_social_colored .cz-yahoo i, .cz_social_colored_hover .cz-yahoo:hover i {color: #7B0099 !important}
.cz_social_colored .cz-soundcloud i, .cz_social_colored_hover .cz-soundcloud:hover i {color: #ff3a00 !important}
.cz_social_colored .cz-mixcloud i, .cz_social_colored_hover .cz-mixcloud:hover i {color: #273a4b !important}
.cz_social_colored .cz-skype i, .cz_social_colored_hover .cz-skype:hover i {color: #00AFF0 !important}
.cz_social_colored .cz-reddit i, .cz_social_colored_hover .cz-reddit:hover i {color: #FF5700 !important}
.cz_social_colored .cz-whatsapp i, .cz_social_colored_hover .cz-whatsapp:hover i {color: #25D366 !important}
.cz_social_colored .cz-behance i, .cz_social_colored_hover .cz-behance:hover i {color: #131418 !important}
.cz_social_colored .cz-telegram i, .cz_social_colored_hover .cz-telegram:hover i,
.cz_social_colored .cz-paper-plane i, .cz_social_colored_hover .cz-paper-plane:hover i,
.cz_social_colored .cz-paper-plane-o i, .cz_social_colored_hover .cz-paper-plane-o:hover i {color: #0088cc !important}
.cz_social_colored .cz-aparat i, .cz_social_colored_hover .cz-aparat:hover i {color: #ed0b58 !important}
.cz_social_colored_bg a, .cz_social_colored_bg_hover a:hover {background: #aaa}
.cz_social_colored_bg .cz-twitter,  .cz_social_colored_bg_hover .cz-twitter:hover {background-color: #00aced !important} 
.cz_social_colored_bg .cz-facebook, .cz_social_colored_bg_hover .cz-facebook:hover {background-color: #3b5998 !important}
.cz_social_colored_bg .cz-google, .cz_social_colored_bg_hover .cz-google:hover {background-color: #dd4b39 !important}
.cz_social_colored_bg .cz-pinterest, .cz_social_colored_bg_hover .cz-pinterest:hover,
.cz_social_colored_bg .cz-pinterest-p, .cz_social_colored_bg_hover .cz-pinterest-p:hover {background-color: #cb2027 !important}
.cz_social_colored_bg .cz-linkedin, .cz_social_colored_bg_hover .cz-linkedin:hover {background-color: #007bb6 !important}
.cz_social_colored_bg .cz-youtube, .cz_social_colored_bg_hover .cz-youtube:hover,
.cz_social_colored_bg .cz-youtube-play, .cz_social_colored_bg_hover .cz-youtube-play:hover {background-color: #bb0000 !important}
.cz_social_colored_bg .cz-vimeo, .cz_social_colored_bg_hover .cz-vimeo:hover {background-color: #1ab7ea !important}
.cz_social_colored_bg .cz-tumblr, .cz_social_colored_bg_hover .cz-tumblr:hover {background-color: #32506d !important}
.cz_social_colored_bg .cz-instagram, .cz_social_colored_bg_hover .cz-instagram:hover {background-color: #a17357 !important;background: radial-gradient(circle farthest-corner at 35% 100%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 10% 140%,#feda7e,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e42e66 50%,#fa5332 70%,#ffdc80 100%) !important}
.cz_social_colored_bg .cz-flickr, .cz_social_colored_bg_hover .cz-flickr:hover {background-color: #ff0084 !important}
.cz_social_colored_bg .cz-dribbble, .cz_social_colored_bg_hover .cz-dribbble:hover {background-color: #ea4c89 !important}
.cz_social_colored_bg .cz-quora, .cz_social_colored_bg_hover .cz-quora:hover {background-color: #a82400 !important}
.cz_social_colored_bg .cz-foursquare, .cz_social_colored_bg_hover .cz-foursquare:hover {background-color: #0072b1 !important}
.cz_social_colored_bg .cz-forrst, .cz_social_colored_bg_hover .cz-forrst:hover {background-color: #5B9A68 !important}
.cz_social_colored_bg .cz-vk, .cz_social_colored_bg_hover .cz-vk:hover {background-color: #45668e !important}
.cz_social_colored_bg .cz-wordpress, .cz_social_colored_bg_hover .cz-wordpress:hover {background-color: #21759b !important}
.cz_social_colored_bg .cz-stumbleupon, .cz_social_colored_bg_hover .cz-stumbleupon:hover {background-color: #EB4823 !important}
.cz_social_colored_bg .cz-yahoo, .cz_social_colored_bg_hover .cz-yahoo:hover {background-color: #7B0099 !important}
.cz_social_colored_bg .cz-soundcloud, .cz_social_colored_bg_hover .cz-soundcloud:hover {background-color: #ff3a00 !important}
.cz_social_colored_bg .cz-mixcloud, .cz_social_colored_bg_hover .cz-mixcloud:hover {background-color: #273a4b !important}
.cz_social_colored_bg .cz-skype, .cz_social_colored_bg_hover .cz-skype:hover {background-color: #00AFF0 !important}
.cz_social_colored_bg .cz-reddit, .cz_social_colored_bg_hover .cz-reddit:hover {background-color: #FF5700 !important}
.cz_social_colored_bg .cz-whatsapp, .cz_social_colored_bg_hover .cz-whatsapp:hover {background-color: #25D366 !important}
.cz_social_colored_bg .cz-behance, .cz_social_colored_bg_hover .cz-behance:hover {background-color: #131418 !important}
.cz_social_colored_bg .cz-telegram, .cz_social_colored_bg_hover .cz-telegram:hover,
.cz_social_colored_bg .cz-paper-plane, .cz_social_colored_bg_hover .cz-paper-plane:hover,
.cz_social_colored_bg .cz-paper-plane-o, .cz_social_colored_bg_hover .cz-paper-plane-o:hover {background-color: #0088cc !important}
.cz_social_colored_bg .cz-aparat, .cz_social_colored_bg_hover .cz-aparat:hover {background-color: #ed0b58 !important}
.cz_social_fx_0 a:hover i {
animation: socialZoomOut .4s forwards
}
@keyframes socialZoomOut {
from {opacity: .5;transform: scale(0, 0)}
to {opacity: 1;transform: scale(1, 1)}
}
.cz_social_fx_1 a:hover i {
animation: socialZoomIn .3s forwards
}
@keyframes socialZoomIn {
49% {transform: scale(1, 1)}
50% {opacity: 0;transform: scale(0, 0)}
51% {opacity: 1;transform: scale(2, 2)}
}
.cz_social_fx_2 a:hover i {
animation: socialFxB .3s forwards
}
@keyframes socialFxB {
49% {transform: translateY(-100%)}
50% {opacity: 0;transform: translateY(100%)}
51% {opacity: 1}
}
.cz_social_fx_3 a:hover i {
animation: socialFxC .3s forwards
}
@keyframes socialFxC {
49% {transform: translateY(100%)}
50% {opacity: 0;transform: translateY(-100%)}
51% {opacity: 1}
}
.cz_social_fx_4 a:hover i {
animation: socialFxD .3s forwards
}
@keyframes socialFxD {
49% {transform: translateX(100%)}
50% {opacity: 0;transform: translateX(-100%)}
51% {opacity: 1}
}
.cz_social_fx_5 a:hover i {
animation: socialFxE .3s forwards
}
@keyframes socialFxE {
49% {transform: translateX(-100%)}
50% {opacity: 0;transform: translateX(100%)}
51% {opacity: 1}
}
.cz_social_fx_6 a:hover i {
animation: socialFxF .4s forwards
}
@keyframes socialFxF {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}
.cz_social_fx_7 a:hover i {
animation: wobble .5s 10 forwards
}
@keyframes wobble {0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}
.cz_social_fx_8 a:hover i {
animation: flash .5s 10 forwards
}
@keyframes flash {0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.cz_social_fx_9 a:hover {
animation: bounceFX .6s forwards
}
@keyframes bounceFX {
0%, 10%, 20%, 50%, 80% {transform: translateY(0)}
40% {transform: translateY(-6px)}
60% {transform: translateY(-6px)}
}
.cz_social_fx_10 a i, .cz_social_fx_11 a i {transition:all .4s ease}
.cz_social_fx_10 a:hover i {transform:rotateY(360deg)}
.cz_social_fx_11 a:hover i {transform:rotateX(360deg)} .cz_team {
position: relative;
box-sizing: border-box
}
.cz_team:hover {
z-index: 1
}
.cz_team p {margin: 0}
.cz_team_img, .cz_team_img img, 
.cz_team_content, .cz_team_social {
position: relative;
margin: 0 auto;
width: 100%;
transition: all .2s ease-in-out
}
.cz_team_img, .cz_team_img img {
border-radius: inherit;
overflow: hidden
}
.cz_team_2:hover img,
.cz_team_3:hover img,
.cz_team_4:hover img,
.cz_team_5:hover img {
opacity: .5
}
.cz_team h1, .cz_team h2, .cz_team h3, .cz_team h4, .cz_team h5, .cz_team h6 {
margin: 0
}
.cz_team_1 .cz_team_social, 
.cz_team_1 .cz_team_content {
margin: 20px 0 0
}
.cz_team_2 .cz_team_content,
.cz_team_4 .cz_team_content {
margin: 20px 0 0
}
.cz_team_2 .cz_team_social {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
width: 90%
}
.cz_team_3 .cz_team_social,
.cz_team_3 .cz_team_content,
.cz_team_5 .cz_team_social,
.cz_team_5 .cz_team_content {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: calc( 100% - 60px );
visibility: hidden;
opacity: 0
}
.cz_team_4 .cz_team_social {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: calc( 100% - 60px )
}
.cz_team_social_in {
display: inline-block
}
.cz_team_3 .cz_team_content {
top: 30px;
bottom: auto
}
.cz_team_5 .cz_team_content {
bottom: 80px
}
.cz_team_2:hover .cz_team_social,
.cz_team_3:hover .cz_team_social,
.cz_team_3:hover .cz_team_content,
.cz_team_5:hover .cz_team_social,
.cz_team_5:hover .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_team_rev_hover .cz_team_social,
.cz_team_rev_hover .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_team_rev_hover:hover .cz_team_social,
.cz_team_rev_hover:hover .cz_team_content {
visibility: hidden;
opacity: 0
}
.cz_team_always_show .cz_team_social,
.cz_team_always_show .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_social_v .cz_social a {display: block}
.cz_team_6, .cz_team_6 .cz_team_img,
.cz_team_7, .cz_team_7 .cz_team_img {
overflow: visible
}
.cz_team_6 .cz_team_content,
.cz_team_7 .cz_team_content {
position: absolute;
z-index: 99;
display: none;
transition: none;
background: #212121;
color: #fff;
padding: 10px 20px;
white-space: nowrap;
width: auto;
}
.cz_team_7 .cz_team_social {
margin-top: 20px
} .cz_box_ribbon {
z-index: 9;
position: absolute;
top: 42px;
text-align: center;
margin: 0 auto;
display: block;
width: 200px;
padding: 6px 0;
color: #fff;
background: #111;
transform: rotate(-45deg);
}
.cz_ribbon_tl {
left: -40px
}
.cz_ribbon_tr {
transform: rotate(45deg);
right: -40px
}
.cz_ribbon_tc {
top: 0;
left: 50%;
transform: translateX(-50%)
}
.cz_ribbon_bl {
transform: rotate(45deg);
left: -40px;
top: auto;
bottom: 42px;
}
.cz_ribbon_br {
transform: rotate(-45deg);
top: auto;
right: -40px;
bottom: 42px;
}
.cz_ribbon_bc {
top: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%)
} .cz_free_position_element {
z-index: 99;
display: block;
position: absolute
}
.vc_cz_free_position_element:hover {
z-index: 9999
}
.cz_show_onhover,
.wpb_wrapper:hover .cz_hide_onhover {
opacity: 0;
visibility: hidden;
transition: all .24s ease-in-out
}
.wpb_wrapper:hover .cz_show_onhover, 
.cz_hide_onhover {
visibility: visible;
opacity: 1;
transition: all .24s ease-in-out
}
.cz_show_fadeup {transform: translateY(10px)}
.cz_show_fadedown {transform: translateY(-10px)}
.wpb_wrapper:hover .cz_show_fadeup, 
.wpb_wrapper:hover .cz_show_fadedown {
transform: translateY(0)
}
.cz_show_fadeleft {transform: translateX(10px)}
.cz_show_faderight {transform: translateX(-10px)}
.wpb_wrapper:hover .cz_show_fadeleft, 
.wpb_wrapper:hover .cz_show_faderight {
transform: translateX(0)
}
.cz_show_zoomin {transform: scale(.8)}
.cz_show_zoomout {transform: scale(1.2)}
.wpb_wrapper:hover .cz_show_zoomin,
.wpb_wrapper:hover .cz_show_zoomout {
transform: scale(1)
} .cz_infinite_anim_1 {
transform: translateZ(0);
animation: InfiniteAnimA 4s ease-in-out infinite
}
@keyframes InfiniteAnimA {
0% {transform: translate(0, 0)}
50% {transform: translate(30px, 0)}
100% {transform: translate(0, 0)}
}
.cz_infinite_anim_2 {
transform: translateZ(0);
animation: InfiniteAnimB 4s ease-in-out infinite
}
@keyframes InfiniteAnimB {
0% {transform: translate(0, 0)}
50% {transform: translate(0, 30px)}
100% {transform: translate(0, 0)}
}
.cz_infinite_anim_3 {
transform: translateZ(0);
animation: InfiniteAnimC 4s ease-in-out infinite
}
@keyframes InfiniteAnimC {
0% {transform: translate(0, 0)}
50% {transform: translate(30px, 30px)}
100% {transform: translate(0, 0)}
}
.cz_infinite_anim_4 {
transform: translateZ(0);
animation: InfiniteAnimD 4s ease-in-out infinite
}
@keyframes InfiniteAnimD {
0% {transform: translate(0, 0)}
50% {transform: translate(-30px, 30px)}
100% {transform: translate(0, 0)}
}
.cz_infinite_anim_5 {
transform: translateZ(0);
animation: InfiniteAnimE 4s ease-in-out infinite
}
@keyframes InfiniteAnimE {
0% {transform: translate(0, 0)}
25% {transform: translate(10px, 10px)}
50% {transform: translate(20px, 0)}
75% {transform: translate(10px, -10px)}
100% {transform: translate(0, 0)}
}
.cz_loop_spinner {
transform: translateZ(0);
animation: czSpinner 2.5s infinite
}
@keyframes czSpinner {
to {transform: rotate(360deg)}
}
.cz_loop_pulse {
transform: translateZ(0);
animation: czPulse 2s infinite
}
@keyframes czPulse {
0% {transform: scale3d(1,1,1)}
50% {transform: scale3d(1.05,1.05,1.05)}
100% {transform: scale3d(1,1,1)}
}
.cz_loop_tada {
transform: translateZ(0);
animation: czTada 1s infinite
}
@keyframes czTada {
0% {transform: scale3d(1,1,1)}
10%,20% {transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90% {transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80% {transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100% {transform: scale3d(1,1,1)}
}
.cz_loop_flash {
transform: translateZ(0);
animation: czFlash 2.5s infinite
}
@keyframes czFlash {
0%,50%,100% {opacity: 1}
25%,75% {opacity: 0}
}
.cz_loop_swing {
transform: translateZ(0);
animation: czSwing 1.5s infinite
}
@keyframes czSwing {
20% {transform: rotate3d(0,0,1,15deg)}
40% {transform: rotate3d(0,0,1,-10deg)}
60% {transform: rotate3d(0,0,1,5deg)}
80% {transform: rotate3d(0,0,1,-5deg)}
100% {transform: rotate3d(0,0,1,0deg)}
}
.cz_loop_jello {
transform: translateZ(0);
animation: czJello 1s infinite
}
@keyframes czJello {
11.1% {transform: none}
22.2% {transform: skewX(-12.5deg) skewY(-12.5deg)}
33.3% {transform: skewX(6.25deg) skewY(6.25deg)}
44.4% {transform: skewX(-3.125deg) skewY(-3.125deg)}
55.5% {transform: skewX(1.5625deg) skewY(1.5625deg)}
66.6% {transform: skewX(-0.78125deg) skewY(-0.78125deg)}
77.7% {transform: skewX(.390625deg) skewY(.390625deg)}
88.8% {transform: skewX(-0.1953125deg) skewY(-0.1953125deg)}
100% {transform: none}
} .sm2-bar-ui.cz_only_play {
width: 42px;
height: 42px;
min-width: 43px
}
.cz_only_play .sm2-playlist,
.cz_only_play .sm2-volume,
.cz_only_play .sm2-inline-status {
display: none
}
.cz_center_tm {
display: table;
margin: 0 auto
}
.cz-music-player .sm2-playlist-wrapper ul li .sm2-icon {
color: inherit !important;
text-indent: 0 !important;
text-align: center
} .cz_subscribe_elm {
position: relative;
float: left;
width: 380px;
max-width: 100%
}
.cz_subscribe_elm input {
padding: 11px
}
.cz_subscribe_elm button {
position: absolute !important;
right: 0;
top: 0
}
.rtl .cz_subscribe_elm button {
left: 0;
right: auto
}
.cz_subscribe_relative button {
position: relative !important;
margin: 10px 0 0
}
.cz_subscribe_round button, 
.cz_subscribe_round input, 
.cz_subscribe_round_2 button, 
.cz_subscribe_round_2 input {
border-radius: 50px !important
}
.cz_subscribe_round input, 
.cz_subscribe_round_2 input {
padding-left: 20px;
padding-right: 20px
}
.cz_subscribe_round_2 button {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important
}
.rtl .cz_subscribe_round_2 button {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important
}
.cz_subscribe_elm_center {
margin: 0 auto;
float: none;
display: table
}
.cz_subscribe_btn_center button {
margin: 10px auto 0 !important;
display: table !important
}
.cz_subscribe_elm_right,
.cz_subscribe_btn_right button {
float: right
} .jpictura:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.jpictura.jpictura-off-content-flow{position:fixed}
.jpictura .jpictura-item{display:block;float:left;position:relative;overflow:hidden}
.jpictura .jpictura-item.jpictura-invisible{visibility:hidden}
.jpictura .jpictura-item.jpictura-hidden{display:none}
.jpictura .jpictura-item .jpictura-image{display:block;position:relative}
.jpictura .jpictura-item.cropped-if-stretched .jpictura-image{max-width:100%}
.jpictura.fade-in-items .jpictura-item{animation-name:a;animation-duration:4s}
.jpictura.fade-in-items .jpictura-item.jpictura-hidden,
.jpictura.fade-in-items .jpictura-item.jpictura-invisible{animation:none}
.jpictura.stretch-images .jpictura-item.stretch-by-width .jpictura-image{max-height:none;width:100%}
.jpictura.stretch-images .jpictura-item.stretch-by-height .jpictura-image{width:100%;height:100%}
.jpictura.stretch-images.disable-cropping-images .jpictura-item.cropped-if-stretched .jpictura-image{max-width:100%;max-height:100%;width:auto;height:auto}
.jpictura.center-images .jpictura-item .jpictura-image.horizontal-misfit{left:50%;transform:translateX(-50%)} .jpictura.center-images .jpictura-item .jpictura-image.horizontal-misfit.vertical-misfit{transform:translate(-50%,-50%)}@-webkit-keyframes a{0%{opacity:0}to{opacity:1}}@keyframes a{0%{opacity:0}to{opacity:1}} .cz_grid_p {
margin: 0 -10px
}
.cz_grid {
width:100%;
margin: 0
}
.cz_grid_item {
position:relative;
float: left
}
.rtl .cz_grid_item {
float: right
}
.cz_grid_item > div {
position: relative;
margin: 0 10px 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .2s ease-in-out
}
.slick .cz_grid_p {
margin-left: 0 !important;
margin-right: 0 !important
}
.slick .cz_grid_item > div {
margin: 0 !important
}
.overflow_visible .slick-list {
clip-path: none !important
}
.cz_gallery_badge {
position: absolute;
z-index: 9;
top: -20px;
right: -20px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
background: #ff3535;
color: #fff;
font-weight: bold;
font-size: 12px
}
.cz_grid_disable_links a {
pointer-events: none;
position: relative;
display: block
}
.cz_grid_disable_links a:after {
z-index: 1;
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cz_single_line_title h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.cz_grid_c1 .cz_grid_item {width: calc(100%)}
.cz_grid_c2 .cz_grid_item, 
.cz_metro_1 .cz_grid_item:nth-child(3n+2), 
.cz_metro_2 .cz_grid_item:nth-child(2),
.cz_metro_2 .cz_grid_item:nth-child(9),
.cz_metro_2 .cz_grid_item:nth-child(12),
.cz_metro_2 .cz_grid_item:nth-child(19),
.cz_metro_2 .cz_grid_item:nth-child(22),
.cz_metro_2 .cz_grid_item:nth-child(29),
.cz_metro_2 .cz_grid_item:nth-child(32),
.cz_metro_2 .cz_grid_item:nth-child(39),
.cz_metro_2 .cz_grid_item:nth-child(42),
.cz_metro_3 .cz_grid_item:nth-child(5n+3),
.cz_metro_4 .cz_grid_item:nth-child(4),
.cz_metro_8 .cz_grid_item:nth-child(6n+4),
.cz_metro_8 .cz_grid_item:nth-child(6n+5),
.cz_grid_1big .cz_grid_item:nth-child(2) {width: calc(100% / 2)}
.cz_grid_c3 .cz_grid_item {width: calc(100% / 3)}
.cz_metro_5 .cz_grid_item:nth-child(7n+2), 
.cz_metro_6 .cz_grid_item:nth-child(5n+3) {width: calc(100% / 3 * 2)}
.cz_grid_c4 .cz_grid_item {width: calc(100% / 4)}
.cz_grid_c5 .cz_grid_item {width: calc(100% / 5)}
.cz_grid_c6 .cz_grid_item {width: calc(100% / 6)}
.cz_metro_9 .cz_grid_item:nth-child(4n+2) {width: calc(100% / 6 * 3)}
.cz_metro_10 .cz_grid_item:nth-child(7n+2) {width: calc(100% / 6 * 2)}
.cz_grid_c7 .cz_grid_item {width: calc(100% / 7)}
.cz_metro_7 .cz_grid_item:nth-child(6n+2) {width: calc(100% / 7 * 3)}
.cz_grid_c8 .cz_grid_item {width: calc(100% / 8)}
.cz_grid_link {
direction: ltr;
display: block;
position: relative;
overflow: hidden;
clip-path: inset(0% 0% 0% 0%)
}
.cz_grid_item img {
border-radius: inherit !important;
width: 100%;
transition: all .6s ease-in-out
}
.cz_grid_item_svg img {
background: rgba(167, 167, 167, .1)
}
.cz_grid_item_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=);
background-repeat: no-repeat;
background-position: center;
}
.cz_grid_item h3 {
font-size: 22px
} .cz_grid_search {
position: relative;
display: inline-block;
width: 190px;
color: #a7a7a7;
margin: 0 0 20px;
padding: 6px 20px;
border-radius: 50px;
margin: 0 15px
} .cz_grid_grayscale img,
.cz_grid_grayscale_on_hover:hover img,
.cz_grid_grayscale_remove img {
filter: grayscale(100%)
}
.cz_grid_grayscale_remove:hover img {
filter: grayscale(0%)
}
.cz_grid_blur img {
filter: blur(0)
}
.cz_grid_blur:hover img {
filter: blur(2px)
}
.cz_grid_zoom_in:hover img,
.cz_grid_zoom_out img {
transform: scale(1.1)
}
.cz_grid_zoom_out:hover img {
transform: scale(1)
}
.cz_grid_zoom_rotate:hover img {
transform: scale(1.15) rotate(-5deg)
}
.cz_grid_flash:hover img {
opacity: 1;
animation: czFlashFx 1s forwards
}
.cz_grid_shine:after {
position: absolute;
content: '';
top: 0;
left: 150%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
border: 0;
border-radius: 0;
animation: btnShineDef 1s forwards;
background: linear-gradient(to right, transparent, rgba(255,255,255,.3));
transform: skewX(-25deg)
}
.cz_grid_shine:hover:after {left: -125%;animation: btnShine 1s forwards}
.cz_grid_item > div:hover .cz_grid_inset_clip_1x {
clip-path: inset(5px 5px 5px 5px)
}
.cz_grid_item > div:hover .cz_grid_inset_clip_2x {
clip-path: inset(10px 10px 10px 10px)
}
.cz_grid_item > div:hover .cz_grid_inset_clip_3x {
clip-path: inset(15px 15px 15px 15px)
}
.cz_grid_zoom_mask {
clip-path: inset(10px 10px 10px 10px)
}
.cz_grid_item > div:hover .cz_grid_zoom_mask {
clip-path: inset(0% 0% 0% 0%);
z-index: 2
}
.cz_grid_item > div:hover .cz_grid_scale {
transform: scale(1.1);
z-index: 2
}
.cz_grid_item > div:hover .cz_grid_scale2 {
transform: scale(1.2);
z-index: 2
}
.cz_grid_rhombus_hover {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}
.cz_grid_rhombus,
.cz_grid_item > div:hover .cz_grid_rhombus_hover {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
} ul.cz_grid_filters {
list-style-type: none;
margin: 0;
padding: 0;
}
.tag .cz_grid_filters,
.category .cz_grid_filters,
[class*="tax-"] .cz_grid_filters {
display: none
}
.cz_grid_filters li {
position: relative;
display: inline-block;
color: #a7a7a7;
margin: 0 0 20px;
padding: 6px 20px;
cursor: pointer;
border-radius: 50px;
border: 1px solid transparent;
transition: all .3s ease-in-out
}
.cz_grid_filters li.cz_active_filter {
font-weight: 500;
color: #111
}
.cz_grid_filters li:after {
position: absolute;
content: '';
right: 0;
top: 50%;
transform: translateY(-50%)
}
.cz_grid_filters li:last-child:after {
display: none
}
.cz_grid_filters_count li span {
text-align: center;
margin: 0;
width: 1em;
height: 1em;
line-height: 1em;
border-radius: 2px;
display: inline-block;
transition: all 300ms cubic-bezier(.77, 0, .175, 1);
}
.cz_grid_filters_count_a li span,
.cz_grid_filters_count_ah li span {
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
transform: translate(-50%, -80%)
}
.cz_grid_filters_count_i li span {
margin: 0 0 0 10px;
opacity: .5
}
.rtl .cz_grid_filters_count_i li span {
margin: 0 10px 0 0
}
.cz_grid_filters_count_a li span,
.cz_grid_filters_count li:hover span,
li.cz_active_filter span {
top: 0;
opacity: 1
} .cz_ajax_pagination {
display: block;
position: relative;
width: 100%
}
.cz_ajax_loadmore a, .cz_ajax_infinite a {
display: inline-block;
padding: 10px 20px;
background: #111;
color: #fff;
border-radius: 2px;
margin: 20px 0 0;
border: 2px solid transparent;
transition: all .2s linear
}
.cz_loadmore_block a {display: block;text-align: center}
.cz_ajax_loadmore a:hover, .cz_ajax_infinite a:hover {color: #fff}
.cz_ajax_infinite a {opacity: 0}
.cz_ajax_infinite .cz_ajax_loading {opacity: 1}
.cz_ajax_loadmore .cz_ajax_loading, 
.cz_ajax_infinite .cz_ajax_loading {
font-size: 0 !important;
margin: 0 auto;
padding: 0 !important;
width: 40px !important;
height: 40px !important;
background: none !important;
border-radius: 100% !important;
border-color: rgba(167, 167, 167, .4);
border-right-color: #111;
transform: translateZ(0);
animation: rotateInfinite .6s linear infinite
}
@keyframes rotateInfinite {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}
.cz_ajax_end, .cz_data_sub_prefix {opacity: .6}
.cz_ajax_end {pointer-events: none} .cz_grid_1 .cz_grid_item > div:hover .cz_grid_link:before,
.cz_grid_1.cz_grid_1_hide_on_hover .cz_grid_link:before {
opacity: 1
}
.cz_grid_1 .cz_grid_link:before, 
.cz_grid_1_hide_on_hover .cz_grid_item > div:hover .cz_grid_link:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 1;
border-radius: inherit;
background: rgba(0, 0, 0, .4);
border: 0;
transition: all 500ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_overlay_border .cz_grid_link:before {
height: calc( 100% - 4px );
width: calc( 100% - 4px );
border: 2px solid transparent
}
.cz_grid_overlay_5px .cz_grid_link:before {
height: 96%;
width: 96%;
top: 2%;
left: 2%;
}
.cz_grid_overlay_10px .cz_grid_link:before {
height: 92%;
width: 92%;
top: 4%;
left: 4%;
}
.cz_grid_overlay_15px .cz_grid_link:before {
height: 88%;
width: 88%;
top: 6%;
left: 6%;
}
.cz_grid_overlay_20px .cz_grid_link:before {
height: 86%;
width: 86%;
top: 7%;
left: 7%;
}
.cz_grid_1 .cz_grid_details {
position: absolute;
top: 20px;
left: 50%;
z-index: 2;
width: 90%; transform: translateX(-50%)
}
.cz_grid_1_mid .cz_grid_details {
top: 50%;
transform: translate(-50%, -50%)
}
.cz_grid_1_bot .cz_grid_details {
top: auto;
bottom: 20px
}
.cz_grid_1 .cz_grid_icon {
font-size: 30px;
margin: 0 0 20px;
color: #fff;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
opacity: 0;
transform: translateY(20px);
transition: all 400ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_1_no_title:not(.cz_grid_1_w_info) .cz_grid_icon {
margin: 0
}
.cz_grid_1 h3, 
.cz_grid_1 h4,
.cz_grid_1 .cz_post_excerpt {
position: relative;
color: #fff;
opacity: 0;
margin: 0;
word-break: break-word;
transform: translateY(20px);
transition: all 500ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_1 .cz_post_excerpt {
display: none;
margin: 10px 0;
transition: all 700ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_1_has_excerpt .cz_post_excerpt {
display: block
}
.cz_grid_1 small {
font-size: .7em;
color: #fff;
opacity: 0;
margin: 8px 0;
transform: translateY(20px);
transition: all 900ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_1_no_title h3, .cz_grid_1_no_title h4,
.cz_grid_1_no_hover .cz_grid_details,
.cz_grid_1_no_hover .cz_grid_link:before,
.cz_grid_1_no_desc small,
.cz_grid_1_no_icon .cz_grid_icon {
display: none
}
.cz_grid_1 .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateY(0);
opacity: 1
}
.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateY(-20px);
opacity: 0
}
.cz_grid_fib .cz_grid_item a .cz_grid_details > * {
transform: translateY(-20px)
}
.cz_grid_fib .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_fib.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateY(0);
opacity: 1
}
.cz_grid_fib.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateY(20px);
opacity: 0
}
.cz_grid_fil .cz_grid_item a .cz_grid_details > * {
transform: translateX(20px)
}
.cz_grid_fil .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_fil.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0);
opacity: 1
}
.cz_grid_fil.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(-20px);
opacity: 0
}
.cz_grid_fir .cz_grid_item a .cz_grid_details > * {
transform: translateX(-20px)
}
.cz_grid_fir .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_fir.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0);
opacity: 1
}
.cz_grid_fir.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(20px);
opacity: 0
}
.cz_grid_zin .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(.5)
}
.cz_grid_zin .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_zin.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1);
opacity: 1
}
.cz_grid_zin.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(0) scale(1.5);
opacity: 0
}
.cz_grid_zou .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1.5)
}
.cz_grid_zou .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_zou.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1);
opacity: 1
}
.cz_grid_zou.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(0) scale(.5);
opacity: 0
}
.cz_grid_siv .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1, 0);
transform-origin: center
}
.cz_grid_siv .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_siv.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1);
opacity: 1
}
.cz_grid_siv.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(0) scale(1, 0);
opacity: 0
}
.cz_grid_sih .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(0, 1);
transform-origin: center
}
.cz_grid_sih .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_sih.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1);
opacity: 1
}
.cz_grid_sih.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(0) scale(0, 1);
opacity: 0
}
.cz_grid_sil .cz_grid_item a .cz_grid_details > .cz_grid_icon,
.cz_grid_sir .cz_grid_item a .cz_grid_details > .cz_grid_icon {
transform: translateX(-1000%);
}
.cz_grid_sil .cz_grid_item a .cz_grid_details > * {
transform: translateX(140%);
opacity: 1
}
.cz_grid_sil .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_sil.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0)
}
.cz_grid_sil.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(-140%)
}
.cz_grid_sir .cz_grid_item a .cz_grid_details > * {
transform: translateX(-140%);
opacity: 1
}
.cz_grid_sir .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_sir.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0)
}
.cz_grid_sir.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(140%)
}
.cz_grid_1_always_show .cz_grid_link:before,
.cz_grid_1_always_show .cz_grid_item h3, 
.cz_grid_1_always_show .cz_grid_item h4,  
.cz_grid_1_always_show .cz_grid_item small,
.cz_grid_1_always_show .cz_grid_item .cz_post_excerpt,
.cz_grid_1_always_show .cz_grid_item .cz_grid_icon {
transform: translateY(0) scale(1) !important;
opacity: 1 !important
}
.cz_grid_1 .cz_grid_item * {
transform-origin: center
}
.cz_grid_1_title_sub_after .cz_grid_link {
margin: 0 0 20px
}
.cz_grid_1_title_sub_after:not(.cz_grid_1_subtitle_on_img) a .cz_grid_details {
text-align: center !important;
transform: translate(-50%, -50%);
top: 50% !important;
left: 50% !important;
bottom: auto
}
.cz_grid_1_title_sub_after:not(.cz_grid_1_subtitle_on_img) a .cz_grid_details i {
margin: 0
}
.cz_grid_1_title_sub_after:not(.cz_grid_1_subtitle_on_img) * {
transform-origin: center !important
}
.cz_grid_1_title_sub_after .cz_grid_details_outside {
display: block !important;
width: initial !important;
transform: none !important;
text-align: inherit;
z-index: 2;
position: relative;
left: 0;
top: 0
}
.cz_grid_1_title_sub_after .cz_grid_details_outside h3,
.cz_grid_1_title_sub_after .cz_grid_details_outside small, 
.cz_grid_1_title_sub_after .cz_post_excerpt {
display: block !important;
position: static !important;
transform: none !important;
color: #111;
opacity: 1 !important
}
.cz_grid_1_no_image .cz_grid_link {
display: none !important
}
.cz_grid_1_small_image a .cz_grid_details {
width: 100% !important
}
.cz_grid_1_small_image .cz_grid_link {
width: 80px;
float: left;
margin: 0 20px 30px 0
}
.cz_grid_1_small_image .cz_grid_icon {
margin: 0 !important
}
.cz_grid_1_small_image .cz_grid_item > div {
border-radius: 0 !important
}
.cz_grid_details small .cz_cats_2 > * {
margin: 0 2px 4px 2px;
border-radius: 3px;
padding: 2px 10px;
background: rgba(174, 174, 174, .1)
}
.cz_grid_details small .cz_cats_3 > * {
background: #fff !important;
color: #6e6e6e;
}
.cz_grid_details small .cz_cats_4 > * {
background: #111 !important;
color: #ddd;
}
.cz_grid_details small .cz_cats_5 > * {
background: none !important;
border: 1px solid rgba(174, 174, 174, .2)
}
.cz_grid_details small .cz_cats_6 > * {
border: 0 !important;
color: #fff !important;
background: #111
}
.cz_grid_details small .cz_cats_7 > * {
border: 0 !important;
color: #111 !important;
background: #fff
}
.cz_grid_1 .cz_post_author_avatar {
margin: 0 10px 0 0
}
.cz_grid_1 small * {
display: inline-block;
vertical-align: middle
}
.cz_grid_1 .cz_post_author_name {
display: block !important
}
.cz_grid_1 .cz_post_author_name {
margin-top: 4px
}
.cz_post_author_avatar .cz_sub_icon {
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
text-align: center;
background: #111;
color: #fff
}
.cz_post_data {float: left;margin: 0 10px 0 0}
.rtl .cz_post_data {direction: rtl}
.cz_post_data_r {float: right;margin: 0 0 0 10px}
.cz_meta_all_center small {text-align: center}
.cz_meta_all_center small * {float: none !important} .cz_grid[data-animation] {
perspective: initial;
perspective-origin: center
}
.cz_grid[data-animation="cz_grid_anim_fall_perspective"] {
perspective: 2000px
}
.cz_grid[data-animation] .cz_grid_item {
opacity: 0
}
.cz_grid_anim_fade_in {animation: gridFadeIn .6s forwards}
@keyframes gridFadeIn {100% {opacity: 1}}
.cz_grid_anim_move_up {transform: translateY(100px);animation: gridMoveUp .6s forwards}
@keyframes gridMoveUp {100% {transform: translateY(0);opacity: 1}}
.cz_grid_anim_move_down {transform: translateY(-100px);animation: gridMoveDown .6s forwards}
@keyframes gridMoveDown {100% {transform: translateY(0);opacity: 1}}
.cz_grid_anim_move_left {transform: translateX(100px);animation: gridMoveLeft .6s forwards}
@keyframes gridMoveLeft {100% {transform: translateX(0);opacity: 1}}
.cz_grid_anim_move_right {transform: translateX(-100px);animation: gridMoveRight .6s forwards}
@keyframes gridMoveRight {100% {transform: translateX(0);opacity: 1}}
.cz_grid_anim_zoom_in {transform: scale(.6);animation: gridZoomIn .6s forwards}
@keyframes gridZoomIn {100% {transform: scale(1);opacity: 1}}
.cz_grid_anim_zoom_out {transform: scale(1.2);animation: gridZoomOut .6s forwards}
@keyframes gridZoomOut {100% {transform: scale(1);opacity: 1}}
.cz_grid_anim_fall_perspective {transform-style: preserve-3d;transform: translateZ(400px) translateY(300px) rotateX(-90deg);animation: gridFallPerspective .6s forwards}
@keyframes gridFallPerspective {100% {transform: translateZ(0px) translateY(0px) rotateX(0deg);opacity: 1}}
.cz_grid_anim_slant {transform-style: preserve-3d;transform-origin: 0% 0%;transform: rotateX(-80deg);animation: gridSlant .6s forwards}
@keyframes gridSlant {100% {transform: rotateX(0deg);opacity: 1}}
.cz_grid_anim_helix {transform-style: preserve-3d;transform: rotateY(-90deg);animation: gridHelix .6s forwards}
@keyframes gridHelix {100% {transform: rotateY(0deg);opacity: 1}} .cz_posts_list_1 .cz_grid_link,
.cz_posts_list_2 .cz_grid_link,
.cz_posts_list_3 .cz_grid_link,
.cz_posts_list_5 .cz_grid_link {
width: 360px;
float: left;
box-sizing: border-box;
}
.rtl .cz_posts_list_1 .cz_grid_link,
.rtl .cz_posts_list_2 .cz_grid_link,
.rtl .cz_posts_list_3 .cz_grid_link,
.rtl .cz_posts_list_5 .cz_grid_link {
float: right
}
.cz_posts_list_1 div > .cz_grid_details,
.cz_posts_list_2 div > .cz_grid_details,
.cz_posts_list_3 div > .cz_grid_details,
.cz_posts_list_5 div > .cz_grid_details {
width: calc( 100% - 360px ) !important;
float: left;
box-sizing: border-box;
padding: 0 0 0 40px
}
.cz_posts_list_5 .cz_posts_list_first .cz_grid_link,
.cz_posts_list_5 .cz_posts_list_first div > .cz_grid_details {
padding: 0 !important;
width: 100% !important;
float: none !important
}
.rtl .cz_posts_list_1 div > .cz_grid_details,
.rtl .cz_posts_list_2 div > .cz_grid_details,
.rtl .cz_posts_list_3 div > .cz_grid_details,
.rtl .cz_posts_list_5 div > .cz_grid_details {
float: right;
padding: 0 40px 0 0
}
.rtl .cz_posts_list_5 .cz_post_data {
float: right
}
.cz_posts_list_2 .cz_posts_list_odd div > .cz_grid_details,
.cz_posts_list_3 div > .cz_grid_details {
padding: 0 40px 0 0
}
.rtl .cz_posts_list_2 .cz_posts_list_odd div > .cz_grid_details,
.rtl .cz_posts_list_3 div > .cz_grid_details {
padding: 0 0 0 40px
}
.cz_posts_list_3 .cz_grid_link,
.cz_posts_list_2 .cz_posts_list_odd .cz_grid_link {
float: right
}
.rtl .cz_posts_list_3 .cz_grid_link,
.rtl .cz_posts_list_2 .cz_posts_list_odd .cz_grid_link {
float: left
} .sm2-bar-ui .bd, 
.sm2-bar-ui .sm2-extra-controls {
background: #565656
} .cz_overlay {
position: fixed;
display: none;
top: 0;
left: 0;
z-index: 1000;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .6)
}
.cz_popup_modal .cz_overlay {
z-index: 1
}
.cz_popup_modal, .vc_element.vc_cz_popup {
display: none;
z-index: 99999999;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.cz_popup_in {
position: fixed;
top: 50%;
left: 50%;
width: 500px;
min-width: 300px;
min-height: 30px;
max-height: 88%;
padding: 40px;
z-index: 2;
color: #111;
overflow: auto;
background: #fff;
transform-origin: center;
animation: CubicInPopup .4s cubic-bezier(.180, .890, .330, 1.270) forwards
}
@keyframes CubicInPopup {
from {transform: translate(-50%, -50%) scale(0.95)}
to {transform: translate(-50%, -50%) scale(1)}
}
.vc_element.vc_cz_popup {
overflow: visible !important
}
.cz_close_popup {
position: absolute;
top: 60px;
right: 60px;
margin: 0;
font-size: 24px;
cursor: pointer;
color: #fff;
border-radius: 50px;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
z-index: 9;
transition: all .3s ease-in-out
}
.cz_close_popup:hover {
transform: rotate(180deg)
}
.rtl .cz_close_popup {
margin: -20px -20px 0 0
} .cz_image_comparison_slider {
overflow: hidden
}
.cz_image_container {
position: relative;
max-width: 100%;
margin: 0 auto;
border-radius: inherit
}
.cz_image_container img {
display: block;
width: 100%;
border-radius: inherit
}
.cz_image_label {
position: absolute;
bottom: 10px;
right: 10px;
color: #fff;
padding: 6px 16px;
border-radius: 2px;
opacity: 0;
white-space: nowrap;
transform: translateY(20px);
transition: transform .3s .7s, opacity .3s .7s
}
.cz_image_label.is_hidden {
visibility: hidden
}
.is_visible .cz_image_label {
opacity: 1;
transform: translateY(0)
}
.cz_resize_img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
overflow: hidden;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-right: 1px solid rgba(255, 255, 255, .1)
}
.cz_resize_img img {
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
width: auto;
max-width: none
}
.cz_resize_img .cz_image_label {
right: auto;
left: 10px
}
.is_visible .cz_resize_img {
width: 50%; }
@keyframes cz_bounce_in {
0% {width: 0}
60% {width: 55%}
100% {width: 50%}
}
.cz_handle {
position: absolute;
height: 44px;
width: 44px;
left: 50%;
top: 50%;
border-radius: 50%;
background: #fff;
cursor: col-resize;
box-shadow: 0 0 0 6px rgba(0, 0, 0, .1), 0 0 10px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
opacity: 0;
transform: translate3d(0, 0, 0) scale(0) translate(-50%, -50%)
}
.cz_handle:before {
content: "\f07e";
font-family: "FontAwesome";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.is_visible .cz_handle {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1) translate(-50%, -50%);
transition: transform .3s .7s, opacity 0s .7s
} .cz_bg_anim_left {
background-repeat: repeat-x;
animation: cz_bg_anim_left 200s linear infinite
}
@keyframes cz_bg_anim_left {
from { background-position: 0 center }
to { background-position: -20760px center }
}
.cz_bg_anim_right {
background-repeat: repeat-x;
animation: cz_bg_anim_right 200s linear infinite
}
@keyframes cz_bg_anim_right {
from { background-position: 0 center }
to { background-position: 20760px center }
}
.cz_bg_anim_up {
background-repeat: repeat-y;
animation: cz_bg_anim_up 200s linear infinite
}
@keyframes cz_bg_anim_up {
from { background-position: center 0 }
to { background-position: center -20760px }
}
.cz_bg_anim_down {
background-repeat: repeat-y;
animation: cz_bg_anim_down 200s linear infinite
}
@keyframes cz_bg_anim_down {
from { background-position: center 0 }
to { background-position: center 20760px }
} .cz_scroll_to_anchor {
position: relative;
border-bottom: 1px solid rgba(167, 167, 167, .42)
}
.cz_sta_left, .cz_sta_right {
position: absolute;
top: 0;
background: #fff;
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
text-align: center;
border-radius: 100%;
transform: translateY(-50%)
}
.cz_sta_left {right: 50.2%}
.cz_sta_right {left: 50.2%} ul.cz_countdown {
position: relative;
list-style: none;
list-style-type: none;
margin: 0;
padding: 0
}
.cz_countdown li {
display: inline-block;
text-align: center;
padding: 14px 0;
margin: 0 20px
}
.s3 .cz_countdown li {
width: 86px
}
.cz_countdown li span {
font-weight: bold;
font-size: 24px;
position: relative
}
.widget .cz_countdown {
width: 100%
}
.widget .cz_countdown li {
display: inline-block;
width: 22.5%;
padding: 14px 0;
margin: 0 1% 0 0
}
.rtl .widget .cz_countdown li {
margin: 0 0 0 1%
}
.ended li {
filter: blur(2px);
opacity: .2
}
.ended .expired {
position: absolute;
left: 50%;
top: 42%;
transform: translate(-50%, -50%);
width: 100%;
border: 0;
opacity: 1;
font-size: 20px;
filter: blur(0);
display: inline-block;
padding: 14px 30px
}
.cz_countdown_center_v {
display: table;
margin: 0 auto !important
}
.cz_countdown_center_v li {
display: inherit;
margin: 0
}
.cz_countdown_left_v {float: left}
.cz_countdown_right_v {float: right}
.cz_countdown_left_v li,
.cz_countdown_right_v li {
display: block;
margin: 0;
width: 100%;
}
.cz_countdown_inline p {
vertical-align: middle;
display: inline-block;
margin: 0 0 0 10px
}
.rtl .cz_countdown_inline p {
margin: 0 10px 0 0
} .tooltip {
position: relative;
display: inline-block
}
.tooltip__trigger {
cursor: pointer;
position: relative
}
.tooltip__trigger-text {
display: block;
padding: .85em;
pointer-events: none;
transform: none !important
}
.tooltip__base {
position: absolute;
bottom: 2em;
left: 50%;
margin-left: -150px;
width: 300px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none
}
.tooltip__content {
color: #4a4a4a;
display: flex;
position: relative;
align-items: center;
justify-content: center;
width: 65%;
padding: 0 1em;
opacity: 0;
font-size: .85em
}
.tooltip__shape,
.tooltip__deco {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.tooltip__shape {fill: #141514}
.tooltip--cora .tooltip__base{transform-origin: 50% 100%}
.tooltip--cora .tooltip__content {margin-bottom: 1em}
.tooltip--smaug .tooltip__base {bottom: -0.5em;transform-origin: 50% 100%}
.tooltip--smaug .tooltip__content {padding: 0}
.tooltip--dori .tooltip__base {bottom: -0.5em}
.tooltip--dori .tooltip__content {margin: 0 0 1em}
.tooltip--walda .tooltip__base {
left: 0;
bottom: .75em;
position: absolute;
margin-left: 0;
width: 250px;
height: 100px;
padding: 0 0 0 .25em;
}
.tooltip--walda .tooltip__trigger-text {padding: 1em}
.tooltip--walda .tooltip__content {
margin: 0;
width: 100%;
height: 100%;
align-items: flex-start;
text-align: left;
font-size: .85em;
line-height: 2;
opacity: 1;
justify-content: flex-start;
}
.tooltip--walda .tooltip__letters span {
display: inline-block;
white-space: pre;
opacity: 0;
}
.tooltip--walda .tooltip__deco {
width: 4px;
height: 100%;
background: #141514;
transform-origin: 50% 100%;
}
.tooltip--gram .tooltip__base {bottom: -0.5em}
.path-narvi {transform-origin: 200px 150px}
.tooltip--narvi .tooltip__content {width: 80%}
.path-amras-1 {transform-origin: 115px 111px}
.path-amras-2 {transform-origin: 204px 107px}
.path-amras-3 {transform-origin: 279px 66px}
.path-amras-4 {transform-origin: 320px 99px}
.path-amras-5 {transform-origin: 137px 199px}
.path-amras-6 {transform-origin: 222px 217px}
.path-amras-7 {transform-origin: 80px 168px}
.path-amras-8 {transform-origin: 296px 211px}
.path-amras-9 {transform-origin: 310px 167px}
.tooltip--hador .tooltip__base {bottom: 2.25em;margin-left: -115px}
.path-hador-1 {transform-origin: 148px 284px}
.path-hador-2 {transform-origin: 160px 268px}
.path-hador-3 {transform-origin: 171px 246px}
.path-hador-4 {transform-origin: 200px 120px}
.tooltip--hador .tooltip__content {width: 50%;margin: 0 0 2.5em}
.tooltip--malva .tooltip__content {width: 50%}
.tooltip--sadoc .tooltip__base {bottom: 2.5em}
.tooltip--sadoc .tooltip__shape path {stroke: #5a5c5b;stroke-width: 3px} .cz_image_hover_zoom {
display: inline-block;
width: 100%;
overflow: hidden
}
.cz_image_hover_zoom a {
position: relative;
overflow: hidden;
display: block;
border: 0;
border-radius: inherit
}
.cz_img_for_zoom {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 2;
max-width: 4000% !important;
transition: initial !important
}
.cz_dimg {
width: 100%
} .cz_video_popup {
position: relative;
margin: 0 auto
}
.cz_video_inline .cz_vp_c {
overflow: hidden
}
.cz_video_popup img {
margin: 0 auto;
width: 100%
}
.cz_video_popup a {
position: relative;
z-index: 1;
display: block;
border: 0;
overflow: hidden;
border-radius: inherit
}
.cz_video_popup iframe {
position: absolute;
z-index: 0;
left: 0;
top: 0
}
.cz_video_popup .cz_vp_inner {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100px;
color: #fff;
background: #303030;
font-size: 20px;
max-width: 98%;
white-space: nowrap
}
.cz_video_popup h4 {
padding: 0 40px 0 20px;
display: inline-block;
vertical-align: middle;
margin: 0;
font-size: inherit;
font-family: inherit;
color: inherit
}
.rtl .cz_video_popup h4 {padding: 0 20px 0 40px}
.cz_video_popup span {
display: inline-block;
vertical-align: middle;
border: 0;
font-size: 24px;
width: 2em;
height: 2em;
line-height: 2em;
padding: 22px;
color: #000;
text-align: center;
background: #fff;
border-radius: 100px;
transform: scale(1.02,1.02);
transition: all .2s ease-in-out
}
.cz_video_popup .fa-play {transform: translateX(10%)}
.cz_video_popup:hover span {transform: scale(1.1, 1.1)}
.close_inline_video {
position: absolute;
top: 10px;
right: 10px;
z-index: 99;
color: #111;
background: #fff;
opacity: .8;
border-radius: 100px;
cursor: pointer;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
transition: all .2s ease-in-out
}
.close_inline_video:hover {opacity: 1}
.cz_video_popup_tl .cz_vp_inner {
top: 30px;
left: 30px;
transform: none
}
.cz_video_popup_tr .cz_vp_inner {
top: 30px;
left: auto;
right: 30px;
transform: none
}
.cz_video_popup_bl .cz_vp_inner {
top: auto;
bottom: 30px;
left: 30px;
transform: none
}
.cz_video_popup_br .cz_vp_inner {
top: auto;
left: auto;
right: 30px;
bottom: 30px;
transform: none
} .cz_text_marquee {
direction: ltr;
position: relative;
overflow: hidden;
width: 100%;
font-size: 20px
} .cz_hotspot {
position: absolute;
z-index: 90
}
.cz_hotspot:hover {z-index: 99}
.cz_hotspot_circle {
position: relative;
text-align: center;
cursor: pointer;
border-radius: 100%;
padding: 10px;
font-size: 20px;
background: #111;
color: #fff
}
.cz_hotspot_circle i {
display: block;
width: 1em;
height: 1em;
line-height: 1em
}
.cz_hotspot_circle .cz_hotspot_number {
font-style: normal
}
.cz_hotspot_circle .cz_hotspot_image {
width: auto;
height: auto
}
.cz_hotspot_circle:hover {
transform: scale(1.1)
}
.cz_hotspot_pulse {
transform: translateZ(0);
animation-name: cz_hotspot_pulsate;
animation-duration: inherit;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@keyframes cz_hotspot_pulsate {
0% {transform: scale(.9);opacity: .5}
50% {opacity: 1}
100% {transform: scale(1.1);opacity: .5}
}
.cz_hotspot_waves > div:before {
content: '';
position: absolute;
height: calc(100% - 2px);
width: calc(100% - 2px);
border: 1px solid;
border-color: inherit;
border-radius: inherit;
left: 0;
top: 0;
transform: translateZ(0);
animation-name: cz_hotspot_waves;
animation-duration: inherit;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@keyframes cz_hotspot_waves {
0% {transform: scale(1, 1);opacity: 1}
25% {transform: scale(1.2, 1.2);opacity: .7}
50% {transform: scale(1.4, 1.4);opacity: .5}
75% {transform: scale(1.6, 1.6);opacity: .2}
100% {transform: scale(1.8, 1.8);opacity: 0}
}
.cz_hotspot_content {
position: absolute;
padding: 20px;
visibility: hidden;
width: 200px;
opacity: 0;
z-index: 2;
background: #fff;
border-radius: 2px;
box-shadow: 0 0 35px rgba(50, 50, 93, .01), 0 5px 15px rgba(0, 0, 0, .05);
transition: all .2s ease-in-out
}
.cz_hotspot_content p {margin-bottom:0}
.cz_hotspot:hover .cz_hotspot_content, 
.cz_hotspot_always_open .cz_hotspot_content {
visibility: visible;
opacity: 1
}
.cz_hotspot_top {
top: 0;
left: 50%;
transform: translate(-50%, calc(-100% - 14px))
}
.cz_hotspot_right {
top: 50%;
right: 0;
transform: translate(calc(100% + 18px), -50%)
}
.cz_hotspot_bottom {
bottom: 0;
left: 50%;
transform: translate(-50%, calc(100% + 14px))
}
.cz_hotspot_left {
top: 50%;
left: 0;
transform: translate(calc(-100% - 18px), -50%)
}
.cz_hotspot_tr {transform: translate(0, calc(-100% - 15px))}
.cz_hotspot_tl {transform: translate(-101%, calc(-100% - 15px))}
.cz_hotspot_br {transform: translate(0, calc(100% + 15px))}
.cz_hotspot_bl {transform: translate(-101%, calc(100% + 15px))}
.cz_hotspot_ripple {
border-radius: 100%;
transform: translateZ(0);
animation: cz_ripple .8s linear infinite
}
@keyframes cz_ripple {
0% {box-shadow: 0 4px 10px rgba(102, 102, 102, .1), 0 0 0 0 rgba(102, 102, 102, .1), 0 0 0 5px rgba(102, 102, 102, .1), 0 0 0 10px rgba(102, 102, 102, .1)}
100% {box-shadow: 0 4px 10px rgba(102, 102, 102, .1), 0 0 0 5px rgba(102, 102, 102, .1), 0 0 0 10px rgba(102, 102, 102, .1), 0 0 0 20px rgba(102, 102, 102, 0)}
} .cz_counter .cz_svg_bg:before {
z-index: -1
}
.cz_counter > div > span {
font-size: 30px
}
.cz_counter.cz_1row .cz_counter_before {
margin: 0 10px 0 0
}
.cz_counter.cz_1row .cz_counter_after,
.rtl .cz_counter.cz_1row .cz_counter_before {
margin: 0 0 0 10px
}
.rtl .cz_counter.cz_1row .cz_counter_after {
margin: 0 10px 0 0
}
.cz_counter.cz_2rows > div > span {
display: block;
clear:both;
line-height: initial
}
.cz_counter.cz_2rows.tac > div > span {
margin: 0 auto
}
.cz_counter .cz_counter_num_wrap{
display: inline-block;
line-height: initial;
font-size: 48px;
font-weight: 700
}
.cz_counter .cz_counter_num_wrap i {
position: relative;
font-style: normal
} .cz_svg_bg {
position: relative;
overflow: visible;
max-width: 100%
}
.cz_svg_bg:before {
display: block;
content: '';
position: absolute;
left: -40px;
top: 40px;
visibility: visible;
width: 100%;
height: 100%;
z-index: 0
} .gmap {width:100%;height:300px}
.gmap > div {overflow: hidden}
.infowindow {color: #111} .cz_lrpr {
position: relative;
text-align: center;
margin: 0 auto;
min-width: 100px;
max-width: 320px
}
.cz_vl #cz_r,.cz_vl #cz_pr,.cz_vr #cz_l,.cz_vr #cz_pr,.cz_vpr #cz_l,.cz_vpr #cz_r {
display: none
}
.cz_lrpr p {margin: 0}
.cz_lrpr img {
display: block;
margin: 0 auto 20px;
border-radius: 100%
}
.cz_lrpr a {
font-size: 14px;
margin: 10px 0 0;
display: block
}
.cz_lrpr input {
margin: 0 0 10px;
display: block;
width: 100%
}
.cz_lrpr input[type="checkbox"] {
display: inline-block
}
.cz_lrpr input[type="submit"] {
margin: 30px 0 20px
}
.cz_msg {
display: none;
background: rgba(255, 0, 0, .05);
color: #f00;
padding: 15px 20px;
border-radius: 3px;
margin: 15px 0;
}
input.cz_loader {
position: relative;
font-size: 0 !important;
width: 30px !important;
height: 30px !important;
padding: 0 !important;
border-radius: 100% !important;
transform: translateX(-50%) !important;
box-shadow: none !important;
left: 45% !important;
margin-right: 0 !important;
margin-left: 0 !important;
background: none !important;
border: 2px solid rgba(167, 167, 167, .3);
border-right-color: #111;
transition: none !important;
transform: translateZ(0);
animation: rotateInfinite .6s linear infinite !important
}
.rtl input.cz_loader {left: auto !important;right: 45% !important} .cz_process_road {
position: relative;
height: 200px;
border-color: #111;
border-style: solid
}
.cz_process_road_a,.cz_process_road_b {
border: 0;
position: absolute;
right: -1px;
top: -1px;
width: 50%;
height: 50%;
border-bottom: 2px solid;
border-style: inherit !important;
border-color: inherit !important
}
.cz_process_road_b {
border: 0;
border-left: 2px solid;
top: 50%;
}
.cz_road_0px .cz_process_road_a {border-bottom-width: 0}
.cz_road_0px .cz_process_road_b {border-left-width:0}
.cz_road_1px .cz_process_road_a {border-bottom-width: 1px}
.cz_road_1px .cz_process_road_b {border-left-width: 1px}
.cz_road_3px .cz_process_road_a {border-bottom-width: 3px}
.cz_road_3px .cz_process_road_b {border-left-width: 3px}
.cz_process_road i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
background: #111;
color: #fff;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
border: 2px solid transparent;
font-style: normal;
font-size: 22px;
transition: all .2s ease-in-out
}
[class*='cz_road_icon_rhombus'] i {
transform: translate(-50%,-50%) rotate(45deg);
}
.cz_road_icon_rhombus_2 i {
border-radius: 10px
}
.cz_road_icon_rhombus_3 i {
transform: translate(-50%,-120%) rotate(45deg);
border-radius: 100% 100% 0 100%;
}
[class*='cz_road_icon_rhombus'] i:before,
[class*='cz_road_icon_rhombus'] span,
[class*='cz_road_icon_rhombus'] img {
display: block;
transform: rotate(-45deg)
}
.cz_process_road b {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
[class*='cz_road_icon_rhombus'] b {
transform: translate(-50%, -50%)
}
.cz_road_tb .cz_process_road_a {
border: 0;
border-left: 2px solid
}
.cz_road_lr .cz_process_road_b {
border: 0;
border-bottom: 2px solid;
top: -1px;
left: 0;
right: auto
}
.cz_road_1px.cz_road_lr .cz_process_road_b {border-bottom-width: 1px}
.cz_road_3px.cz_road_lr .cz_process_road_b {border-bottom-width: 3px}
.cz_road_lb .cz_process_road_a {
right: auto;
left: 0
}
.cz_road_tr .cz_process_road_b, 
.cz_road_tl .cz_process_road_b {
top: 0
}
.cz_road_tl .cz_process_road_a {
right: auto;
left: 0
}
.cz_road_cr .cz_process_road_b,
.cz_road_cl .cz_process_road_b,
.cz_road_ct .cz_process_road_a,
.cz_road_cb .cz_process_road_a {
display: none
}
.cz_road_vr .cz_process_road_b,.cz_road_vl .cz_process_road_b,.cz_road_crs .cz_process_road_b{height: 100%;top: 0}
.cz_road_hu .cz_process_road_a,.cz_road_hd .cz_process_road_a,.cz_road_crs .cz_process_road_a{width: 100%} .cz_separator, .cz_sep {
padding:0;
margin:0;
position: relative;
text-align: center
}
.cz_sep svg {
display: block;
margin: -1px;
transform: scale(1.1)
}
.cz_sep_rotate {transform: rotate(180deg)}
.cz_sep_rotatex {transform: rotateX(180deg)}
.cz_sep_rotatey {transform: rotateY(180deg)}
.cz_separator:before,.cz_separator:after{
content: "";
pointer-events: none;
position: absolute
}
.cz_sep_1:before,.cz_sep_2:before{
display: block;
position: absolute;
content: '';
width: 100px;
height: 100px;
top: -50px;
left: 50%;
margin-left: -50px;
background-color: #fff;
transform: rotate(45deg);
z-index: 1
}
.cz_sep_1{
padding: 75px 0 0 0;
overflow: hidden
}
.cz_sep_2:before{
top: auto;
bottom: -50px
}
.cz_sep_2{
padding: 0 0 75px 0
}
.cz_sep_3,.cz_sep_4{
margin: 100px 0 0;
padding: 45px 0
}
.cz_sep_3:before,.cz_sep_3:after,
.cz_sep_4:before,.cz_sep_4:after{
background: inherit;
height: 75%;
left: -25%;
top: 0;
transform: rotate(-2deg);
transform-origin: 0 0 0;
width: 150%;
z-index: -1
}
.cz_sep_3:before,.cz_sep_4:before{
height: 50%;
transform: rotate(-3deg);
transform-origin: 3% 0 0
}
.cz_sep_4:before,.cz_sep_4:after{
transform: rotate(2deg);
transform-origin: 85% 0 0
}
.cz_sep_4:before{
transform: rotate(3deg);
transform-origin: 85% 0 0
}
.cz_sep_5,.cz_sep_6{
margin: 60px 0 0;
padding: 30px 0
}
.cz_sep_5:before,.cz_sep_6:before{
background: inherit;
border-radius: 50%;
height: 100px;
left: 50%;
transform: translateX(-50%);
width: 100px;
z-index: 10
}
.cz_sep_5:before{top:-85px}
.cz_sep_6:before{bottom:-50px}
.cz_sep_8{transform: rotate(180deg)}
.cz_sep_9{line-height: 0}
.cz_sep_10{transform: rotate(180deg);line-height: 0}
.cz_sep_11 {margin:70px 0 0}
.cz_sep_12:before, .cz_sep_12:after,
.cz_sep_11:before, .cz_sep_11:after {
top: -70px;
left: 0;
z-index: 10;
width: 50%;
height: 70px;
background: inherit
}
.cz_sep_12:before,.cz_sep_11:before {
border-radius: 0 80px 0 0
}
.cz_sep_12:after,.cz_sep_11:after {
left: 50%;
border-radius: 80px 0 0 0
}
.cz_sep_12{
transform: rotate(180deg);
margin:-1px 0 70px 0;
padding-top: 1px
}
.vc_element.vc_cz_separator .cz_sep_12:before,
.vc_element.vc_cz_separator .cz_sep_12:after{
top: -40px;
height: 80px
}
.cz_sep_13,.cz_sep_14 {
background-position: 50% center;
display: block;
left: 0;
right: 0;
z-index: 10;
padding-bottom:1%
}
.cz_sep_14 {transform: rotate(180deg);padding-top:1%;padding-bottom: 0}
.cz_sep_15,.cz_sep_16{
padding:100px 0 0;
overflow: hidden
}
.cz_sep_15:before,
.cz_sep_15:after,
.cz_sep_16:before,
.cz_sep_16:after {
border-radius: 50%;
height: 200px;
top: -100px;
transform: rotate(45deg);
width: 200px
}
.cz_sep_15:before {left: -100px}
.cz_sep_15:after {right: -100px}
.cz_sep_16:before {left: -100px;top:0}
.cz_sep_16:after {right: -100px;top:0}
.cz_sep_17 ,.cz_sep_18{
margin: 0;
padding: 36px 0 0;
overflow: hidden
}
.cz_sep_17:before, .cz_sep_17:after,.cz_sep_18:before, .cz_sep_18:after {
height: 50px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 50px
}
.cz_sep_17:before,.cz_sep_18:before{
background: inherit;
box-shadow: -50px 50px 0 #3498db, 50px -50px 0 #3498db;
top: 11px
}
.cz_sep_18{
transform: rotate(180deg)
}
.cz_sep_19:before,.cz_sep_20:before {
top: 0
}
.cz_sep_19:before, .cz_sep_19:after,
.cz_sep_20:before, .cz_sep_20:after {
left: 0;
width: 100%
}
.cz_sep_21:before,.cz_sep_22:before {
content: "";
display: block;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.cz_sep_23{line-height: 0}
.cz_sep_24{
transform: rotate(180deg);
line-height: 0
} .cz_words-wrapper {
display: inline-block;
position: relative;
text-align: left;
margin:0 10px
}
.cz_words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
font-weight: inherit
}
.cz_words-wrapper b.is-visible {
position: static
}
.no-js .cz_words-wrapper b {opacity: 0}
.no-js .cz_words-wrapper b.is-visible {opacity: 1}
.cz_headline b {
width: 100%;
text-align: center
}
.cz_headline.rotate-1 .cz_words-wrapper {
perspective: 300px
}
.cz_headline.rotate-1 b {
opacity: 0;
transform-origin: 50% 100%;
transform: rotateX(180deg)
}
.cz_headline.rotate-1 b.is-visible {
opacity: 1;
transform: rotateX(0deg) translateZ(0);
animation: cz_rotate-1-in 1.2s forwards
}
.cz_headline.rotate-1 b.is-hidden {
transform: rotateX(180deg) translateZ(0);
animation: cz_rotate-1-out 1.2s forwards
}
@keyframes cz_rotate-1-in {
0% {transform: rotateX(180deg);opacity: 0}
35% {transform: rotateX(120deg);opacity: 0}
65% {opacity: 0}
100% {transform: rotateX(360deg);opacity: 1}
}
@keyframes cz_rotate-1-out {
0% {transform: rotateX(0deg);opacity: 1}
35% {transform: rotateX(-40deg);opacity: 1}
65% {opacity: 0}
100% {transform: rotateX(180deg);opacity: 0}
}
.cz_headline.type .cz_words-wrapper {
vertical-align: top;
overflow: hidden
}
.cz_headline.type .cz_words-wrapper:after {
content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #aebcb9
}
.rtl .cz_headline.type .cz_words-wrapper:after {
left: 0;
right: auto
}
.cz_headline.type .cz_words-wrapper.waiting:after {
transform: translateZ(0);
animation: cz_pulse 1s infinite
}
.cz_headline.type .cz_words-wrapper.selected {
background-color: #333
}
.cz_headline.type .cz_words-wrapper.selected:after {
visibility: hidden
}
.cz_headline.type .cz_words-wrapper.selected b {
color: #eee
}
.cz_headline.type b {
visibility: hidden;
width: auto
}
.cz_headline.type b.is-visible {
visibility: visible
}
.cz_headline.type i {
position: absolute;
visibility: hidden;
font-style: normal
}
.cz_headline.type i.in {
position: relative;
visibility: visible
}
@keyframes cz_pulse {
0% {transform: translateY(-50%) scale(1);opacity: 1}
40% {transform: translateY(-50%) scale(.9);opacity: 0}
100% {transform: translateY(-50%) scale(0);opacity: 0}
}
.cz_headline.rotate-2 .cz_words-wrapper {
perspective: 300px
}
.cz_headline.rotate-2 i, .cz_headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_headline.rotate-2 b {
opacity: 0
}
.cz_headline.rotate-2 i {
transform-style: preserve-3d;
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
font-style: normal
}
.is-visible .cz_headline.rotate-2 i {
opacity: 1
}
.cz_headline.rotate-2 i.in {
animation: cz_rotate-2-in .4s forwards
}
.cz_headline.rotate-2 i.out {
animation: cz_rotate-2-out .4s forwards
}
.cz_headline.rotate-2 em {
transform: translateZ(20px);
font-style: normal;
font-weight: normal
}
.no-csstransitions .cz_headline.rotate-2 i {
transform: rotateX(0deg);
opacity: 0
}
.no-csstransitions .cz_headline.rotate-2 i em {
transform: scale(1)
}
.no-csstransitions .cz_headline.rotate-2 .is-visible i {
opacity: 1
}
@keyframes cz_rotate-2-in {
0% {opacity: 0;transform: translateZ(-20px) rotateX(90deg)}
60% {opacity: 1;transform: translateZ(-20px) rotateX(-10deg)}
100% {opacity: 1;transform: translateZ(-20px) rotateX(0deg)}
}
@keyframes cz_rotate-2-out {
0% {opacity: 1;transform: translateZ(-20px) rotateX(0)}
60% {opacity: 0;transform: translateZ(-20px) rotateX(-100deg)}
100% {opacity: 0;transform: translateZ(-20px) rotateX(-90deg)}
}
.cz_headline.loading-bar span {
display: inline-block;
padding: .2em 0
}
.cz_headline.loading-bar .cz_words-wrapper {
overflow: hidden;
vertical-align: top
}
.cz_headline.loading-bar .cz_words-wrapper:after {
content: '';
position: absolute;
left: 0;
bottom: 10px;
height: 2px;
width: 0;
background: rgba(125,125,125,.5);
z-index: 2;
transition: width .3s -0.1s
}
.cz_headline.loading-bar .cz_words-wrapper.is-loading:after {
width: 100%;
transition: width 3s
}
.cz_headline.loading-bar b {
top: .2em;
opacity: 0;
transition: opacity .3s
}
.cz_headline.loading-bar b.is-visible {
opacity: 1;
top: 0
}
.cz_headline.slide span {
display: inline-block;
padding: .2em 0
}
.cz_headline.slide .cz_words-wrapper {
overflow: hidden;
vertical-align: top
}
.cz_headline.slide b {
opacity: 0;
top: .2em
}
.cz_headline.slide b.is-visible {
top: 0;
opacity: 1;
animation: slide-in .6s forwards
}
.cz_headline.slide b.is-hidden {
animation: slide-out .6s forwards
}
@keyframes slide-in {
0% {opacity: 0;transform: translateY(-100%)}
60% {opacity: 1;transform: translateY(20%)}
100% {opacity: 1;transform: translateY(0)}
}
@keyframes slide-out {
0% {opacity: 1;transform: translateY(0)}
60% {opacity: 0;transform: translateY(120%)}
100% {opacity: 0;transform: translateY(100%)}
}
.cz_headline.clip span {
display: inline-block;
padding: .2em 0
}
.cz_headline.clip .cz_words-wrapper {
overflow: hidden;
vertical-align: top
}
.cz_headline.clip .cz_words-wrapper:after {
content: '';
position: absolute;
top: 20%;
right: 0;
width: 0;
height: 60%;
background-color: rgba(125,125,125,.7)
}
.cz_headline.clip b {
opacity: 0;
width: auto
}
.cz_headline.clip b.is-visible {
opacity: 1
}
.cz_headline.zoom .cz_words-wrapper {perspective: 300px}
.cz_headline.zoom b {opacity: 0}
.cz_headline.zoom b.is-visible {opacity: 1;animation: zoom-in .8s forwards}
.cz_headline.zoom b.is-hidden {animation: zoom-out .8s forwards}
@keyframes zoom-in {
0% {opacity: 0;transform: translateZ(100px)}
100% {opacity: 1;transform: translateZ(0)}
}
@keyframes zoom-out {
0% {opacity: 1;transform: translateZ(0)}
100% {opacity: 0;transform: translateZ(-100px)}
}
.cz_headline.rotate-3 .cz_words-wrapper {
perspective: 300px
}
.cz_headline.rotate-3 b {
opacity: 0
}
.cz_headline.rotate-3 i {
display: inline-block;
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal
}
.is-visible .cz_headline.rotate-3 i {
transform: rotateY(0deg)
}
.cz_headline.rotate-3 i.in {
animation: cz_rotate-3-in .6s forwards
}
.cz_headline.rotate-3 i.out {
animation: cz_rotate-3-out .6s forwards
}
.no-csstransitions .cz_headline.rotate-3 i {
transform: rotateY(0deg);
opacity: 0
}
.no-csstransitions .cz_headline.rotate-3 .is-visible i {
opacity: 1
}
@keyframes cz_rotate-3-in {
0% {transform: rotateY(180deg)}
100% {transform: rotateY(0deg)}
}
@keyframes cz_rotate-3-out {
0% {transform: rotateY(0)}
100% {transform: rotateY(-180deg)}
}
.cz_headline.scale b {
opacity: 0
}
.cz_headline.scale i {
display: inline-block;
opacity: 0;
transform: scale(0);
font-style: normal
}
.is-visible .cz_headline.scale i {
opacity: 1
}
.cz_headline.scale i.in {
animation: scale-up .6s forwards
}
.cz_headline.scale i.out {
animation: scale-down .6s forwards
}
.no-csstransitions .cz_headline.scale i {
transform: scale(1);
opacity: 0
}
.no-csstransitions .cz_headline.scale .is-visible i {
opacity: 1
}
@keyframes scale-up {
0% {transform: scale(0);opacity: 0}
60% {transform: scale(1.2);opacity: 1}
100% {transform: scale(1);opacity: 1}
}
@keyframes scale-down {
0% {transform: scale(1);opacity: 1}
60% {transform: scale(0);opacity: 0}
}
.cz_headline.push b {
opacity: 0
}
.cz_headline.push b.is-visible {
opacity: 1;
animation: push-in .6s forwards
}
.cz_headline.push b.is-hidden {
animation: push-out .6s forwards
}
@keyframes push-in {
0% {opacity: 0;transform: translateX(-100%)}
60% {opacity: 1;transform: translateX(10%)}
100% {opacity: 1;transform: translateX(0)}
}
@keyframes push-out {
0% {opacity: 1;transform: translateX(0)}
60% {opacity: 0;transform: translateX(110%)}
100% {opacity: 0;transform: translateX(100%)}
} .cz_product-viewer-wrapper {
text-align: center;
padding: 2em 0
}
.cz_product-viewer-wrapper > div {
display: inline-block;
width:100%
}
.cz_product-viewer-wrapper .product-viewer {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden
}
.cz_product-viewer-wrapper img {
display: block;
position: relative;
z-index: 1
}
.cz_product-viewer-wrapper .product-sprite {
position: absolute;
z-index: 2;
top: 0;
left: 0;
height: 100%;
background-size: 100%;
opacity: 0;
transition: opacity .3s
}
.cz_product-viewer-wrapper.loaded .product-sprite {
opacity: 1;
cursor: ew-resize
}
.cz_product-viewer-handle {
position: relative;
z-index: 2;
width: 60%;
max-width: 300px;
border-radius: 50em;
margin: 1em auto 3em;
height: 4px;
background: #aaa
}
.cz_product-viewer-handle .fill {
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: inherit;
background: #ddd;
transform: scaleX(0);
transform-origin: left center;
transition: transform .5s
}
.no-csstransitions .cz_product-viewer-handle .fill {
display: none
}
.loaded .cz_product-viewer-handle .fill {
opacity: 0;
transition: transform .3s, opacity .2s .3s
}
.cz_product-viewer-handle .handle {
position: absolute;
z-index: 2;
display: inline-block;
height: 2.4em;
width: 2.4em;
line-height: 2.4em;
left: 0;
top: 50%;
background: #999;
color: #fff;
border-radius: 50%;
white-space: nowrap;
overflow: hidden;
transform: translate(-50%,-50%) scale(0);
transition: box-shadow .2s
}
.loaded .cz_product-viewer-handle .handle {
transform: translate(-50%,-50%) scale(1);
animation: cz_bounce .3s forwards;
animation-fill-mode: both;
cursor: ew-resize
}
@keyframes cz_bounce {
0% {transform: translate(-50%,-50%) scale(0)}
60% {transform: translate(-50%,-50%) scale(1.1)}
100% {transform: translate(-50%,-50%) scale(1)}
} .services {position:relative;transition:all .4s ease-in-out} 
.services.services_padding {padding:15px 25px 25px}       
.services.services_padding i {left:25px;top:25px}
.services_b.services_padding i {left:0;top:15px}
.services i {
position:absolute;
left:0;
top:10px;
display: table;
transition:all .2s ease-in-out;
font-size: 2em;
line-height: 2em;
width: 2em;
height: 2em;
padding: 0;
text-align:center
}
.services div.service_text {
padding-left: 100px;
display: block;
word-break: normal;
transition: all .2s ease-in-out
}
.rtl .services div.service_text {padding-right:100px;padding-left:0}
.services .service_custom i{position: relative;top:0}
.services.left .service_custom{float: left}
.rtl .services.left .service_custom {float: right}
.services.right .service_custom{float: right}
.rtl .services.right .service_custom {float: left}
.services_b .service_custom{display: inline-block;margin: 0 0 20px}
.services h3 {
border-bottom: 4px solid #F1F1F1;
display: inline-block;
padding: 0 0 8px;
transition: all .2s ease-in-out
}
.services a.btn {
float: right;
margin: 20px 0 0
}
.services.right i {
left: auto;
right: 0
}
.services.right div.service_text {
padding-left: 0;
padding-right: 100px;
text-align: right
}
.rtl .services.right div.service_text {
padding-left: 100px;
padding-right: 0;
text-align: left
}
.services_b {
text-align: center;
padding: 25px 10px;
box-sizing: border-box
}
div.services.services_b div.service_text {
padding-left: 0
}
.services_b h3 {
border-bottom:0;
margin-bottom: 0
}
.services_b i {
text-align: center;
position: relative;
top: -10px;
font-size:18px
}
.rtl .services_b i {
display: inline-block
}
.services_b span.bar {
background-color:#F1F1F1;
display: block;
height: 4px;
margin: 10px auto 20px;
width: 50px;
transition:all .2s ease-in-out
}
.services_b:hover span.bar {width:200px}
.services_b i{
position:relative;
left: 50%;
transform: translateX(-50%)
}
.services_b a.btn {
float: none;
margin: 20px 0 0 !important
}
.services_b p, .services p{
line-height: inherit
}
.services_b .service_img {
float: none !important;
display: table;
margin: 0 auto 20px
}
.service_img {
float: left;
margin: 10px 20px 0 0;
text-align: center;
width: 80px
}
.rtl .service_img {
float: right;
margin: 10px 0 0 20px
}
.services.right .service_img{
float:right;
margin:10px 0 0 20px
}
.rtl .services.right .service_img{
float: left;
margin:10px 20px 0 0
}
.service_img img{
margin: 0 auto;
display: table;
max-width: 80px
}
.services_b .service_img img {
max-width:100%
}
.rtl .services_b .service_img{
margin-right:auto !important;
margin-left:auto !important
}
.services > div {
transition: all .2s ease-in-out
}
.services .services_img_have_hover img {
position: relative;
width: inherit;
opacity: 1;
transition: opacity .2s ease-in-out
}
.services .services_img_have_hover img:last-child,
.services:hover .services_img_have_hover img:first-child {
opacity: 0
}
.services .services_img_have_hover img:last-child {
position: absolute;
transform: translateY(-100%)
}
.services:hover .services_img_have_hover img:last-child {
opacity: 1 !important
}
.service_number {
margin: 0;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center
}
.services_b i.cz_sb_sep_icon{
width: 100%;
text-align: center;
animation: none;
height: 1.5em;
line-height: 1.5em;
font-size: 1.5em;
}
.rtl .services_b div.service_text {
padding:0
}
.service_text .cz_wpe_content {
overflow-wrap: initial
} .cz_hexagon {
position: absolute;
width: 82px; 
height: 47.34px;
margin: 23.67px 0;
padding: 0;
text-align: center;
background: none;
border: 0;
border-left: solid 3.5px;
border-right: solid 3.5px
}
.cz_hexagon:before, .cz_hexagon:after {
content: "";
position: absolute;
background: inherit !important;
border-color: inherit !important;
z-index: 1;
left: 10px;
width: 57px;
height: 58px;
transform: scaleY(.5774) rotate(-45deg)
}
.cz_hexagon i {
position: relative;
border:none;
width: 100%;
height: 100%;
font-size: 36px;
line-height: 36px;
margin: 0;
padding: 0;
top: 5px;
z-index: 9;
left:auto;
vertical-align: middle;
transform: none
}
.services_b .cz_hexagon i {
top: 3px
}
.cz_hexagon:before {
top: -31.5px;
border-top: solid 4.8px;
border-right: solid 4.8px
}
.cz_hexagon:after {
bottom: -31.5px;
border-bottom: solid 4.8px;
border-left: solid 4.8px
}
.services_b .cz_hexagon{position: relative;margin:40px auto}
.services.style9 div.service_text{padding-left: 110px}
.services.right .cz_hexagon{right:0}
.services.style9.right div.service_text {padding-right: 110px}
.cz_sbi_fx_0:hover .service_custom, .cz_sbi_fx_0:hover .service_img {animation: socialZoomOut .4s forwards}
.cz_sbi_fx_1:hover .service_custom, .cz_sbi_fx_1:hover .service_img {animation: socialZoomIn .3s forwards}
.cz_sbi_fx_2:hover .service_custom, .cz_sbi_fx_2:hover .service_img {animation: socialFxB .3s forwards}
.cz_sbi_fx_3:hover .service_custom, .cz_sbi_fx_3:hover .service_img {animation: socialFxC .3s forwards}
.cz_sbi_fx_4:hover .service_custom, .cz_sbi_fx_4:hover .service_img {animation: socialFxD .3s forwards}
.cz_sbi_fx_5:hover .service_custom, .cz_sbi_fx_5:hover .service_img {animation: socialFxE .3s forwards}
.cz_sbi_fx_6:hover .service_custom, .cz_sbi_fx_6:hover .service_img {animation: socialFxF .4s forwards}
.cz_sbi_fx_7a:hover .service_custom, .cz_sbi_fx_7a:hover .service_img {transform: translateZ(0);animation: wobble .5s forwards}
.cz_sbi_fx_7:hover .service_custom, .cz_sbi_fx_7:hover .service_img {transform: translateZ(0);animation: wobble .5s infinite}
.cz_sbi_fx_8a:hover .service_custom, .cz_sbi_fx_8a:hover .service_img {transform: translateZ(0);animation: flash .5s forwards}
.cz_sbi_fx_8:hover .service_custom, .cz_sbi_fx_8:hover .service_img {transform: translateZ(0);animation: flash .5s infinite}
.cz_sbi_fx_9a:hover .service_custom, .cz_sbi_fx_9a:hover .service_img {transform: translateZ(0);animation: bounceFX .6s forwards}
.cz_sbi_fx_9:hover .service_custom, .cz_sbi_fx_9:hover .service_img {transform: translateZ(0);animation: bounceFX .6s infinite}
.cz_sbi_fx_10 .service_custom, .cz_sbi_fx_11 .service_custom, 
.cz_sbi_fx_10 .service_img, .cz_sbi_fx_11 .service_img {transition: all .4s ease}
.cz_sbi_fx_10:hover .service_custom, .cz_sbi_fx_10:hover .service_img {transform:rotateY(360deg)}
.cz_sbi_fx_11:hover .service_custom, .cz_sbi_fx_11:hover .service_img {transform:rotateX(360deg)} .cz_banner {
position: relative;
margin: 0 auto;
list-style: none;
text-align: center
}
.cz_banner figure {
position: relative;
float: left;
overflow: hidden;
text-align: center;
cursor: pointer;
width: 100%
}
.cz_banner figure img {
position: relative;
display: block;
width: 100%;
transition: all .3s ease-in-out
}
.cz_banner figure figcaption {
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_banner figure figcaption:before, .cz_banner figure figcaption:after {
pointer-events: none
}
.cz_banner figure figcaption, .cz_banner figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.cz_banner figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0
}
.cz_banner figure h4 {
font-size: 36px;
font-weight: 300
}
.cz_banner figure h4 span {
font-weight: 800
}
.cz_banner figure h4, .cz_banner figure p {
margin: 0
}
figure.effect-style1 img {
max-width: none;
width: calc(100% + 50px);
transform: translate3d(-40px,0,0)
}
.rtl figure.effect-style1 img {
transform: translate3d(40px,0,0)
}
figure.effect-style1 figcaption {
text-align: left
}
.rtl figure.effect-style1 figcaption {
text-align: right
}
figure.effect-style1 figcaption > div {
position: absolute;
bottom: 0;
left: 10%;
width: calc(100% - 20%);
height: 50%
}
figure.effect-style1 h4,figure.effect-style1 p {
transform: translate3d(0,40px,0)
}
figure.effect-style1 h4 {
transition: transform .35s
}
figure.effect-style1 p {
color: rgba(255,255,255,.8);
opacity: 0;
transition: opacity .2s, transform .35s
}
figure.effect-style1:hover p {
opacity: 1
}
figure.effect-style1:hover img,
figure.effect-style1:hover h4,
figure.effect-style1:hover p {
transform: translate3d(0,0,0)
}
figure.effect-style1:hover p {
transition-delay: .05s;
transition-duration: .35s
}
figure.effect-style2 figcaption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, transparent, rgba(0,0,0,.5));
content: '';
opacity: 0;
transform: translate3d(0,50%,0)
}
figure.effect-style2 h4 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transition: transform .35s, color .35s;
transform: translate3d(0,-50%,0)
}
figure.effect-style2 figcaption:before, figure.effect-style2 p {
transition: opacity .35s, transform .35s
}
figure.effect-style2 p {
position: absolute;
bottom: 10%;
left: 0;
width: 100%;
opacity: 0;
transform: translate3d(0,10%,0)
}
figure.effect-style2:hover h4 {
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}
figure.effect-style2:hover figcaption:before,
figure.effect-style2:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style3 figcaption:before,
figure.effect-style3 figcaption:after {
position: absolute;
content: '';
opacity: 0
}
figure.effect-style3 figcaption:before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0, 1);
transform-origin: 0 0
}
figure.effect-style3 figcaption:after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
transform: scale(1,0);
transform-origin: 100% 0
}
figure.effect-style3 h4 {
padding-top: 26%;
transition: transform .35s
}
figure.effect-style3 p {
padding: .5em 2em;
text-transform: none;
opacity: 0;
transform: translate3d(0, -10px, 0)
}
figure.effect-style3 img {
transform: translate3d(0, -30px, 0) scale(1.3)
}
figure.effect-style3 h4 {
transform: translate3d(0, -30px, 0)
}
figure.effect-style3 figcaption:before,
figure.effect-style3 figcaption:after,
figure.effect-style3 p {
transition: opacity .35s, transform .35s
}
figure.effect-style3:hover img {
transform: translate3d(0, 0, 0) scale(1.3)
}
figure.effect-style3:hover figcaption:before,
figure.effect-style3:hover figcaption:after {
opacity: 1;
transform: scale(1)
}
figure.effect-style3:hover h4,
figure.effect-style3:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style3:hover figcaption:after,
figure.effect-style3:hover h4,
figure.effect-style3:hover p {
transition-delay: .15s
}
figure.effect-style4 figcaption {
top: auto;
bottom: 0;
padding: 1em 2em 0;
height: 3em;
background: #fff;
color: #333;
width: calc(100% - 4em);
transition: transform .35s;
transform: translate3d(0, 100%, 0)
}
figure.effect-style4 p {
position: absolute;
bottom: 8em;
color: #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
transition: opacity .35s;
text-align: center;
width: calc(100% - 4em)
}
figure.effect-style4 h4 {
text-align: center;
width: 100%;
transition: transform .35s;
transform: translate3d(0, 200%, 0)
}
figure.effect-style4 h4 {
display: inline-block;
}
figure.effect-style4:hover p {
opacity: 1;
}
figure.effect-style4:hover figcaption,
figure.effect-style4:hover h4 {
transform: translate3d(0, 0, 0)
}
figure.effect-style4:hover h4 {
transition-delay: .05s
}
figure.effect-style5 figcaption {
transition: background-color .35s
}
figure.effect-style5 figcaption:before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: ''
}
figure.effect-style5 h4 {
padding-top: 20%;
transition: transform .35s;
transform: translate3d(0, 0, 0)
}
figure.effect-style5 figcaption:before,
figure.effect-style5 p {
opacity: 0;
transition: opacity .35s, transform .35s;
transform: scale(0)
}
figure.effect-style5 p {
padding: 0 40px;
position: relative;
top: -20px
}
figure.effect-style5:hover h4 {
transform: translate3d(0, -30px, 0)
}
figure.effect-style5:hover figcaption:before,
figure.effect-style5:hover p {
opacity: 1;
transform: scale(1)
}
figure.effect-style6 figcaption {
text-align: right
}
figure.effect-style6 h4,
figure.effect-style6 p {
position: absolute;
right: 50px;
left: 30px;
padding: 10px 0
}
figure.effect-style6 p {
bottom: 30px;
line-height: 1.5;
transform: translate3d(0, 100%, 0)
}
figure.effect-style6 h4 {
top: 30px;
transition: transform .35s;
transform: translate3d(0, 20px, 0)
}
figure.effect-style6:hover h4 {
transform: translate3d(0, 0, 0)
}
figure.effect-style6 h4:after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
transform: translate3d(0, 40px, 0)
}
figure.effect-style6 h4:after,
figure.effect-style6 p {
opacity: 0;
transition: opacity .35s, transform .35s
}
figure.effect-style6:hover h4:after,
figure.effect-style6:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style7 img {
transform: scale(1.15)
}
figure.effect-style7:hover img {
transform: scale(1)
}
figure.effect-style7 h4 {
padding-top: 20%;
transition: transform .35s;
transform: translate3d(0, 40px, 0)
}
figure.effect-style7 p {
margin: 2em 3em 0;
padding: 1em 0;
border: 1px solid #fff;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(0, 30px, 0) scale(1.1)
}
figure.effect-style7:hover h4 {
transform: translate3d(0, 0, 0)
}
figure.effect-style7:hover p {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1)
}
figure.effect-style8 img {
max-width: none;
width: calc(100% + 60px);
transform: translate3d(-50px, 0, 0)
}
.rtl figure.effect-style8 img {
transform: translate3d(50px, 0, 0)
}
figure.effect-style8 figcaption:before {
position: absolute;
top: 40px;
right: 40px;
bottom: 40px;
left: 40px;
border: 1px solid #fff;
content: '';
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(-20px, 0, 0)
}
.rtl figure.effect-style8 figcaption:before {
transform: translate3d(20px, 0, 0)
}
figure.effect-style8 figcaption {
text-align: left
}
.rtl figure.effect-style8 figcaption {
text-align: right
}
figure.effect-style8 figcaption div {
padding-left: 40px
}
figure.effect-style8 h4 {
padding-top: 120px;
transition: transform .35s
}
figure.effect-style8 p {
opacity: 0;
padding-left: 40px;
transition: opacity .35s, transform .35s;
transform: translate3d(-40px, 0, 0)
}
figure.effect-style8:hover img {
transform: translate3d(0, 0, 0)
}
figure.effect-style8:hover figcaption:before,
figure.effect-style8:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style8:hover h4 {
opacity: 1;
transform: translate3d(40px, 0, 0)
}
figure.effect-style9 figcaption:before,
figure.effect-style9 figcaption:after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
transition: opacity .35s, transform .35s
}
figure.effect-style9 figcaption:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0, 1)
}
figure.effect-style9 figcaption:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
transform: scale(1, 0)
}
figure.effect-style9 h4 {
padding-top: 120px;
transition: transform .35s;
transform: translate3d(0, -20px, 0)
}
figure.effect-style9 p {
padding: 10px 2.5em;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(0, 20px, 0)
}
figure.effect-style9:hover figcaption:before,
figure.effect-style9:hover figcaption:after {
opacity: 1;
transform: scale(1)
}
figure.effect-style9:hover h4,
figure.effect-style9:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style10 {
perspective: 1000px
}
figure.effect-style10 img {
transform: translate3d(0, 0, 300px)
}
figure.effect-style10:hover img {
transform: translate3d(0, 0, 0)
}
figure.effect-style10 figcaption:before,
figure.effect-style10 figcaption:after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
transition: opacity .35s, transform .35s;
transform: translate3d(-50%, -50%, 0)
}
figure.effect-style10:hover figcaption:before {
opacity: .5;
transform: translate3d(-50%, -50%, 0) rotate(45deg)
}
figure.effect-style10:hover figcaption:after {
opacity: .5;
transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}
figure.effect-style10 h4,
figure.effect-style10 p {
position: absolute;
top: 53%;
left: 0;
width: 100%;
transition: transform .35s
}
figure.effect-style10 h4 {
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0)
}
figure.effect-style10 p {
transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0)
}
figure.effect-style10:hover h4 {
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0)
}
figure.effect-style10:hover p {
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0)
}
figure.effect-style11 img {
max-width: none;
width: calc(100% + 20px);
transform: translate3d(-10px, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style11:hover img {
transform: translate3d(0, 0, 0)
}
figure.effect-style11 figcaption {
text-align: left;
padding: 30px 50px;
width: calc(100% - 100px)
}
figure.effect-style11 h4 {
position: relative;
overflow: hidden;
padding: .5em 0
}
figure.effect-style11 h4:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
transition: transform .35s;
transform: translate3d(-100%, 0, 0)
}
figure.effect-style11:hover h4:after {
transform: translate3d(0, 0, 0)
}
figure.effect-style11 p {
padding: 1em 0;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(100%, 0, 0)
}
figure.effect-style11:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style12 img {
transform: scale(1.12)
}
figure.effect-style12:hover img {
transform: scale(1)
}
figure.effect-style12 figcaption:before {
position: absolute;
top: 40px;
right: 40px;
bottom: 40px;
left: 40px;
border: 1px solid #fff;
content: '';
transform: scale(1.1)
}
figure.effect-style12 figcaption:before,
figure.effect-style12 p {
opacity: 0;
transition: opacity .35s, transform .35s
}
figure.effect-style12 h4 {
padding: 120px 0 10px 0
}
figure.effect-style12 p {
margin: 0 auto;
max-width: 200px;
transform: scale(1.5)
}
figure.effect-style12:hover figcaption:before,
figure.effect-style12:hover p {
opacity: 1;
transform: scale(1)
}
figure.effect-style13 img {
max-width: none;
width: calc(100% + 60px);
opacity: 1;
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style13:hover img {
transform: translate3d(0, 0, 0) scale(1)
}
figure.effect-style13 h4 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em
}
figure.effect-style13 p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
margin-left: 40px;
margin-top: 40px;
transition: opacity .35s, transform .35s;
transform: translate3d(-40px, 0, 0)
}
figure.effect-style13:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style14 img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style14 figcaption {
text-align: center
}
figure.effect-style14 h4 {
position: relative;
padding: 30px 40px 10px
}
figure.effect-style14 p {
display: inline-block;
margin: auto;
padding: .4em 1em;
background: rgba(255, 255, 255, .9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
transition: opacity .35s, transform .35s;
transform: translate3d(-999px,0,0)
}
figure.effect-style14:hover img {
transform: scale3d(1.1, 1.1, 1)
}
figure.effect-style14:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style15 {
background: #000
}
figure.effect-style15 h4 {
transition: transform .35s
}
figure.effect-style15 img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style15 h4,
figure.effect-style15 p {
position: absolute;
bottom: 0;
left: 0;
padding: 30px
}
.rtl figure.effect-style15 h4, 
.rtl figure.effect-style15 p {
right: 0;
left: auto
}
figure.effect-style15 p {
text-transform: none;
font-size: 90%;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(0, 50px, 0)
}
figure.effect-style15:hover img {
transform: translate3d(0, -80px, 0)
}
figure.effect-style15:hover h4 {
transform: translate3d(0, -80px, 0)
}
figure.effect-style15:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style16 {
background: #fff;
}
figure.effect-style16 img {
transform-origin: 50% 50%
}
figure.effect-style16:hover img {
transform: scale3d(.9, .82, 1)
}
figure.effect-style16 h4 {
transition: transform .35s;
transform: translate3d(0, 20px, 0)
}
figure.effect-style16 p {
opacity: 0;
transition: opacity .35s, transform .35s;
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform-origin: 50% 0%
}
figure.effect-style16:hover h4 {
transform: translate3d(0, 0, 0)
}
figure.effect-style16:hover p {
opacity: 1;
transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}
figure.effect-style17 {
background: #fff;
}
figure.effect-style17 img {
transform: scale3d(1.05, 1.05, 1)
}
figure.effect-style17 figcaption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .5);
content: '';
transition: transform .6s;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -125%, 0)
}
figure.effect-style17 p {
position: absolute;
right: 0;
bottom: 45px;
margin: 45px;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
transition: opacity .35s
}
figure.effect-style17 h4 {
text-align: left;
padding: 30px 40px
}
figure.effect-style17:hover img {
transform: scale3d(1, 1, 1)
}
figure.effect-style17:hover figcaption:before {
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 125%, 0)
}
figure.effect-style17:hover p {
opacity: 1;
transition-delay: .1s
}
figure.effect-style18 figcaption:after,
figure.effect-style18 p {
transition: opacity .35s, transform .35s
}
figure.effect-style18 figcaption:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
transform-origin: 50% 50%
}
figure.effect-style18 h4,
figure.effect-style18 p {
opacity: 1;
transform: scale3d(.8, .8, 1)
}
figure.effect-style18 h4 {
padding-top: 26%;
transition: transform .35s
}
figure.effect-style18 p {
padding: .5em 2em;
text-transform: none;
font-size: .85em;
opacity: 0
}
figure.effect-style18:hover img {
transform: scale3d(1.05, 1.05, 1)
}
figure.effect-style18:hover figcaption:after {
opacity: 1;
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
figure.effect-style18:hover h4,
figure.effect-style18:hover p {
opacity: 1;
transform: scale3d(1, 1, 1)
}
figure.effect-style19 figcaption:before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
content: '';
opacity: 0;
transition: opacity .35s, transform .35s;
transform: scale3d(1.4, 1.4, 1)
}
figure.effect-style19 h4 {
margin: 0;
padding-top: 23%;
transition: transform .35s
}
figure.effect-style19 p {
padding: 0;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: scale(1.5)
}
figure.effect-style19:hover h4 {
transform: scale(.9)
}
figure.effect-style19:hover figcaption:before,
figure.effect-style19:hover p {
opacity: 1;
transform: scale3d(1, 1, 1)
}
figure.effect-style19:hover figcaption {
background-color: rgba(58, 52, 42, 0)
}
figure.effect-style20 img {
margin: -10px 0 0 -10px;
max-width: none;
width: calc(100% + 10px);
transform: translate3d(9px, 10px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style20 figcaption:before,
figure.effect-style20 p {
transition: all .35s
}
figure.effect-style20 figcaption:before {
position: absolute;
right: -100px;
bottom: -100px;
width: 250px;
height: 250px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
content: '';
opacity: 0;
transform: scale3d(.5, .5, 1);
transform-origin: 50% 50%
}
figure.effect-style20:hover img {
transform: translate3d(0, 0, 0)
}
figure.effect-style20 h4 {
text-align: left;
transition: all .35s;
transform: translate3d(10px, 10px, 0);
padding: 20px 30px
}
figure.effect-style20 p {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 1.5em 0;
width: 140px;
text-align: right;
opacity: 0;
transform: translate3d(20px, 20px, 0)
}
figure.effect-style20:hover figcaption:before {
opacity: 1;
transform: scale3d(1, 1, 1)
}
figure.effect-style20:hover h4,
figure.effect-style20:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style21 p {
transition: opacity .35s, transform .35s
}
figure.effect-style21:hover img {
transform: scale3d(2, 2, 1)
}
figure.effect-style21 h4 {
padding-top: 15%;
transition: transform .35s;
transform: scale3d(.8, .8, 1);
transform-origin: 50% 100%
}
figure.effect-style21 p {
position: absolute;
bottom: 30px;
left: 10px;
right: 10px;
margin: 20px;
padding: 20px;
border: 2px solid #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
transform: scale3d(.8, .8, 1);
transform-origin: 50% -100%
}
figure.effect-style21:hover h4,
figure.effect-style21:hover p {
opacity: 1;
transform: scale3d(1, 1, 1)
}
figure.effect-style22 h4 {
font-size: 158.75%
}
figure.effect-style22 h4,
figure.effect-style22 p {
position: absolute;
top: 50%;
left: 50%;
transition: opacity .35s, transform .35s;
transform: translate3d(-50%, -50%, 0);
transform-origin: 50%
}
figure.effect-style22 figcaption:before {
position: absolute;
top: 50%;
left: 50%;
width: 160px;
height: 160px;
border: 2px solid #fff;
content: '';
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
transform-origin: 50%
}
figure.effect-style22 p {
opacity: 0;
width: 150px;
text-transform: none;
line-height: 1
}
figure.effect-style22:hover p {
opacity: 1;
}
figure.effect-style22:hover figcaption:before {
opacity: 1;
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}
figure.effect-style22:hover h4 {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1)
} .cz_timeline_container {
direction: ltr;
width: 95%;
max-width: 1170px;
margin: 0 auto
}
.cz_timeline_container:after {
content: '';
display: table;
clear: both
}
.cz_timeline_container {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em
}
.cz_timeline_container:before {
content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #999
}
.cz_a_r.cz_timeline_container:before {
left: auto;
right: 18px;
width: 4px
}
.cz_timeline-block {
position: relative;
margin: 2em 0
}
.cz_timeline-block:after {
content: "";
display: table;
clear: both
}
.cz_timeline-block:first-child {
margin-top: 0
}
.cz_timeline-block:last-child {
margin-bottom: 0
}
.cz_a_r .cz_timeline-i i {
left: auto;
right:0
}
.cz_timeline-i i {
position: absolute;
font-size: 24px;
padding: 8px;
line-height: 2em;
width: 2em;
height: 2em;
text-align: center;
vertical-align: middle;
border-radius: 100%;
transition: all .2s ease-in-out
}
.cz_timeline-content {
position: relative;
margin-left: 80px;
background: #f5f5f5;
border-radius: 5px;
padding: 1.5em 2em
}
.cz_a_r .cz_timeline-content {
margin-left: 0;
margin-right: 80px;
float: none
}
.cz_a_l .cz_timeline-content {
margin-left: 80px
}
.cz_timeline-content:after {
content: "";
display: table;
clear: both
}
.cz_timeline-content .cz_date {
font-size: 13px;
font-size: .8125rem;
display: inline-block;
float: left;
padding: 0;
opacity: .7
}
.cz_a_r .cz_timeline-content .cz_date {
float: right;
padding: 0
}
.cz_timeline-content:before {
content: '';
position: absolute;
top: 31px;
right: 0;
height: 12px;
width: 12px;
background: inherit;
transform: translate(50%, -50%) rotate(45deg);
}
.cz_a_r .cz_timeline-content:before {
right: auto;
left: 100%
}
.cz_a_l .cz_timeline-content:before,
.cz_a_r .cz_timeline-content:before {
top: 24px
}
.cz_a_r .cz_timeline-i i {
left: auto;
right: -12px;
position: absolute;
z-index: 9
}
.cz_a_l .cz_timeline-i i {
right: auto;
left: -12px
}
.cz_a_c .cz_timeline_container {
margin-top: 3em;
margin-bottom: 3em
}
.cz_a_c.cz_timeline_container:before {
left: calc(50% - 2px)
}
.cz_a_c .cz_timeline-block {
margin: 4em 0
}
.cz_a_c .cz_timeline-block:first-child {
margin-top: 0
}
.cz_a_c .cz_timeline-block:last-child {
margin-bottom: 0
}
.cz_timeline-i i {
left: calc(50% - 33px)
}
.cz_a_c .cz_timeline-content {
margin-left: 0;
padding: 30px 35px;
width: 43%;
box-sizing: border-box;
}
.rtl .cz_a_c .cz_timeline-content {
direction: rtl
}
.cz_a_c .cz_timeline-content .cz_date {
position: absolute;
width: 100%;
left: 126%;
top: 16px;
font-size: 16px;
font-size: 1rem
}
.cz_a_c .cz_timeline-block.cz_tl_right .cz_timeline-content {
float: right
}
.cz_a_c .cz_timeline-block.cz_tl_right .cz_timeline-content:before {
left: -13px;
right: auto;
}
.cz_a_c .cz_timeline-block.cz_tl_right .cz_timeline-content .cz_date {
left: auto;
right: 128%;
text-align: right
}
.cz_a_c .cz_timeline-block.cz_tl_center .cz_timeline-content {
margin: 0 auto 140px;
text-align: center;
top: 100px;
width: 100%
}
.cz_a_c .cz_timeline-block.cz_tl_center .cz_timeline-content:before {
left: auto;
right: calc(50% + 1px);
top: 0
}
.cz_a_c .cz_timeline-block.cz_tl_center .cz_timeline-content .cz_date {
left: auto;
position: absolute;
right: 30px;
top: 15px;
width: auto
}
.cz_tl_2 .cz_timeline-i i {border-radius: 0}
.cz_tl_3 .cz_timeline-i i {border-radius: 0;transform: rotate(45deg)}
.cz_tl_3 .cz_timeline-i i:before{transform: rotate(-45deg);margin:0;left: auto;top:auto;display: inline-block}
.cz_tl_3 .cz_timeline-block.cz_tl_right .cz_timeline-content .cz_date {right: 133%}
.cz_tl_3 .cz_timeline-content .cz_date {left: 131%}
.cz_tl_4 .cz_timeline-i i {height: 12px;left:5px;top: 12px;width: 12px}
.cz_a_r.cz_tl_4 .cz_timeline-i i {left:auto; right:6px}
.cz_tl_4 .cz_timeline-i i:before,.cz_tl_5 .cz_timeline-i i:before {display: none}
.cz_a_r.cz_tl_4 .cz_timeline-content,.cz_a_r.cz_tl_5 .cz_timeline-content{margin-right: 60px}
.cz_a_l.cz_tl_4 .cz_timeline-content,.cz_a_l.cz_tl_5 .cz_timeline-content{margin-left: 60px}
.cz_a_c.cz_tl_4 .cz_timeline-i i {left: calc(50% - 15px);top: 24px}
.cz_a_c.cz_tl_4 .cz_timeline-content,.cz_a_c.cz_tl_5 .cz_timeline-content{width: 46%}
.cz_a_c.cz_tl_4 .cz_timeline-block.cz_tl_right .cz_timeline-content .cz_date {right: 115%;top:21px}
.cz_a_c.cz_tl_4 .cz_timeline-content .cz_date {left: 115%;top:21px}
.cz_a_c.cz_tl_4 .cz_timeline-block.cz_tl_center .cz_timeline-content {top: 70px}
.cz_a_c.cz_tl_4 .cz_timeline-block .cz_timeline-content:before{top:38px}
.cz_tl_5 .cz_timeline-i i {height: 6px;left:9px;top:20px;width: 6px;border-radius: 0;transform: rotate(45deg)}
.cz_a_r.cz_tl_5 .cz_timeline-i i {left:auto;right:9px}
.cz_a_c.cz_tl_5 .cz_timeline-i i {left: calc(50% - 12px);top:26px}
.cz_a_c.cz_tl_5 .cz_timeline-block.cz_tl_right .cz_timeline-content .cz_date {right: 115%;top:24px}
.cz_a_c.cz_tl_5 .cz_timeline-content .cz_date {left: 115%;top:24px}
.cz_a_c.cz_tl_5 .cz_timeline-block.cz_tl_center .cz_timeline-content {top: 70px}
.cz_a_c.cz_tl_5 .cz_timeline-block .cz_timeline-content:before{top: 36px}
.cz_tl_left .cz_date {text-align: left}
.cz_a_c .cz_timeline-block.cz_tl_center .cz_timeline-content:before{top: 0px} .cz_2_btn_left {
position: relative;
float: left
}
.cz_2_btn_right {
position: relative;
float: right
}
.cz_2_btn_center {
position: relative;
display: table;
margin:0 auto
}
.cz_2_btn a {
display: inline-block;
vertical-align: middle
}
.cz_2_btn a.btn1 {padding-right: 30px}
.rtl .cz_2_btn a.btn1 {padding-left: 30px}
.cz_2_btn a.btn2 {padding-left: 30px}
.rtl .cz_2_btn a.btn2 {padding-right: 30px}
.cz_2_btn_sep {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
margin: 10px -15px 0
}
.cz_2_btn_sep i{
background: #fff none repeat scroll 0 0;
border: 1px solid transparent;
border-radius: 100%;
display: inline-block;
padding: 10px;
position: relative;
font-size: 20px;
font-style: normal;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
text-align: center
}
.cz_2_btn_sep i:before,.cz_2_btn_sep i span{display: inline-block}
.cz_2_btn_sep.style2 i{border-radius: 0}
.cz_2_btn_sep.style3 i{border-radius: 15px}
.cz_2_btn_sep.style4 i{border-radius:0;transform: rotate(45deg)}
.cz_2_btn_sep.style4 i:before,.cz_2_btn_sep.style4 i span {top: 0;transform: rotate(-45deg)}
.cz_2_btn_sep.style5 i{border-radius: 15px;transform: rotate(45deg)}
.cz_2_btn_sep.style5 i:before,.cz_2_btn_sep.style5 i span {top: 0;transform: rotate(-45deg)}
.cz_2_btn_sep.style6 i{border-radius: 0;transform: skewX(-45deg)}
.cz_2_btn_sep.style6 i:before,.cz_2_btn_sep.style6 i span {top: 0;transform: skewX(45deg)}
.cz_2_btn_sep.style7 i{border-radius: 0;transform: skewX(45deg)}
.cz_2_btn_sep.style7 i:before,.cz_2_btn_sep.style7 i span {top: 0;transform: skewX(-45deg)}
.cz_2_btn_sep.style8 i{border-radius:0 20px}
.cz_2_btn_sep.style9 i{border-radius: 20px 0} .cz_image{
position: relative;
width: 100%
}
.cz_main_image, .cz_image_in {
position: relative;
z-index: 1;
overflow: hidden;
transition: all .2s ease-in-out
}
.cz_image .cz_hover_image {
position:absolute !important;
top:0;
left: 0;
z-index:2;
opacity: 0;
overflow: hidden;
transition: all .3s ease-in-out
}
.cz_main_image, 
.cz_hover_image, 
.cz_image img {
border-radius: inherit
}
.cz_image .cz_op_0 img{opacity:0}
.cz_image .cz_op_100 img{opacity:1}
.cz_image .cz_op_1 img{opacity:.1}
.cz_image .cz_op_2 img{opacity:.2}
.cz_image .cz_op_3 img{opacity:.3}
.cz_image .cz_op_4 img{opacity:.4}
.cz_image .cz_op_5 img{opacity:.5}
.cz_image .cz_op_6 img{opacity:.6}
.cz_image .cz_op_7 img{opacity:.7}
.cz_image .cz_op_8 img{opacity:.8}
.cz_image .cz_op_9 img{opacity:.9}
.cz_image_in:hover .cz_hover_image{opacity: 1}
.cz_image[data-tooltip]:before {
content: attr(data-tooltip);
white-space: nowrap;
background: #111;
color: #fff;
padding: 0 12px;
font-size: 14px;
border-radius: 2px;
position: absolute;
top: -4px;
left: 50%;
transform: translate(-50%, -100%);
opacity: 0;
width: auto;
height: auto;
visibility: hidden;
box-shadow: 0 0 20px rgba(17, 17, 17, .07);
transition: all .2s ease-in-out
}
.cz_image[data-tooltip]:hover:before {
margin-top: -5px;
opacity: 1;
visibility: visible
}
.cz_image_caption {
position: relative;
z-index: 9;
transition: all .2s ease-in-out
} .cz_image_flip_h .cz_image_in,
.cz_image_flip_v .cz_image_in{
perspective: 2500px;
overflow: visible
}
.cz_image_flip_h .cz_image_in .cz_main_image,
.cz_image_flip_v .cz_image_in .cz_main_image {
z-index:9;  
transform: rotateY(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .7s cubic-bezier(.175, .885, .32, 1.275)
}
.cz_image_flip_h:hover .cz_image_in .cz_main_image,
.cz_image_flip_v:hover .cz_image_in .cz_main_image {
z-index: 9;
transform: rotateY(180deg);
}
.cz_image_flip_h .cz_image_in .cz_hover_image,
.cz_image_flip_v .cz_image_in .cz_hover_image {
opacity: 1;
z-index: 8;
transform:rotateY(-180deg);
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .7s cubic-bezier(.175, .885, .32, 1.275)
}
.cz_image_flip_h:hover .cz_image_in .cz_hover_image,
.cz_image_flip_v:hover .cz_image_in .cz_hover_image {
z-index:10;
transform: rotateY(0deg)
}
.cz_image_flip_v .cz_image_in .cz_main_image {transform: rotateX(0deg)}
.cz_image_flip_v:hover .cz_image_in .cz_main_image {transform: rotateX(180deg)}
.cz_image_flip_v .cz_image_in .cz_hover_image {transform:rotateX(-180deg)}
.cz_image_flip_v:hover .cz_image_in .cz_hover_image {transform: rotateY(0deg)}
.cz_image_fade_to_top .cz_main_image, .cz_image_fade_to_top .cz_hover_image,
.cz_image_fade_to_bottom .cz_main_image, .cz_image_fade_to_bottom .cz_hover_image,
.cz_image_fade_to_left .cz_main_image, .cz_image_fade_to_left .cz_hover_image,
.cz_image_fade_to_right .cz_main_image, .cz_image_fade_to_right .cz_hover_image,
.cz_image_zoom_in .cz_main_image, .cz_image_zoom_in .cz_hover_image,
.cz_image_zoom_out .cz_main_image, .cz_image_zoom_out .cz_hover_image,
.cz_image_blurred .cz_main_image, .cz_image_blurred .cz_hover_image {
transition: all .7s cubic-bezier(.175, .885, .32, 1.275)
}
.cz_image_fade_to_top:hover .cz_main_image {transform: translateY(-40px);opacity: 0}
.cz_image_fade_to_top .cz_hover_image {transform: translateY(40px)}
.cz_image_fade_to_top:hover .cz_hover_image {transform: translateY(0px);opacity: 1}
.cz_image_fade_to_bottom:hover .cz_main_image {transform: translateY(40px);opacity: 0}
.cz_image_fade_to_bottom .cz_hover_image {transform: translateY(-40px)}
.cz_image_fade_to_bottom:hover .cz_hover_image {transform: translateY(0px);opacity: 1}
.cz_image_fade_to_left:hover .cz_main_image {transform: translateX(-40px);opacity: 0}
.cz_image_fade_to_left .cz_hover_image {transform: translateX(40px)}
.cz_image_fade_to_left:hover .cz_hover_image {transform: translateY(0px);opacity: 1}
.cz_image_fade_to_right:hover .cz_main_image {transform: translateX(40px);opacity: 0}
.cz_image_fade_to_right .cz_hover_image {transform: translateX(-40px)}
.cz_image_fade_to_right:hover .cz_hover_image {transform: translateY(0px);opacity: 1}
.cz_image_zoom_in:hover .cz_main_image {transform: scale(.9);opacity: 0}
.cz_image_zoom_in .cz_hover_image {transform: scale(.9)}
.cz_image_zoom_in:hover .cz_hover_image {transform: scale(1);opacity: 1}
.cz_image_zoom_out:hover .cz_main_image {transform: scale(1.1);opacity: 0}
.cz_image_zoom_out .cz_hover_image {transform: scale(1.1)}
.cz_image_zoom_out:hover .cz_hover_image {transform: scale(1);opacity: 1}
.cz_image_blurred .cz_main_image {filter: blur(0)}
.cz_image_blurred:hover .cz_main_image {filter: blur(10px);opacity: 0}
.cz_image_blurred .cz_hover_image {filter: blur(10px)}
.cz_image_blurred:hover .cz_hover_image {filter: blur(0);opacity: 1} .compose-mode .page_content [id^=cz_]:hover{outline:dashed 1px #f00}
.compose-mode .page_content .cz_gap{background: repeating-linear-gradient(-45deg, rgba(125,125,125,.2) 1px, rgba(255,255,255,0) 3px, rgba(255,255,255,0) 10px)} .cz_slanted_tr,.cz_slanted_tr_a > a,.cz_slanted_tr_div > div{clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 100%)}
.cz_slanted_tl,.cz_slanted_tl_a > a,.cz_slanted_tl_div > div{clip-path: polygon(0 25%, 101% 0, 100% 100%, 0 100%)}
.cz_slanted_br,.cz_slanted_br_a > a,.cz_slanted_br_div > div{clip-path: polygon(0 0, 101% 0, 100% 75%, 0 100%)}
.cz_slanted_bl,.cz_slanted_bl_a > a,.cz_slanted_bl_div > div{clip-path: polygon(0 0, 101% 0, 100% 100%, 0 75%)}
.cz_slanted_trbl,.cz_slanted_trbl_a > a,.cz_slanted_trbl_div > div{clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 75%)}
.cz_slanted_tlbr,.cz_slanted_tlbr_a > a,.cz_slanted_tlbr_div > div{clip-path: polygon(0 25%, 101% 0, 100% 75%, 0 100%)} #wp-admin-bar-codevz_menu > a.ab-item {
color: #00cbff !important
}
#wp-admin-bar-codevz_menu_maintenance > a {
color: #ff6262 !important;
}
#wpadminbar a img {display: inline-block}
.cz_rel{position: relative}
.z_1{z-index:-1}
.z0{z-index:0}
.z1{z-index:1}
.z2{z-index:2}
.z3{z-index:3}
.z4{z-index:4}
.z5{z-index:5}
.z9{z-index:9}
.z99{z-index:99}
.z999{z-index:999}
.z9999{z-index:9999}
.nicescroll-rails-hr {display: none !important} .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
z-index: auto !important
}
.vc_gitem_row .vc_gitem-col {
padding: 30px 30px 10px !important
}
.vc_gitem-post-data-source-post_excerpt > div {
line-height: 2 !important
}
.vc_gitem-post-data-source-post_title > div {
font-weight: 500 !important
}
.vc_gitem-animate-slideBottom .vc_gitem-zone-b, 
.vc_gitem-animate-slideInLeft .vc_gitem-zone-b {
transition: all .4s ease-in-out !important
}
h2.widgettitle {
font-size: 26px;
margin-bottom: 26px
}
.nicescroll-rails {z-index: 5} .rtl .vc_controls, 
.rtl .sm2-bar-ui {direction: ltr !important} .hide_on_desktop,
.cz_line.hide_on_desktop,
.sm2-bar-ui.hide_on_desktop {
display: none
}
.xtra-icon-loading:after,
.xtra-qv-loading:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 1em;
height: 1em;
line-height: 1em;
border-width: 2px;
border-style: solid;
border-radius: 100% !important;
border-color: rgba(167, 167, 167, .4);
border-right-color: transparent;
transform-origin: center;
animation: rotateInfiniteWoo .6s linear infinite;
}
.xtra-icon-loading i,
.xtra-icon-loading:before {
color: transparent !important
}
.xtra-qv-loading:after,
.xtra-wishlist:after {
width: 2em;
height: 2em
}
.xtra-wishlist.xtra-icon-loading:after {
margin: 30px auto
}
@keyframes rotateInfiniteWoo {
from {transform: translate(-50%,-50%) rotate(0deg)}
to {transform: translate(-50%,-50%) rotate(360deg)}
}