REDFIR HP
<style><!--
@media (max-width: 992px) {
.carousel_video {width: 100%; height: 57vw;}
}
@media (min-width: 992px) {
.carousel_video {width: 100%; height: 56.5vw;}
}
.top-products-wrapper, .shp-tabs-wrapper.homepage-tabs-wrapper {display: none;}
.index-content-wrapper {display:flex; flex-direction: column;}
.homepage-texts-wrapper {order: 1;}
.shp-tabs-wrapper.homepage-tabs-wrapper {order: 2;}
.banners-content.body-banners {order: 3;}
.kn_container {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:center;}
.kn_container p {margin-bottom: 0px;font-size: 18px; line-height: 1.5;}
.kn_child6 p:nth-child(1) { margin: auto; max-width: 150px; padding: 10px;}
.kn_child6 p:nth-child(2) { font-weight: 900;
font-family: 'Cinzel', serif;
color: #d9a269;
height: 54px;}
.kn_child2 a {color: #111;
background-color: #d9a269;
padding: 10px 25px;
margin-top: 20px;}
.kn_child2 a:hover {color: #fff;
background-color: #c0181b;}
.hp_textbox.dark {background-image: url("https://www.redfir.cz/user/documents/upload/res2020/visuals/background_pattern_alt.png");background-position: left bottom; background-repeat-x: repeat;background-color: #fafafa;}
.xxxhp_textbox.dark:after {content: '';
width: 75px;
height: 75px;
background-image: url(https://www.redfir.cz/user/documents/upload/res2020/visuals/red_pattern.svg);
background-size: 75px 75px;
position: relative;
top: 50%;
right: -40%;
z-index: 3;
margin-top: -75px;}
.hp_textbox.light {background-image: url("https://www.redfir.cz/user/documents/upload/res2020/visuals/background_pattern_white_alt.png");background-position: left bottom; background-repeat-x: repeat;background-color: #fafafa;}
.hp_textbox.dark p {color: #fff;}
.hp_textbox h2, .hp_textbox p {width: 88%; margin-left:auto;margin-right:auto;text-align:center;}
.hp_textbox h2 {margin-block-start: 0;}
.hp_textbox {padding: 50px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;}
.hp_textbox.gif {padding: 50px 0px;}
.hp_textbox.gif p:nth-child(2) a {background: #d9a269; color: #fff; padding: 20px 40px;}
.hp_textbox.gif p:nth-child(2) a:hover {background: #c0181b;}
@media (max-width: 768px) {
.kn_child4 img.bw {filter: grayscale(0%);-webkit-transition : -webkit-filter 500ms linear}
.kn_child4 img.bw:hover {filter: grayscale(100%);}
.kn_child4 img.bw-inverted {filter: grayscale(0%);-webkit-transition : -webkit-filter 500ms linear}
.kn_child4 img.bw-inverted:hover {filter: grayscale(100%);}
.hide_on_mobile {display: none;}
.kn_child1 {width:100%; padding:10px;}
.kn_child2 {width:100%; padding:10px; min-height: 300px;}
.kn_child3 {width:100%; padding:10px;}
.kn_child4 {width:100%; padding:0px;}
.kn_child6 {width:48%; padding:0px;}
.kn_child4:nth-child(2) {order:1;}
.kn_child2:nth-child(3) {order:2;}
.kn_child4:nth-child(6) {order:3;}
.kn_child2:nth-child(4) {order:4;}
.kn_child4:nth-child(8) {order:5;}
.kn_child2:nth-child(9) {order:6;}
.kn_child4:nth-child(12) {order:7;}
.kn_child2:nth-child(10) {order:8;}
.container.hp_text {width: 80%; margin-left:auto;margin-right:auto;text-align:center;}
.content {padding-left: 0px; padding-right: 0px;}
.homepage-texts-wrapper>div {margin: 0px;}
}
@media (min-width: 768px) and (max-width: 1148px) {
.kn_child4 {width:50%; padding:0px;}
.kn_child2 {width:100%; padding:10px; min-height: 300px;}
.kn_child6 {width: 14%; margin: 1%; padding:0px;}
.container.hp_text {width: 80%; margin-left:auto;margin-right:auto;text-align:center;}
.kn_child4:nth-child(1) {order:1;}
.kn_child4:nth-child(2) {order:2;}
.kn_child2:nth-child(3) {order:3;}
.kn_child4:nth-child(5) {order:4;}
.kn_child4:nth-child(6) {order:5;}
.kn_child2:nth-child(4) {order:6;}
.kn_child4:nth-child(7) {order:7;}
.kn_child4:nth-child(8) {order:8;}
.kn_child2:nth-child(9) {order:9;}
.kn_child4:nth-child(11) {order:10;}
.kn_child4:nth-child(12) {order:11;}
.kn_child2:nth-child(10) {order:12;}
}
@media (min-width: 1148px) {
.kn_child4 {width:25%; padding:0px;}
.kn_child2 {width:50%; padding:10px;}
.kn_child6 {width: 14%; margin: 1%; padding:0px;}
}
@media (min-width: 768px) {
.kn_child4 img.bw {filter: grayscale(100%);-webkit-transition : -webkit-filter 500ms linear}
.kn_child4 img.bw:hover {filter: grayscale(0%);}
.kn_child4 img.bw-inverted {filter: grayscale(100%);-webkit-transition : -webkit-filter 500ms linear}
.kn_child4 img.bw-inverted:hover {filter: grayscale(0%);}
.homepage-texts-wrapper {margin-left: -20px; margin-right: -20px;}
.welcome-wrapper, .index-content-wrapper {margin: 0px !important;}
.index-content-wrapper {max-width: 100%;}
.kn_child1 {width:100%; padding:10px;}
.kn_child3 {width:32.3%; padding:10px;}
.hp_text {width: 768px;
margin-left: calc(50% - 384px);
margin-right: calc(50% - 384px);
padding: 100px 50px;
text-align: center;}
}
.hp_gif {width:100%;margin-bottom:20px;}
.hp_gif > img {width:96% !important;max-width: 600px;}
@media (min-width: 992px) and (max-width: 1440px) {
.hp_gif {width:45% !important;margin-bottom:20px;}
}
--></style>
<div class="kn_container">
<div class="kn_child6">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/benefit_3.png' /></p>
<p style="text-align: center;">PŘESNÉ ZAPÍNÁNÍ</p>
<p style="text-align: center;">Místo 7 dírek máte na výběr ze 39 pozic</p>
</div>
<div class="kn_child6">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/benefit_2.png' /></p>
<p style="text-align: center;">DLOUHÁ ŽIVOTNOST</p>
<p style="text-align: center;">Žádné roztahané dírky nebo natrhnutý pásek</p>
</div>
<div class="kn_child6">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Benefit_1.png' /></p>
<p style="text-align: center;">VYMĚNITELNÉ SPONY</p>
<p style="text-align: center;">Spony můžete jednoduše sundat a vyměnit</p>
</div>
<div class="kn_child6">
<p style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/benefit_4.png' /></p>
<p style="text-align: center;">JEDNA VELIKOST</p>
<p style="text-align: center;">Opasek si po sundání spony snadno zkrátíte</p>
</div>
</div>
<div class="hp_textbox gif">
<p class="hp_gif" style="text-align: center;"><a href="/opasky/"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/GIF_new_1.gif' alt="GIF_new_1" /></a></p>
<p style="text-align: center;"><a href="/opasky/">Konfigurátor</a></p>
</div>
<div class="kn_container">
<div class="kn_child4 hide_on_mobile">
<p style="text-align: center;"><img class="bw" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Square_1.jpg' alt="RedFir pásky" /></p>
</div>
<div class="kn_child4">
<p style="text-align: center;"><img class="bw-inverted" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Square_2.jpg' alt="RedFir pásky" /></p>
</div>
<div class="kn_child2 hp_textbox dark">
<h2><span style="color: #d9a269;">Opasky bez dírek</span></h2>
<p>Naše opasky mají místo dírek speciální mechanismus zapínání. To sebou přináší celou řadu výhod.</p>
<a href="/proc-redfir/">Zjistit více</a></div>
<div class="kn_child2 hp_textbox light">
<h2><span style="color: #d9a269;">Vyrobeno v Česku</span></h2>
<p>Opasky REDFIR jsou ručně vyráběné v České republice, v dílně s 27letou tradicí kožedělné výroby.</p>
<a href="/o-nas/">Více o nás</a></div>
<div class="kn_child4 hide_on_mobile">
<p style="text-align: center;"><img class="bw-inverted" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Square_3.jpg' alt="RedFir pásky" /></p>
</div>
<div class="kn_child4">
<p style="text-align: center;"><img class="bw" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Square_4.jpg' alt="RedFir pásky" /></p>
</div>
<div class="kn_child4 hide_on_mobile">
<p style="text-align: center;"><img class="bw" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Square_5.jpg' alt="RedFir pásky" /></p>
</div>
<div class="kn_child4">
<p style="text-align: center;"><img class="bw-inverted" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Square_6.jpg' alt="RedFir pásky" /></p>
</div>
<div class="kn_child2 hp_textbox dark">
<h2><span style="color: #d9a269;">Široká nabídka</span></h2>
<p>Již v standardní nabídce naleznete mnoho variant opasků.</p>
<a href="/opasky/">Vybrat pásek</a></div>
<div class="kn_child2 hp_textbox light">
<h2><span style="color: #d9a269;">Zakázková výroba</span></h2>
<p>Kromě naši standardní nabídky děláme i opasky na zakázku.</p>
<a href="/zakazkova-vyroba/">Zjistit více</a></div>
<div class="kn_child4 hide_on_mobile">
<p style="text-align: center;"><img class="bw-inverted hide_on_mobile" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Square_7.jpg' alt="RedFir pásky" /></p>
</div>
<div class="kn_child4">
<p style="text-align: center;"><img class="bw" src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/visuals/Square_8.jpg' alt="RedFir pásky" /></p>
</div>
</div>
<div class="carousel_video"><iframe src="https://www.youtube.com/embed/LFtUtJhwrJA" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<h2 style="text-align: center; margin-top: 50px;"><span style="color: #d9a269;">Recenze</span></h2>
