MOIA tiles CSS
<link rel="stylesheet" type="text/css" href="https://www.moiaelixirs.com//user/documents/pkUpravy/font/flaticon.css">
<style>
.id-1 .top-products-wrapper {
display: none !important;
}
.products-block .p > a::before,.products-block .img > a::before { padding-top: 100% !important;}
</style>
<script>document.write("<link rel='stylesheet' media='screen' href='https://339681.myshoptet.com/user/documents/upload/res/Moia_upravene.css?v=" + Date.now() + "'\/>");</script>
<style>
body::-webkit-scrollbar { height: 0 !important;}
.row.banners-row, .next-to-carousel-banners {display: flex; flex-flow: row wrap;justify-content:center;}
.next-to-carousel-banners {max-width: 100%;}
.row.banners-row > div:nth-child(1) {order: 2;}
.row.banners-row > div:nth-child(2) {order: 1;width:100%;}
.next-to-carousel-banners > div {margin: 3px !important;}
.next-to-carousel-banners > div {width: 100%;}
.next-to-carousel-banners > div:nth-child(7), .next-to-carousel-banners > div:nth-child(8), .next-to-carousel-banners > div:nth-child(9), .next-to-carousel-banners > div:nth-child(10) {width: 48%;}
#header .added_top_menu .container {min-height: unset;}
@media (max-width: 992px) {
.hide_on_mobile {display: none;}
}
@media (min-width: 992px) {
.next-to-carousel-banners > div {width: calc(33.3333% - 6px);}
.next-to-carousel-banners > div:nth-child(6), .next-to-carousel-banners > div:nth-child(7), .next-to-carousel-banners > div:nth-child(8), .next-to-carousel-banners > div:nth-child(9), .next-to-carousel-banners > div:nth-child(10), .next-to-carousel-banners > div:nth-child(11) {width: 16%;}
.next-to-carousel-banners > div:nth-child(5) {width: calc(66.6666% - 6px);}
.next-to-carousel-banners > div:nth-child(10):hover:after {content: 'Vybrat si můžete z České pošty, PPL či Uloženky';color: #3c3e39;
font-weight: 600;
line-height: 1.8;
background-color: #fff;
text-align: center;
position: absolute;
left: 0;
top: 0;
padding: 10px;
width: 100%;
height: 100%;
vertical-align: middle;}
}
.shp-tabs-row.responsive-nav, .products-block > div .p .availability, .subcategories.with-image, .filters-wrapper, #footer .kn_container_about, body.type-index .kn_container_about {display:none;}
.category-title {color: #839c80;}
#productsRelated.fade {opacity: 1 !important;}
.p-detail-inner { border-bottom: solid 1px #dadada;margin-bottom: 30px;}
#productsRelated > div {display: flex; flex-flow: row wrap;justify-content: center;}
#productsRelated:before {content: 'TOP produkty';position: relative;
left: calc(50% - 84px);
font-weight: 300;
font-size: 24px;
text-transform: uppercase;}
.kn_detail_container {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-between;}
@media (max-width: 768px) {
.kn_detail_benefit {width:49%; padding:10px;}
}
@media (min-width: 768px) {
.kn_detail_benefit {width:24%; padding:10px;}
}
.category-perex {
margin-bottom: 19px;
text-align: justify;
text-align-last: center;
width:100%;
max-width: 700px;
margin: auto;
}
.basic-description {margin-top: 30px;}
</style>
<style><!--
@media (max-width: 768px) {
.kn_child24, .kn_child14 {width:100%; padding:0px;height:275px; margin-bottom:3px;}
#kn_banners {height: 1665px; margin-top: 110px !important}
}
@media (min-width: 768px) and (max-width: 992px) {
.kn_child24 {width:100%; padding:0px;height: 275px;}
.kn_child14 {width:calc(50% - 2px); padding:0px;height: 275px;}
#kn_banners {height: 1115px; margin-top:130px !important;}
}
@media (min-width: 992px) {
.kn_child24 {width: calc(50% - 2px);height: calc((100vh - 102px) / 2);}
.kn_child14 {width: calc(25% - 2px);height: calc((100vh - 102px) / 2);}
#kn_banners {height: calc(100vh - 99px) !important; margin-top: 99px !important;max-width: 1920px; margin-left: auto; margin-right: auto;}
}
#kn_banners {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-between;}
#kn_banners h3 {color: #fff; font-size: 30px; margin-bottom: 50px; padding: 12px 30px; align-self: center;
background-color: rgba(0,0,0,0.6);}
.kn_child14, .kn_child24
{
overflow: hidden;
position: relative;
}
#kn_banners a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
overflow: hidden;
}
.kn_inner-div
{
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
transition: all 0.5s ease;
display: flex;
flex-flow: column wrap;
justify-content: flex-end;
text-align: center;
}
.kn_child24:nth-child(1) .kn_inner-div { background-image: url('https://www.moiaelixirs.com/user/documents/upload/res2020/hp_moia_vrasky.png');}
.kn_child14:nth-child(2) .kn_inner-div { background-image: url('https://www.moiaelixirs.com/user/documents/upload/res2020/hp_moia_kapky.png');}
.kn_child14:nth-child(3) .kn_inner-div { background-image: url('https://www.moiaelixirs.com/user/documents/upload/res2020/hp_moia_ruce.png');}
.kn_child24:nth-child(4) .kn_inner-div { background-image: url('https://www.moiaelixirs.com/user/documents/upload/res2020/hp_moia_koupelna.png');}
.kn_child14:nth-child(5) .kn_inner-div { background-image: url('https://www.moiaelixirs.com/user/documents/upload/res2020/hp_moia_svaly.png');}
.kn_child14:nth-child(6) .kn_inner-div { background-image: url('https://www.moiaelixirs.com/user/documents/upload/res2020/hp_moia_cbd.png');}
.kn_inner-div:hover
{
transform: scale(1.2);
}
.advanced-parameter, .advanced-parameter-inner {width: 75px; height: 75px;}
.advanced-parameter-inner img {width: 75px;}
.advanced-parameter-inner.yes-before {border-color: #3c3e39; color: #3c3e39;}
--></style>
