/* COLUMNS - DESKTOP */
/* ----------------- */

.c-columns-2-auto {
display: grid!important;
grid-template-columns: auto auto;
width: 100%;
}
.c-columns-6 {
display: grid!important;
grid-template-columns: repeat(6, 1fr); 
width: 100%;
}
.c-columns-5 {
display: grid!important;
grid-template-columns: repeat(5, 1fr); 
width: 100%;
}
.c-columns-4 {
display: grid!important;
grid-template-columns: repeat(4, 1fr); 
width: 100%;
}
.c-columns-3 {
display: grid!important;
grid-template-columns: repeat(3, 1fr);
width: 100%; 
}
.c-columns-2 {
display: grid!important;
grid-template-columns: repeat(2, 1fr); 
width: 100%;
}
.c-columns-3-2 {
display: grid!important;
grid-template-columns: 3fr 2fr; 
width: 100%;
}
.c-columns-2-3 {
display: grid!important;
grid-template-columns: 2fr 3fr; 
width: 100%;
}
.c-columns-1-2 {
display: grid!important;
grid-template-columns: 1fr 2fr; 
width: 100%;
}
.c-columns-2-1 {
display: grid!important;
grid-template-columns: 2fr 1fr; 
width: 100%;
}
.c-columns-3-1 {
display: grid!important;
grid-template-columns: 3fr 1fr; 
width: 100%;
}
.c-columns-1-3 {
display: grid!important;
grid-template-columns: 1fr 3fr; 
width: 100%;
}

/* ROW SPANS - DESKTOP - INCREASE CELL SIZE */

.c-row-span-2 {
grid-row: span 2 / span 2;
}
.c-row-span-3 {
grid-row: span 3 / span 3;
}
.c-row-span-4 {
grid-row: span 4 / span 4;
}
.c-row-span-5 {
grid-row: span 5 / span 5;
}
.c-row-span-6 {
grid-row: span 6 / span 6;
}

/* COLUMN SPANS - DESKTOP - INCREASE CELL SIZE */

.c-col-span-2 {
grid-column: span 2 / span 2;
}
.c-col-span-3 {
grid-column: span 3 / span 3;
}
.c-col-span-4 {
grid-column: span 4 / span 4;
}
.c-col-span-5 {
grid-column: span 5 / span 5;
}
.c-col-span-6 {
grid-column: span 6 / span 6;
}

/* ROW START - DESKTOP - POSITION OF THE ROW */

.c-row-start-1 {
grid-row-start: 1;
}
.c-row-start-2 {
grid-row-start: 2;
}
.c-row-start-3 {
grid-row-start: 3;
}
.c-row-start-4 {
grid-row-start: 4;
}
.c-row-start-5 {
grid-row-start: 5;
}
.c-row-start-6 {
grid-row-start: 6;
}

/* COLUMN START - DESKTOP - POSITION OF THE COLUMN */

.c-col-start-1 {
grid-column-start: 1;
}
.c-col-start-2 {
grid-column-start: 2;
}
.c-col-start-3 {
grid-column-start: 3;
}
.c-col-start-4 {
grid-column-start: 4;
}
.c-col-start-5 {
grid-column-start: 5;
}
.c-col-start-6 {
grid-column-start: 6;
}


/* COLUMNS - LAPTOP */
/* ---------------- */

@media only screen and (max-width: 1399px) {
.c-columns-xl-5 {
grid-template-columns: repeat(5, 1fr); 
}
.c-columns-xl-4 {
grid-template-columns: repeat(4, 1fr); 
}
.c-columns-xl-3 {
grid-template-columns: repeat(3, 1fr); 
}
.c-columns-xl-2 {
grid-template-columns: repeat(2, 1fr); 
}
.c-columns-xl-1 {
grid-template-columns: 1fr;
}
  
/* ROW SPANS - LAPTOP */
 
.c-row-span-xl-1 {
grid-column: span 1 / span 1;
}
.c-row-span-xl-2 {
grid-row: span 2 / span 2;
}
.c-row-span-xl-3 {
grid-row: span 3 / span 3;
}
.c-row-span-xl-4 {
grid-row: span 4 / span 4;
}
.c-row-span-xl-5 {
grid-row: span 5 / span 5;
}
.c-row-span-xl-6 {
grid-row: span 6 / span 6;
}
 
/* COLUMN SPANS - LAPTOP */

.c-col-span-xl-1 {
grid-column: span 1 / span 1;
}
.c-col-span-xl-2 {
grid-column: span 2 / span 2;
}
.c-col-span-xl-3 {
grid-column: span 3 / span 3;
}
.c-col-span-xl-4 {
grid-column: span 4 / span 4;
}
.c-col-span-xl-5 {
grid-column: span 5 / span 5;
}
.c-col-span-xl-6 {
grid-column: span 6 / span 6;
}
  
/* ROW START - LAPTOP */

.c-row-start-xl-1 {
grid-row-start: 1;
}
.c-row-start-xl-2 {
grid-row-start: 2;
}
.c-row-start-xl-3 {
grid-row-start: 3;
}
.c-row-start-xl-4 {
grid-row-start: 4;
}
.c-row-start-xl-5 {
grid-row-start: 5;
}
.c-row-start-xl-6 {
grid-row-start: 6;
}

/* COLUMN START - LAPTOP */

.c-col-start-xl-1 {
grid-column-start: 1;
}
.c-col-start-xl-2 {
grid-column-start: 2;
}
.c-col-start-xl-3 {
grid-column-start: 3;
}
.c-col-start-xl-4 {
grid-column-start: 4;
}
.c-col-start-xl-5 {
grid-column-start: 5;
}
.c-col-start-xl-6 {
grid-column-start: 6;
}

}

/* COLUMNS - TABLET */
/* ---------------- */

@media only screen and (max-width: 991px) {
.c-columns-l-4 {
grid-template-columns: repeat(4, 1fr); 
}
.c-columns-l-3 {
grid-template-columns: repeat(3, 1fr); 
}
.c-columns-l-2 {
grid-template-columns: repeat(2, 1fr); 
}
.c-columns-l-1 {
grid-template-columns: 1fr;
}
  
/* ROW SPANS - TABLET */

.c-row-span-l-1 {
grid-row: span 1 / span 1;
}
.c-row-span-l-2 {
grid-row: span 2 / span 2;
}
.c-row-span-l-3 {
grid-row: span 3 / span 3;
}
.c-row-span-l-4 {
grid-row: span 4 / span 4;
}
.c-row-span-l-5 {
grid-row: span 5 / span 5;
}
.c-row-span-l-6 {
grid-row: span 6 / span 6;
}
 
/* COLUMN SPANS - TABLET */

.c-col-span-l-1 {
grid-column: span 1 / span 1;
}
.c-col-span-l-2 {
grid-column: span 2 / span 2;
}
.c-col-span-l-3 {
grid-column: span 3 / span 3;
}
.c-col-span-l-4 {
grid-column: span 4 / span 4;
}
.c-col-span-l-5 {
grid-column: span 5 / span 5;
}
.c-col-span-l-6 {
grid-column: span 6 / span 6;
}
  
/* ROW START - LAPTOP */

.c-row-start-l-1 {
grid-row-start: 1;
}
.c-row-start-l-2 {
grid-row-start: 2;
}
.c-row-start-l-3 {
grid-row-start: 3;
}
.c-row-start-l-4 {
grid-row-start: 4;
}
.c-row-start-l-5 {
grid-row-start: 5;
}
.c-row-start-l-6 {
grid-row-start: 6;
}

/* COLUMN START - LAPTOP */

.c-col-start-l-1 {
grid-column-start: 1;
}
.c-col-start-l-2 {
grid-column-start: 2;
}
.c-col-start-l-3 {
grid-column-start: 3;
}
.c-col-start-l-4 {
grid-column-start: 4;
}
.c-col-start-l-5 {
grid-column-start: 5;
}
.c-col-start-l-6 {
grid-column-start: 6;
}

}

/* COLUMNS - MOBILE LANDSCAPE */
/* -------------------------- */

@media only screen and (max-width: 767px) {
.c-columns-m-3 {
grid-template-columns: repeat(3, 1fr); 
}
.c-columns-m-2 {
grid-template-columns: repeat(2, 1fr); 
}
.c-columns-m-1 {
grid-template-columns: 1fr;
}
  
/* ROW SPANS - MOBILE LANDSCAPE */

.c-row-span-m-1 {
grid-row: span 1 / span 1;
}
.c-row-span-m-2 {
grid-row: span 2 / span 2;
}
.c-row-span-m-3 {
grid-row: span 3 / span 3;
}
.c-row-span-m-4 {
grid-row: span 4 / span 4;
}
.c-row-span-m-5 {
grid-row: span 5 / span 5;
}
.c-row-span-m-6 {
grid-row: span 6 / span 6;
}
 
/* COLUMN SPANS - MOBILE LANDSCAPE */

.c-col-span-m-1 {
grid-column: span 1 / span 1;
}
.c-col-span-m-2 {
grid-column: span 2 / span 2;
}
.c-col-span-m-3 {
grid-column: span 3 / span 3;
}
.c-col-span-m-4 {
grid-column: span 4 / span 4;
}
.c-col-span-m-5 {
grid-column: span 5 / span 5;
}
.c-col-span-m-6 {
grid-column: span 6 / span 6;
}
  
/* ROW START - MOBILE LANDSCAPE */

.c-row-start-m-1 {
grid-row-start: 1;
}
.c-row-start-m-2 {
grid-row-start: 2;
}
.c-row-start-m-3 {
grid-row-start: 3;
}
.c-row-start-m-4 {
grid-row-start: 4;
}
.c-row-start-m-5 {
grid-row-start: 5;
}
.c-row-start-m-6 {
grid-row-start: 6;
}

/* COLUMN START - MOBILE LANDSCAPE */

.c-col-start-m-1 {
grid-column-start: 1;
}
.c-col-start-m-2 {
grid-column-start: 2;
}
.c-col-start-m-3 {
grid-column-start: 3;
}
.c-col-start-m-4 {
grid-column-start: 4;
}
.c-col-start-m-5 {
grid-column-start: 5;
}
.c-col-start-m-6 {
grid-column-start: 6;
}
  
}

/* COLUMNS - MOBILE */
/* ---------------- */

@media only screen and (max-width: 479px) {
.c-columns-s-2 {
grid-template-columns: repeat(2, 1fr); 
}
.c-columns-s-1 {
grid-template-columns: 1fr;
}
  
/* ROW SPANS - MOBILE */
 
.c-row-span-s-1 {
grid-row: span 1 / span 1;
}
.c-row-span-s-2 {
grid-row: span 2 / span 2;
}
.c-row-span-s-3 {
grid-row: span 3 / span 3;
}
.c-row-span-s-4 {
grid-row: span 4 / span 4;
}
.c-row-span-s-5 {
grid-row: span 5 / span 5;
}
.c-row-span-s-6 {
grid-row: span 6 / span 6;
}
 
/* COLUMN SPANS - MOBILE */

.c-col-span-s-1 {
grid-column: span 1 / span 1;
}
.c-col-span-s-2 {
grid-column: span 2 / span 2;
}
.c-col-span-s-3 {
grid-column: span 3 / span 3;
}
.c-col-span-s-4 {
grid-column: span 4 / span 4;
}
.c-col-span-s-5 {
grid-column: span 5 / span 5;
}
.c-col-span-s-6 {
grid-column: span 6 / span 6;
}
  
/* ROW START - MOBILE */

.c-row-start-s-1 {
grid-row-start: 1;
}
.c-row-start-s-2 {
grid-row-start: 2;
}
.c-row-start-s-3 {
grid-row-start: 3;
}
.c-row-start-s-4 {
grid-row-start: 4;
}
.c-row-start-s-5 {
grid-row-start: 5;
}
.c-row-start-s-6 {
grid-row-start: 6;
}

/* COLUMN START - MOBILE */

.c-col-start-s-1 {
grid-column-start: 1;
}
.c-col-start-s-2 {
grid-column-start: 2;
}
.c-col-start-s-3 {
grid-column-start: 3;
}
.c-col-start-s-4 {
grid-column-start: 4;
}
.c-col-start-s-5 {
grid-column-start: 5;
}
.c-col-start-s-6 {
grid-column-start: 6;
}
  
}


/* OTHER */
/* ---------------- */

/* CSS GRID - GALLERIES AND LAYOUTS */
.c-gallery {align-items: stretch;}
.c-gallery img {object-fit:cover;}


/* GRID 1 */

.c-grid-1 {
display: grid!important;
width:100%;
grid-template-columns: repeat(3, 1fr); 
grid-template-rows: repeat(2, 1fr);
}

.c-grid-1 *:nth-child(1) { grid-area: 1 / 1 / span 2 / span 2; }
.c-grid-1 *:nth-child(2) { grid-area: 1 / 3; }
.c-grid-1 *:nth-child(3) { grid-area: 2 / 3; }

@media only screen and (max-width: 768px) {

.c-grid-1 {
grid-template-columns: 1fr 1fr; 
grid-template-rows: 1.5fr 1fr;
}

.c-grid-1 *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.c-grid-1 *:nth-child(2) { grid-area: 2 / 1; }
.c-grid-1 *:nth-child(3) { grid-area: 2 / 2; }

}


/* GRID 2 */

.c-grid-2 {
display: grid!important;
width:100%;
grid-template-columns: repeat(5, 1fr); 
grid-template-rows: repeat(2, 1fr);
}

.c-grid-2 *:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
.c-grid-2 *:nth-child(2) { grid-area: 1 / 4 / 2 / 6; }
.c-grid-2 *:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
.c-grid-2 *:nth-child(4) { grid-area: 2 / 3 / 3 / 6; }




.c-margin-xs {
}
.c-margin-s {
}
.c-margin-m {
}
.c-margin-l {
}
.c-margin-xl {
}
.c-margin-xxl {
}
.c-margin-left-xs {
}
.c-margin-left-s {
}
.c-margin-left-m {
}
.c-margin-left-l {
}
.c-margin-left-xl {
}
.c-margin-left-xxl {
}
.c-margin-right-xs {
 margin-right:5px;
}
.c-margin-right-s {
 margin-right:15px;
}
@media (max-width: 767px) {
.c-margin-right-s {
 margin-right:10px;
}
}

.c-margin-right-m {
 margin-right:25px;
}
@media (max-width: 479px) {
.c-margin-right-m {
 margin-right:15px;
}
}

.c-margin-right-l {
}
.c-margin-right-xl {
}
.c-margin-right-xxl {
}
.c-margin-top-xs {
}
.c-margin-top-s {
	margin-top:  12px;
}
.c-margin-top-m {
	margin-top:  32px;
}
.c-margin-top-l {
}
.c-margin-top-xl {
}
.c-margin-top-xxl {
}
.c-margin-bottom-xs:locked{
}
.c-margin-bottom-xs {
 margin-bottom:4px;
}
.c-margin-bottom-s:locked{
}
.c-margin-bottom-s {
 margin-bottom:14px;
}
.c-margin-bottom-m:locked{
}
.c-margin-bottom-m {
 margin-bottom:24px;
}
@media (max-width: 1418px) {
	.c-margin-bottom-m {
	}
}

@media (max-width: 991px) {
.c-margin-bottom-m {
 margin-bottom:18px;
}
}

.c-margin-bottom-l:locked{
}
.c-margin-bottom-l {
 margin-bottom:48px;
}
@media (max-width: 767px) {
.c-margin-bottom-l {
}
}

@media (max-width: 479px) {
.c-margin-bottom-l {
 margin-bottom:24px;
}
}

.c-margin-bottom-xl:locked{
}
.c-margin-bottom-xl {
 margin-bottom:68px;
}
@media (max-width: 991px) {
.c-margin-bottom-xl {
 margin-bottom:48px;
}
}

@media (max-width: 767px) {
.c-margin-bottom-xl {
 margin-bottom:32px;
}
}

.c-margin-bottom-xxl {
}
.c-padding-xs {
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
}
.c-padding-s {
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:10px;
}
.c-padding-m {
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
}
.c-padding-l {
 padding-top:35px;
 padding-left:35px;
 padding-right:35px;
 padding-bottom:35px;
}
@media (max-width: 1418px) {
.c-padding-l {
 padding-top:25px;
 padding-left:25px;
 padding-right:25px;
 padding-bottom:25px;
}
}

@media (max-width: 767px) {
.c-padding-l {
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
}
}

.c-padding-xl {
 padding-top:75px;
 padding-left:75px;
 padding-right:75px;
 padding-bottom:75px;
}

@media (max-width: 1418px) {
.c-padding-xl {
 padding-top:50px;
 padding-left:50px;
 padding-right:50px;
 padding-bottom:50px;
}
}

@media (max-width: 767px) {
.c-padding-xl {
 padding-top:28px;
 padding-left:28px;
 padding-right:28px;
 padding-bottom:28px;
}
}



/* Doplnujici */
.c-stretch {
  align-items: stretch;
}

.object-fit-c {
  object-fit: cover;
}
.c-columns-gap-s,
.ct-section.c-columns-gap-s {
  grid-gap: 5vmin;
  grid-gap: clamp(8px, 2vmin, 20px);
}
.c-columns-gap-m,
.ct-section.c-columns-gap-m {
  grid-gap: 5vmin;
  grid-gap: clamp(12px, 3.5vmin, 30px);
}
.c-columns-gap-l,
.ct-section.c-columns-gap-l {
  grid-gap: 5vmin;
  grid-gap: clamp(20px, 5vmin, 50px);
}
.c-columns-gap-xl,
.ct-section.c-columns-gap-xl {
  grid-gap: 5vmin;
  grid-gap: clamp(32px, 7vmin, 80px);
}
.c-columns-gap-xl,
.ct-section.c-columns-gap-xl {
  grid-gap: 5vmin;
  grid-gap: clamp(52px, 12vmin, 130px);
}