PR:PL_Back to school


<
style type="text/css"> .kampan-main { margin: 20px auto 50px auto; font-size: 0.8em; text-align: center; width: 100%; font-family:VAGRoundedLTPro-Light,Arial,Helvetica,sans-serif,Calibri; } .kampan-main .header { background-image: url("/i/41443542/"); background-position: 50% 50%; background-size: auto 100%; text-align: center; font-size: 2.3em; height: 169px; position: relative; background-color: #7fb5f1; width: 99%; margin: 0px 0.5% 10px 0.5%; background-repeat: no-repeat; } .kampan-main .header span { font-family:VAGRoundedLTPro-Bold,Arial,Helvetica,sans-serif,Calibri; } .kampan-main .header .hlavni-nad { font-family:VAGRoundedLTPro-Bold,Arial,Helvetica,sans-serif,Calibri; color: #1a83c4; font-size: 1.6em; } .kampan-main .header p { width: 500px; } .kampan-main img { width: 100%; } .kampan-main span.tlacitko { position: absolute; font-size: 1.6em; padding: 5px 10px; text-align: left; color: #ffffff; background-color: #7ab5f7; border-radius: 5px; font-weight: bold; } .kampan-main .big-boxik span.tlacitko { bottom: 8%; left: 6%; } .kampan-main .kruh { width: 70px; height: 70px; background-color: #db2d42; color: #ffffff; padding-top: 6px; border-radius: 50%; font-size: 2em; line-height: 1.1em; } .kampan-main .kruh em { font-size: 0.7em; line-height: 1.1em; text-transform: none; font-style: normal; } .kampan-main .kruh { position: absolute; top: 48%; right: 28%; } .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { position: absolute; top: 48%; right: 42%; } .big-boxik span.nadpis { position: absolute; font-size: 2.4em; line-height: 1.2em; text-align: left; color: #646462; top: 10%; left: 5%; margin-right: 5%; background-color: rgba(251,251,251,0.5);; padding: 2%; } a.big-boxik { display: block; float: left; width: 24%; padding: 0; margin: 0.5%; transition: transform 0.1s linear; position: relative; background-size: auto 90%; background-color: #fbfbfb; background-repeat: no-repeat; background-position: right bottom; } a.big-boxik.box1 { background-image: url("https://i.cdn.nrholding.net/41095865/"); } a.big-boxik.box2 { background-image: url("https://i.cdn.nrholding.net/41095869/"); } a.big-boxik.box3 { background-image: url("https://i.cdn.nrholding.net/41095864/"); } a.big-boxik.box4 { background-image: url("https://i.cdn.nrholding.net/41095843/"); } a.big-boxik.box5 { background-image: url("https://i.cdn.nrholding.net/41095842/"); background-size: auto 65%; } a.big-boxik.box6 { background-image: url("https://i.cdn.nrholding.net/41095866/"); } a.big-boxik.box7 { background-image: url("https://i.cdn.nrholding.net/41095867/"); background-size: auto 70%; } a.big-boxik.box8 { background-image: url("https://i.cdn.nrholding.net/41095868/"); } a.big-boxik.box9 { background-image: url("https://i.cdn.nrholding.net/42893245/"); } a.big-boxik.box10 { background-image: url("https://i.cdn.nrholding.net/42893244/"); } a.big-boxik.box11 { background-image: url("https://i.cdn.nrholding.net/42893231/"); } a.big-boxik.box12 { background-image: url("https://i.cdn.nrholding.net/42956815/"); } .big-boxik:hover { transform: scale(1.03,1.03); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); z-index: 2; } .big-boxik-image { width: 100%; display: block; margin: 0; padding: 0; } .big-boxik img { visibility: hidden; } @media only screen and (max-width: 1354px) { .kampan-main .header { font-size: 2.1em; } } @media only screen and (max-width: 1200px) { a.big-boxik { width: 49%; } .big-boxik span.nadpis { font-size: 3em; } .kampan-main span.tlacitko { font-size: 1.8em; } } @media only screen and (max-width: 1145px) { .kampan-main { font-size: 0.8em; } .kampan-main .header { font-size: 2em; } .kampan-main .kruh { width: 60px; height: 60px; font-size: 1.8em; line-height: 1.1em; } } @media only screen and (max-width: 1024px) { .kampan-main { width: 100%; } .kampan-main .header { font-size: 1.8em; } .kampan-main .header p { right: 3%; } .big-boxik span.nadpis { font-size: 2.5em; } .kampan-main span.tlacitko { font-size: 1.7em; } .kampan-main .kruh { width: 55px; height: 55px; font-size: 1.5em; line-height: 1.1em; top: 65%; } .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { position: absolute; top: 65%; } } @media only screen and (max-width: 950px) { .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { right: 28%; top: 65%; } .kampan-main .header p { left: 40%; } } @media only screen and (max-width: 800px) { .kampan-main { width: 100%; } .kampan-main .header { font-size: 1.5em; } .kampan-main .header p { right: 2%; } .kampan-main span.tlacitko { font-size: 1.5em; } .big-boxik span.nadpis { font-size: 2em; } .kampan-main .kruh { top: 60%; right:22%; } .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { position: absolute; top: 60%; right: 22%; } } @media only screen and (max-width: 700px) { a.big-boxik { width: 49%; } .kampan-main .header { font-size: 1.2em; } .big-boxik span.nadpis { font-size: 2.1em; } .kampan-main .kruh { width: 50px; height: 50px; font-size: 1.4em; top: 70%; } .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { position: absolute; top: 70%; right: 39; } } @media only screen and (max-width: 636px) { .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { right: 39; } } @media only screen and (max-width: 570px) { .big-boxik span.nadpis { font-size: 1.8em; } .kampan-main .kruh { width: 45px; height: 45px; font-size: 1.2em; top: 70%; } } @media only screen and (max-width: 500px) { .kampan-main span.tlacitko { font-size: 1.2em; } .kampan-main .header { font-size: 0.9em; } .big-boxik span.nadpis { font-size: 1.4em; } .kampan-main span.tlacitko { font-size: 1.3em; } .kampan-main .header p { right: 2%; } .kampan-main .kruh { top: 60%; } .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { position: absolute; top: 60%; right: 32%; } } @media only screen and (max-width: 412px) { .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { position: absolute; top: 60%; right: 22%; } .big-boxik span.nadpis { font-size: 1.2em; } } @media only screen and (max-width: 385px) { a.big-boxik { width: 99%; } .big-boxik span.nadpis { font-size: 1.9em; } .kampan-main .header { font-size: 0.8em; } .kampan-main .kruh { width: 50px; height: 50px; font-size: 1.5em; top: 75%; } .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { top: 75%; right: 39%; } a.big-boxik.box3 { margin-left: 0.5%; } } @media only screen and (max-width: 350px) { .kampan-main .kruh { top: 68%; } .kampan-main .box4 .kruh, .kampan-main .box6 .kruh { top: 68%; } } .blog-box { width: 48.5%; border: 1px solid lightgray; display: flex; align-items: stretch; border-radius: 5px; overflow: hidden; min-height: 240px; } .bi-left {float: left;} .bi-right {float: right;} .blog-img-wrap { width: 45%; overflow: hidden; margin-right: 20px; display: flex; position: relative; } .blog-img { display: flex; width: 100%; background-repeat: none; background-size: cover; background-position: center center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; transition: all 0.5s ease-in-out; align-items: center; justify-content: center; text-decoration: none; position: relative; } .blog-img-left { background-image: url('https://img.cncenter.cz/img/97/title/3868651_autosedacky-deti-poradna-v0.jpg?v=0'); } .blog-img-right { background-image: url('https://img.cncenter.cz/img/97/title/4865026_miminko-dite-cestovani-auto-autosedacka-materstvi-v0.jpg?v=0'); } .blog-img-wrap:hover .blog-img {transform: scale(1.1); filter: blur(2.2px);} .blog-img-wrap:hover .blog-img-read {opacity: 1; transform: scale(1.5);} .blog-img-read-box { display: block; width: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; transition: all 0.5s ease-in-out; text-align: center; text-decoration: none; position: absolute; top: 40%; } .blog-img-read { color: white; text-decoration: none; font-size: 1.3rem; font-family: VAGRoundedLTPro-light,Arial,Helvetica,sans-serif,Calibri; font-weight: bold; padding: 3px 13px; background-color: rgba(0, 0, 0, 0.5); display: inline-block; border-radius: 5px; border-bottom: 0px; letter-spacing: 0.8px; opacity: 0; transition: all 0.3s ease-in-out; } .blog-text { padding: 20px; width: 50% } a.blog-nadpis { text-decoration: none; color: #3d4951; } a.blog-nadpis:hover { text-decoration: underline; color: #3d4951; } @media only screen and (max-width: 1360px) { .blog-box { min-height: 260px; } } @media only screen and (max-width: 1220px) { .blog-box { min-height: 310px; } } @media only screen and (max-width: 1024px) { .uvod-text p span.sleva-odznak { padding: 19px 10px; } } @media only screen and (max-width: 650px) { .uvod-text p span.sleva-odznak { padding: 16px 10px; } .kampan-main .header { height: 120px; } } @media only screen and (max-width: 450px) { } @media only screen and (max-width: 420px) { .uvod-text p span.sleva-odznak { padding: 0px 10px; } .visible-mobile-420 { display: block; } } @media only screen and (max-width: 400px) { .kampan-main .header p { left: 20%; } } @media only screen and (max-width: 300px) { .kampan-main .header p { left: 3%; } } @media only screen and (max-width: 1020px) { .blog-box { width: 100%; margin-bottom: 20px; min-height: 100px; } .bi-left {float: none;} .bi-right {float: none;} } @media only screen and (max-width: 640px) { .blog-img-wrap { width: 35%; overflow: hidden; margin-right: 10px; display: flex; position: relative; } .blog-text { padding: 10px; width: 60% } .blog-img-wrap:hover .blog-img-read {opacity: 1; transform: scale(1.1);} }