@charset "utf-8";
/* CSS Document */

@import url('./fonts/fonts.css');

body { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; background:#fff; color:#31312f; }
* { padding:0; margin:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.wrapper { width:980px; margin:0px auto; }
.h_5 { height:5px; }
.h_10 { height:10px; }
.h_20 { height:20px; }
.h_30 { height:30px; }
.h_40 { height:40px; }
.h_90 { height:90px; }
a { color:inherit; text-decoration:none; }
h1, h2, h3 { font:inherit; } 
div > * { vertical-align:middle; }
:focus {outline:none;}
::-moz-focus-inner {border:0;}
:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
form { display:block;}
img { border: 0; }

.errorMessage { color: #DF2226; }
.errorMessage ul { padding-left: 25px; }


.infoMessage {
    font: 10pt Arial;
    margin: 35px auto 10px;
    padding: 20px 20px 20px 60px;
    width: 500px;
    text-align: left;
}
.infoMessage ul {
    margin: none;
}

.okMessage {
    background: #ECFFD9;
    border: 1px solid #80FF00;
}

.errorMessage ul, .infoMessage ul {
    list-style: none !important;
}

.errorMessage ul li, .infoMessage ul li {
     width: auto !important;
     margin: 5px 0 5px 0 !important;
     font-size: 15px; 
}

.tooltiptext { display: none; }

.container { width:980px; margin:0px auto; }
.container .instrukcja { font-size:13px; display: block; position: relative; top: -285px; }
.section1 { background:url(/ceberazdwatrzy/meritum/img/bg01_980x651.jpg); height:651px; padding:10px 30px; position:relative; }
.section1 .logo { width:248px; height:37px; } 
.section1 .texts { width:724px; margin:0px auto; }
.section1 .text2 { width:151px; }
.section1 .text3 { width:51px; margin:0 30px; }
.section1 .text4 { width:206px; }
.section1 .playerWideo { background:#333; width:430px; height:242px; margin:75px 0 0 30px; }
.section1 h2 { font-size:1.500em; width:230px; height:181px; text-align:center; color:#0e2161; position:absolute; bottom:0px; right:200px; }
.section1 h2 span { font-size:2.000em; margin:10px 0 0; display:block; }

.section2 { background:#fff; /*height:308px;*/ color:#0e2161; padding:15px 30px;  }
.section2 ul { list-style-image:url('/ceberazdwatrzy/meritum/img/list_6x9.png'); margin:20px; }
.section2 .errorMessage { font-size: 12px; }
.section2 .errorMessage .title { font-size: 13px; }
.section2 .errorMessage ul { padding-left: 10px; list-style: disc; margin: 0px; }
.section2 #formCB { -webkit-border-radius: 10px; border-radius: 10px; width:535px; border:1px dashed #f89e0e; padding:5px 10px 10px; position:relative; }
.section2 #formCB:after { display:block; content:''; background:url(/ceberazdwatrzy/meritum/img/dane_124x39.png); width:124px; height:39px; position:absolute; bottom:20%; left:-105px; }
.section2 #formCB .inputRow { margin-bottom:7px; line-height:40px; font-size:0.875em; font-weight:bold; padding:0 40px 0 150px; }
.section2 #formCB .inputRow input { -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #a9a9a9; width:160px; height:40px; line-height:40px; padding:0 10px; }
.section2 #formCB .inputRow input.error { background:#f59595 url(/ceberazdwatrzy/meritum/img/error_13x13.png) no-repeat 135px center; border:1px solid #ec1b1b; }
.section2 #formCB .inputRow label { text-align:right; width:150px; padding-right:10px; }
.section2 #formCB .bt_submit { cursor:pointer; display:block; text-indent:-9000px; background:url(/ceberazdwatrzy/meritum/img/bt_214x56.png); width:214px; height:56px; border:none; margin-right:40px; }
.section2 #formCB .checkboxRow { font-size:0.688em; display:block; font-weight:bold; line-height:14px; padding-right:40px; }
.section2 #formCB .checkboxRow a { text-decoration:underline; }
.section2 .right strong {  display:block; text-align:center; margin-bottom:15px; font-size:1.375em; font-weight:bold; }

.belka { background-image:url(/ceberazdwatrzy/meritum/img/sprite_paski_980x52.png); background-repeat:no-repeat; width:980px; height:52px; background-position:center top; }
.section3trigger { cursor:pointer; }

.section3 { display:none; }
.section3a { padding:30px 30px 10px; font-size:1.063em; font-weight:bold; }
.section3a .sliderContainer { padding:20px 0; }
.section3a .slider { position:relative; width:391px; height:38px; background:url('/ceberazdwatrzy/meritum/img/slider_391x38.png'); }
.section3a .ui-slider-handle { width:80px; height:31px; background:url(/ceberazdwatrzy/meritum/img/slider_handle_80x31.png); top:3px; }
.section3a .less { position:relative; display:block; width:20px; height:38px; margin-right:5px; background:url(/ceberazdwatrzy/meritum/img/less_11x5.png) no-repeat center center; }
.section3a .more { position:relative;  display:block; width:20px; height:38px; margin-left:5px; background:url(/ceberazdwatrzy/meritum/img/more_15x16.png) no-repeat center center; }
.section3a .less:after { content:'1 000 zł‚'; display:block; width:100px; position:absolute; bottom:-30px; left:30px; color:#0e2161; }
.section3a .more:after { content:'10 000 zł‚'; display:block; width:100px; position:absolute; bottom:-30px; right:30px; text-align:right; color:#0e2161; }
.section3a label { line-height:40px; margin-right:10px; }
.section3a input { width:150px; height:40px; line-height:40px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #666; text-align:right; font-size:1.625em; font-weight:bold; padding:0 10px; }
.section3a .zl { font-size:1.625em; font-weight:normal; line-height:40px; margin-left:10px; }
.section3a .bonus { font-size:1.875em; font-weight:bold; text-align:right; padding:15px 0; color:#26366e; border-bottom:2px solid #e0e0e0; }
.section3a .zysk { font-size:1.875em; font-weight:bold; text-align:right; padding:30px 0; color:#0e2161; }

.section3b { background:#2f8fa5; color:#fff; font-family:'din', Arial, Helvetica, sans-serif; padding-bottom:30px; }
.section3b .belka { background-position:0 -52px; }
.section3b .icon { width:196px; text-align:center; font-size:1.125em; line-height:18px; float:left;  }
.section3b .icon span { display:block; background-image:url(/ceberazdwatrzy/meritum/img/sprite_icons_72x74.png); width:72px; height:74px; margin:0px auto 10px;  }
.section3b .icon2 span { background-position:0 -74px; }
.section3b .icon3 span { background-position:0 -148px; }
.section3b .icon4 span { background-position:0 -222px; }
.section3b .icon5 span { background-position:0 -296px; }

.section3c .belka { background-position:0 -104px; }
.section3c { font-weight:bold; font-size:0.750em; padding:0 0 10px; line-height:18px; color:#000; }
.section3c .content { padding:0 30px 20px; }

.section4 { font-size:0.875em; color:#0e2161; font-weight:bold; padding:10px 30px; }
.section4 a:hover { color:#f9a110; }

.section1.thankU { background:url(/ceberazdwatrzy/meritum/img/bg02_980x599.jpg) no-repeat; min-height:559px; height:auto; padding:10px 30px 0; position:relative; }
.section1.thankU .text { border:2px dashed #f59904; padding:80px 40px 0; -webkit-border-radius: 10px; border-radius: 10px; width:724px; min-height:230px; font-size:1.125em; color:#0e2161; line-height:18px; margin:45px auto 0; }
.section1.thankU .text.more { padding:20px; font-size:0.938em; line-height:25px; }
.section1.thankU .text.more .title { font-size:1.067em; font-weight:bold; }
.section1.thankU .text.more .playerWideo { margin:30px auto; }
.section1.thankU .text.more .inputs { width:310px; margin:20px 70px 0 0; color:#0e2161; font-weight:bold; text-align:right; font-size:0.933em; }
.section1.thankU .text.more .inputs a { color:#f59904; }
.section1.thankU .text.more .inputRow { margin-bottom:7px; line-height:40px; font-size:0.933em; font-weight:bold; }
.section1.thankU .text.more .inputRow input { -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #a9a9a9; width:210px; height:40px; line-height:40px; padding:0 10px; }
.section1.thankU .text.more .inputRow input.error { background:#f59595 url(/ceberazdwatrzy/meritum/img/error_13x13.png) no-repeat 185px center; border:1px solid #ec1b1b; }
.section1.thankU .text.more .inputRow label { text-align:right; width:90px; padding-right:10px; }
.section1.thankU .text.more .bt_submit { cursor:pointer; display:block; text-indent:-9000px; background:url(/ceberazdwatrzy/meritum/img/bt_zaloguj_250x65.png); width:250px; height:65px; border:none; margin:30px 0 0; }
.section1.thankU .text.more .resetPassword { cursor:pointer; display:block; text-indent:-9000px; background:url(/ceberazdwatrzy/meritum/img/przypomnijHaslo_254x56.png); width:255px; height:55px; border:none; margin:30px 0 0 65px;}
.section1.thankU .text.more textarea.formTopic { border: 1px solid #a9a9a9; border-radius: 10px; height: 300px; padding: 10px; width: 100%; }
.section1.thankU div.text.more form#cbZaloguj div.left div.inputRow span { float: left; font-size: 10px; line-height: 40px; margin-left: 10px; }
.section4.thankU { padding-left:130px; }
.section1.thankU .text.more .bt_wyslij { cursor:pointer; display:block; text-indent:-9000px; background:url(/ceberazdwatrzy/meritum/img/bt_wyslij_134x56.png); width:135px; height:55px; border:none; margin:10px 0 0 90px; }
.sklepy { text-align:center;}
.sklepy a { display:inline-block; margin:0 10px; }
.sklepy a img { border:none; }

.bt_rejestruj { background:url('/ceberazdwatrzy/meritum/img/bt_rejestruj_734x75.png') no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; display:block; width:735px; height:75px; background-size:contain; margin:20px auto; }

#cbNumerKonta .adres { width:330px; }
#cbNumerKonta .dzieki { width:320px; }
#cbNumerKonta label { width:100%; display:block; text-align:left; }
#cbNumerKonta .formAdres { width:275px; }
#cbNumerKonta .formKod1 { width:41px; margin-right:5px; }
#cbNumerKonta .formKod2 { width:47px; margin:0 10px 0 5px; }
#cbNumerKonta .formMiasto { width:160px; }
#cbNumerKonta .formNr { width:275px; }
#cbNumerKonta .checkboxRow { font-size:11px; font-weight:bold; line-height:14px; }
#cbNumerKonta .checkboxRow label { width:90%; margin-left:10px; }
#cbNumerKonta .bt_submit { background:url(/ceberazdwatrzy/meritum/img/bt_wyslij_250x65.png); }
#cbNumerKonta a.bt_edytuj { background:url(/ceberazdwatrzy/meritum/img/bt_edytuj_250x65.png); }

@media only screen and (max-width:960px) {
    .container { width:100%; padding:0; }
    h1 { margin-left:10px;}
    .section1 .texts { width:90%; margin:0px auto; }
    .section1 .text2 { width:23%; }
    .section1 .text3 { width:7%; margin:0 2%; }
    .section1 .text4 { width:30%; }
    .section1 .text5 { width:21%; }
    .section1 .texts img { max-height:100%; max-width:100%; }
    .section1.thankU .text { padding:30px; width:90%; margin:20px auto 0; min-height:1px; }
    .section4.thankU { padding:10px 30px; }
    .section1.thankU .text.more .bt_submit { float:none !important; margin:30px auto;}
    .section1.thankU .text.more .inputs { float:none !important; margin:30px auto; }
    .bt_rejestruj { width:90%;}
}


@media only screen and (max-width: 480px)  {
    body { font-size:65%; }
    .h_90 { height:40px; }
    .section1, .section1.thankU {background:none !important; padding:10px 0; height:auto;  }
    .section1 .playerWideo { width:90%; margin:30px auto; }
    .section1 h2 { font-size:2em; width:100%; height:140px; position:relative; top:auto; right:auto; background:#f79e0d; color:#fff; text-align:left; padding:20px; }
    .section1 h2:after { content:''; display:block; width:119px; height:162px; background:url(/ceberazdwatrzy/meritum/img/bg_mobile_237x324.png); background-size:cover; position:absolute; top:-10px; right:10px; }
    .section2 { height:auto; padding:10px 0;  margin-bottom:20px; }
    .section2 > .left, .section2 > .right { float:none; }
    .section2 ul { font-size:1.5em; padding:0 20px; }
    .section2 #formCB:after { background:none; }
    .section2 #formCB { width:95%; margin:0px auto; padding:10px; }
    .section2 #formCB .inputRow { padding:0; font-size:1em; }
    .section2 #formCB .inputRow input { width:65%; }
    .section2 #formCB .inputRow input.error { background-position:90% center;}
    .section2 #formCB .inputRow label { width:30%; }
    .section2 #formCB .bt_submit { margin:0 5px 0; }
    .section2 #formCB .checkboxRow { padding:0; font-size:1em; }
    .belka { width:100%; background-image:url(/ceberazdwatrzy/meritum/img/sprite_paski_640x52.png); }
    .section3a { padding:10px 0;}
    .section3a > .left { float:none; width:100%; margin:0px auto; }
    .section3a .sliderContainer { padding:20px 0; }
    .section3a .slider { width:260px; height:26px; background-size:contain;  }
    .section3a .ui-slider-handle { width:58px; height:23px; background-size:contain; }
    .section3a .less:after, .section3a .more:after { bottom:-15px; }
    .section3a label, .section3a .zl, .section3a .bonus, .section3a .zysk { margin-right:10px; }
    .section3a .zysk { font-size:2.5em; }
    .section3b .icon { width:20%; word-wrap:break-word; }
    .section3b .icon span { width:100%; background:none; height:1%; }
    .section3c { font-size:1em; }
    .section3c .belka { background-position:center -104px; }
    .section3b .belka { background-position:center -52px;}
}

@media only screen and (min-width: 480px) and (max-width:539px) {
    body { font-size:80%; }
    .h_90 { height:40px; }
    .section1, .section1.thankU { padding:10px 0; height:auto; background:url(/ceberazdwatrzy/meritum/img/bg02_980x599.jpg) no-repeat; background-size:contain;}
    .section1 .playerWideo { width:80%; height:272px; margin:30px auto; }
    .section1 h2 { font-size:2em; width:100%; height:140px; position:relative; top:auto; right:auto; background:#f79e0d; color:#fff; text-align:left; padding:20px; }
    .section1 h2:after { content:''; display:block; width:119px; height:162px; background:url(/ceberazdwatrzy/meritum/img/bg_mobile_237x324.png); background-size:cover; position:absolute; top:-10px; right:10px; }
    .section2 { height:auto; padding:10px 0;  margin-bottom:20px; }
    .section2 > .left, .section2 > .right { float:none; }
    .section2 ul { font-size:1.5em; padding:0 20px; }
    .section2 #formCB:after { background:none; }
    .section2 #formCB { width:90%; margin:20px auto; padding:10px; }
    .section2 #formCB .inputRow { padding:0; font-size:1em; }
    .section2 #formCB .inputRow input { width:70%; }
    .section2 #formCB .inputRow input.error { background-position:90% center;}
    .section2 #formCB .inputRow label { width:28.037383177570092%; }
    .section2 #formCB .bt_submit { margin:0 5px 0; }
    .section2 #formCB .checkboxRow { padding:0; font-size:1em; }
    .belka { width:100%; }
    .section3a { padding:10px;}
    .section3a > .left { float:none; margin-bottom:20px; }
    .section3a label, .section3a .zl, .section3a .bonus, .section3a .zysk { margin-right:10px; }
    .section3a .zysk { font-size:2em; }
    .section3b .icon { width:20%; }
    .section3b .icon span { width:100%; background:none; height:1%; }
    .section3c { font-size:1em; }
    .section3c .belka { background-position:center -104px; }
    .section3b .belka { background-position:center -52px;}
}

@media only screen and (min-width: 540px) and (max-width:767px) {
    body { font-size:70%; }
    .h_90 { height:40px; }
    .section1, .section1.thankU { padding:10px 0; height:auto; background:none !important;  }
    .section1 .playerWideo { width:80%; height:272px; margin:30px auto; }
    .section1 h2 { font-size:2em; width:100%; height:140px; position:relative; top:auto; right:auto; background:#f79e0d; color:#fff; text-align:left; padding:20px; }
    .section1 h2:after { content:''; display:block; width:119px; height:162px; background:url(/ceberazdwatrzy/meritum/img/bg_mobile_237x324.png); background-size:cover; position:absolute; top:-10px; right:10px; }
    .section2 { height:auto; padding:10px 0;  margin-bottom:20px; }
    .section2 > .left, .section2 > .right { float:none; }
    .section2 ul { font-size:1.5em; padding:0 20px; }
    .section2 #formCB:after { background:none; }
    .section2 #formCB { width:80%; margin:20px auto; padding:10px; }
    .section2 #formCB .inputRow { padding:0; font-size:1em; }
    .section2 #formCB .inputRow input { width:70%; }
    .section2 #formCB .inputRow input.error { background-position:90% center;}
    .section2 #formCB .inputRow label { width:28.037383177570092%; }
    .section2 #formCB .bt_submit { margin:0 5px 0; }
    .section2 #formCB .checkboxRow { padding:0; font-size:1em; }
    .belka { width:100%; }
    .section3a { padding:10px;}
    .section3a .sliderContainer { padding:20px 0; }
    .section3a .slider { width:250px; height:25px; background-size:contain;  }
    .section3a .ui-slider-handle { width:58px; height:23px; background-size:contain; }
    .section3a .less:after, .section3a .more:after { bottom:-15px; }
    .section3b .icon { width:20%; }
    .section3b .icon span { width:100%; background:none; height:1%; }
    .section3c { font-size:1em; }
    .section3c .belka { background-position:center -104px; }
    .section3b .belka { background-position:center -52px;}
}

@media only screen and (min-width: 768px) and (max-width:960px) {
    body { font-size:70%; }
    .h_90 { height:70px; }
    .section1, .section1.thankU { padding:10px 0; height:auto; background:url(/ceberazdwatrzy/meritum/img/bg02_980x599.jpg) no-repeat; background-size:contain;}
    .section1 .playerWideo { width:50%; height:272px; margin:30px 0 0 30px; position:relative; z-index:2; }
    .section1 h2 { z-index:1; font-size:2em; width:100%; height:140px; position:absolute; top:50%; margin-top:70px; right:auto; background:#f79e0d; color:#fff; text-align:left; padding:20px 150px 20px 20px; text-align:right; }
    .section1 h2:after { content:''; display:block; width:119px; height:162px; background:url(/ceberazdwatrzy/meritum/img/bg_mobile_237x324.png); background-size:cover; position:absolute; top:-10px; right:10px; }
    .section2 { height:auto; padding:10px;  margin-bottom:20px; }
    .section2 > .left { width:55%; }
    .section2 > .right { width:45%; }
    .section2 ul { font-size:1.5em; padding:0 20px;  }
    .section2 #formCB:after { background:none; }
    .section2 #formCB { width:100%; margin:20px auto; padding:10px; }
    .section2 #formCB .inputRow { padding:0; font-size:1em; }
    .section2 #formCB .inputRow input { width:60%; }
    .section2 #formCB .inputRow input.error { background-position:90% center;}
    .section2 #formCB .inputRow label { width:32%; }
    .section2 #formCB .bt_submit { margin:0 5px 0; }
    .section2 #formCB .checkboxRow { padding:0; font-size:1em; }
    .belka { width:100%; }
    .section3a { padding:10px 20px;}
    .section3b .icon { width:20%; padding:0 10px; }
    .section3c { font-size:1em; }
    .section3c .belka { background-position:center -104px; }
    .section3b .belka { background-position:center -52px;}
}

.qtip { max-width: 600px; line-height: 15px; font-size: 10px; font-family: inherit; margin-left: 20px; }
.qtip h1 { font-size: 12px; font-weight: bold; padding: 5px 0;  }
.qtip h2 { font-size: 10px; font-weight: bold; padding-top: 3px;  }
.qtip ul { list-style: disc; padding-left: 10px; }
.qtip p { display: inline-block; margin-bottom: 3px; }