.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.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_line_title {
position: absolute;
left: 50%;
top: 50%;
margin: 0;
line-height: 1;
font-size: 18px;
background: #fff;
padding: 15px 30px;
border-radius: 100px;
transform: translate(-50%, -50%)
}.cz_group_parallax {
position: relative;
min-height: 100px;
height: 600px
}
.cz_group_parallax img {
border-radius: inherit
}
.cz_layer_parallax {
position: absolute
}
[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)
}.xtra-banner-group {
display: flex;
z-index: 1;
overflow: hidden;
position: relative;
text-align: center;
border: 1px solid rgba(103, 103, 103, 0.15)
}
.xtra-banner-group > div {
position: absolute;
width: 100%;
height: 100%;
z-index: -1
}
.xtra-banner-group:hover,
.codevz-banner-group-show-default {
background-color: #111
}
.xtra-banner-group:hover .xtra-banner-group-item > div,
.codevz-banner-group-show-default .xtra-banner-group-item:nth-child(2) > div {
opacity: .7
}
.xtra-banner-group.xtra-banner-group-not-visible:hover .xtra-banner-group-item > div {
opacity: 0
}
.xtra-banner-group-item {
width: 100%;
height: 100%;
padding: 30px;
color: #111;
display: flex;
align-items: center;
border-right: 1px solid rgba(103, 103, 103, 0.15)
}
.xtra-banner-group-item:last-child {
border-right: 0
}
.xtra-banner-group-item > div {
width: 100%
}
.xtra-banner-group:hover .xtra-banner-group-item,
.codevz-banner-group-show-default .xtra-banner-group-item {
color: #fff
}
.xtra-banner-group:hover .xtra-banner-group-item:hover > div,
.codevz-banner-group-show-default .xtra-banner-group-item:nth-child(2) > div {
opacity: 1
}
.cz-banner-group-icon {
font-size: 40px;
display: table;
margin: 0 auto 20px
}
.xtra-banner-group-item > img {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
z-index: -2;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
transition: all .3s ease-in-out
}
.xtra-banner-group-item:hover > img,
.codevz-banner-group-show-default .xtra-banner-group-item:nth-child(2) > img {
opacity: 1;
visibility: visible
}
@media screen and (max-width:480px) {
.xtra-banner-group-item > img {
width: 200%
}
.xtra-banner-group {
flex-direction: column
}
.xtra-banner-group-item {
position: relative;
min-height: auto !important
}
}