.cb { max-width: 250px; padding: 20px !important; background-color: white !important; }

/* -------------------- Placeholder -------------------- */
.join,
.name,
.first,
.last,
.bio,
.avatar,
.sub,
.tags,
.time,
.index .date,
.freebie,
.credits,
.email,
.minutes,
.updated,
.menu-icon,
.search,
.intro,
.logo,
.more,
.read,
.element-title,
#wpadminbar,
footer
{display: none !important;}


@media (max-width: 600px) {
header {display: none !important;}
}



.section99 .article .name,
.section99 .article .sub {
   display: block;
}

.section99 .article > a .text {
   display: flex;
   flex-direction: column;
}

.section99 .article > a .text .category {
   order: 1;
}

.section99 .article > a .text .title {
   order: 2;
   padding: var(--gapmini) 0 var(--gapminor);
}

.section99 .article > a .text .sub {
   order: 3;
   font-size: var(--fontsize16);
   padding-bottom: var(--gapminor);
   line-height: 1.4em;
}

.section99 .article > a .text .name {
   order: 3;
}

.section99 .article > a .text .category,
.section99 .article > a .text .name {
   font-size: var(--fontsize12);
   font-family: var(--font3);
   text-transform: uppercase;
}


.section99 .grid13 {
   grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12));
   column-gap: var(--gap);
}
.section99 .grid13 .article {
   border: 0;
}
.section99 .grid13 .article a {
   flex-direction: column;
}
.section99 .inner .article a {
   font-size: var(--fontsize18);
}

.section99 .inner .article a .image {
   margin-bottom: var(--gapminor);
}
.section99 .inner .full .article a .image {
   height: 200px;
}
.section99 .inner .article a .text .title {
   font-weight: 700;
}

.single-bottom .section99 .full .grid {
   margin: 0;
}

.single-bottom .section99 .article a .image,
.archive .section99 .article a .image {
   height: 200px;
   margin-bottom: var(--gapminor);
}
.single-right.side .articles5 .article a .title,
.section99 .article a .title {
   font-weight: 700; 
}




/* -------------------- Hide cookies and popup when designing -------------------- */
#cookies, #cookies-overlay, #popup, #popup-overlay {display: none !important;}

/* -------------------- General -------------------- */
html {overflow-wrap: break-word;}
body {margin: 0 auto;}
header a, .grid a, .cat a, .title a, .cta a, .link-block a, .article a {text-decoration: none; color: black;}
.hide {display: none !important;}
div { max-width: 100%;}
.home {display: flex; flex-direction: column;}

/* -------------------- Mobile Header and Footer -------------------- */
@media (min-width: 601px) {.mobile {display: none;}  }
@media (max-width: 600px) {.desktop {display: none;}  }
.page .mobile {display: block !important;}
.mobile .logo {width: 300px; max-width: 80%; margin: 15px auto;}
.mobile .logo img {width: 100%;}

/* -------------------- Sections -------------------- */
.section .inner {display: flex; gap: var(--gap);}
.section .full {width: 100%;}
.section .wide {width: 77%;}
.section .side {width: 23%;}
.section .left {order: 1;}
.section .right {order: 2;}
@media (max-width: 1200px) { .section .inner {flex-direction: column; } .section .wide, .section .side {width: 100%;} }

/* -------------------- Gap -------------------- */
:root {--gap: 30px;}

/* -------------------- Side -------------------- */
.side .article.normal .image { height: 100px; }

/* -------------------- Images -------------------- */
img { max-width: 100%;}

.image.col img,
.single-header .featured-image img,
.article img,
.site-categories-images img,
.freebie img
{width: 100%; height: 100%; object-fit: cover;}

.image.left img { float: left; width: 50%; margin: 5px 20px 5px 0px;}
.image.right img { float: right; width: 50%; margin: 5px 0px 5px 20px;}
.image.hundred img { width: 100%; }
.image.hundredplus {max-width: 110%; width: 110%; margin-left: -5%;}
@media (max-width: 1200px) { .image.hundredplus {max-width: 100%; width: 100%; margin-left: 0;} }
.image.eighty img {width: 80%; margin: 0 10%;}
.image.col {display: flex; gap: var(--gap);}

/* -------------------- Icons -------------------- */
.icon img {width: 20px;}
.icon {height: 20px; width: 20px; background-position: center; background-size: cover; cursor: pointer;}

/* -------------------- Stars -------------------- */
.stars { --percent: calc(var(--rating) / 100 * 100%); }
.stars::before { content: '\2605\2605\2605\2605\2605'; background: linear-gradient(90deg, var(--color1, gold)  var(--percent), #ddd var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* -------------------- Header -------------------- */
.header-sticky { position: fixed; top: 0; width: 100%; z-index: 1;}
#header-scroll { position: fixed; top: 0; width: 100%; z-index: 1; display: none;}
#header-up { position: fixed; top: 0; width: 100%; z-index: 1; display: none;}
header .site-categories .items {display: flex; align-items: center; }
header .logo img {max-height: 50px;}

/* -------------------- Cookies -------------------- */
#cookies { display: none; z-index: 10000; position: fixed; }
#cookies-overlay {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.8; z-index: 1000; }

/* -------------------- Popup -------------------- */
#popup { display: none; z-index: 1000; position: fixed; }
#popup-overlay {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.8; z-index: 100; }

/* -------------------- Menu -------------------- */
#menu { display: none; z-index: 10000; }
#menu-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.8; z-index: 1000; }

/* -------------------- Menu icon -------------------- */
.menu-icon {display: flex;}

/* -------------------- Search -------------------- */
.search {display: flex;}
.search .icon {margin: 0 5px; }

/* -------------------- Social -------------------- */
.social .items {display: flex;}
.social .items .item {display: flex; margin: 0 5px; cursor: pointer;}
.social img {width: 20px; margin: 0 3px;}

/* -------------------- Join -------------------- */
.join {display: flex;}
.join img {width: 20px; margin: 0 5px; }
.join .icon {margin: 0 5px; }
.join .signin {cursor: pointer;}
.join .subscribe {cursor: pointer;}

/* -------------------- Cookies -------------------- */
.cookies {display: flex;}
.cookies .text {display: flex;}
.cookies img {width: 20px; margin: 0 5px;}
.cookies .long1 {display: none;}
.cookies .long2 {display: none;}
.cookies .settings span {cursor: pointer;}
.cookies .deny span {cursor: pointer;}
.cookies .accept span {cursor: pointer;}

/* -------------------- Article -------------------- */
.article {margin: 10px 0;}
.article.normal .image { width: 100%; /*height: 100%;*/ float: none; }
.article .text {display: flex; flex-direction: column;}
.article .date, .article .minutes, .article .sub, .article .intro, .article .more, .article .read, .article .category, .article .categories, .article .tags, .article .name, .article .first, .article .last, .article .bio, .article .avatar, .article .updated, .article .time, .article .number {display: none;}
@media (max-width: 600px) { .article.box .container {max-height: 250px;} }

/* -------------------- Site Categories -------------------- */
.site-categories .description {display: none;}
.site-categories-images .description {display: none;}

/* -------------------- Freebie -------------------- */
.freebie .cta {cursor: pointer;}
.freebie .icon {display: none;}
.popup .freebie .icon {display: block;}
.freebie .image {display: none;}

/* -------------------- Email -------------------- */
.email .cta {cursor: pointer;}
.email .thanks {display: none;}
.email .icon {display: none;}
.popup .email .icon {display: block;}
.email .image {display: none;}

/* -------------------- Directory -------------------- */
.directory .overview { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--gap)/2) var(--gap); }
.directory .overview .image { height: 200px; }

/* -------------------- Lead -------------------- */
.lead .overview .offer {display: flex; align-items: center; align-content: center; flex-wrap: wrap; height: 150px; }

/* -------------------- Related -------------------- */
.related .category,
.related .published,
.related .intro {display: none;}

/* -------------------- Author -------------------- */
.author .first {display: none;}
.author .last {display: none;}
.author .bio {display: none;}
.author .avatar {display: none;}

/* -------------------- Arthive -------------------- */
.archive .section .heading {display: none;}

/* -------------------- Single -------------------- */
.single-header .breadcrumbs,
.single-header .sub,
.single-header .category,
.single-header .categories,
.single-header .social,
.single-header .ad,
.single-header .time,
.single-header .date,
.single-header .updated,
.single-header .minutes,
.single-header .text,
.single-header .author,

.single-above .breadcrumbs,
.single-above .title,
.single-above .sub,
.single-above .category,
.single-above .categories,
.single-above .social,
.single-above .ad,
.single-above .time,
.single-above .date,
.single-above .updated,
.single-above .minutes,
.single-above .text,
.single-above .author,
.single-above .featured-image,

.single-footer .category,
.single-footer .categories,
.single-footer .tags,
.single-footer .social,
.single-footer .date,
.single-footer .updated,
.single-footer .author,
.single-footer .related,
.single-footer .freebie,
.single-footer .email,

.single-bottom .section .heading
{display: none;}

/* -------------------- Single Best -------------------- */
.best .overview .product .number,
.best .overview .product .image,
.best .overview .product .description,
.best .overview .product .highlights,
.best .overview .product .pros-cons-1-list,
.best .overview .product .pros-cons-2-lists,
.best .overview .product .pros-only,
.best .overview .product .cons-only,
.best .overview .product .pros-text,
.best .overview .product .cons-text,
.best .overview .product .pros-and-cons-text,
.best .overview .product .specifications,
.best .overview .product .jump,
.best .overview .product .summary,
.best .overview .product .why,
.best .overview .product .label,
.best .overview .product .rating1,
.best .overview .product .rating2,
.best .overview .product .rating3,
.best .overview .product .rating4,
.best .overview .product .rating5,
.best .overview .product .rating6,
.best .overview .product .rating-word,
.best .overview .product .price,
.best .overview .product .cta
{display: none;}

.best .detailed .product .number,
.best .detailed .product .image,
.best .detailed .product .description,
.best .detailed .product .highlights,
.best .detailed .product .pros-cons-1-list,
.best .detailed .product .pros-cons-2-lists,
.best .detailed .product .pros-only,
.best .detailed .product .cons-only,
.best .detailed .product .pros-text,
.best .detailed .product .cons-text,
.best .detailed .product .pros-and-cons-text,
.best .detailed .product .specifications,
.best .detailed .product .jump,
.best .detailed .product .summary,
.best .detailed .product .why,
.best .detailed .product .label,
.best .detailed .product .rating1,
.best .detailed .product .rating2,
.best .detailed .product .rating3,
.best .detailed .product .rating4,
.best .detailed .product .rating5,
.best .detailed .product .rating6,
.best .detailed .product .rating-word,
.best .detailed .product .price,
.best .detailed .product .cta
{display: none;}

.best .others .product .number,
.best .others .product .image,
.best .others .product .description,
.best .others .product .highlights,
.best .others .product .pros-cons-1-list,
.best .others .product .pros-cons-2-lists,
.best .others .product .pros-only,
.best .others .product .cons-only,
.best .others .product .pros-text,
.best .others .product .cons-text,
.best .others .product .pros-and-cons-text,
.best .others .product .specifications,
.best .others .product .jump,
.best .others .product .summary,
.best .others .product .why,
.best .others .product .label,
.best .others .product .rating1,
.best .others .product .rating2,
.best .others .product .rating3,
.best .others .product .rating4,
.best .others .product .rating5,
.best .others .product .rating6,
.best .others .product .rating-word,
.best .others .product .price,
.best .others .product .cta
{display: none;}

/* -------------------- Single Shop -------------------- */
.shop .overview {display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--gap)/2) var(--gap); }

.shop .overview .product .number,
.shop .overview .product .description,
.shop .overview .product .highlights,
.shop .overview .product .pros-cons-1-list,
.shop .overview .product .pros-cons-2-lists,
.shop .overview .product .pros-only,
.shop .overview .product .cons-only,
.shop .overview .product .pros-text,
.shop .overview .product .cons-text,
.shop .overview .product .pros-and-cons-text,
.shop .overview .product .specifications,
.shop .overview .product .jump,
.shop .overview .product .summary,
.shop .overview .product .why,
.shop .overview .product .label,
.shop .overview .product .rating1,
.shop .overview .product .rating2,
.shop .overview .product .rating3,
.shop .overview .product .rating4,
.shop .overview .product .rating5,
.shop .overview .product .rating6,
.shop .overview .product .rating-word,
.shop .overview .product .price,
.shop .overview .product .price .text,
.shop .overview .product .cta
{display: none;}


/* -------------------- Grids -------------------- */
.grid {display: grid; grid-template-columns: repeat(12, calc((100% - var(--gap) * 11) / 12)); grid-template-rows: repeat(12, calc((100% - var(--gap) * 11) / 12)); gap: var(--gap); margin: var(--gap) 0; }
.gridimg1 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 12;}
.gridimg2 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 12;}
.gridimg3 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 12;}
.gridimg4 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 12;}
.grid1 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 12;}
.grid2 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 6;}
.grid2 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 7 / span 6;}
.grid3 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 7;}
.grid3 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 8 / span 5;}
.grid4 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 8;}
.grid4 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 9 / span 4;}
.grid5 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 9;}
.grid5 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 10 / span 3;}
.grid6 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 4;}
.grid6 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 5 / span 8;}
.grid7 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 4;}
.grid7 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 5 / span 4;}
.grid7 .griditem:nth-child(3) {grid-row: 1 / span 12; grid-column: 9 / span 4;}
.grid8 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 3;}
.grid8 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 4 / span 6;}
.grid8 .griditem:nth-child(3) {grid-row: 1 / span 12; grid-column: 10 / span 3;}
.grid9 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 8;}
.grid9 .griditem:nth-child(2) {grid-row: 1 / span 6; grid-column: 9 / span 4;}
.grid9 .griditem:nth-child(3) {grid-row: 7 / span 6; grid-column: 9 / span 4;}
.grid10 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 4;}
.grid10 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 4;}
.grid10 .griditem:nth-child(3) {grid-row: 1 / span 12; grid-column: 5 / span 8;}
.grid11 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 6;}
.grid11 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 7 / span 3;}
.grid11 .griditem:nth-child(3) {grid-row: 1 / span 12; grid-column: 10 / span 3;}
.grid12 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 6;}
.grid12 .griditem:nth-child(2) {grid-row: 1 / span 6; grid-column: 7 / span 3;}
.grid12 .griditem:nth-child(3) {grid-row: 7 / span 3; grid-column: 7 / span 3;}
.grid12 .griditem:nth-child(4) {grid-row: 10 / span 3; grid-column: 7 / span 3;}
.grid12 .griditem:nth-child(5) {grid-row: 1 / span 6; grid-column: 10 / span 3;}
.grid12 .griditem:nth-child(6) {grid-row: 7 / span 3; grid-column: 10 / span 3;}
.grid12 .griditem:nth-child(7) {grid-row: 10 / span 3; grid-column: 10 / span 3;}
.grid13 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 3;}
.grid13 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 4 / span 3;}
.grid13 .griditem:nth-child(3) {grid-row: 1 / span 12; grid-column: 7 / span 3;}
.grid13 .griditem:nth-child(4) {grid-row: 1 / span 12; grid-column: 10 / span 3;}
.grid14 .griditem:nth-child(1) {grid-row: 1 / span 4; grid-column: 1 / span 8;}
.grid14 .griditem:nth-child(2) {grid-row: 5 / span 4; grid-column: 1 / span 8;}
.grid14 .griditem:nth-child(3) {grid-row: 9 / span 4; grid-column: 1 / span 8;}
.grid14 .griditem:nth-child(4) {grid-row: 1 / span 12; grid-column: 9 / span 4;}
.grid15 .griditem:nth-child(1) {grid-row: 1 / span 4; grid-column: 1 / span 6;}
.grid15 .griditem:nth-child(2) {grid-row: 5 / span 4; grid-column: 1 / span 6;}
.grid15 .griditem:nth-child(3) {grid-row: 9 / span 4; grid-column: 1 / span 6;}
.grid15 .griditem:nth-child(4) {grid-row: 1 / span 12; grid-column: 7 / span 6;}
.grid16 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 8;}
.grid16 .griditem:nth-child(2) {grid-row: 1 / span 4; grid-column: 9 / span 4;}
.grid16 .griditem:nth-child(3) {grid-row: 5 / span 4; grid-column: 9 / span 4;}
.grid16 .griditem:nth-child(4) {grid-row: 9 / span 4; grid-column: 9 / span 4;}
.grid17 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 6;}
.grid17 .griditem:nth-child(2) {grid-row: 1 / span 4; grid-column: 7 / span 6;}
.grid17 .griditem:nth-child(3) {grid-row: 5 / span 4; grid-column: 7 / span 6;}
.grid17 .griditem:nth-child(4) {grid-row: 9 / span 4; grid-column: 7 / span 6;}
.grid18 .griditem:nth-child(1) {grid-row: 1 / span 9; grid-column: 1 / span 6;}
.grid18 .griditem:nth-child(2) {grid-row: 10 / span 3; grid-column: 1 / span 6;}
.grid18 .griditem:nth-child(3) {grid-row: 1 / span 3; grid-column: 7 / span 6;}
.grid18 .griditem:nth-child(4) {grid-row: 4 / span 9; grid-column: 7 / span 6;}
.grid19 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 8;}
.grid19 .griditem:nth-child(2) {grid-row: 1 / span 6; grid-column: 9 / span 4;}
.grid19 .griditem:nth-child(3) {grid-row: 7 / span 6; grid-column: 1 / span 4;}
.grid19 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 5 / span 8;}
.grid20 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 6;}
.grid20 .griditem:nth-child(2) {grid-row: 1 / span 6; grid-column: 7 / span 3;}
.grid20 .griditem:nth-child(3) {grid-row: 1 / span 6; grid-column: 10 / span 3;}
.grid20 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 7 / span 6;}
.grid21 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 6;}
.grid21 .griditem:nth-child(2) {grid-row: 1 / span 6; grid-column: 7 / span 3;}
.grid21 .griditem:nth-child(3) {grid-row: 1 / span 6; grid-column: 10 / span 3;}
.grid21 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 7 / span 3;}
.grid21 .griditem:nth-child(5) {grid-row: 7 / span 6; grid-column: 10 / span 3;}
.grid22 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 6;}
.grid22 .griditem:nth-child(2) {grid-row: 1 / span 8; grid-column: 7 / span 3;}
.grid22 .griditem:nth-child(3) {grid-row: 9 / span 4; grid-column: 7 / span 3;}
.grid22 .griditem:nth-child(4) {grid-row: 1 / span 8; grid-column: 10 / span 3;}
.grid22 .griditem:nth-child(5) {grid-row: 9 / span 4; grid-column: 10 / span 3;}
.grid23 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 4;}
.grid23 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 5 / span 4;}
.grid23 .griditem:nth-child(3) {grid-row: 1 / span 4; grid-column: 9 / span 4;}
.grid23 .griditem:nth-child(4) {grid-row: 5 / span 4; grid-column: 9 / span 4;}
.grid23 .griditem:nth-child(5) {grid-row: 9 / span 4; grid-column: 9 / span 4;}
.grid24 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 4;}
.grid24 .griditem:nth-child(2) {grid-row: 1 / span 6; grid-column: 5 / span 4;}
.grid24 .griditem:nth-child(3) {grid-row: 7 / span 6; grid-column: 5 / span 4;}
.grid24 .griditem:nth-child(4) {grid-row: 1 / span 6; grid-column: 9 / span 4;}
.grid24 .griditem:nth-child(5) {grid-row: 7 / span 6; grid-column: 9 / span 4;}
.grid25 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 3;}
.grid25 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 3;}
.grid25 .griditem:nth-child(3) {grid-row: 1 / span 12; grid-column: 4 / span 6;}
.grid25 .griditem:nth-child(4) {grid-row: 1 / span 6; grid-column: 10 / span 3;}
.grid25 .griditem:nth-child(5) {grid-row: 7 / span 6; grid-column: 10 / span 3;}
.grid26 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 2;}
.grid26 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 2;}
.grid26 .griditem:nth-child(3) {grid-row: 1 / span 6; grid-column: 3 / span 2;}
.grid26 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 3 / span 2;}
.grid26 .griditem:nth-child(5) {grid-row: 1 / span 12; grid-column: 5 / span 8;}
.grid27 .griditem:nth-child(1) {grid-row: 1 / span 3; grid-column: 1 / span 4;}
.grid27 .griditem:nth-child(2) {grid-row: 4 / span 3; grid-column: 1 / span 4;}
.grid27 .griditem:nth-child(3) {grid-row: 7 / span 3; grid-column: 1 / span 4;}
.grid27 .griditem:nth-child(4) {grid-row: 10 / span 3; grid-column: 1 / span 4;}
.grid27 .griditem:nth-child(5) {grid-row: 1 / span 12; grid-column: 5 / span 8;}
.grid28 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 4;}
.grid28 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 4;}
.grid28 .griditem:nth-child(3) {grid-row: 1 / span 6; grid-column: 5 / span 4;}
.grid28 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 5 / span 4;}
.grid28 .griditem:nth-child(5) {grid-row: 1 / span 12; grid-column: 9 / span 4;}
.grid29 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 8;}
.grid29 .griditem:nth-child(2) {grid-row: 1 / span 3; grid-column: 9 / span 4;}
.grid29 .griditem:nth-child(3) {grid-row: 4 / span 3; grid-column: 9 / span 4;}
.grid29 .griditem:nth-child(4) {grid-row: 7 / span 3; grid-column: 9 / span 4;}
.grid29 .griditem:nth-child(5) {grid-row: 10 / span 3; grid-column: 9 / span 4;}
.grid30 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 6;}
.grid30 .griditem:nth-child(2) {grid-row: 1 / span 3; grid-column: 7 / span 6;}
.grid30 .griditem:nth-child(3) {grid-row: 4 / span 3; grid-column: 7 / span 6;}
.grid30 .griditem:nth-child(4) {grid-row: 7 / span 3; grid-column: 7 / span 6;}
.grid30 .griditem:nth-child(5) {grid-row: 10 / span 3; grid-column: 7 / span 6;}
.grid31 .griditem:nth-child(1) {grid-row: 1 / span 12; grid-column: 1 / span 2;}
.grid31 .griditem:nth-child(2) {grid-row: 1 / span 12; grid-column: 3 / span 2;}
.grid31 .griditem:nth-child(3) {grid-row: 1 / span 12; grid-column: 5 / span 2;}
.grid31 .griditem:nth-child(4) {grid-row: 1 / span 12; grid-column: 7 / span 2;}
.grid31 .griditem:nth-child(5) {grid-row: 1 / span 12; grid-column: 9 / span 2;}
.grid31 .griditem:nth-child(6) {grid-row: 1 / span 12; grid-column: 11 / span 2;}
.grid32 .griditem:nth-child(1) {grid-row: 1 / span 2; grid-column: 1 / span 8;}
.grid32 .griditem:nth-child(2) {grid-row: 3 / span 2; grid-column: 1 / span 8;}
.grid32 .griditem:nth-child(3) {grid-row: 5 / span 2; grid-column: 1 / span 8;}
.grid32 .griditem:nth-child(4) {grid-row: 7 / span 2; grid-column: 1 / span 8;}
.grid32 .griditem:nth-child(5) {grid-row: 9 / span 2; grid-column: 1 / span 8;}
.grid32 .griditem:nth-child(6) {grid-row: 11 / span 2; grid-column: 1 / span 8;}
.grid32 .griditem:nth-child(7) {grid-row: 1 / span 12; grid-column: 9 / span 4;}
.grid33 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 3;}
.grid33 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 3;}
.grid33 .griditem:nth-child(3) {grid-row: 1 / span 12; grid-column: 4 / span 6;}
.grid33 .griditem:nth-child(4) {grid-row: 1 / span 3; grid-column: 10 / span 3;}
.grid33 .griditem:nth-child(5) {grid-row: 4 / span 3; grid-column: 10 / span 3;}
.grid33 .griditem:nth-child(6) {grid-row: 7 / span 3; grid-column: 10 / span 3;}
.grid33 .griditem:nth-child(7) {grid-row: 10 / span 3; grid-column: 10 / span 3;}
.grid34 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 3;}
.grid34 .griditem:nth-child(2) {grid-row: 7 / span 3; grid-column: 1 / span 3;}
.grid34 .griditem:nth-child(3) {grid-row: 10 / span 3; grid-column: 1 / span 3;}
.grid34 .griditem:nth-child(4) {grid-row: 1 / span 10; grid-column: 4 / span 6;}
.grid34 .griditem:nth-child(5) {grid-row: 11 / span 2; grid-column: 4 / span 6;}
.grid34 .griditem:nth-child(6) {grid-row: 1 / span 6; grid-column: 10 / span 3;}
.grid34 .griditem:nth-child(7) {grid-row: 7 / span 3; grid-column: 10 / span 3;}
.grid34 .griditem:nth-child(8) {grid-row: 10 / span 3; grid-column: 10 / span 3;}
.grid35 .griditem:nth-child(1) {grid-row: 1 / span 8; grid-column: 1 / span 3;}
.grid35 .griditem:nth-child(2) {grid-row: 9 / span 2; grid-column: 1 / span 3;}
.grid35 .griditem:nth-child(3) {grid-row: 11 / span 2; grid-column: 1 / span 3;}
.grid35 .griditem:nth-child(4) {grid-row: 1 / span 8; grid-column: 4 / span 3;}
.grid35 .griditem:nth-child(5) {grid-row: 9 / span 2; grid-column: 4 / span 3;}
.grid35 .griditem:nth-child(6) {grid-row: 11 / span 2; grid-column: 4 / span 3;}
.grid35 .griditem:nth-child(7) {grid-row: 1 / span 8; grid-column: 7 / span 3;}
.grid35 .griditem:nth-child(8) {grid-row: 9 / span 2; grid-column: 7 / span 3;}
.grid35 .griditem:nth-child(9) {grid-row: 11 / span 2; grid-column: 7 / span 3;}
.grid35 .griditem:nth-child(10) {grid-row: 1 / span 12; grid-column: 10 / span 3;}
.grid36 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 4;}
.grid36 .griditem:nth-child(2) {grid-row: 7 / span 2; grid-column: 1 / span 4;}
.grid36 .griditem:nth-child(3) {grid-row: 9 / span 2; grid-column: 1 / span 4;}
.grid36 .griditem:nth-child(4) {grid-row: 11 / span 2; grid-column: 1 / span 4;}
.grid36 .griditem:nth-child(5) {grid-row: 1 / span 6; grid-column: 5 / span 4;}
.grid36 .griditem:nth-child(6) {grid-row: 7 / span 2; grid-column: 5 / span 4;}
.grid36 .griditem:nth-child(7) {grid-row: 9 / span 2; grid-column: 5 / span 4;}
.grid36 .griditem:nth-child(8) {grid-row: 11 / span 2; grid-column: 5 / span 4;}
.grid36 .griditem:nth-child(9) {grid-row: 1 / span 12; grid-column: 9 / span 4;}

@media (max-width: 1000px) {
.gridimg1, .gridimg2, .gridimg3, .gridimg4, .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid18 {display: block; height: auto !important;}
.gridimg1 .griditem, .gridimg2 .griditem, .gridimg3 .griditem, .gridimg4 .griditem, .grid1 .griditem, .grid2 .griditem, .grid3 .griditem, .grid4 .griditem, .grid5 .griditem, .grid6 .griditem, .grid7 .griditem, .grid18 .griditem {margin: 25px 0; height: 100px;}
.grid8 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 6;}
.grid8 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 12;}
.grid8 .griditem:nth-child(3) {grid-row: 1 / span 6; grid-column: 7 / span 6;}
.grid9 .griditem:nth-child(1) {grid-row: 1 / span 8; grid-column: 1 / span 12;}
.grid9 .griditem:nth-child(2) {grid-row: 9 / span 4; grid-column: 1 / span 6;}
.grid9 .griditem:nth-child(3) {grid-row: 9 / span 4; grid-column: 7 / span 6;}
.grid10 .griditem:nth-child(1) {grid-row: 9 / span 4; grid-column: 1 / span 6;}
.grid10 .griditem:nth-child(2) {grid-row: 9 / span 4; grid-column: 7 / span 6;}
.grid10 .griditem:nth-child(3) {grid-row: 1 / span 8; grid-column: 1 / span 12;}
.grid11 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid11 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 6;}
.grid11 .griditem:nth-child(3) {grid-row: 7 / span 6; grid-column: 7 / span 6;}
.grid12 .griditem:nth-child(1) {grid-row: 1 / span 5; grid-column: 1 / span 12;}
.grid12 .griditem:nth-child(2) {grid-row: 6 / span 3; grid-column: 1 / span 6;}
.grid12 .griditem:nth-child(3) {grid-row: 9 / span 2; grid-column: 1 / span 6;}
.grid12 .griditem:nth-child(4) {grid-row: 11 / span 2; grid-column: 1 / span 6;}
.grid12 .griditem:nth-child(5) {grid-row: 6 / span 3; grid-column: 7 / span 6;}
.grid12 .griditem:nth-child(6) {grid-row: 9 / span 2; grid-column: 7 / span 6;}
.grid12 .griditem:nth-child(7) {grid-row: 11 / span 2; grid-column: 7 / span 6;}
.grid13 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 6;}
.grid13 .griditem:nth-child(2) {grid-row: 1 / span 6; grid-column: 7 / span 6;}
.grid13 .griditem:nth-child(3) {grid-row: 7 / span 6; grid-column: 1 / span 6;}
.grid13 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 7 / span 6;}
.grid14 .griditem:nth-child(1) {grid-row: 1 / span 2; grid-column: 1 / span 12;}
.grid14 .griditem:nth-child(2) {grid-row: 3 / span 2; grid-column: 1 / span 12;}
.grid14 .griditem:nth-child(3) {grid-row: 5 / span 2; grid-column: 1 / span 12;}
.grid14 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 1 / span 12;}
.grid15 .griditem:nth-child(1) {grid-row: 1 / span 2; grid-column: 1 / span 12;}
.grid15 .griditem:nth-child(2) {grid-row: 3 / span 2; grid-column: 1 / span 12;}
.grid15 .griditem:nth-child(3) {grid-row: 5 / span 2; grid-column: 1 / span 12;}
.grid15 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 1 / span 12;}
.grid16 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid16 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 4;}
.grid16 .griditem:nth-child(3) {grid-row: 7 / span 6; grid-column: 5 / span 4;}
.grid16 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 9 / span 4;}
.grid17 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid17 .griditem:nth-child(2) {grid-row: 7 / span 6; grid-column: 1 / span 4;}
.grid17 .griditem:nth-child(3) {grid-row: 7 / span 6; grid-column: 5 / span 4;}
.grid17 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 9 / span 4;}
.grid19 .griditem:nth-child(1) {grid-row: 1 / span 4; grid-column: 1 / span 12;}
.grid19 .griditem:nth-child(2) {grid-row: 5 / span 4; grid-column: 1 / span 6;}
.grid19 .griditem:nth-child(3) {grid-row: 5 / span 4; grid-column: 7 / span 6;}
.grid19 .griditem:nth-child(4) {grid-row: 9 / span 4; grid-column: 1 / span 12;}
.grid20 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid20 .griditem:nth-child(2) {grid-row: 7 / span 3; grid-column: 1 / span 6;}
.grid20 .griditem:nth-child(3) {grid-row: 7 / span 3; grid-column: 7 / span 6;}
.grid20 .griditem:nth-child(4) {grid-row: 10 / span 3; grid-column: 1 / span 12;}
.grid21 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid21 .griditem:nth-child(2) {grid-row: 7 / span 3; grid-column: 1 / span 6;}
.grid21 .griditem:nth-child(3) {grid-row: 7 / span 3; grid-column: 7 / span 6;}
.grid21 .griditem:nth-child(4) {grid-row: 10 / span 3; grid-column: 1 / span 6;}
.grid21 .griditem:nth-child(5) {grid-row: 10 / span 3; grid-column: 7 / span 6;}
.grid22 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid22 .griditem:nth-child(2) {grid-row: 7 / span 4; grid-column: 1 / span 6;}
.grid22 .griditem:nth-child(3) {grid-row: 11 / span 2; grid-column: 1 / span 6;}
.grid22 .griditem:nth-child(4) {grid-row: 7 / span 4; grid-column: 7 / span 6;}
.grid22 .griditem:nth-child(5) {grid-row: 11 / span 2; grid-column: 7 / span 6;}
.grid23 .griditem:nth-child(1) {grid-row: 1 / span 8; grid-column: 1 / span 6;}
.grid23 .griditem:nth-child(2) {grid-row: 1 / span 8; grid-column: 7 / span 6;}
.grid23 .griditem:nth-child(3) {grid-row: 9 / span 4; grid-column: 1 / span 4;}
.grid23 .griditem:nth-child(4) {grid-row: 9 / span 4; grid-column: 5 / span 4;}
.grid23 .griditem:nth-child(5) {grid-row: 9 / span 4; grid-column: 9 / span 4;}
.grid24 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid24 .griditem:nth-child(2) {grid-row: 7 / span 3; grid-column: 1 / span 6;}
.grid24 .griditem:nth-child(3) {grid-row: 7 / span 3; grid-column: 7 / span 6;}
.grid24 .griditem:nth-child(4) {grid-row: 10 / span 3; grid-column: 1 / span 6;}
.grid24 .griditem:nth-child(5) {grid-row: 10 / span 3; grid-column: 7 / span 6;}
.grid25 .griditem:nth-child(1) {grid-row: 7 / span 3; grid-column: 1 / span 6;}
.grid25 .griditem:nth-child(2) {grid-row: 10 / span 3; grid-column: 1 / span 6;}
.grid25 .griditem:nth-child(3) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid25 .griditem:nth-child(4) {grid-row: 7 / span 3; grid-column: 7 / span 6;}
.grid25 .griditem:nth-child(5) {grid-row: 10 / span 3; grid-column: 7 / span 6;}
.grid26 .griditem:nth-child(1) {grid-row: 1 / span 3; grid-column: 1 / span 6;}
.grid26 .griditem:nth-child(2) {grid-row: 4 / span 3; grid-column: 1 / span 6;}
.grid26 .griditem:nth-child(3) {grid-row: 1 / span 3; grid-column: 7 / span 6;}
.grid26 .griditem:nth-child(4) {grid-row: 4 / span 3; grid-column: 7 / span 6;}
.grid26 .griditem:nth-child(5) {grid-row: 7 / span 6; grid-column: 1 / span 12;}
.grid27 .griditem:nth-child(1) {grid-row: 1 / span 3; grid-column: 1 / span 6;}
.grid27 .griditem:nth-child(2) {grid-row: 4 / span 3; grid-column: 1 / span 6;}
.grid27 .griditem:nth-child(3) {grid-row: 1 / span 3; grid-column: 7 / span 6;}
.grid27 .griditem:nth-child(4) {grid-row: 4 / span 3; grid-column: 7 / span 6;}
.grid27 .griditem:nth-child(5) {grid-row: 7 / span 6; grid-column: 1 / span 12;}
.grid28 .griditem:nth-child(1) {grid-row: 1 / span 4; grid-column: 1 / span 6;}
.grid28 .griditem:nth-child(2) {grid-row: 5 / span 4; grid-column: 1 / span 6;}
.grid28 .griditem:nth-child(3) {grid-row: 1 / span 4; grid-column: 7 / span 6;}
.grid28 .griditem:nth-child(4) {grid-row: 5 / span 4; grid-column: 7 / span 6;}
.grid28 .griditem:nth-child(5) {grid-row: 9 / span 4; grid-column: 1 / span 12;}
.grid29 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid29 .griditem:nth-child(2) {grid-row: 7 / span 3; grid-column: 1 / span 6;}
.grid29 .griditem:nth-child(3) {grid-row: 7 / span 3; grid-column: 7 / span 6;}
.grid29 .griditem:nth-child(4) {grid-row: 10 / span 3; grid-column: 1 / span 6;}
.grid29 .griditem:nth-child(5) {grid-row: 10 / span 3; grid-column: 7 / span 6;}
.grid30 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 12;}
.grid30 .griditem:nth-child(2) {grid-row: 7 / span 3; grid-column: 1 / span 6;}
.grid30 .griditem:nth-child(3) {grid-row: 7 / span 3; grid-column: 7 / span 6;}
.grid30 .griditem:nth-child(4) {grid-row: 10 / span 3; grid-column: 1 / span 6;}
.grid30 .griditem:nth-child(5) {grid-row: 10 / span 3; grid-column: 7 / span 6;}
.grid31 .griditem:nth-child(1) {grid-row: 1 / span 6; grid-column: 1 / span 4;}
.grid31 .griditem:nth-child(2) {grid-row: 1 / span 6; grid-column: 5 / span 4;}
.grid31 .griditem:nth-child(3) {grid-row: 1 / span 6; grid-column: 9 / span 4;}
.grid31 .griditem:nth-child(4) {grid-row: 7 / span 6; grid-column: 1 / span 4;}
.grid31 .griditem:nth-child(5) {grid-row: 7 / span 6; grid-column: 5 / span 4;}
.grid31 .griditem:nth-child(6) {grid-row: 7 / span 6; grid-column: 9 / span 4;}
.grid32 .griditem:nth-child(1) {grid-row: 1 / span 1; grid-column: 1 / span 12;}
.grid32 .griditem:nth-child(2) {grid-row: 2 / span 1; grid-column: 1 / span 12;}
.grid32 .griditem:nth-child(3) {grid-row: 3 / span 1; grid-column: 1 / span 12;}
.grid32 .griditem:nth-child(4) {grid-row: 4 / span 1; grid-column: 1 / span 12;}
.grid32 .griditem:nth-child(5) {grid-row: 5 / span 1; grid-column: 1 / span 12;}
.grid32 .griditem:nth-child(6) {grid-row: 6 / span 1; grid-column: 1 / span 12;}
.grid32 .griditem:nth-child(7) {grid-row: 7 / span 6; grid-column: 1 / span 12;}
.grid33 .griditem:nth-child(1) {grid-row: 1 / span 3; grid-column: 1 / span 6;}
.grid33 .griditem:nth-child(2) {grid-row: 1 / span 3; grid-column: 7 / span 6;}
.grid33 .griditem:nth-child(3) {grid-row: 4 / span 5; grid-column: 1 / span 12;}
.grid33 .griditem:nth-child(4) {grid-row: 9 / span 2; grid-column: 1 / span 6;}
.grid33 .griditem:nth-child(5) {grid-row: 9 / span 2; grid-column: 7 / span 6;}
.grid33 .griditem:nth-child(6) {grid-row: 11 / span 2; grid-column: 1 / span 6;}
.grid33 .griditem:nth-child(7) {grid-row: 11 / span 2; grid-column: 7 / span 6;}
.grid34 .griditem:nth-child(1) {grid-row: 1 / span 3; grid-column: 1 / span 6;}
.grid34 .griditem:nth-child(2) {grid-row: 4 / span 2; grid-column: 1 / span 6;}
.grid34 .griditem:nth-child(3) {grid-row: 6 / span 2; grid-column: 1 / span 6;}
.grid34 .griditem:nth-child(4) {grid-row: 8 / span 4; grid-column: 1 / span 12;}
.grid34 .griditem:nth-child(5) {grid-row: 12 / span 1; grid-column: 1 / span 12;}
.grid34 .griditem:nth-child(6) {grid-row: 1 / span 3; grid-column: 7 / span 6;}
.grid34 .griditem:nth-child(7) {grid-row: 4 / span 2; grid-column: 7 / span 6;}
.grid34 .griditem:nth-child(8) {grid-row: 6 / span 2; grid-column: 7 / span 6;}
.grid35 .griditem:nth-child(1) {grid-row: 1 / span 4; grid-column: 1 / span 6;}
.grid35 .griditem:nth-child(2) {grid-row: 5 / span 1; grid-column: 1 / span 6;}
.grid35 .griditem:nth-child(3) {grid-row: 6 / span 1; grid-column: 1 / span 6;}
.grid35 .griditem:nth-child(4) {grid-row: 1 / span 4; grid-column: 7 / span 6;}
.grid35 .griditem:nth-child(5) {grid-row: 5 / span 1; grid-column: 7 / span 6;}
.grid35 .griditem:nth-child(6) {grid-row: 6 / span 1; grid-column: 7 / span 6;}
.grid35 .griditem:nth-child(7) {grid-row: 7 / span 4; grid-column: 1 / span 6;}
.grid35 .griditem:nth-child(8) {grid-row: 11 / span 1; grid-column: 1 / span 6;}
.grid35 .griditem:nth-child(9) {grid-row: 12 / span 1; grid-column: 1 / span 6;}
.grid35 .griditem:nth-child(10) {grid-row: 7 / span 6; grid-column: 7 / span 6;}
.grid36 .griditem:nth-child(1) {grid-row: 1 / span 3; grid-column: 1 / span 6;}
.grid36 .griditem:nth-child(2) {grid-row: 4 / span 1; grid-column: 1 / span 6;}
.grid36 .griditem:nth-child(3) {grid-row: 5 / span 1; grid-column: 1 / span 6;}
.grid36 .griditem:nth-child(4) {grid-row: 6 / span 1; grid-column: 1 / span 6;}
.grid36 .griditem:nth-child(5) {grid-row: 1 / span 3; grid-column: 7 / span 6;}
.grid36 .griditem:nth-child(6) {grid-row: 4 / span 1; grid-column: 7 / span 6;}
.grid36 .griditem:nth-child(7) {grid-row: 5 / span 1; grid-column: 7 / span 6;}
.grid36 .griditem:nth-child(8) {grid-row: 6 / span 1; grid-column: 7 / span 6;}
.grid36 .griditem:nth-child(9) {grid-row: 7 / span 6; grid-column: 1 / span 12;}
}

@media (max-width: 600px) {
.grid {display: block; height: auto !important;}
.griditem {margin: 25px 0;}
}