@font-face {
	font-family: 'MyriadPro-Light';
	src: url('../fonts/MyriadPro-Light.eot');
	src: local('☺'), url('../fonts/MyriadPro-Light.woff') format('woff'), url('../fonts/MyriadPro-Light.ttf') format('truetype'), url('../fonts/MyriadPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular_0.eot');
	src: local('☺'), url('../fonts/MyriadPro-Regular_0.woff') format('woff'), url('../fonts/MyriadPro-Regular_0.ttf') format('truetype'), url('../fonts/MyriadPro-Regular_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-Semibold';
	src: url('../fonts/MyriadPro-Semibold_0.eot');
	src: local('☺'), url('../fonts/MyriadPro-Semibold_0.woff') format('woff'), url('../fonts/MyriadPro-Semibold_0.ttf') format('truetype'), url('../fonts/MyriadPro-Semibold_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clear {clear: both;}
.font-light {font-family:'MyriadPro-Light';}
.font-regular {font-family:'MyriadPro-Regular';}
.font-semibold {font-family:'MyriadPro-Semibold';}
.font-size13 {font-size: 13px!important;}
.font-size45 {font-size:45px!important;}
.font-size25 {font-size:25px!important;}
.msg {color: red;height: auto;padding-top: 0px;position: relative;}
.pointer{cursor: pointer;}

body {min-width: 320px;}
#cookies {display:none;text-align: center;font-family: 'MyriadPro-Regular';font-size:18px;color: #404040;background-color: #c1c1c1;background-image: url(../images/cookie.png);background-repeat: no-repeat;background-position: 90% center;padding-right: 20%;padding-left: 20%;}
#cookies a {color:#013a71;font-size:23px;font-family: 'MyriadPro-Regular';}
.navbar-brand {padding-bottom: 8px;border-right: solid 1px white;padding-right: 30px;}
.navbar {background-color: #013a71;font-family:'MyriadPro-Semibold';font-size:15px;}
.navbar .container {color:white;}
.logregbox {line-height:10px;width: 149px;height: 71px;border-radius: 6px;background-color: #65b337;box-sizing: border-box;padding-left:5px;background-image:url(../images/klodka2.png);background-repeat: no-repeat;background-position: right center;}
.logregbox  a {color: white;font-family: 'MyriadPro-Regular';display: block;height: 23px;line-height: 28px;}
.navbar-nav a {color: white;padding-left: 12px;padding-right: 12px;white-space: nowrap;height: 57px;line-height: 47px;}
#banner {width:100%;height:100%;}
#banner img {width:100%;}
#zasady-programu {background-image: url(../images/bg-zasady.jpg);background-repeat: no-repeat;background-position: left center;padding-bottom: 45px;position: relative;}
#zasady-programu h1 {color: white;font-size: 45px;padding-top: 22px;padding-bottom: 33px;font-family:'MyriadPro-Semibold';}
#zasady-programu div.col-md {border: solid 1px white;padding:12px;border-radius: 8px;}
#zasady-programu div.number {border: solid 2px white;width: 50px;height: 50px;color: white;font-size: 40px;font-weight: bold;border-radius: 25px;position: absolute;top: -10px;left: -10px;background-color: #013a71;line-height: 40px;}
#zasady-programu div.container div.row > div {margin-right: 36px;}
#zasady-programu div.container div.row > div:last-child {margin-right: 0px;}
#zasady-programu div.col-md > div:nth-child(3) {color:white;height:55px;border-bottom:solid 2px white;padding-top: 3px;padding-left: 3px;vertical-align: bottom;}
#zasady-programu div.col-md > div:nth-child(3) a {color: white;}
#zasady-programu div.col-md > div:nth-child(4) {color:white;font-size: 14px;padding: 5px;}
#zasady-programu div.container div.row div div.arrow {width:28px;height:15px;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;left: 102%;}

#partnerzy h1 {font-size:45px;font-family:'MyriadPro-Semibold';color:#013a71;padding-top: 22px;padding-bottom: 33px;}
#partnerzy img {/*margin: 12px;*/}
.partnerLogo {width: 158px;float: left;text-align: center;}

#superpromocjaList h1 {font-size:45px;font-family:'MyriadPro-Semibold';color:#013a71;padding-top: 22px;padding-bottom: 33px;}

#saldo-karty {background-image: url(../images/bg-karta.jpg);background-repeat: no-repeat;background-position: right center;padding-bottom: 50px;background-size: cover;}
#saldo-karty h1 {color:white;font-size: 45px;padding-top: 22px;padding-bottom: 33px;font-family:'MyriadPro-Semibold';}
#saldo-karty > div {border: solid 1px white;border-radius: 12px;margin: 0px auto 0px auto;width: 100%;max-width: 770px;background-image: url(../images/icon-cards.png);background-repeat: no-repeat;background-position: 5% center;padding: 86px 30px;color: white;padding-left: 100px;text-align: right;vertical-align: middle;}
#saldo-karty > div a {color: white;}
#saldo-karty > div a.check {display: block;background-color: white;font-size: 22px;color: #013a71;text-decoration: none;padding: 7px 15px;width: 120px;text-align: center;float: right;margin-right: 157px;}
#saldo-karty > div hr {width:70%;margin-left: 28%;background-color: white;}

#kontakt {background-image: url(../images/bg-kontakt.jpg);background-repeat: no-repeat;background-position: left center;color: #013a71;}
#kontakt label {font-family: 'MyriadPro-Regular';font-size: 25px;}
#kontakt form {font-family: 'MyriadPro-Regular';font-size: 25px;}
#kontakt h1 {color: #013a71;font-family:'MyriadPro-Semibold';font-size: 45px;padding-top: 22px;padding-bottom: 33px;}
#kontakt input[type=text] {height: 34px;font-family: 'MyriadPro-Regular';font-size: 22px;}
#kontakt input[type=text], #kontakt textarea {background-color: #bfe0f3;color: #013a71;border:solid 0px;padding:6px;box-shadow: 5px 5px 5px #e0e0e0;margin-bottom: 12px;width:100%;font-family: 'MyriadPro-Regular';font-size:22px;}
#kontakt input[type=submit] {background-color: #013a71;color:white;border: solid 0px;float:right;text-align: center;box-shadow: 5px 5px 5px #e0e0e0;}

#kontakt div.address div.row div:first-child {font-family:'MyriadPro-Semibold';font-size: 25px;}
#kontakt div.address div.row div:last-child {font-family:'MyriadPro-Regular';font-size: 23px;}
#kontakt div.address div.row div:last-child span {font-family:'MyriadPro-Regular';font-size: 11px;}
#kontakt .msg {font-size: 12px;}

footer {color: #626262;font-size:16px;font-family:'MyriadPro-Light';padding-top:3px;padding-bottom:3px;}

/* logowanie */

#logowanie {background: linear-gradient(#013a71, #0065a3);padding-bottom: 45px;}
#logowanie a {color: white!important;}
#logowanie h1 {color: white;font-family:'MyriadPro-Semibold';font-size: 45px;padding-top: 22px;padding-bottom: 33px;}
#logowanie form {width:100%;max-width:300px;margin: 0px auto;color: white;}
#logowanie form input[type=text], #logowanie form input[type=password]{width: 100%;}
#logowanie form input[type=text], #logowanie form input[type=password] {background-color: #3d98cf;border: solid 0px;box-shadow: 5px 5px 5px #006eae;color: white;padding: 3px 5px;}
#logowanie form input[type=submit] {background-color: white;color:#013a71;border: solid 0px;margin: 0px auto;}

/* przypomnienie */

#przypomnienie {background: linear-gradient(#013a71, #0065a3);padding-bottom: 45px;}
#przypomnienie h1 {color: white;font-family:'MyriadPro-Semibold';font-size: 45px;padding-top: 22px;padding-bottom: 33px;}
#przypomnienie form {width:100%;max-width:300px;margin: 0px auto;color: white;}
#przypomnienie form input[type=text], #logowanie form input[type=password]{width: 100%;}
#przypomnienie form input[type=text], #logowanie form input[type=password] {background-color: #3d98cf;border: solid 0px;box-shadow: 5px 5px 5px #006eae;}
#przypomnienie form input[type=submit] {background-color: white;color:#013a71;border: solid 0px;margin: 0px auto;}

/* rejestracja */

#rejestracja {background: linear-gradient(#013a71, #0065a3);padding-bottom: 45px;}
#rejestracja h1 {color: white;font-family:'MyriadPro-Semibold';font-size: 45px;padding-top: 22px;padding-bottom: 33px;}
#rejestracja h3 {font-family:'MyriadPro-Regular';font-size:25px;}
#rejestracja form {width:80%;margin: 0px auto;color: white;}
#rejestracja label {/*font-family: 'MyriadPro-Regular';*/font-size: 14px;clear: both;width:100%;}
#rejestracja form input[type=text], #rejestracja form input[type=date], #rejestracja form input[type=password]{width: 100%;font-size: 16px;font-family:'MyriadPro-Regular';padding: 2px 6px;color: white;}
#rejestracja form input[type=text], #rejestracja form input[type=date], #rejestracja form input[type=password] {background-color: #3d98cf;border: solid 0px;box-shadow: 5px 5px 5px #006eae;}
#rejestracja form input[type=submit] {background-color: white;color:#013a71;border: solid 0px;margin: 0px auto;}
#rejestracja .field-group {margin-left:33px;}
#rejestracja .desc {font-size: 13px;}
#rejestracja .checkboxGroup {position: relative;margin-top: 12px;}
#rejestracja .checkboxGroup label {width:calc(100% - 18px);margin-left: 18px;}
#rejestracja .checkboxGroup input {position: absolute;top:3px;left: 1px;}
#rejestracja .checkboxGroup a {color: white;text-decoration: underline;}
#rejestracja input[type=submit] {margin-left: 170px!important;font-size: 22px;padding: 3px 12px;}
#rejestracja input[name=city] {width: 77%!important;float:left;}
#rejestracja input[name=kod] {width: 19%!important;float:right;}
.regfail {color: red;text-align: center;background-image: url(../images/x-big.png);background-position: left center;background-repeat: no-repeat;margin-top: 12px;font-family:'MyriadPro-Semibold';}

/* regulamin */

#regulamin {background: linear-gradient(#013a71, #0065a3);padding-bottom: 45px;color: white;font-family:'MyriadPro-Regular';}
#regulamin h1 {color: white;font-size: 45px;padding-top: 22px;padding-bottom: 33px;}
#regulamin strong {font-family:'MyriadPro-Semibold';}
#regulamin a {color:white;}

.regulaminAct {list-style: none;font-size: 16px;}
.regulaminAct li {padding-top: 3px;padding-bottom: 6px;}

.regulaminAct > li {font-weight: bold;font-size:18px;}
.regulaminAct > li ul {font-size: 16px;list-style: none;}
.regulaminAct > li ul li {text-indent: -20px;padding-left: 20px;}
.regulaminAct a {color:white;}

.nav-link {min-width: 42px;}
.menuMyAccount a {color: #65b337!important;}

#mytop {background-color: #f3d13a;text-align:center;}
#mytop img {max-width: 100%;}

#myline {background-color: #4095c8;height:79px;}
#myline div.container div.col-md-6:first-child{font-family:'MyriadPro-Semibold';font-size:20px;color:white;vertical-align: middle;line-height: 79px;color:white;}
#myline div.container div.col-md-6:last-child{font-family:'MyriadPro-Regular';font-size:20px;color:white;vertical-align: middle;line-height: 79px;}

.mybox {border: solid 1px white;color:white;border-radius: 7px;max-width: calc(50% - 12px);margin-right: 12px;}
/*.mybox .mylabel {position: absolute;top: -23px;left: -15px;width: 256px;height: 47px;background-image: url(../images/suma-twoich-zakupow.png);background-repeat: no-repeat;}*/
.mybox .mylabel {position: absolute;top: -23px;left: -15px;width: 389px;height: 47px;background-image: url(../images/suma-twoich-zakupow-body.png);background-repeat: repeat-x;text-align: center;
line-height: 44px;
font-size: 23px;
font-family: helvetica;}
.mybox .mylabel .mylabel-start {position: absolute;top: 0px;left: -15px;width: 26px;height: 47px;background-image: url(../images/suma-twoich-zakupow-start.png);background-repeat: no-repeat;}
.mybox .mylabel .mylabel-end {position: absolute;top: 0px;right: -27px;
width: 32px;height: 47px;background-image: url(../images/suma-twoich-zakupow-end.png);background-repeat: no-repeat;}

.mybox .myboxtitle {font-family:'MyriadPro-Semibold';font-size:29px;height: 120px;line-height: 120px;}
.mybody span {border-bottom: solid 1px white;font-family:'MyriadPro-Regular';font-size:29px;}
.mybox .marginBottom {margin-bottom: 54px;}
.mybox .mysubbox {height:46px;}
.mybox .mysubbox div:first-child {font-family:'MyriadPro-Light';font-size:17px;padding-top: 18px;}
.mybox .mysubbox div:last-child {font-family:'MyriadPro-Regular';font-size:29px;border-bottom: solid 1px white;text-align: center;position: relative;top: -8px;}
.mybox span.curr {font-family:'MyriadPro-Regular';font-size:17px;float:right;padding-top: 14px;}
.mybox .mysubbox div {width:50%;float:left;}

.mytable {border: solid 1px white;color:white;border-radius: 7px;padding:0px;height:270px;max-width: calc(50% - 12px);margin-left: 12px;}
.mytable .mylabel {position: absolute;top: -20px;right: -15px;width: 208px;height: 47px;background-image: url(../images/superpromocja.png);background-repeat: no-repeat;}
.mytable div.myheader {display:table;width:100%;}
.mytable div.myheader div {display:table-cell;text-align: center;vertical-align: bottom;border-bottom:solid 1px white;line-height: 15px;padding-bottom: 6px;padding-top: 22px;}
.mytable div.myheader > div:nth-child(1) {width:20%;border-right:solid 1px white;}
.mytable div.myheader > div:nth-child(2) {width:20%;border-right:solid 1px white;}
.mytable div.myheader > div:nth-child(3) {width:20%;border-right:solid 1px white;}
.mytable div.myheader > div:nth-child(4) {width:20%;border-right:solid 1px white;}
.mytable div.myheader > div:nth-child(5) {width:20%;}
/*.mytable div {border: solid 1px white;}*/
.mytable div.mybody {width:100%;overflow: auto;height:195px;}
.mytable div.mybody > div {display:table;width: 100%;}
.mytable div.mybody > div > div {display:table-cell;text-align: center;border-bottom:solid 1px white;}

.mytable div.mybody > div > div:nth-child(1) {width:20%;border-right:solid 1px white;}
.mytable div.mybody > div > div:nth-child(2) {width:20%;border-right:solid 1px white;}
.mytable div.mybody > div > div:nth-child(3) {width:20%;border-right:solid 1px white;}
.mytable div.mybody > div > div:nth-child(4) {width:20%;border-right:solid 1px white;}
.mytable div.mybody > div > div:nth-child(5) {width:20%;}

.myarrow div:first-child img {float:right;}

.mysummary {margin-bottom: 12px;}
.mysummary div {float: left;color: white;margin-left: 2px;margin-right: 2px;}
.mysummary .mylabel {font-family:'MyriadPro-Semibold';font-size:24px;padding-top: 6px;margin-right: 12px;margin-left: 113px;margin-top:3px;}
.mysummary .mysumaryyellow {width:90px;height: 47px;font-family:'MyriadPro-Semibold';font-size:29px;background-color:#e8cb00;text-align: center;margin-top:6px;}
.mysummary .myplus{font-family:'MyriadPro-Regular';font-size:29px;vertical-align: middle;margin-top:6px;}
.mysummary .mysummaryred {width:90px;height: 47px;font-family:'MyriadPro-Semibold';font-size:29px;background-color: #d30e28;text-align: center;margin-top:6px;}
.mysummary .myequal {font-family:'MyriadPro-Regular';font-size:29px;vertical-align: middle;margin-top:6px;}
.mysummary .mytotal {font-family:'MyriadPro-Semibold';font-size:29px;text-align: center;border-bottom: solid 1px white;width:90px;margin-top:6px;}
.mysummary .mytotal span {font-family:'MyriadPro-Regular';font-size:17px;float:right;padding-top: 14px;}
.mysummary .but-zasilKonto {margin-left:12px;}

.myhistorytitle {font-family:'MyriadPro-Semibold';font-size:24px;color:white;padding-top:22px;padding-bottom: 22px;}
.myhistorytable {color:white;padding:0px;/*height:270px;*/max-width: calc(50% - 12px);margin-left: 12px;}
.myhistorytable .mylabel {border: solid 1px red;position: absolute;top: -10px;right: -10px;width:100px;height:22px;}
.myhistorytable div.myheader {display:table;width:100%;border-top: solid 1px white;border-left: solid 1px white;border-right: solid 1px white;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.myhistorytable div.myheader div {display:table-cell;text-align: center;vertical-align: bottom;border-bottom:solid 1px white;line-height: 15px;padding-bottom: 6px;padding-top: 22px;}
.myhistorytable div.myheader > div:nth-child(1) {width:25%;border-right:solid 1px white;}
.myhistorytable div.myheader > div:nth-child(2) {width:25%;border-right:solid 1px white;}
.myhistorytable div.myheader > div:nth-child(3) {width:25%;border-right:solid 1px white;}
.myhistorytable div.myheader > div:nth-child(4) {width:25%;}
/*.mytable div {border: solid 1px white;}*/
.myhistorytable div.mybody {width:100%;border-left: solid 1px white;border-right:solid 1px white;}
.myhistorytable div.mybody > div:nth-child(2n+2) {background-color:#eeeeee;}
.myhistorytable div.mybody > div:nth-child(2n+1) {background-color:white;}
.myhistorytable div.mybody > div {display:table;width: 100%;color:#808080;}
.myhistorytable div.mybody > div > div {display:table-cell;text-align: center;border-bottom:solid 1px white;}

.myhistorytable div.mybody > div > div:nth-child(1) {width:25%;border-right:solid 1px white;}
.myhistorytable div.mybody > div > div:nth-child(2) {width:25%;border-right:solid 1px white;}
.myhistorytable div.mybody > div > div:nth-child(3) {width:25%;border-right:solid 1px white;}
.myhistorytable div.mybody > div > div:nth-child(4) {width:25%;}

.mytotaly div {height:30px;margin-top: 6px;}
.mytotaly div div:first-child {width:50%;float:left;font-family:'MyriadPro-Light';font-size:17px;text-align: right;padding-right: 12px;}
.mytotaly div div:last-child {width:25%;float:left;border-bottom: solid 1px white;text-align: center;font-family:'MyriadPro-Regular';font-size:20px;padding-bottom: 5px;}
.mytotaly div div:last-child span {font-family:'MyriadPro-Regular';font-size:17px;float:right;}

.myhistoryhelp {color:white;margin-left: 100px;max-width: 250px;}
.myhistoryhelp div:nth-child(1) {font-family:'MyriadPro-Regular';font-size:18px;}
.myhistoryhelp div:nth-child(2) {font-family:'MyriadPro-Light';font-size:10px;padding-left: 98px;}
.myhistoryhelp div:nth-child(3) {font-family:'MyriadPro-Light';font-size:16px;background-image: url(../images/ico-phone.png);background-position: left center;background-repeat: no-repeat;padding-left: 55px;height:44px;line-height: 44px;}
.myhistoryhelp div:nth-child(4) {font-family:'MyriadPro-Light';font-size:16px;background-image: url(../images/ico-mail.png);background-position: left center;background-repeat: no-repeat;padding-left:55px;height:44px;line-height: 44px;}

.myaccountcontiner {padding-bottom: 33px;}
.myseparate {height:40px;}
.menuwyloguj {height: 69px!important;line-height:69px!important;}

.regsign {width: 18px;height: 18px;background-image: url(../images/x-small.png);background-repeat: no-repeat;position: absolute;left: -31px;top: 32px;}
#hamburger {display: none;width: 40px;height: 34px;float:right;position: absolute;top:33px;right:10px;}
#hamburger div {background-color:white;width:100%;height:7px;margin-bottom: 7px;}
#hamburger div:last-child {margin-bottom: 0px;}
#menuContent {width: 100%;z-index: 2;}
.navbar-nav {float:left;}
.logregbox {float:right;}
.displayNone {display:none;}
.logOption {font-size:13px;padding-top: 12px;padding-bottom: 12px;}

#superWidtget {
    position: fixed;
    right: 0px;
    z-index: 999;
    overflow: hidden;
    width:55px;
    max-width:100%;
    height: 500px;
    max-height:100%;
    -webkit-box-shadow: 10px 10px 25px -9px rgba(148,148,148,1);
    -moz-box-shadow: 10px 10px 25px -9px rgba(148,148,148,1);
    box-shadow: 10px 10px 25px -9px rgba(148,148,148,1);

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
#superWidtget img {max-height: 100%;}
#superWidtget .superbutton {/*float: left;*/background-color: #fe0000;color: white;cursor: pointer;/*position: absolute;top: 0px;left: 0px;*/width:55px;height:500px;min-width: 55px;}
#superWidtget .widgetLabel div{
/* writing-mode:tb-rl; */
    -webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
white-space: nowrap;
display: flex;
bottom: 0;
position: absolute;
top: 222px;
left: -223px;
width: 500px;
height: 55px;
justify-content: center;
align-items: center;
font-size: x-large;
min-width:55px;
}
/*#superWidtget .supercontent {float:right;position: absolute;top: 0px;left: 55px;}*/

#exampleModalCenter, #exampleModalCenter2 {width:49%;}
#exampleModalCenter2 {left:auto;}
#exampleModalCenter {padding-right: 0px!important;}

.modal-dialog {max-width: 720px;}
.modal-content {width: auto;border-radius: 0px;max-width: 100%;}
.modal-body{padding:0px;margin-bottom: -3px;margin-right: -2px;max-width: 100%;}
.modal-body img {max-width: 100%;}
.modal-header {padding:0px;border-top-left-radius:0px;border-top-right-radius:0px;/*background-color:#ff5800;*/background-color:#fe0000;border-bottom: solid 0px;}
.modal-title {width:100%;color:white;font-size:30px;font-weight: 600;}
.modal-header .close {margin: auto;color: white;font-size: 60px;font-weight: 300;line-height: 18px;max-height: 60px;padding: 9px;height: 50px;margin: auto;position: relative;top: -7px;opacity: 1;}

.pbutton {border: solid 1px white; background-color:#41c033;border-radius: 14px;color:white;margin-bottom: 3px;}
.pinfo {color:#41c033;}

#exampleModalCenter3 .modal-content {background-color: transparent;border:solid 0px transparent;}

@media only screen and (max-width:1200px) {
    .navbar div.container {width:100%;max-width: 100%;padding-left:0px;padding-right: 0px;}
    .mysummary .mylabel {margin-left: 20px;}
    .mysummary {padding:0px;}
}
@media only screen and (max-width:1100px) {
    #hamburger {display:block;}
    #menuContent {position: absolute;width: 156px;top: 73px;right: 12px;height: auto;background-color: #013a71;display:none;}
    #menuContent .navbar-nav {flex-direction: column;}
    .logregbox {font-family: 'MyriadPro-Semibold';font-size: 15px;width: 148px;height: 100px;border-radius: 6px;box-sizing: border-box;padding-left: 0px;background-image: none;background-color: transparent;font-family: 'MyriadPro-Semibold';font-size: 15px;}
    .logregbox a { font-family: 'MyriadPro-Semibold';font-size: 15px;height:32px;}
}
@media only screen and (max-width:1024px) {
    #cookies {background-image: url(../images/cookie.png);background-repeat: no-repeat;background-position: 5% center;padding-right: 5%;padding-left: 18%;font-size:11px;background-size: auto 100%;}
    #cookies a {font-size: 14px;}
    .l1024show{display:block;}
    .l1024hide{display:none}
    #zasady-programu {background-size:cover;}
    #zasady-programu div.col-md {max-width: 300px;}
    
    
    .modal-title {font-size: 30px;}
}

@media only screen and (max-width:990px) {
    #rejestracja h3 {text-align: center;}
    #rejestracja .row > div:first-child {margin-bottom: 33px;}
    .myhistorytitle {text-align: center;}
    .myhistorytable, .myhistoryhelp {margin:0px auto;}
    .myhistoryhelp {max-width: 240px;}
    .myarrow {display:none;}
    .myhistorytable {min-width: 320px;}
    #rejestracja form input[type="submit"] {margin: 0px auto!important;}
    #rejestracja .field-group {margin-left: 0px;}
}

@media only screen and (max-width:768px) {
    #cookies {background-image: none;padding-right: 5%;padding-left: 5%;font-size:9px}
    .l768show {display:block;}
    .l768hide {display:none;}
    #zasady-programu div.container div.row > div, #zasady-programu div.col-md, #zasady-programu div.container div.row > div:last-child {margin:36px auto}
    #zasady-programu div.container div.row div div.arrow {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
    #zasady-programu div.container div.row div div.arrow {top: auto;left: 49%;bottom: -41px;}
    #saldo-karty > div a.check {display: block;background-color: white;font-size: 22px;color: #013a71;text-decoration: none;padding: 7px 15px;width: 120px;text-align: center;float: right;margin-right: calc(56% - 120px);}
    #saldo-karty > div {border: solid 1px white;border-radius: 12px;margin: 0px auto 0px auto;width: 100%;max-width: 92% !important;background-image: url(../images/icon-cards.png);background-repeat: no-repeat;background-position: top center;padding: 235px 30px 30px;color: white;text-align: center;vertical-align: middle;}
    
    #myline {height:auto;}
    #myline div.container div.col-md-6:first-child{text-align: center!important;line-height: 50px;}
    #myline div.container div.col-md-6:last-child{text-align: center!important;line-height: 50px;}
    
    .mybox, .mytable {max-width: calc(100% - 12px);margin-bottom: 22px;margin-left: 0px;margin-right: 0px;}
    .regulaminAct {padding-left: 0px;}
    .regulaminAct > li ul {padding-left: 10px;}

    
    #exampleModalCenter, #exampleModalCenter2 {width: 100%;height: 50%;}
    #exampleModalCenter2 {top: auto;}
    .modal-dialog {margin:0px!important;width:90%;}
    .modal-title {font-size: 20px;line-height: 49px;}
}
@media only screen and (max-width:425px) {
    #superWidtget {overflow: auto;}
}
/*
 superpromocja 3
*/
@media only screen and (max-width:1339px) {
    #exampleModalCenter3 .modal-title {font-size:30px!important;}
}

@media only screen and (max-width:1044px) {
    #exampleModalCenter3 .modal-title {font-size: 24px !important;line-height: 48px;}
}

@media only screen and (max-width:870px) {
    #exampleModalCenter3 .modal-title {font-size: 16px !important;line-height: 48px;}
}