@import url(grid.css);
@import "https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&subset=latin-ext";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none
}
html,
body {
	overflow-x: hidden;
    font-weight: 400;
    font-style: normal;
    font-size: 100%;
    font-family: lato;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html p,
body p {
    text-align: justify
}
nav {
    width: 100%;
    background: #f0f0f0;
    font-family: lato, tahoma, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    font-weight: 400;
    line-height: 20px;
    color: #606060;
    padding: 7px 0
}
.ricon {
    border: 2px solid #606060;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-size: 2px;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 16px;
    font-size: 12px
}
h1 {
    font-family: lato, tahoma, sans-serif;
    font-size: 38px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    font-weight: 700
}

html[lang="ro"] section.banner h1 { font-size: 37px; }

h2 {
    font-family: lato, tahoma, sans-serif;
    font-size: 28px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    font-weight: 700
}
h3 {
    font-family: lato, tahoma, sans-serif;
    font-size: 24px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    font-weight: 700
}
h4 {
    font-family: lato, tahoma, sans-serif;
    font-size: 20px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    font-weight: 700
}
.clr {
    width: 100%;
    height: 0px;
    clear: both
}
.blue {
    color: #00559b
}
.black {
    color: #000
}
.gray {
    color: #848484
}

.plaBranfColor { color: #49829f; }
.plaRed { color: #fd1a21; }

.center {
    text-align: center
}
.nomargin {
    margin: 0;
    line-height: 1.1em
}
a img {
    border: 0
}
img.full {
    width: 100%
}
.img-wrapper {
	position: relative;
}
.img-wrapper > span {
	position: absolute; font-size:15px; right: -16%; top:5%; width:100%; text-align: center; color:#fff; font-weight: bold;
}

html[lang="fi"] .img-wrapper > span{ font-size: 9px!important; right: 2px; }
html[lang="pla"] .img-wrapper > span { font-size: 13px }

.white {
    color: #fff
}
ul.menu {
    margin: 0;
    padding: 0
}
ul.menu li {
    display: inline-block;
    margin: 0
}
ul.menu li a {
    font-family: lato, tahoma, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    font-weight: 400;
    line-height: 20px;
    color: #606060;
    text-decoration: none
}

ul.menu li a:hover { text-decoration: underline; }

ul.menu li::after {
    content: "|";
    padding: 0 5px
}
ul.menu li:last-child::after {
    content: "";
    padding: 0 0px
}
header {
    padding: 5px 0
}
header span.icon {
    background-position: center left;
    background-repeat: no-repeat;
    padding: 0 0 0 46px;
    margin: 30px 20px 0 0;
    display: inline-block;
    height: 32px;
    line-height: 32px
}
html:lang(nl) header span.icon { font-size: 13px; }
header span.icon.icon-1 {
    background-image: url(../img/r-icon.png)
}
header span.icon.icon-2 {
    background-image: url(../img/lab-icon.png)
}
header span.icon.icon-3 {
    background-image: url(../img/safe-icon.png);
}
header span.icon.icon-4 {
    background-image: url(../img/box-icon.png);
}
section.banner ul.b-dots,
section.sec3 ul.dots,
section.sec8 ul.dots {
    margin: 20px 0 0 60px;
    padding: 20px 0 0;
    list-style-type: none
}


section.banner .pla ul.b-dots, section.sec3 ul.dots, section.sec8 ul.dots {
    margin: 50px 0 0 0;
    padding: 20px;
    list-style-type: none;
    /*background: #fff;*/
}


section.banner ul.b-dots li,
section.sec3 ul.dots li,
section.sec8 ul.dots li {
    padding: 0 0 0 30px;
    list-style-type: none;
    font-family: lato, tahoma, sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 1.6em;
    font-weight: 400;
    line-height: 34px;
    background: transparent url(../img/thick-top.png) 0px 7px no-repeat
}

section.banner .pla ul.b-dots li, section.sec3 ul.dots li, section.sec8 ul.dots li {
    padding: 0 0 0 30px;
    list-style-type: none;
    font-family: lato, tahoma, sans-serif;
    font-size: 20px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    line-height: 34px;
    background: transparent url(../img/thick-top.png) 0px 7px no-repeat;
}

section.banner {
    width: 100%;
    background: #fff url(../img/top-bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 0 0 6px;
    border-bottom: 6px solid #d91413
}
section.banner h1,
section.banner h2 {
    line-height: 100%;
    margin: 0 0 5px 0
}
section.banner h1 {
    margin-top: 50px
}

section.banner div.paratop {
    background: transparent url(../img/para-top-box.png) bottom center no-repeat;
    background-size: cover
}
@media screen and (max-width: 980px) {
    section.banner * {
        text-align: center
    }
    section.banner * ul.b-dots {
        margin: 20px 0
    }
    section.banner * ul.b-dots li {
        padding: 0;
        background-image: none
    }

	div.szitmig { display: none !important; animation: none; -webkit-animation: none; }
}
.button {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    text-decoration: none
}
.button.button-large {
    font-family: lato, tahoma, sans-serif;
    font-size: 28px;
    color: #fff;
    line-height: 1.6em;
    font-weight: 400;
    line-height: 110%;
    padding: 20px 15px;
    font-weight: 700;
    background: #FC1B1C url(../img/button.png) center bottom repeat-x;
    margin: 40px 0;
    width: 100%
}
.button.button-medium {
    font-family: lato, tahoma, sans-serif;
    font-size: 24px;
    color: #fff;
    line-height: 1.6em;
    font-weight: 400;
    line-height: 100%;
    padding: 18px 5px;
    font-weight: 700;
    background: #FC1B1C url(../img/button.png) center bottom repeat-x;
    margin: 10px 0;
    width: 100%
}
.button.button-small {
    font-family: lato, tahoma, sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 1.6em;
    font-weight: 400;
    line-height: 100%;
    padding: 12px 5px;
    font-weight: 700;
    background: #FC1B1C url(../img/button.png) center bottom repeat-x;
    margin: 10px 0;
    width: 100%
}
.button.button-green {
    text-decoration: none;
    background: #508000 url(../img/bgreen.png) center bottom repeat-x
}
.button:hover {
    text-decoration: none
}
@media screen and (max-width: 740px) {
    .button-large {
        font-size: 22px
    }
}
section.about {
    padding: 40px 0
}
section.about p {
    color: #848484;
    text-align: justify
}
section.about h4 {
    color: #00559b
}
section.about>.row {
    margin-bottom: 30px
}
@media screen and (max-width: 740px) {
    section.about h4 {
        text-align: center
    }
}




section.sec1 {
    width: 100%;
    background: #ededed url(../img/czy-wiesz-ze-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 15px 0 10px 0;
    position: relative
}

html:lang(cz) section.sec1 { margin-bottom: 2em; }
html:lang(il) section.sec1 { margin-bottom: 2em; }

section.sec1 img.abs {
    position: relative;
    top: -20px
}
section.sec2 {
    padding: 15px 0 10px 0
}
section.sec2 h3.up {
    padding-left: 40px;
    background: transparent url(../img/symbol-meskosci.png) center left no-repeat
}
section.sec2 p {
    color: #848484
}
section.sec3 {
    width: 100%;
    background: #fff url(../img/dla-kogo-przeznaczony-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 30px 0 0 0
}
section.sec3 ul.dots {
    margin: 0
}
section.sec3 ul.dots li {
    background-image: url(../img/thick-czerwony.png);
    color: #595959;
    font-size: 17px
}
section.sec3 .button-medium {
    margin: 40px 0 0 0
}
section.sec4 {
    padding: 40px 0 10px 0
}
section.sec5 {
    padding: 20px 0
}
section.sec5 p {
    color: #848484;
    text-align: justify
}
section.sec5>.row {
    margin-bottom: 30px
}
@media screen and (max-width: 740px) {
    section.sec5 h4 {
        text-align: center
    }
}
section.sec5 .fleft {
    float: left;
    position: absolute
}

@media (max-width: 740px) {
    section.sec5 .fleft {
        display: none
    }
}
section.sec5 .fright {
    float: right;
    position: relative;
    top: 20px;
    left: 10px
}
section.sec5>.button-medium {
    margin: 20px 0 0 10px
}
section.sec6 {
    padding: 40px 0
}
section.sec6 .bordered {
    background: #f0f0f0;
    border: 1px solid #aeb7c0;
    position: relative;
    box-sizing: content-box;
    width: 100%;
    padding: 30px 0 30px 0
}
section.sec6 .bordered p {
    font-weight: 600;
    padding: 0 10px 0 30px
}

html:lang(cz) section.sec6 .bordered p { font-size: 16px; }

section.sec6 .fleft {
    float: left;
    position: relative;
    top: -57px;
    left: 0px
}

html[lang="ph"] section.sec6 .fleft{ top: -27px; }

@media (min-width: 1220px) {
    section.sec6 .bordered {
        height: 260px
    }

    html[lang="ph"] section.sec6 .bordered{ height: 290px; }

    .sidebar { margin-top: 2em; }
    .sidebar:first-child { margin-top: 4em; }
    .sidebar:last-child .info { margin-bottom: 0; }
    .sidebar h4 { margin-bottom: 1em !important; }
}
@media (max-width: 1220px) {
    section.sec6 .bordered {
        height: 340px
    }
    section.sec6 .fleft {
        top: 23px;
        left: 0px
    }
}
@media (max-width: 980px) {
    section.sec6 .bordered {
        height: 350px
    }
    section.sec6 .fleft {
        top: 33px;
        left: 0px
    }
}
@media (max-width: 740px) {
    section.sec6 .bordered {
        height: auto
    }
    section.sec6 .fleft {
        display: none
    }
}
section.sec7 {
    padding: 20px 0
}
section.sec7 h2 {
    margin: 20px 0 40px 0
}
section.sec7 .opinie .row {
    margin: 0 auto 0px auto; padding-bottom: 30px;
}
section.sec7 .showmore_content {
    position: relative;
    overflow: hidden
}
section.sec7 .showmore_trigger {
    line-height: 10px;
    cursor: pointer;
    position: relative;
    text-align: center;
    color: #848484
}
section.sec7 .showmore_trigger span {
    display: block;
    background: #f0f0f0;
    padding: 10px 0 5px 0
}

section.sec7 .pla .showmore_trigger span {
    display: block;
    background: transparent;
    padding: 10px 0 5px 0;
    border: 1px solid #808080;
    width: 200px;
    margin: 0 auto;
    border-radius: 20px;
}

section.sec7 .button.button-medium { margin: 50px 0; }

section.sec8 {
    width: 100%;
    background: #fff url(../img/rozwiazanie-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 30px 0 0 0
}
section.sec8 ul.dots {
    margin: 0
}
section.sec8 ul.dots li {
    background-image: url(../img/thick-czerwony.png);
    color: #595959;
    font-size: 17px;
    display: block;
    float: none
}
@media (min-width: 980px) {
    section.sec8 ul.dots {
        position: absolute
    }
}
@media (max-width: 740px) {
    section.sec8 * {
        text-align: center
    }
    section.sec8 ul.dots li {
        background-image: none
    }
}
@media (min-width: 1220px) {
    section.sec8 .dp {
        position: relative;
        top: 0;
        right: 0;
        float: left;
        margin-left: 220px
    }

    html:lang(gr) section.sec8 .dp { margin-left: 270px; }
}
@media (max-width: 1220px) {
    section.sec8 .dp {
        position: relative;
        top: 0;
        right: 0;
        float: right
    }
}
@media (max-width: 980px) {
    section.sec8 .dp {
        display: none
    }
}
@media (min-width: 1220px) {
    section.sec8 {
        height: 330px
    }
}
@media (max-width: 1220px) {
    section.sec8 {
        height: 350px
    }
}
@media (max-width: 980px) {
    section.sec8 {
        height: 300
    }
}
@media (max-width: 740px) {
    section.sec8 {
        height: auto
    }
}
section.sec9 {
    width: 100%;
    padding: 30px 0 0 0
}
section.sec9 .certyfikat {
    background: #fff url(../img/certyfikat.jpg) center center no-repeat;
    background-size: contain;
    text-align: center;
    width: 100%
}
section.sec9 .certyfikat p {
    display: block;
    width: 100%;
    margin: 0 auto
}
@media (min-width: 1220px) {
    section.sec9 .certyfikat {
        height: 440px
    }
}
@media (max-width: 1220px) {
    section.sec9 .certyfikat {
        height: 400px
    }
    section.sec9 p {
        width: 80%
    }
}
@media (max-width: 740px) {
    section.sec9 .certyfikat {
        height: 380px;
        background-size: cover
    }
    section.sec9 p {
        width: 80%
    }
}
section.faq {
    padding: 30px 0 0 0
}

section.faq h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 10px;
    margin: 1px 0;
    cursor: pointer;
    background: #00559b url(../img/rarr.png) center right no-repeat
}
section.faq h3.uk-active {
    background: #00559b url(../img/rarrdw.png) center right no-repeat
}
section.faq div.uk-accordion-content {
    background: #e7e7e7;
    padding: 20px 15px;
    font-size: 18px;
    color: #4b4b4b
}

section.faq .pla h3.uk-active {
    background: #49829f url(../img/rarrdw.png) center right no-repeat;
}

section.faq .pla h3 { background: #49829f url(../img/rarr.png) center right no-repeat; }
html[lang="fi"] header span.icon{ font-size: 14px; margin-right: 12px; }

section.foot {
    background: #ececec url(../img/infografika-bg.jpg) center center no-repeat;
    background-size: contain;
    padding: 40px 0;
    margin: 40px 0
}
section.foot .graph {
    background: transparent url(../img/infografika.png) center top no-repeat;
    background-size: contain
}



section.foot .graph .i {
    display: block;
    font-size: 10pt;
    font-weight: 600;
    color: #00559b;
    text-align: center
}
section.foot .graph .i.set1,
section.foot .graph .i.set5 {
    padding-top: 195px
}
section.foot .graph .i.set2,
section.foot .graph .i.set4 {
    padding-top: 385px
}
section.foot .graph .i.set3 {
    padding-top: 415px
}
@media (max-width: 1220px) {
    section.foot .graph .i.set1,
    section.foot .graph .i.set5 {
        padding-top: 160px
    }
    section.foot .graph .i.set2,
    section.foot .graph .i.set4 {
        padding-top: 310px
    }
    section.foot .graph .i.set3 {
        padding-top: 335px
    }
}
@media (max-width: 980px) {
    section.foot .graph .i.set1,
    section.foot .graph .i.set5 {
        padding-top: 140px
    }
    section.foot .graph .i.set2,
    section.foot .graph .i.set4 {
        padding-top: 280px
    }
    section.foot .graph .i.set3 {
        padding-top: 295px
    }
}
section.foot .fleft {
    float: left;
    position: absolute
}
@media (max-width: 740px) {
    section.foot .fleft {
        display: none
    }
}
section.foot .fright {
    float: right;
    position: relative;
    top: 50px;
    width: 95%;
    left: 0px
}
section.foot>.button-medium {
    margin: 40px 0 60px 30px
}

section.foot-title { margin: 50px 0 30px; }
section.foot-title h2 { text-align: center; margin: 0; color: #00559b; font-size: 40px; line-height: 1.2; }
section.foot-title h2 small { display: block; color: #7c7c7c; font-size: 0.6em; }
section.foot2 { background: #ececec url(../img/infografika-bg.jpg) center center no-repeat; background-size: cover; padding: 0;  }

section.foot2 .graph { padding: 0px 0; position: relative; }
section.foot2 .packshot { display: block; margin-right: 29px; margin-left: auto; margin-top: 190px; width: 360px; }
section.foot2 .circle { width: 20%; text-align: center; position: absolute;}
section.foot2 .circle img { width: 100%; }
section.foot2 .circle:nth-child(1) { top: 20px; right: 40px; }
section.foot2 .circle:nth-child(2) {  top: 25px; right: 220px; }
section.foot2 .circle:nth-child(3) { top: 90px; right: 380px; }
section.foot2 .circle:nth-child(4) { top: 445px; right: 409px; }
section.foot2 .circle:nth-child(5) {  top: 270px; right: 436px; }

section.foot2 .logo { background-color: #f9f9f9; text-align: center; }
section.foot2 .logo img  { width: 80%; margin-top: 5px; margin-bottom: 15px; }
section.foot2 .form { background-color: #00559b; text-align: center; }
section.foot2 .form h2 { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 32px; margin-top: 25px; line-height: 1.2;  }
section.foot2 .form h3 { color: #fff; text-transform: uppercase; font-weight: 400; font-size: 32px; margin-top: 15px; line-height: 1.2;  }
section.foot2 .set1 { color: #00559b; font-weight: 600;  display: block; margin: 5px -1em; }

section.foot2.noform .flex-wrapper { display: flex; align-items: center; }
section.foot2.noform .form { background-color: transparent; text-align: left; max-width: 360px; width: 100% !important; margin-left: 20px !important; }
section.foot2.noform .logo { background-color: transparent; text-align: left; }
section.foot2.noform .logo img { width: 100%; margin-top: 0; margin-bottom: 40px; }
section.foot2.noform h2 { color: #000000; font-size: 34px; font-weight: 900; text-transform: initial; margin-top: 0; }
section.foot2.noform h3 { color: #000000; text-transform: initial; font-size: 24px; }
section.foot2.noform a.button { display: block; width: 90%; text-transform: uppercase; margin: 50px auto 0; font-size: 22px; line-height: 1.1; }

@media (max-width: 979px) {
    section.foot2.noform .flex-wrapper { flex-wrap: wrap; justify-content: center; }
    section.foot2.noform .form { margin: 40px 0 !important; }
}

section.foot2 form input,
section.foot2 form select { display: block; width: 85%; margin: 14px auto; line-height: 1.5; font-size: 20px; text-align: center; }
section.foot2 a.button { width: 85%; text-transform: 30px; margin-top: 20px; margin-bottom: 30px; font-size: 22px; line-height: 1.1; }
section.foot2 form select { color: #888;  }
footer {
    background: #e2e1e1 url(../img/footer.png) top center repeat-x;
    padding: 15px auto;
    text-align: right;
    color: bababa
}
footer .row {
    padding: 15px 0
}
footer ul.menu {
    margin-top: 10px
}
footer ul.menu li,
footer ul.menu a {
    color: #bababa;
    font-size: 13px
}
div.flagi {
  position: absolute;
  top: 85px;
  right: 0px; }
  div.flagi * {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
  div.flagi #flags {
    background: #fff;
    position: absolute;
    width: 50px;
    right: -50px;
    text-align: center;
    -webkit-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px; }
  div.flagi #flag {
    background: transparent url(../img/flag-arr.png) top right no-repeat;
    width: 54px;
    height: 32px;
	padding: 5px 0px 0px 4px;
    text-align: center;
    position: absolute;
    right: -3px;
    cursor: pointer;
    z-index: 998; }
  div.flagi #flags {
    background: #2d6e86;
    z-index: 997;
    height: auto;
    padding: 5px 0; }
    div.flagi #flags p {
      text-align: center; }

@media (max-width: 740px) { div.flagi { top: 122px; } }

div.migi {
    position: fixed;
    top: 200px;
    right: 10px
}
div.szitmig {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #e1f4ff;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    width: 146px;
    box-sizing: content-box;
    padding: 4px 10px 3px 4px;
    margin: 10px 0;
    animation: blink-animation 1s steps(10, start) infinite;
    -webkit-animation: blink-animation 1s steps(10, start) infinite
}
div.szitmig img {
	display: block;
    /*float: left;*/
	max-height: 33px;
    margin: 0 auto;
}
div.szitmig p {
    color: #144962;
    font-size: 11px;
	line-height: 15px;
	text-align: left;
    margin: 0;
	padding: 4px;
}
@keyframes blink-animation {
    to {
        opacity: 0.8
    }
}
@-webkit-keyframes blink-animation {
    to {
        opacity: 0.8
    }
}
@media (max-width: 980px) {
    div.migi {
        display: none
    }
}
section.banner.bannerform {
    padding: 0
}
section.banner.bannerform img.bbox {
    margin-top: 80px
}
@media (max-width: 1220px) {
    section.banner.bannerform img.bbox {
        margin-top: 40px
    }
}
div.formbann {
    padding: 0
}
div.formbann h1 {
    font-family: lato, tahoma, sans-serif;
    font-size: 52px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
    font-weight: 600;
    margin: 0.4em 0 0 0
}
html[lang="pl"] div.formbann h1 { font-size: 66px; }


div.formbann h2 {
    font-family: lato, tahoma, sans-serif;
    font-size: 37px;
    color: #000;
    line-height: 1.6em;
    font-weight: 400;
    color: #fff;
    line-height: 120%;
    margin: 10px 0 0 0
}
@media (max-width: 1220px) {
    div.formbann h1 {
        font-size: 58px
    }
    div.formbann h2 {
        font-size: 32px
    }
}
div.formbann .images img {
    margin: 20px 0 0 0
}
@media (max-width: 1220px) {
    div.formbann .images img {
        /*margin: 0px 0 0 0*/
    }
}
@media (max-width: 980px) {
    div.formbann * {
        text-align: center
    }
}
section.form {
    padding: 40px 0
}
section.form div.info {
    margin: 0 0 20px 0
}
section.form div.info h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #707070;
    line-height: 100%;
    text-transform: uppercase;
}
section.form div.info p {
    color: #707070;
    margin: 4px 0 15px 0
}
section.form .header {
    font-family: lato, tahoma, sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 1.6em;
    font-weight: 400;
    line-height: 44px;
    padding-left: 10px;
    background: #0b6fab url(../img/stich.png) center right no-repeat;
    height: 44px
}
html[lang="pl"] section.form .header { font-size: 20px;  }

section.form .header.trojka {
    background-position: 110% 100%
}
@media (max-width: 1220px) {
    section.form .header.trojka {
        background-image: none
    }
}
section.form .obox, section.form .obox-upsell, section.form .obox-inactive  {
    margin: 15px 0 0 0;
    padding: 15px 20px;
    border: 2px solid #d3d3d3;
    background: #f3f3f3;
    cursor: pointer;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease
}
section.form .obox span.czek, section.form .obox-upsell span.czek, section.form .obox-inactive span.czek  {
    background: #fff;
    border: 2px solid #d3d3d3;
    display: block;
    width: 23px;
    height: 23px
}
section.form .obox h5, section.form .obox-upsell h5  {
    font-family: lato, tahoma, sans-serif;
    font-size: 22px;
    color: #0b6fab;
    line-height: 1.6em;
    font-weight: 400;
    font-weight: 600;
    margin: 0
}

.obox-upsell h5 .price { color: #b91c1c; }
.obox-upsell p { font-size: 14px; }
h4.upsell-header { color: #00559b; font-size: 18px; }

section.form .obox p.descr {
    font-family: lato, tahoma, sans-serif;
    font-size: 10pt;
    color: #2c2c2c;
    line-height: 1.6em;
    font-weight: 400;
    margin: 5px 0;
    line-height: 110%;
    text-align: left;
}

section.form .obox p.under {
    font-family: lato, tahoma, sans-serif;
    font-size: 14pt;
    color: #616161;
    line-height: 1.6em;
    font-weight: 700;
    margin: 5px 0;
    line-height: 110%
}


section.form .obox p.price {
    font-family: lato, tahoma, sans-serif;
    font-size: 18pt;
    color: #b91c1c;
    line-height: 1.6em;
    font-weight: 400;
    font-weight: 600;
    margin: 5px 0;
    text-align: left;
}
html[lang=hu] section.form .obox p.price{ text-align: left; font-size: 17pt; }
section.form .obox p.price span.gray {
    color: #626262
}
section.form .obox.selected, section.form .obox-upsell.selected  {
    background: #e4eff5;
    border: 2px solid #28609a;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}
section.form .obox.selected span.czek {
    border: 2px solid #28609a;
    background: #0b6fab url(../img/thick-pakiety.png) center center no-repeat
}

section.form .obox-upsell.selected span.czek {
    border: 2px solid #28609a;
    background: #0b6fab url(../img/thick-pakiety.png) center center no-repeat
}

section.form img.promopak {
    position: relative;
    float: right;
    right: -35px
}
@media (max-width: 740px) {
    section.form img.promopak {
        position: relative;
        float: right;
		right: -35px
    }
}
section.form .finish {
    margin-top: 15px
}
section.form .finish label {
    font-family: lato, tahoma, sans-serif;
    font-size: 8pt;
    color: #2c2c2c;
    line-height: 1.6em;
    font-weight: 400;
    display: block
}
html[lang="pl"] section.form .finish label { font-size: 10pt; }

section.form .finish label a {
    line-height: 10px;
    font-size: 8pt;
    text-decoration: underline
}
section.form .finish input.full,
section.form .finish select.full {
    width: 100%;
    margin-bottom: 10px
}
section.form .finish .innerblock {
    padding: 10px 0 0 0
}
section.form .finish .innerblock .obox,
section.form .finish .innerblock .obox-inactive {
    background: #fff;
    padding: 5px
}
section.form .finish .innerblock .obox-inactive { padding-bottom: 20px; }
section.form .finish .innerblock .obox.selected {
    background: #f3f3f3
}
section.form .finish .innerblock span.czek {
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0
}
section.form .finish .innerblock p {
    font-size: 10pt;
    line-height: 120%;
    color: #2c2c2c
}
section.form .finish .innerblock p strong {
    font-size: 12pt;
    color: #000;
    padding: 0 0 10px 0
}
section.form .finish .innerblock.summary {
    padding: 30px 0 0 0
}
section.form .finish .innerblock.summary p.summary,
section.form .finish .innerblock.summary p.summary label {
    line-height: 120%;
    color: #646464
}

section.form .finish .row>div { margin-top: 1em; }

@media (max-width: 740px) {

    .migi { display: none !important;}

}

.basket { position: relative; display: inline-block; margin-top: 35px; margin-right: 0.7em; z-index: 9; }
.basket:hover { cursor: pointer; }

.flags { margin-top: 35px; position: relative; display: inline-block; }
.flags .myFlag { text-align: right; }
.flags img { width: 30px; border: solid 1px #444;  }
.flags ul { margin: 0; text-align: right; padding: 0.25em; border: solid 1px #aaa; position: absolute; top: 30px; right: 0;  background: #fff8; width: 90px; display: none; z-index: 999; }
.flags li { display: inline-block; margin: 0.25em; }
.flags ul img { display: block; }

section.form .obox #pakiet1 h5,
section.form .obox #pakiet2 h5 { position: relative; }
section.form .obox #pakiet1 h5:after,
section.form .obox #pakiet2 h5:after { content: ""; width: 57px; height: 27px; background: url(../img/car-grey.png) no-repeat top center; display: block; position: absolute; bottom: -2em; right: -15px; }

/*html[lang="hu"] section.form .obox #pakiet3 h5:after { content: ""; width: 57px; height: 27px; background: url(../img/car-grey.png) no-repeat top center; display: block; position: absolute; bottom: -2em; right: -15px; }
html[lang="hu"] #pakiet3 h5{ position: relative; }*/

html:lang(cz) #pakiet3 { position: relative; }
html:lang(cz) section.form .obox #pakiet3 h5:after { content: ""; width: 57px; height: 27px; background: url(../img/car-grey.png) no-repeat top center; display: block; position: absolute; bottom: 5em; right: -5px; }

@media (max-width: 979px) {
    /* small */
    section.s01 { padding-bottom: 20px; }
    section.s01 .left:after { display: none; }
    section.s01 .bg { width: auto !important; max-width: 800px; width: 100%; }
    section.s01 { text-align: center; }
    section.s01 ul.b-dots li { text-align: left; }


    section.s2 img { display: block; margin: 0 auto; }
    section.s3 img { display: block; margin: 0 auto; }
    section.s5 img { left: -50px; }
    section.s5 .button.button-medium { margin: 60px 0 !important; }
    section.s5 img { position: initial !important; display: block; margin: 0 auto; margin-top: 50px; }

    .plahead { position: none; }


 }
 @media (max-width: 739px) {
     /* eXtra small */
     section.form .obox #pakiet1 h5:after,
     section.form .obox #pakiet2 h5:after {  top: -30px; }
  }


.verified-wrapper { display: none; }
.opinie .fa { cursor: pointer; }
.opinie .fa-thumbs-o-up { color: green; }
.opinie .fa-thumbs-o-down { color: red;  }
.thumbsUp, .thumbsDown { color: #888;   font-weight: bold; }
.opinie strong { display: inline-block; margin-right: 1em; vertical-align: top; }
.opinie .verified { display: inline-block; vertical-align: top; margin-right: 1em;  font-weight: bold; color: #888; padding: 0 5px; border: solid 1px #bbb; }
.tip { border: solid 1px #888; background: #fff; color: #444; font-size: 0.875em; }
.tip::after { content: ""; }
.thumb-wrap { display: inline-block; vertical-align: top; margin-right: 0.5em; }


/* exit offer modal */
#exit-offer.uk-modal {  background-color: rgba(255,255,255, 0.9); }
#exit-offer .uk-modal-dialog { background-color: transparent; outline: none; }

#exit-offer {  }
#exit-offer h2 { font-size: 28px; font-weight: 800; color: #58595b; line-height: 1.2; padding-right: 140px; margin-bottom: 8px; }
#exit-offer .blue-wrapper { width: 542px; height: 334px; background: #5f9cc8 url(../img/penisizexl-exitoffer_07.jpg) no-repeat top center /cover; color: #fff; padding-top: 1px; position: relative; }
#exit-offer h3 {  font-size: 38px; font-weight: 800; color: #fff; line-height: 1.1;  text-shadow: 2px 2px 8px #444; margin: 30px 100px 0 30px; }

#exit-offer .blue-wrapper .step1 p { margin:  25px auto auto 50px; width: 350px; text-align: left; font-size: 16px; position: relative;}
#exit-offer .blue-wrapper .step1 p::before { content: ""; top: 0; width: 74px; height: 74px; left: -82px; display: block; position: absolute; z-index: 1;}

#exit-offer .blue-wrapper p.free-shipment::before { background: url(../img/exit_car.png) no-repeat top center /cover; }
#exit-offer .blue-wrapper p.days-90::before  { background: url(../img/5m-penisize.png) no-repeat top center /cover; }

#exit-offer .blue-wrapper p strong { font-weight: 800; }
#exit-offer .blue-wrapper .bottle { position: absolute; top: -53px; right: -100px; /* display: none;  */ }
#exit-offer .blue-wrapper .left-bar { position: absolute; top: 0px; left: -40px; }

#exit-offer .bottom { background: transparent url(../img/red.png) no-repeat top left; height: 63px; text-align: center;}
#exit-offer .bottom a { display: inline-block; color: #fff; text-decoration: none; font-size: 20px; font-weight: bold; padding-right: 6em; margin-top: 2px; text-transform: uppercase; outline: none; line-height: 3; }

#exit-offer .countdown { font-weight: bold; }

#exit-offer .inside-wrapper { display: none; }
#exit-offer .inside-wrapper.step1 { display: block; }

#exit-offer .inside-wrapper .row.innerblock { width: 100%; color: #fff;  }
#exit-offer .inside-wrapper.step2 .row.innerblock { /* width: 80%; margin-top: 1.5em;  */  }
#exit-offer .inside-wrapper h2 { color: #fff; margin: 0.5em; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); }
#exit-offer .form-wrapper {  width: 90%; margin: auto; }
#exit-offer .step2 .form-wrapper label {  font-size: 9pt; color: #fff; }

#exit-offer label { font-size: 10pt; color: #2c2c2c; line-height: 1.6em; font-weight: 400;  display: block; }
#exit-offer input.full, #exit-offer select.full { width: 100%; margin-bottom: 3px; }

#exit-offer .inside-wrapper .obox { display: inline-block; vertical-align: top; width: 50%; }
#exit-offer .inside-wrapper .obox p,
#exit-offer .inside-wrapper .summary p { width: auto; margin: 10px;  }

#exit-offer .form-wrapper a {  color: #ffffff; }
#exit-offer .pacz .obox div.delivery .header { color: #fff;  }
#exit-offer .pacz .obox div.delivery .choice .fa { color: #fff;  }

#exit-offer .innerblock span.czek { display: inline-block; position: relative; top: 5px; margin: 0 5px 0 0;  width: 23px; height: 23px; border: 2px solid #fff; }
#exit-offer .obox.selected span.czek { border: 2px solid #fff; background: #0b6fab url(../img/thick-pakiety.png) center center no-repeat; }

#exit-offer .pacz .obox.DotPay::after { width: 50px;  top: 17px; right: 6px;  }

#exit-offer .InPost .code { color: #fff; display: block; font-size: 10px; line-height: 1; text-align: center; }

#codDialog form { text-align: center; margin-top: 2em; }
#codDialog p.txt { font-weight: 600; text-align: left; }
#codDialog label { display: block; text-align: center; margin: 0.5em; }
#codDialog label>span { display: inline-block; width: 140px; text-align: left; }
#codDialog label>input { display: inline-block;  }
#codDialog button { margin-top: 1em; background: #FC1B1C url(../img/button.png) center bottom repeat-x; font-size: 18px;
padding: 0.5em 2em; color: #fff; border: none; border-radius: 4px; font-weight: 500;  }
#codDialog .thankyou { display: none; font-family: lato, tahoma, sans-serif; font-size: 16px; color: #0b6fab; line-height: 1.2em;
font-weight: 600; }
/**/

section.form .obox #pakiet1 h5 { font-size: 24px; }
section.form .obox #pakiet1 h5::after { top: auto; bottom: -1.75em; background: url(../img/car-green.png) no-repeat top center; }
section.form .obox.prom { border: solid 2px #fc1b19;  background: #faf0ef; }

section.form .obox.prom span.czek { border: solid 2px #fc1b19;  }
section.form .obox.selected.prom { border: solid 2px #0b6ea9;  background:  #E4EFF5; }
section.form .obox.selected.prom span.czek {  border: solid 2px #28609a; }

.obox strong.pak { font-size: 22px; font-weight: 400;}
.obox strong.pak>span{ text-transform: uppercase;  font-weight: 700; }

section.form .obox.prom p.price { color: #fe181b;  }

.obox .choose { background: #c4c4c4; color: #fff; text-transform: uppercase; text-align: center; font-size: 18px; font-weight: 700; padding: 10px;  display: inline-block; transition: background .3s ease, color .3s ease; }
.obox.selected .choose { background: #0b6fab; color: white; }

.obox .choose.best { background: #96b92b; display: block; }
section.form .obox.prom p.under { font-size: 15pt; color: #0c6ead; }

section.form .obox #pakiet1 h5.nocar::after, section.form .obox #pakiet2 h5.nocar::after { content: none; }

section.form .xbox { position: relative; margin-top: 1.4em; }
section.form .xbox .wrap{ margin: 15px 0 0 0; padding: 15px 20px; border: 2px solid #0e6ba4; background: #f9f9f9; }
section.form .xbox:before { content: ""; position: absolute; top: -9px; left: 40px; z-index: 1; border-top: 2px solid #0e6ba4; border-left: 2px solid #0e6ba4; background: #f9f9f9; width: 20px; height: 20px; transform: rotate(45deg); }
section.form .xbox p { margin: 0; font-weight: 700; font-size: 18px; line-height: 1.5; text-align: left; }
section.form .xbox strong { color: #0e6ba4; }
section.form .xbox img { float: right; margin: 0 1em; width: 36px; }


/* ========= NOWE  ======== */

.szczalkapsz { position: absolute; margin-left: -90px; margin-top: -20px; }

section.form .finish input.full, section.form .finish select.full {
    width: 100%;
    margin-bottom: 0px;
}

section.form .innerblock div { margin-top: 0.5em !important; }

.rabat { font-size: 14px; font-weight:400; color: #47bdcb; display: inline-block;  }
.rabat span { cursor: pointer; display: inline-block; padding: 0.5em 0;}
.rabat input, .rabat button { display: none; }
.rabat button { color: #000; }
.rabat.on { border: none;  }
.rabat .active { padding: 0.5em;  }
.rabat .fa { display: none; color:red; animation-name: arrow-animation; animation-duration:0.4s; animation-iteration-count: infinite; animation-timing-function:ease; }
@keyframes arrow-animation { 0% { margin-left:0px; } 50% { margin-left:10px; } 100% { margin-left:0px; }  }



/* =========== PLA ============== */

section.s01 { background: url(../img/top_pla.jpg) center center no-repeat; background-size: cover; height: auto;}
section.s01 .button.button-medium {  max-width: 380px; margin-top: 20px; }
section.s01 .couple img { margin-top: -60px; max-width: 410px; }
section.s01 h2 { color: #FC1B1C ; font-weight: 900; margin-top: 20px;}
section.s01 h2 span { color: #49829f; }
section.s01 ul { margin-top: 10px; max-width: 460px;}
section.s01 ul.b-dots li {padding: 0 0 0 30px; list-style-type: none; font-family: lato, tahoma, sans-serif; font-size: 20px; line-height: 1.6em; font-weight: 600; line-height: 34px; background: transparent url(../img/thick-top.png) 0px 7px no-repeat;}
section.s01 .p_pla { margin-top: 20px; max-width: 460px; text-align: center; }
section.s01 .left:after { content: url(../img/box_pla.png); position: absolute; margin-top: -197px; margin-left: 80px; }
section.s01 .bg { background: #fff; width: 800px; padding: 1px 0; }

section.s1 { margin: 50px 0; }
section.s1 h3 { color: #49829f; }
section.s1 p:first-child { margin-bottom: 50px; }

section.s2 h3 { color: #49829f; }
section.s2 img { margin-top: 70px; }

section.s3 { margin-top: 50px; }
section.s3 h3 { color: #49829f; }
section.s3 .button.button-medium { margin: 50px 0; }
section.s3 p { text-align: center; }

section.s4 h3 { color: #49829f; }
section.s4 .order p { text-align: center; }
section.s4 .order img { display: block; margin: 0 auto; }

section.s5 .con { position: relative; }
section.s5 .button.button-medium { margin: 200px 0; }
section.s5 img { position: absolute; top: 70px; left: -180px; }

section.form.survey .obox.prom { margin-bottom: 4em; position: relative; }
section.form.survey .obox.prom::after { border: solid 2px #f00; text-align: center; display: block; position: absolute;
left: -2px; right: -2px; bottom: -46px; padding: 5px; color: red; right: -2px; background: #faf0ef; }

section.sec7 h2 { color: #FC1B1C ; font-weight: 900; margin-top: 20px;}
section.sec7 h2 span { color: #49829f; }
section.sec7 h3 { color: #49829f; }
section.sec7 .col-1 { margin-bottom: 30px; }


section.banner .formbann { position: relative; }
section.banner .black-friday,
section.banner .cyber-monday { position: absolute; right: 0; bottom: -40px; width: 180px; }

section.banner .cyber-monday { transform: rotate(-20deg); }

img.inpost { display: none; }
html[lang="pl"] img.inpost { display: inline; }

.exo-rabat { color: #b0b0b0;  margin-top: 15px; font-size: 16px; font-weight: bold; padding-left: 20px; }
.exo-rabat * { color: #b0b0b0; }
.exo-rabat h2 { color: #95b840; line-height: 1.1; margin-top: 15px; font-size: 22px; }
.exo-rabat a { text-decoration: underline; }
.exo-rabat a:hover { text-decoration: underline; }

.exoAPBadge { position: absolute; top: 170px; right: 0; }

html[lang="ro"] section.foot2 a.button { font-size: 19px; }


/* LI */
html:lang(il) body { direction: rtl; text-align: right; }

html:lang(il) section.faq h3.uk-active { background: #00559b url(../img/rarrdw.png) center left no-repeat; }
html:lang(il) section.faq h3 { background: #00559b url(../img/rarr.png) center left no-repeat; }

html:lang(il) section.banner ul.b-dots li,
html:lang(il) section.sec3 ul.dots li,
html:lang(il) section.sec8 ul.dots li { padding: 0 30px 0 0; background-position: center right; }

html:lang(il) section.banner ul.b-dots,
html:lang(il) section.sec3 ul.dots{ margin: 50px 60px 0 0; }

html:lang(il) section.sec8 ul.dots { margin: 0 60px 0 0; }

html:lang(il) section.sec2 h3.up { padding-right: 40px; background: transparent url(../img/symbol-meskosci.png) center right no-repeat; }

html:lang(il) section.sec8 .dp { margin-left: 100px; transform: rotateY(180deg); }
html:lang(il) .di_ltr { direction: ltr; }

html:lang(il) section.form .header#head_first { padding: 0px 80px 0 0; }
html:lang(il) section.form .header { padding: 0px 60px 0 0; }

html:lang(il) section.form .obox #pakiet1 h5:after,
html:lang(il) section.form .obox #pakiet2 h5:after { left: 0; right: unset; }

html:lang(il) .img-wrapper>span { right: 15%; }

html:lang(il) section.form .finish .innerblock span.czek { margin: 0 5px 0 5px; }

html:lang(il) section.banner ul.b-dots li { padding: 0 30px 0 0; background-position: center right; }

html:lang(il) .uk-form-icon:not(.uk-form-icon-flip)>input { padding-right: 30px !important; padding-left: 15px !important; }

html:lang(il) #surveyModal img { left: 0; right: unset; }

html:lang(tr) div.formbann h1{ font-size: 46px; }



@media (max-width: 1220px) {
    html:lang(il) section.sec8 .dp { margin-left: 130px; float: left; }
}

@media (max-width: 1219px) {
    html:lang(il) section.sec8 .dp { margin-left: -20px; float: left; }

    html:lang(sk) section.form .obox #pakiet1 h5::after { bottom: -4em; }
    html:lang(sk) section.form .obox #pakiet2 h5:after { bottom: -5em; }
}

@media (max-width: 980px) {
    html:lang(il) section.banner ul.b-dots,
    html:lang(il) section.sec3 ul.dots { margin: 0; }
    html:lang(il) section.banner ul.b-dots li { padding: 0; }

    html:lang(sk) section.form .obox #pakiet1 h5::after { bottom: 4em; }
    html:lang(sk) section.form .obox #pakiet2 h5:after { bottom: 3.2em; }
}

@media (max-width: 739px) {
    html:lang(il) section.sec8 ul.dots { margin: 0; }
    html:lang(il) section.sec8 ul.dots li { padding: 0; }

    html[lang="hu"] section.form .obox #pakiet1 h5::after{ bottom: 5px; }
    html[lang="hu"] section.form .obox #pakiet3 h5:after{ bottom: 0; }

    html:lang(sk) section.form .obox #pakiet1 h5::after { bottom: 4em; }
    html:lang(sk) section.form .obox #pakiet2 h5:after { bottom: -5em; }
}

@media (max-width: 739px) {
    html:lang(il) section.sec2 h3.up { font-size: 21px; }
    section.banner.bannerform { display: none; }



}


@media screen and (min-width: 768px) and (max-width: 1199px){
    html[lang=hu] header span.icon{ font-size: 12px; }
    html[lang=hu] section.banner h1{ font-size: 36px; }
}

@media screen and (max-width: 767px){
    html[lang=hu] section.banner h1{ font-size: 30px; }
    html[lang=hu] .ind-plan{ font-size: 16px; }
}

.box-form-info { background: #f71a1b; color: #ffffff; text-align: center; padding: 0.5em 0; font-size: 18px; position: relative; top: -0.5em; margin-bottom: -0.5em; }

html:lang(cz) * :not(i) { font-family: 'Encode Sans Condensed', sans-serif !important; }
html:lang(cz) .banner h1 { line-height: 1.4; }
html:lang(cz) .banner h2 { line-height: 1.4; }

html[lang='il'] header > .row > .col-centered{ text-align: left; direction: ltr; }
header > .row > .col-centered{ position: relative; }
.logo-mobile{ display: inline-block; width: 75%; }
.bas-fla-mobile{ position: absolute; top: 0; right: 0; }

@media screen and (max-width: 375px){
    .bas-fla-mobile{ margin-top: -10px; }
}

@media screen and (max-width: 374px){
    html[lang=bg] section.form .obox #pakiet1 h5::after{ bottom: -1.5em; }
    html:lang(sk) section.form .obox #pakiet2 h5:after {  top: 10px; }
    section.form .obox #pakiet1 h5::after { bottom: 3.2em; }
}

@media screen and (min-width: 375px) and (max-width: 424px){
    html[lang=bg] section.form .obox #pakiet1 h5::after{ bottom: 2em; }
}

@media screen and (min-width: 425px) and (max-width: 450px){
    html[lang=bg] section.form .obox #pakiet1 h5::after{ bottom: 4em; }
}

html:lang(gr) section.sec6 .bordered { padding: 50px 0 50px 0; }
html:lang(gr) header span.icon { padding: 0 0 0 42px; }


html[lang="ph"] section.form .obox #pakiet1 h5::after, html[lang="ph"] section.form .obox #pakiet2 h5::after{ bottom: -3.5em; }
html[lang="ph"] .obox .choose.best{ font-size: 16px; }
html[lang="ph"] .button.button-small{ font-size: 18px; }


/* MAPA */
#mapdiv2 { width: 900px; height: 500px; margin: 20px auto 20px !important; }
#mapdiv2 svg { max-width: none !important; }
#mapdiv2 .olControlAttribution { display: none !important; }


/* -- black-friday -- */
.obox{ position: relative; }
.black-friday-index-18{ position: absolute; top: 0; bottom: 0; right: 0; max-width: 200px; margin: auto; }
.black-friday-order-18{ position: absolute; bottom: 0; right: 0; max-width: 50px; margin: 0 10px 56px 0; }
html[lang=il] .black-friday-index-18{ margin-right: 400px; }
html[lang=il] .black-friday-order-18{ right: auto; left: 0; bottom: auto; top: 0; margin: 3px 0 0 27px; }
@media screen and (min-width: 768px) and (max-width: 1024px)
{
    .black-friday-index-18{ max-width: 150px; }
    html[lang=il] .black-friday-index-18{ max-width: 150px; margin-right: 500px; }
}
@media screen and (max-width: 767px)
{
    .black-friday-index-18{ max-width: 60px; margin: -15px -20px 0 0!important; }

}
@media screen and (max-width: 1024px)
{
    .obox .black-friday-order-18{ bottom: auto; top: 0; margin: 10px 10px 0 0; }
}
/* -- black-friday -- */


/* REM10 */
.rem { position: relative; }
.banner img.rem10 { position: absolute; top: 200px; right: 100px; }
.sec3 img.rem10, .sec8 img.rem10, .foot2 img.rem10 { position: absolute; max-width: 78px; }
.sec3 img.rem10 { top: 30px; right: 20px; }
.sec8 img.rem10 { top: 50px; left: 10px; }
.foot2 img.rem10 { top: 240px; right: 30px; }

.bannerform img.rem10 { position: absolute; top: 130px; right: -30px; }

html:lang(il) .banner img.rem10 { position: absolute; top: 200px; right: 450px; }

@media (max-width: 1219px) {
    .banner img.rem10 { top: 210px; right: 50px; }
    .sec8 img.rem10 { top: 40px; left: 0px; }
}

@media (max-width: 980px) {
    .banner img.rem10 { top: 230px; right: 0px; }
}

@media (max-width: 979px) {
    .sec3 img.rem10 { top: 10px; right: 0px; }
}

@media (max-width: 739px) {
    .sec3 img.rem10 { top: 30px; right: 10px; }
    .sec8 img.rem10 { top: 30px; left: 30px; }
}

@media (max-width: 558px) {
    .banner img.rem10 { top: 210px; right: -10px; max-width: 78px; }
    .sec8 img.rem10 { top: 20px; left: 0px; }
}

@media (max-width: 495px) {
    .sec3 img.rem10, .sec8 img.rem10, .foot2 img.rem10 { position: absolute; max-width: 58px; }
}

@media (max-width: 420px) {
    .banner img.rem10 { top: 192px; right: -10px; }
    .sec3 img.rem10 { top: 10px; right: 10px; }
}

@media (max-width: 358px) {
    .banner img.rem10 { top: 219px; }
}

@media (max-width: 342px) {
    .banner img.rem10 { top: 257px; }
    .sec8 img.rem10 { top: 5px; left: 0px; }
}

@media screen and (min-width: 992px) and (max-width: 1024px)
{
    .obox.max .black-friday-order-18{ margin-top: 50px; }
    section.form .obox #pakiet2 h5:after{ bottom: -6em; }

    .packs .obox:nth-of-type(3) .black-friday-order-18{ margin: 0 0 0 0; }
}

.a-terms { color: #000000; text-decoration: none !important; font-size: 14px; }
.a-terms:hover { color: #000000; text-decoration: underline !important; cursor: pointer; }