[class*='cz_row_shape_'] .row:before,
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:before,
.elms_row [class*='cz_row_shape_']:after {
position: absolute;
content: '';
top: 0;
width: 138px;
height: 100%;
background: inherit;
z-index: 0
}
[class*='cz_row_shape_'] > .elms_row > .clr,
[class*='cz_row_shape_'] > .cz_elm {
z-index: 1
}
[class*='cz_row_shape_'] > [class*='cz_elm search_'] {
z-index: 2
}
[class*='cz_row_shape_'] .row:before,
.elms_row [class*='cz_row_shape_']:before {
left: 0;
border-radius: inherit;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:after {
right: 0;
border-radius: inherit;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.cz_row_shape_full_filled_left .row:before, 
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_left:before, 
.elms_row .cz_row_shape_full_filled_right:after {
width: 3000px !important;
transform: none;
transform: translateX(-96%) !important;
border-radius: 0
}
.cz_row_shape_no_left .row:before,
.cz_row_shape_no_right .row:after {
visibility: hidden;
opacity: 0
}
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_right:after {
transform: translateX(96%) !important
}
.cz_row_shape_1 .row:before,
.elms_row .cz_row_shape_1:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_1 .row:after,
.elms_row .cz_row_shape_1:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_2 .row:before,
.elms_row .cz_row_shape_2:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_2 .row:after,
.elms_row .cz_row_shape_2:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_3 .row:before,
.elms_row .cz_row_shape_3:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_3 .row:after,
.elms_row .cz_row_shape_3:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_4 .row:before,
.elms_row .cz_row_shape_4:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_4 .row:after,
.elms_row .cz_row_shape_4:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_none .row:after,
.cz_row_shape_none .row:before{
display: none
}
.cz_row_shape_radius .row:before,
.elms_row .cz_row_shape_radius:before {
left: -8px;
border-radius: 20px !important
}
.cz_row_shape_radius .row:after,
.elms_row .cz_row_shape_radius:after {
right: -8px;
border-radius: 20px !important
}.cz_popup_modal .cz_overlay {
z-index: 1
}
.cz_show_popup .cz_overlay {
display: block !important
}
.cz_popup_modal, 
.compose-mode .vc_element.vc_cz_popup {
display: none;
z-index: 99999999;
position: fixed !important;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.compose-mode .vc_element.vc_cz_popup {
display: block !important;
position: relative !important
}
.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;
overflow-x: hidden;
scrollbar-width: thin;
background: #fff;
transform-origin: center;
animation: CubicInPopup .7s cubic-bezier(.180, .890, .330, 1) forwards
}
@keyframes CubicInPopup {
from {transform: translate(-50%, -50%) scale(0.9)}
to {transform: translate(-50%, -50%) scale(1)}
}
.vc_element.vc_cz_popup {
overflow: visible !important
}
.cz_popup_modal .cz_close_popup {
position: absolute;
top: 25px;
right: 25px;
margin: 0;
color: inherit;
font-size: 16px;
cursor: pointer;
z-index: 9;
width: 2em;
height: 2em;
padding: 2px;
line-height: 2em !important;
text-align: center;
border-radius: inherit;
transform-origin: center center;
transition: all .3s ease-in-out;
}
.rtl .cz_popup_modal .cz_close_popup {
left: 25px;
right: auto
}
.cz_popup_modal .cz_close_popup:hover {
opacity: .7
}
.xtra-popup {
cursor: pointer
}
.codevz-preview-popup {
display: table;
margin: 10px auto;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 14px;
opacity: .5;
border: 1px dashed #33333382;
padding: 10px 25px;
border-radius: 5px
}
header .codevz-preview-popup,
footer .codevz-preview-popup,
div.woocommerce .codevz-preview-popup {
display: none
}
@media screen and (max-width:480px) {
.cz_popup_in {
max-height: 85%!important;
max-width: 90%!important;
min-width: 0;
animation: none;
box-sizing: border-box;
left: 5%;
transform: translate(0, -50%)
}
.cz_popup_modal .cz_close_popup {
top: 15px;
right: 15px
}
.rtl .cz_popup_modal .cz_close_popup {
right: 25px;
left: auto
}
}.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
}
.cz_content_box_gradient {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all .2s ease-in-out
}
.clr.cz_content_box_full_before:before, 
.clr.cz_content_box_full_stretch:before,
.clr.cz_content_box_full_after:after,
.clr.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
}
.clr.cz_content_box_full_before:before, 
.clr.cz_content_box_full_stretch:before {
right: 0
}
.clr.cz_content_box_full_after:after, 
.clr.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)
}
.elementor-widget-cz_content_box .cz_box_backed .cz_box_back_inner {
height: 100%
}
.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%;
right: auto;
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%;
right: auto;
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;
right: auto;
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;
display: flex
}
[class*='cz_split_box_'] .cz_box_front,
[class*='cz_split_box_'] .cz_box_front_inner {
background: inherit
}
[class*='cz_split_box_'] .cz_box_front_inner > span {
content: '';
z-index: 2;
visibility: visible;
position: absolute;
top: 50%;
left: 0;
right: auto;
width: 20px;
height: 20px;
background: inherit;
transform: translate(-50%, -50%) rotate(45deg);
}
.cz_split_box_right .cz_box_front_inner > span,
[class*='cz_split_box_'] .cz_box_front_inner > span {
left: auto;
right: 0;
transform: translate(50%, -50%) rotate(45deg)
}
.rtl .cz_split_box_right .cz_box_front_inner > span {
right: auto;
left: 0;
transform: translate(-50%, -50%) rotate(45deg)
}
.cz_split_box_top,
.cz_split_box_bottom {
flex-direction: column;
}
.cz_split_box_top .cz_box_front_inner > span {
left: 50%;
top: 0;
right: auto
}
.cz_split_box_bottom .cz_box_front_inner > span {
left: 50%;
right: auto;
top: auto;
bottom: 0;
transform: translate(-50%, 50%) rotate(45deg)
}
[class*='cz_split_box_'] .cz_split_box img {
width: 100%
}
.cz_content_box .wpb_button, 
.cz_content_box .wpb_content_element, 
.cz_content_box ul.wpb_thumbnails-fluid > li {
margin-bottom: 0 !important
}
@media screen and (max-width:768px) {
.cz_split_box_left > div,
.cz_split_box_right > div {
width: 100% !important;
float: none
}
.vc_row-o-equal-height .cz_box_front_inner,
.vc_row-o-equal-height .cz_eqh,
.vc_row-o-equal-height .cz_eqh > div,
.vc_row-o-equal-height .cz_eqh > div > div,
.vc_row-o-equal-height .cz_eqh > div > div > div,
.vc_row-o-equal-height .cz_eqh > div > div > div > div,
.vc_row-o-equal-height .cz_eqh > div > div > div > div > div {
display: block !important
}
}
@media screen and (max-width:480px) {
.cz_split_box_left {
flex-direction: column
}
.cz_split_box_right {
flex-direction: column-reverse
}
.cz_split_box_left .cz_split_box,
.cz_split_box_right .cz_split_box {
padding-top: 100%
}
.cz_split_box_left .cz_box_front_inner > span,
.cz_split_box_right .cz_box_front_inner > span {
top: 0;
left: 50%;
right: auto;
transform: translateY(-50%) rotate(45deg);
}
}.cz_subscribe_elm {
position: relative;
float: left;
width: 100%;
max-width: 100%
}
.cz_subscribe_elm > div {
display: flex;
align-items: center
}
.cz_subscribe_has_name {
width: 80%
}
.cz_subscribe_has_name > div > input:first-child {
margin: 0 25px 0 0
}
.rtl .cz_subscribe_has_name > div > input:first-child {
margin: 0 0 0 25px
}
.cz_subscribe_elm input {
padding: 11px 24px
}
.cz_subscribe_elm button {
position: absolute;
right: 0;
top: 0
}
.cz_subscribe_elm:not(.cz_subscribe_relative) button {
position: absolute;
right: 0;
top: 0
}
.rtl .cz_subscribe_elm:not(.cz_subscribe_relative) button {
left: 0;
right: auto
}
.cz_subscribe_has_name:not(.cz_subscribe_relative) button {
transform: translateX(calc(100% + 25px))
}
.rtl .cz_subscribe_has_name:not(.cz_subscribe_relative) button {
transform: translateX(calc(-100% + 25px))
}
.cz_subscribe_style_4 button,
.cz_subscribe_style_5 button {
transform: none
}
form.cz_subscribe_relative button {
position: static !important;
margin-top: 25px
}
.cz_subscribe_relative.cz_subscribe_elm_center button {
margin: 25px auto 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_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: 5px auto 0;
display: table
}
.cz_subscribe_elm_right,
.cz_subscribe_btn_right button {
float: right
}
.rtl .cz_subscribe_elm_right,
.rtl .cz_subscribe_btn_right button {
float: left
}
.cz_subscribe_square input,
.cz_subscribe_square button {
border-radius: 0 !important
}
.cz_subscribe_elm.cz_subscribe_col > div {
display: block
}
.cz_subscribe_elm.cz_subscribe_col > div input {
margin: 0 0 25px 0
}
form.cz_subscribe_elm.cz_subscribe_col button {
position: static !important;
transform: translate(0)
}
.cz_subscribe_elm p.cz_subscribe_msg {
display: none;
margin: 20px 0 0;
padding: 22px;
line-height: 1.5;
background: #ebfee3;
color: #398f14;
border: 1px solid #398f142e;
border-radius: 4px;
font-size: 14px
}
.cz_subscribe_elm p.cz_subscribe_msg.cz_subscribe_msg_error {
background: #ffe7e7;
color: #ff2929;
border-color: #ff292929
}
.cz_subscribe_loader button {
position: relative !important;
font-size: 0 !important;
width: 30px !important;
height: 30px !important;
padding: 0 !important;
border-radius: 100% !important;
box-shadow: none !important;
left: 45% !important;
background: none !important;
border: 2px solid rgba(167, 167, 167, .3) !important;
border-right-color: #111 !important;
transition: none !important;
animation: rotateInfinite .6s linear infinite !important
}
.rtl .cz_subscribe_loader button {
left: auto !important;
right: 45% !important
}
@keyframes rotateInfinite {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}
.cz_subscribe_loader > div {
opacity: .5
}
.cz_subscribe_style_default.cz_subscribe_loader button,
.cz_subscribe_style_1.cz_subscribe_loader button,
.cz_subscribe_style_2.cz_subscribe_loader button {
position: absolute;
margin: 12px 0
}
.cz_subscribe_elm input[name="website"] {
display: none
}
@media screen and (max-width:768px) {
.cz_subscribe_elm_center {
width: 100% !important
}
}
@media screen and (max-width:480px) {
.cz_subscribe_elm {
width:100% !important
}
.cz_subscribe_elm > div {
flex-direction: column
}
.cz_subscribe_has_name > div > input {
margin: 0 0 10px 0
}
.cz_subscribe_elm input {
text-align: center
}
.cz_subscribe_elm button[name="subscribe"] {
position: static !important;
margin: 10px auto 0 !important;
display: table;
transform: none
}
}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 {
position: relative;
margin: 0 0 10px;
display: list-item;
width: 100%;
transition: all .2s ease-in-out
}
.cz_stylish_list li > a {
display: block;
color: inherit !important
}
.cz_stylish_list span > a {
display: inline-block
}
.cz_stylish_list i {
font-size: 1em;
width: 2em;
height: 2em;
line-height: 2em;
display: block;
text-align: center;
box-sizing: content-box;
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_stylish_list .xtra-sl-number {
font-style: normal
}
.cz_sl_icon.cz_sl_image i img {
display: inline-block;
vertical-align: middle
}
.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: stylishListBlur .8s forwards}
.cz_sl_icon_hover_flash li:hover i {animation: stylishListFlashFx .8s forwards}
.cz_sl_icon_hover_absorber li:hover i {animation: stylishListAbsorber .8s forwards}
.cz_sl_icon_hover_wobble li:hover i {animation: stylishListWobbleSkew .8s forwards}
.cz_sl_icon_hover_zoom_in_fade li:hover i {animation: stylishListZoomIn .8s forwards}
.cz_sl_icon_hover_zoom_out_fade li:hover i {animation: stylishListZoomOut .8s forwards}
.cz_sl_icon_hover_push_in li:hover i {animation: stylishListPushIn .8s forwards}
@keyframes stylishListBlur {
0% {filter: blur(5px)}
100% {filter: blur(0)}
}
@keyframes stylishListFlashFx {
0% {opacity: .1}
100% {opacity: 1}
}
@keyframes stylishListAbsorber {
0%, 10%, 20%, 50%, 80% {transform: translateY(0)}
40% {transform: translateY(-8px)}
60% {transform: translateY(-8px)}
}
@keyframes stylishListWobbleSkew {
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)}
}
@keyframes stylishListZoomIn {
0% {opacity: 0;transform: scale(.9)}
50% {opacity: 1;transform: scale(1)}
}
@keyframes stylishListZoomOut {
0% {opacity: 0;transform: scale(1.1)}
50% {opacity: 1;transform: scale(1)}
}
@keyframes stylishListPushIn {
0% {opacity: 0;transform: translateX(-30%)}
60% {opacity: 1;transform: translateX(10%)}
100% {opacity: 1;transform: translateX(0)}
}
@media screen and (max-width:480px) {
.stylish_list_center_on_mobile {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center
}
}