.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
}
.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
}
.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%)
}
.cz_title.tac .cz_title_shape.tal,
.cz_title.tac .cz_title_shape.tar {
transform: none
}
.cz_title.tac .shape_rectangle {
transform: scaleX(2) translate(-50%,-50%)
}
.cz_title.tac .shape_rhombus, 
.cz_title.tac .shape_rhombus_radius {
transform: rotate(45deg) translate(-50%,-50%)
}
.cz_title .cz_title_shape.tal {
left: 0
}
.cz_title .cz_title_shape.tar {
left: auto;
right: 0
}
.cz_title_ba_line .cz_title_content {
display: inline-block
}
.shape_image {
width: auto
}
.cz_title_content .cz_line_side_after {
margin: 0 0 0 20px
}
.cz_title .xtra-placeholder {
max-width: 100px
}.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
}
.cz_grid_item > div {
position: relative;
margin: 0 10px 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .2s ease-in-out
}
.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: xtraGridShineDef 1s forwards;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.3));
transform: skewX(-25deg)
}
@keyframes xtraGridShineDef {100% {left: -125%}}
.cz_grid_shine:hover:after {left: -125%;animation: xtraGridShine 1s forwards}
@keyframes xtraGridShine {100% {left: 125%}}
.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
}
.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);
transition: none !important;
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.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}
.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;
}
.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
}
.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
}
.cz_posts_list_3 .cz_grid_link,
.cz_posts_list_2 .cz_posts_list_odd .cz_grid_link {
float: right
}
@media screen and (max-width:768px) {
.cz_grid_item {
width: 50% !important
}
.cz_grid_item img {
width:auto !important;
margin: 0 auto
}
.cz_posts_list_1 .cz_grid_item div > *,
.cz_posts_list_2 .cz_grid_item div > *,
.cz_posts_list_3 .cz_grid_item div > *,
.cz_posts_list_5 .cz_grid_item div > * {
padding: 0 !important;
width: 100% !important
}
.cz_justified .cz_grid_item {
width: 100% !important;
height: auto !important
}
}
@media screen and (max-width:480px) {
.cz_grid {
width:100% !important;
margin:0 !important;
height: auto !important
}
.cz_grid_item {
position: static !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
transform: none !important
}
.cz_grid_item > div {
margin: 0 5px 10px !important
}
.cz_grid_item img {
width: auto !important
}
.cz_grid_p {
margin-left: 0 !important;
margin-right: 0 !important
}
.cz_gallery_badge {
right: -10px
}
.cz_grid_two_columns_on_mobile .cz_grid_item {
width: 50% !important
}
}