div.tnp-subscription, div.tnp-profile,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
} .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text], 
.tnp-subscription input[type=email], 
.tnp-subscription input[type=submit], 
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text], 
.tnp-profile input[type=email], 
.tnp-profile input[type=submit], 
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox], 
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit 
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
}
.tnp-subscription-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-subscription-minimal input.tnp-email {
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
}
.tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}[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 {
position: relative;
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
} .vc_column_container {
min-height: 5px
}
.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],
footer .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,
.cz_hotspot_bob {
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: 1 !important
}
div[data-tilt] {
transform-style: preserve-3d
}
div[data-tilt]:hover {
z-index: 2
}
a[data-tilt], 
div[data-tilt], 
div[data-tilt] > div, 
div[data-tilt].cz_btn {
transition: none
}
div[data-tilt] .cz_box_front_inner > div, 
div[data-tilt] .cz_box_back_inner > div, 
div[data-tilt].cz_btn span {
transition: all .4s ease
}
div[data-tilt]:hover .cz_box_front_inner > div, 
div[data-tilt]:hover .cz_box_back_inner > div, 
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;
border-radius: inherit;
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;
}
.cz_box_back_inner_position {
box-sizing:border-box
}
.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_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:hover span {opacity: 1}
.cz_btn_txt_no_fx:hover b {opacity: 0}
.cz_btn i {
position: relative;
display: inline-block;
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 img {
transition: all .3s ease-in-out
}
.cz_btn:hover img:first-child,
.cz_btn img:last-child {
opacity: 0
}
.cz_btn img:last-child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.cz_btn:hover img:last-child {
opacity: 1
} .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 img {
margin: 0 auto
}
.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: -1px;
top: 0;
width: 101%;
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 !important
}
.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_center blockquote:after {
z-index: -1
}
.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;
width: inherit;
height: 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;
overflow: visible !important;
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;
-webkit-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 !important
}
.even_odd .slick-slide:nth-child(even) {
margin-top: 30px !important
} 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: all .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_gradient_title.cz_mobile_text_center {
display: block
} .cz_title {
position: relative;
z-index: 1
}
.cz_title_has_bg {
z-index: 2
}
.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 0
}
.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_pos_block .cz_title_content > span {
margin-right: 0 !important;
margin-left: 0 !important
}
.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;
max-width: 120px
}
.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;
word-wrap: initial;
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%)
}
.rtl .cz_title.tac .shape_rhombus, 
.rtl .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;
max-width: 100%
}
.cz_svg svg {
position: relative;
left: -1px;
display: block;
width: calc(100% + 1px);
height: 100%;
}
.rtl .cz_svg svg {
left: auto;
right: -1px
}
.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;
max-width: 80%
}
.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.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
}
header .cz_ticker {
width: 460px
}
.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 {
position: relative;
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: .8em;
display: inline-block
}
.cz_social i {
line-height: inherit
}
[class*="cz_tooltip_"] [data-title] {
position: relative
}
[class*="cz_tooltip_"] [data-title]:after {
position: absolute;
content: attr(data-title);
font-family: "Open Sans", Arial, Helvetica;
font-size: 12px;
font-weight: 500;
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;
white-space: nowrap;
transition: all .2s ease-in-out
}
[class*="cz_tooltip_"] [data-title]:hover:after {
opacity: 1;
visibility: visible;
}
.cz_tooltip_up [data-title]:after {top:-7px;left:50%;transform:translate(-50%, -100%) scale(.8)}
.cz_tooltip_up [data-title]:hover:after {transform:translate(-50%, -100%) scale(1)}
.cz_tooltip_down [data-title]:after {bottom:-7px;left:50%;transform:translate(-50%, 100%) scale(.8)}
.cz_tooltip_down [data-title]:hover:after {transform:translate(-50%, 100%) scale(1)}
.cz_tooltip_right [data-title]:after {right:-7px;top:50%;transform:translate(100%, -50%) scale(.8)}
.cz_tooltip_right [data-title]:hover:after {transform:translate(100%, -50%) scale(1)}
.cz_tooltip_left [data-title]:after {left:-7px;top:50%;transform:translate(-100%, -50%) scale(.8)}
.cz_tooltip_left [data-title]: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,
.cz_social_colored .cz-facebook-f i, .cz_social_colored_hover .cz-facebook-f: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,
.cz_social_colored .cz-linkedin-in i, .cz_social_colored_hover .cz-linkedin-in: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-delicious i, .cz_social_colored_hover .cz-delicious:hover i {color: #0078f0 !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,
.cz_social_colored .cz-013-whatsapp-logo i, .cz_social_colored_hover .cz-013-whatsapp-logo: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-telegram-plane i, .cz_social_colored_hover .cz-telegram-plane: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,
.cz_social_colored_bg .cz-facebook-f, .cz_social_colored_bg_hover .cz-facebook-f: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,
.cz_social_colored_bg .cz-linkedin-in, .cz_social_colored_bg_hover .cz-linkedin-in: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-delicious, .cz_social_colored_bg_hover .cz-delicious:hover {background-color: #0078f0 !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,
.cz_social_colored_bg .cz-013-whatsapp-logo, .cz_social_colored_bg_hover .cz-013-whatsapp-logo: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-telegram-plane, .cz_social_colored_bg_hover .cz-telegram-plane: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_colored_bg a, .cz_social_colored_bg_hover a:hover {color: #fff}
.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: 100%;
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;
-webkit-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%);
-webkit-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, rgba(255,255,255,0), 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);
-webkit-clip-path: inset(5px 5px 5px 5px)
}
.cz_grid_item > div:hover .cz_grid_inset_clip_2x {
clip-path: inset(10px 10px 10px 10px);
-webkit-clip-path: inset(10px 10px 10px 10px)
}
.cz_grid_item > div:hover .cz_grid_inset_clip_3x {
clip-path: inset(15px 15px 15px 15px);
-webkit-clip-path: inset(15px 15px 15px 15px)
}
.cz_grid_zoom_mask {
clip-path: inset(10px 10px 10px 10px);
-webkit-clip-path: inset(10px 10px 10px 10px)
}
.cz_grid_item > div:hover .cz_grid_zoom_mask {
clip-path: inset(0% 0% 0% 0%);
-webkit-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%);
-webkit-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%);
-webkit-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
}
li[data-filter=".cz_no_count"] {
display: none !important
} .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;
overflow: hidden;
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;
text-indent: -99999px;
color: transparent !important;
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_data_sub_prefix {
opacity: .6
}
.cz_ajax_end {
opacity: .3;
font-size: 12px !important;
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;
color: #fff;
font-size: 24px;
cursor: pointer;
border-radius: 50px;
z-index: 9;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
mix-blend-mode: difference;
transition: all .3s ease-in-out
}
.cz_close_popup:hover {
transform: rotate(180deg)
}
.rtl .cz_close_popup {
left: 60px;
right: auto
} .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 {
font-family: "Font Awesome 5 Free";
content: "\f337";
font-weight: 900;
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_image_hover_zoom .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_counter > div > span,
.cz_counter > div > span i {
transition: all .2s ease-in-out
}
.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
}
.gmap .infowindow {
padding: 10px;
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_sep2 {
position: absolute;
z-index: 0;
display: grid;
width: calc(100% + 1px)
}
.cz_sep2 svg {
transform: translateX(-50%);
left: 50%;
position: relative
}
.cz_sep2_2 svg, 
.cz_sep2_3 svg, 
.cz_sep2_9 svg, 
.cz_sep2_63 svg {
transform: translateX(-50%) rotateX(180deg)
}
.cz_sep_top {
top: -2px;
transform: rotateX(180deg)
}
.cz_sep_rotatey_top {
top: -2px;
transform: rotateX(180deg) rotateY(180deg)
}
.cz_sep_bottom {
bottom: -1px;
}
.cz_sep_rotatey_bottom {
bottom: -1px;
transform: rotateY(180deg)
} .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 .cz_btn {
margin-top: 30px
}
.xtra-service-btn-left {
float: left
}
.xtra-service-btn-center {
float: none;
margin: 0 auto;
display: table
}
.xtra-service-btn-right {
float: right
}
.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: 40px
}
.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: -12px;
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 {
position: relative
}
.cz_2_btn_left {
float: left
}
.cz_2_btn_right {
float: right
}
.cz_2_btn_center {
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: 50%;
left: 50%;
z-index: 2;
opacity: 0;
width: 100%;
overflow: hidden;
transform: translate(-50%, -50%);
transition: all .3s ease-in-out
}
.cz_main_image, 
.cz_hover_image, 
.cz_image .cz_image_in img {
border-radius: inherit
}
.cz_image:not(.cz_image_no_fx) .cz_image_in:hover .cz_main_image {
opacity: 0
}
.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_no_fx .cz_hover_image {
opacity: 0 !important
}
.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: translate(-50%, -50%) 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: translate(-50%, -50%) 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: translate(-50%, -50%) rotateX(-180deg)}
.cz_image_flip_v:hover .cz_image_in .cz_hover_image {transform: translate(-50%, -50%) 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: translate(-50%, -40%)}
.cz_image_fade_to_top:hover .cz_hover_image {transform: translate(-50%, -50%);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: translate(-50%, -60%)}
.cz_image_fade_to_bottom:hover .cz_hover_image {transform: translate(-50%, -50%);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: translate(-40%, -50%)}
.cz_image_fade_to_left:hover .cz_hover_image {transform: translate(-50%, -50%);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: translate(-60%, -50%)}
.cz_image_fade_to_right:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1}
.cz_image_zoom_in:hover .cz_main_image {transform: scale(.9);opacity: 0}
.cz_image_zoom_in .cz_hover_image {transform: translate(-50%, -50%) scale(.9)}
.cz_image_zoom_in:hover .cz_hover_image {transform: translate(-50%, -50%) 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: translate(-50%, -50%) scale(1.1)}
.cz_image_zoom_out:hover .cz_hover_image {transform: translate(-50%, -50%) 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}
.cz_image_no_effect .cz_main_image, .cz_image_no_effect .cz_hover_image {
transition: none
}
.cz_image_slow_fade .cz_main_image, .cz_image_slow_fade .cz_hover_image {
transition: all .6s ease-in-out
} .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%);
-webkit-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%);
-webkit-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%);
-webkit-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%);
-webkit-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%);
-webkit-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%);
-webkit-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,.z9:hover{z-index:9 !important}
.z99{z-index:99}
.z999{z-index:999}
.z9999{z-index:9999} .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
} .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
}
.select2-results, 
.chosen-container {
color: #222
}
.services .xtra-placeholder,
.cz_title .xtra-placeholder {
max-width: 100px
}
@media screen and (max-width: 768px) {
.cz_mobile_text_center .cz_wpe_content {
display: block
}
.cz_image > div {
margin: 0 auto
}
}
@media screen and (max-width:480px) {
.wpb_animate_when_almost_visible {
animation-delay: 0ms !important
}
.slick-slider:not(.cz_ticker) .slick-list {
overflow: visible;
clip-path: none !important;
-webkit-clip-path: none !important;
transform: scale(.9) !important
}
.slick-slider:not(.cz_ticker) .slick-slide {
margin: 0 10px !important
}
.slick-slider:not(.cz_ticker) .slick-slide:not(.slick-active) {
pointer-events: none;
cursor: pointer;
transform: none !important
}
.xtra-slick-vertical .slick-list {
overflow: hidden !important
}
.cz_subscribe_elm input {
text-align: center
}
.cz_subscribe_elm button {
position: static !important;
margin-top: 15px !important
}
.cz_acc_open_icon, .cz_acc_close_icon {
font-size: 18px
}
}