[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_wh div span {
position: relative;
z-index: 1;
padding: 0 0 6px;
box-sizing: border-box
}
.row .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
}