ROBOJET duel 3

.ramka * {font-family: 'Open Sans', sans-serif; border:0; border-spacing: 0px; line-height:1;} .ramka { min-width:320px; max-width: 1230px; margin: 0 auto; position: relative;} .ramka .right {text-align:right;} .ramka .aligncenter { text-align: center; margin: 0 auto; display: block;} .ramka .alignleft { text-align:left;} .ramka .alignright { text-align:right;} .ramka .flex {display: flex; justify-content: center; align-items: center;} .ramka hr.spacer {padding: 10px 0px; margin:0px; background:none; border:none; width:100%;} .ramka hr.linia { margin: 10px 0px; border: 1px solid #000; background: #000; width: 30px;} .ramka hr.light { margin: 10px 0px; border: 1px solid #fff; width: 30px;} .ramka hr.gradient1 { background: rgb(209,232,250); background: -moz-linear-gradient(left, rgba(209,232,250,1) 0%, rgba(183,217,244,1) 100%); background: -webkit-linear-gradient(left, rgba(209,232,250,1) 0%,rgba(183,217,244,1) 100%); background: linear-gradient(to right, rgba(209,232,250,1) 0%,rgba(183,217,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e8fa', endColorstr='#b7d9f4',GradientType=1 ); height: 15px; border: none; border-radius: 20px 0px 0px 20px;} .ramka hr.gradient2 { background: rgb(182,217,244); /* Old browsers */ background: -moz-linear-gradient(left, rgba(182,217,244,1) 0%, rgba(155,200,236,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(182,217,244,1) 0%,rgba(155,200,236,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(182,217,244,1) 0%,rgba(155,200,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6d9f4', endColorstr='#9bc8ec',GradientType=1 ); height: 15px; border: none; } .ramka hr.gradient3 { background: rgb(154,200,236); /* Old browsers */ background: -moz-linear-gradient(left, rgba(154,200,236,1) 0%, rgba(127,183,228,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(154,200,236,1) 0%,rgba(127,183,228,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(154,200,236,1) 0%,rgba(127,183,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ac8ec', endColorstr='#7fb7e4',GradientType=1 ); height: 15px; border: none; } .ramka hr.gradient4 { background: rgb(127,183,228); /* Old browsers */ background: -moz-linear-gradient(left, rgba(127,183,228,1) 0%, rgba(103,169,222,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(127,183,228,1) 0%,rgba(103,169,222,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(127,183,228,1) 0%,rgba(103,169,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb7e4', endColorstr='#67a9de',GradientType=1 ); height: 15px; border: none; border-radius: 0px 20px 20px 0px; } .ramka b {font-weight:700} .ramka p {font-size:19px; margin: 0px !important;} .ramka p.big { font-size: 25px; margin: 10px 0px 20px;} .ramka p.light {color:white !important;} .ramka h3 {font-size:25px; margin-bottom:10px !important;} .ramka h3.light {color:white !important;} .ramka a, a:hover,.ramka a:visited {color:initial; text-decoration:none;} .ramka .dwa-w-jednym .opi hr.spacer { display: none;} .ramka img.scale-with-grid { width: 100%; height: auto;} .ramka .column {float:left; padding: 0px 90px; box-sizing:border-box;} .ramka .section, .one {width:100%;} .ramka .one-second {width:50%;} .ramka .one-third {width:33.3333333%;} .ramka .two-third {width:66.6666666%;} .ramka .one-fourth {width: 25%;} .ramka .no-paddings {padding:0px !important;} .ramka .dla-alergikow-i-zwierzat {overflow: auto; background: #efefed;} .ramka .mapowanie {overflow: auto; background: #efefed;} .ramka .moc { overflow: auto; background:#f9dcbc;} .ramka .dwa-w-jednym { overflow: auto; background:#c0dcf2;} .ramka .sprzataj-kiedy-chcesz .opis {position: absolute;width: 50%;left: 50%;} .ramka .najcichszy {overflow: auto; background:#f6d1ce;} .ramka .akcesoria-gratis {overflow: auto; background:#d8ddc6;} .ramka .czyszczenie-filtracja p { padding: 0 40px;} .ramka a.anchor { position: absolute; transform: translateY(-50vh); } @media only screen and (max-width: 959px) { .ramka .nagrody .one-second { width:50% !important;} .ramka .zabrudzenia .one-fourth hr { display: none;} .ramka .zabrudzenia .one-fourth { width: 100%;} .ramka .zabrudzenia:before { content: ""; background: rgb(207,231,250); background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(103,169,222,1) 100%); background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(103,169,222,1) 100%); background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(103,169,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#67a9de',GradientType=0 ); height: 545px; width: 20px; position: absolute; display: block; left: 50%; margin-left: -110px; border-radius: 20px; } .ramka .ikony3 .one-fourth p { padding: 0 20px;} .ramka .flex {display:block;} .ramka { max-width: 100%; margin:0px; padding:0px;} .ramka * { text-align: center;} .ramka hr {margin: 10px auto !important;} .ramka .one-second {width:100%;} .ramka .moc, .ramka .najcichszy, .ramka .akcesoria-gratis, .ramka .dla-alergikow-i-zwierzat {flex-direction: column-reverse; display: flex;} .ramka .opi { padding: 140px 40px;} .ramka .sprzataj-kiedy-chcesz { flex-direction: column-reverse;} .ramka .ikony .one-fourth {width: 50%; min-height: 163px; } .ramka .ikony hr {display:none;} .ramka .ikony, .ramka .ikony3, .ramka .ikony-mapowanie {padding:0px !important;} .ramka .ikony-mapowanie .one-third { min-height: 190px;} .ramka .ikony3 .one-fourth {width: 50%; min-height: 280px; } .ramka .zestaw-zawiera hr { display: none;} .ramka .zestaw-zawiera .one-third {width: 50%; min-height: 225px; } .ramka .zestaw-zawiera .one { padding: 60px;} .ramka .zestaw-zawiera .one h3 {margin-top:40px;} .ramka .sprzataj-kiedy-chcesz .opis {position:absolute;width: 100%;margin-top:-50%;margin-left:-50%;} .ramka .sprzataj-kiedy-chcesz, .ramka .dla-alergikow-i-zwierzat { display: flex;} .ramka .column { padding: 40px 90px;} .ramka .myje-i-odkurza { width: 100%; float: none; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column-reverse;} .ramka .myje-i-odkurza .one-third { width: 100%; margin: 0px;} .ramka .myje-i-odkurza .one-third p { margin: 0px; float: none; text-align: center;} } @media only screen and (max-width: 487px) and (min-width: 260px) { .ramka .column {padding:0px !Important;} .ramka .ikony .one-fourth {width:50% !important;} .ramka .opi {padding:20px 40px !important;} .ramka .dla-alergikow-i-zwierzat .opis { margin-top: 36%;} .ramka .decybele { padding: 0px !important;} .ramka p { font-size: 15px !important;} .ramka h3 { font-size: 25px;} .ramka .ikony3 .one-fourth { width: 50%; min-height: 245px;} .ramka .zestaw-zawiera .one-third { width: 50%; min-height: 145px;} .ramka .opis h3 { font-size: 25px !important; padding: 0px 30px;} .ramka .myje-i-odkurza img { width: 90% !important;} .ramka .czyszczenie-filtracja { padding: 20px 0px 40px !important;} .ramka .zestaw-zawiera p { padding: 0 40px;} .ramka .zestaw-zawiera .one-third p { padding: 0px;} .ramka .zestaw-zawiera .one-third h3 { margin: 0px !important;} .ramka hr {margin:0px auto !important;} } Mapowanie przestrzeni Duża moc ssąca Odkurzanie i mycie podłóg Dla alergików i właścicieli zwierząt Aplikacja mobilna Jeden z najcichszych na rynku Specjalna konstrukcja Akcesoria gratis