.zcmspage-banner.under-title,
.zcmscategory-banner.under-title{ background-position:center; background-size:cover; padding:150px 0; position:relative; }
.zcmspage-banner.under-title::before,
.zcmscategory-banner.under-title::before{ content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25); }
.zcmspage-banner.under-title h1,
.zcmscategory-banner.under-title h1{ margin:0; position:absolute; left:0; width:100%; text-align:center; color:#ffffff; top:50%; transform:translateY(-50%); font-size:35px; }
.zcmspage-banner img,
.zcmscategory-banner img{ width:100%; object-fit:cover; height:350px; margin-bottom:25px; }

/* Home page Page Widget */
.zcmspages-wrapper .title{ font-size:21px; font-weight:500; text-transform:uppercase; }
.zcmspages{ margin-bottom:25px; width:100%; overflow:auto; }
.zcmspages .zcmspage-block{ display:inline-block; padding:15px; }
.zcmspages .zcmspage-block a{ display:block; border-radius:5px; transition:background 0.45s, color 0.45s, border 0.45s; }
.zcmspages .zcmspage-block a img{ width:100%; height:220px; margin-bottom:5px; object-fit:cover; }
.zcmspages .zcmspage-block a .title{ font-size:17px; font-weight:500; }
.zcmspages .zcmspage-block a .short-description{ color:var(--main-medium-color); margin-bottom:7px; }
.zcmspages .zcmspage-block a .cta{ font-weight:400; }
.zcmspages.grid{ width:auto; margin:0 -15px 25px -15px; }
.zcmspages.grid .zcmspage-block{ width:calc(100% / 3); float:left; }
.zcmspages.rows .zcmspage-block{ width:100%; padding:0; margin-bottom:25px; }
.zcmspages.rows .zcmspage-block{ width:100%; padding:0; margin-bottom:25px; background:#ffffff; }
.zcmspages.rows .zcmspage-block a{ cursor:default; }
.zcmspages.rows .zcmspage-block .img-wrapper{ width:45%; display:inline-block; float:left; cursor:pointer; }
.zcmspages.rows.alternate .zcmspage-block:nth-child(2n+1) .img-wrapper,
.zcmspages.rows.img-right .zcmspage-block .img-wrapper{ float:right; }
.zcmspages.rows .zcmspage-block .img-wrapper img{ height:285px; }
.zcmspages.rows .zcmspage-block .description{ width:55%; height:285px; position:relative; float:right; }
.zcmspages.rows.alternate .zcmspage-block:nth-child(2n+1) .description,
.zcmspages.rows.img-right .zcmspage-block .description{ float:left; }
.zcmspages.rows .zcmspage-block .description-wrapper{ position:absolute; padding:0 2.5% 0 10%; top:50%; transform:translateY(-50%); width:100%; }
.zcmspages.rows.alternate .zcmspage-block:nth-child(2n+1) .description-wrapper,
.zcmspages.rows.img-right .zcmspage-block .description-wrapper{ padding:0 10% 0 2.5%; }
.zcmspages.rows .zcmspage-block .description-wrapper .title{ text-transform:uppercase; font-size:27px; margin-bottom:7px; }
.zcmspages.rows .zcmspage-block .description-wrapper .short-description{ font-size:19px; margin-bottom:35px; line-height:21px; }
.zcmspages.rows .zcmspage-block .description-wrapper .cta{ display:inline-block; background:var(--main-color); padding:7px 14px; font-size:17px; color:#ffffff; cursor:pointer; transition:background 0.3s; }
.zcmspages.rows .zcmspage-block .description-wrapper .cta:hover{ background:var(--main-dark-color); }
.zcmspages.slider .zcmspage-block{ width:calc(100% / 4); }

.zcmspages.slick-slider{ overflow:visible; }
.zcmspages.slick-dotted.slick-slider{ margin:0 0 55px 0; }
.zcmspages.slick-dotted.slick-slider.no-arrows{ margin-right:0; margin-left:0; }
.zcmspages.slick-dotted.slick-slider.no-dots{ margin-bottom:25px; }

/* Home page Category Widget */
.zcmscategories-wrapper .title{ font-size:21px; font-weight:500; text-transform:uppercase; }
.zcmscategories{ margin-bottom:25px; width:100%; overflow:auto; }
.zcmscategories .zcmscategory-block{ display:inline-block; padding:15px; }
.zcmscategories .zcmscategory-block a{ display:block; border-radius:5px; transition:background 0.45s, color 0.45s, border 0.45s; }
.zcmscategories .zcmscategory-block a img{ width:100%; height:220px; margin-bottom:5px; object-fit:cover; }
.zcmscategories .zcmscategory-block a .title{ font-size:17px; font-weight:500; }
.zcmscategories .zcmscategory-block a .short-description{ color:var(--main-medium-color); margin-bottom:7px; }
.zcmscategories .zcmscategory-block a .cta{ font-weight:400; }
.zcmscategories.grid{ width:auto; margin:0 -15px 25px -15px; }
.zcmscategories.grid .zcmscategory-block{ width:calc(100% / 3); float:left; }
.zcmscategories.rows{ width:100%; padding:0; margin-bottom:25px; }
.zcmscategories.rows .zcmscategory-block{ width:100%; padding:0; margin-bottom:25px; background:#ffffff; }
.zcmscategories.rows .zcmscategory-block a{ cursor:default; }
.zcmscategories.rows .zcmscategory-block .img-wrapper{ width:45%; display:inline-block; float:left; cursor:pointer; }
.zcmscategories.rows.alternate .zcmscategory-block:nth-child(2n+1) .img-wrapper,
.zcmscategories.rows.img-right .zcmscategory-block .img-wrapper{ float:right; }
.zcmscategories.rows .zcmscategory-block .img-wrapper img{ height:285px; }
.zcmscategories.rows .zcmscategory-block .description{ width:55%; height:285px; position:relative; float:right; }
.zcmscategories.rows.alternate .zcmscategory-block:nth-child(2n+1) .description,
.zcmscategories.rows.img-right .zcmscategory-block .description{ float:left; }
.zcmscategories.rows .zcmscategory-block .description-wrapper{ position:absolute; padding:0 2.5% 0 10%; top:50%; transform:translateY(-50%); width:100%; }
.zcmscategories.rows.alternate .zcmscategory-block:nth-child(2n+1) .description-wrapper,
.zcmscategories.rows.img-right .zcmscategory-block .description-wrapper{ padding:0 10% 0 2.5%; }
.zcmscategories.rows .zcmscategory-block .description-wrapper .title{ text-transform:uppercase; font-size:27px; margin-bottom:7px; }
.zcmscategories.rows .zcmscategory-block .description-wrapper .short-description{ font-size:19px; margin-bottom:35px; line-height:21px; }
.zcmscategories.rows .zcmscategory-block .description-wrapper .cta{ display:inline-block; background:var(--main-color); padding:7px 14px; font-size:17px; color:#ffffff; cursor:pointer; transition:background 0.3s; }
.zcmscategories.rows .zcmscategory-block .description-wrapper .cta:hover{ background:var(--main-dark-color); }
.zcmscategories.slider .zcmscategory-block{ width:calc(100% / 4); }

.zcmscategories.slick-slider{ overflow:visible; }
.zcmscategories.slick-dotted.slick-slider{ margin:0 0 55px 0; }
.zcmscategories.slick-dotted.slick-slider.no-arrows{ margin-right:0; margin-left:0; }
.zcmscategories.slick-dotted.slick-slider.no-dots{ margin-bottom:25px; }

@media (max-width:1240px){
   .zcmspage-banner,
   .zcmscategory-banner{ margin:0 -15px 25px; }
   .zcmspage-banner img,
   .zcmscategory-banner img{ height:315px; }
}

@media (max-width:768px){
   .zcmspage-banner img,
   .zcmscategory-banner img{ height:225px; }

   /* Home page Page Widget */
   .zcmspages.grid{ margin:0 0 25px 0; }
   .zcmspages.grid .zcmspage-block{ width:100%; padding:0; margin-bottom:15px; }
   .zcmspages.grid .zcmspage-block a img{ height:195px; }
   .zcmspages.rows{ overflow:visible; }
   .zcmspages.rows .zcmspage-block,
   .zcmspages.rows.alternate .zcmspage-block:nth-child(2n+1),
   .zcmspages.rows.img-right .zcmspage-block{ float:none; width:100%; }
   .zcmspages.rows .zcmspage-block a{ padding:0; margin:0 -15px; }
   .zcmspages.rows .zcmspage-block .img-wrapper,
   .zcmspages.rows.alternate .zcmspage-block:nth-child(2n+1) .img-wrapper,
   .zcmspages.rows.img-right .zcmspage-block .img-wrapper{ float:left; width:100%; }
   .zcmspages.rows .zcmspage-block a img{ margin:0; }
   .zcmspages.rows .zcmspage-block .description,
   .zcmspages.rows.alternate .zcmspage-block:nth-child(2n+1) .description,
   .zcmspages.rows.img-right .zcmspage-block .description{ float:none; width:100%; background:rgba(255,255,255,0.55) }
   .zcmspages.rows .zcmspage-block .description-wrapper,
   .zcmspages.rows.alternate .zcmspage-block:nth-child(2n+1) .description-wrapper,
   .zcmspages.rows.img-right .zcmspage-block .description-wrapper{ padding:0 5%; }
   .zcmspages.rows .zcmspage-block .description-wrapper .title{ font-size:25px; margin-bottom:7px; }
   .zcmspages.rows .zcmspage-block .description-wrapper .short-description{ font-size:15px; margin-bottom:30px; line-height:17px; }
   .zcmspages.rows .zcmspage-block .description-wrapper .cta{ padding:6px 12px; font-size:15px; }
   .zcmspages.slick-dotted.slick-slider{ margin:0 0 55px 0; }
   .zcmspages.slick-slider .zcmspage-block{ padding:0; }

   /* Home page Category Widget */
   .zcmscategories.grid{ margin:0 0 25px 0; }
   .zcmscategories.grid .zcmscategory-block{ width:100%; padding:0; margin-bottom:15px; }
   .zcmscategories.grid .zcmscategory-block a img{ height:195px; }
   .zcmscategories.rows{ overflow:visible; }
   .zcmscategories.rows .zcmscategory-block,
   .zcmscategories.rows.alternate .zcmscategory-block:nth-child(2n+1),
   .zcmscategories.rows.img-right .zcmscategory-block{ float:none; width:100%; }
   .zcmscategories.rows .zcmscategory-block a{ padding:0; margin:0 -15px; }
   .zcmscategories.rows .zcmscategory-block .img-wrapper,
   .zcmscategories.rows.alternate .zcmscategory-block:nth-child(2n+1) .img-wrapper,
   .zcmscategories.rows.img-right .zcmscategory-block .img-wrapper{ float:left; width:100%; }
   .zcmscategories.rows .zcmscategory-block a img{ margin:0; }
   .zcmscategories.rows .zcmscategory-block .description,
   .zcmscategories.rows.alternate .zcmscategory-block:nth-child(2n+1) .description,
   .zcmscategories.rows.img-right .zcmscategory-block .description{ float:none; width:100%; background:rgba(255,255,255,0.55) }
   .zcmscategories.rows .zcmscategory-block .description-wrapper,
   .zcmscategories.rows.alternate .zcmscategory-block:nth-child(2n+1) .description-wrapper,
   .zcmscategories.rows.img-right .zcmscategory-block .description-wrapper{ padding:0 5%; }
   .zcmscategories.rows .zcmscategory-block .description-wrapper .title{ font-size:25px; margin-bottom:7px; }
   .zcmscategories.rows .zcmscategory-block .description-wrapper .short-description{ font-size:15px; margin-bottom:30px; line-height:17px; }
   .zcmscategories.rows .zcmscategory-block .description-wrapper .cta{ padding:6px 12px; font-size:15px; }
   .zcmscategories.slick-dotted.slick-slider{ margin:0 0 55px 0; }
   .zcmscategories.slick-slider .zcmscategory-block{ padding:0; }
}