/* Outline elementow */
/* * {outline: 1px solid red;} */
/**/
/* Ĺźeby dzialal na ipadzie video to nie moze sie znajdowac wideo w paragrafie , jesli sie nie da bez tego wygenerowac to trzeba bedzie zmienic styl w paragrafie na height 100%*/
body { font-family: "Arial"; color: #000000; margin: 0 !important; padding:0 !important;}
#screen { left: 50%; top: 50%; margin-top: -20px; /* background: red; */ position: absolute; display: block; -webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.35); border: 1px solid #c9c9c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; padding: 0 !important; z-index:1}
.black {background: #000;}
h1 {position: absolute; left: 50%; width: 238px; margin-left: -119px; top:50%; margin-top: -40px; font-size: 18px; text-align: center; background: #bfbfbf; color: #fff; padding: 30px 0; font-weight: bold; }
h3 {line-height: 14px; position: absolute; left: 50%; width: 238px; margin-left: -119px; top:40%; margin-top: -30px; font-size: 14px; text-align: center; background: #7f7f7f; color: #fff; padding: 5px 0; }
h2 {position: absolute; left: 50%; width: 160px; margin-left: -80px; top:10%; font-size: 11px; text-align: center; }
h4 {position: absolute; left: 50%; width: 160px; margin-left: -80px; top:4%; font-size: 11px; text-align: center; }
h5 {position: absolute; left: 50%; width: 238px; margin-left: -119px; top:50%; margin-top: -40px; font-size: 12px; text-align: center; background: #7f7f7f; color: #fff; padding: 20px 0; text-transform: uppercase;}
p {padding-left: 10%; padding-right:10%;}
.p_style {}
#controls {position: absolute; left: 50%; width: 238px; margin-left: -119px; bottom:5%; margin-top: -40px; font-size: 14px; text-align: center; background: #bfbfbf; color: #fff; padding: 20px 0; z-index: 2}
.inverse {background: #fff !important; color: #000 !important;}
.content { position: absolute; left: 50%; margin-top: 50px;}
.content p {margin-top: 15px; clear: both; }
.photo {position: absolute; display: block; left: 50%; text-align: center; vertical-align: bottom; display: table-cell; }
.photo img {display: block; max-width:100%; max-height:100%; margin: auto ;}
.photo_big {position: absolute; display: block; left: 50%; text-align: center; vertical-align: bottom; display: table-cell; }
.photo_big img {display: block; max-width:100%; max-height:100%; margin: auto ;}
.phopo {position: absolute; display: block; left: 50%; text-align: center; vertical-align: bottom; display: table-cell; }
.phopo img {display: block; max-width:100%; max-height:100%; margin: auto ;}
.photo_bottom {position: absolute; display: block; left: 3%; text-align: center; vertical-align: bottom; display: table-cell; }
.photo_bottom img {display: block; max-width:100%; max-height:100%; margin: auto ;}
/* VIDEO */
video {width: 100% !important; height: 100% !important;}
/* PLAY - Info */
/* ddumicz fix #12816
.HelpScreen .photo img {height: auto !important; width: auto !important; max-width: auto; max-height: auto; }
*/
.next {display: inline-block !important;}
.next .photo img {max-height: 12px;}
.play {width: 40px; height: 40px; background: url('/assets/strzalka.png') no-repeat center center; margin-bottom: -5px;}
#submit0 { width:40px; height:40px; border: none; background: url('/assets/strzalka.png') no-repeat center center; cursor: pointer; }
/* Showroom */
.photo_small {position: absolute; display: block; left: 50%; text-align: center; vertical-align: bottom; display: table-cell;}
.photo_small img {display: inline; height: 100%; margin-left: 5px;;}
.photo_small img:first-child { margin-left: 0 !important;}
.photo_small_3p {position: absolute; display: block; left: 50%; text-align: center; vertical-align: bottom; display: table-cell;}
.photo_big_3p {position: absolute; display: block; left: 50%; text-align: center; vertical-align: bottom; display: table-cell;}
.photo_small_3p img {display: inline; margin-left: 5px;;}
.photo_big_3p img {display: inline; margin-left: 5px;;}
.photo_small_3p img:first-child { margin-left: 0 !important;}
.photo_big_3p img:first-child { margin-left: 0 !important;}
.content .scale-container {clear: both; width: 100%; position: relative; height: auto; margin-top: 20px; background: red; }
.content .scale-choice-0 { top:0;}
.content .scale-choice-1 { top:0;}
.content .scale-choice-2 {top:0;}
.content .scale-choice-3 { top:0; }
.content .scale-choice-4 { top:0;}
/* dd:x*/
.content .scale-choice-0-linear { top:0;}
.content .scale-choice-1-linear { top:0;}
.content .scale-choice-2-linear {top:0;}
.content .skale-container {clear: both; width: 100%; position: relative; height: auto; margin-top: 20px; background: red; }
.content .skale-choice-0 { top:0;}
.content .skale-choice-1 { top:0;}
.content .skale-choice-2 {top:0;}
.content .skale-choice-3 { top:0; }
.content .skale-choice-4 { top:0;}
/* LEADER */
.Leader #controls {background: #fff; color: #000;}
/* KALIBACJA MYSZKI */
#dot_1, #dot_2, #dot_3 , #dot_4 , #dot_5, #dot_6 {position: absolute; cursor: pointer; width: 24px; height: 24px; }
#dot_1 , #dot_6 {top: 55%; left: 50%; margin: -12px 0 0 -12px; }
#dot_2 {top: 25%; left: 10%; }
#dot_3 { top: 25%; right: 10%; }
#dot_4 {bottom: 6%; right: 10%; }
#dot_5 { bottom: 6%; left: 10%; }
/* REFERENDUM */
.Referendum {background: #000 !important; color: #fff !important; }
/* ZMIANA TLA W SLAJDACH Z KOLORAMI!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.cms-black {color: #000000 !important; }
.cms-silver {color: #C0C0C0 !important; }
.cms-gray {color: #808080 !important; }
.cms-white {color: #FFFFFF !important; }
.cms-maroon {color: #800000 !important; }
.cms-red {color: #FF0000 !important; }
.cms-purple {color: #800080 !important; }
.cms-fuchsia {color: #FF00FF !important; }
.cms-green {color: #008000 !important; }
.cms-lime {color: #00FF00 !important; }
.cms-olive {color: #808000!important; }
.cms-yellow {color: #FFFF00 !important; }
.cms-navy {color: #000080 !important; }
.cms-blue {color: #0000FF !important; }
.cms-teal {color: #008080 !important; }
.cms-aqua {color: #00FFFF !important; }
.cms-orange {color: orange !important; }
.btn {padding:8px 15px; font-size: 15px; -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); border: 1px solid #eaeaea; height: auto !important; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.kolor { padding:8px 15px; -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.2); border: 1px solid #eaeaea; height: auto !important; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold !important; margin: 200px auto 50px auto !important; cursor: arrow !important; background: #fff !important; width: 30%; }
.TRUE {width:50%; float: left; text-align: right; }
.TRUE .btn {margin-right: 10px; cursor: pointer;}
.FALSE {width:50%; float: left; text-align: left; }
.FALSE .btn {margin-left: 10px; cursor: pointer;}
/* KALIBRACJA KLAWIATURY */
#key { position: absolute; left: 50%; margin-left: -50px; margin-top: -50px; top: 50%; text-align: center; background: #777777; color: #fff; border-radius: 4px; background: rgb(80, 80, 80); background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80))); color: rgb(250, 250, 250); text-shadow: -1px -1px 0 rgb(70, 70, 70); -moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3); box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3); font-size: 48px;
font-weight: bold; }
/* SKALA */
/* Przyciski */
.scale-container.scale-size-3 .scale-choice-0 button,
.scale-container.scale-size-3 .scale-choice-1 button,
.scale-container.scale-size-3 .scale-choice-2 button,
.scale-container.scale-size-4 .scale-choice-0 button, .scale-container.scale-size-4 .scale-choice-1 button, .scale-container.scale-size-4 .scale-choice-2 button, .scale-container.scale-size-4 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-0 button, .scale-container.scale-size-5 .scale-choice-1 button, .scale-container.scale-size-5 .scale-choice-2 button, .scale-container.scale-size-5 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-4 button, .scale-inactive, .scale-linear-inactive { border-radius: 50%; border: none; width: 46px; height: 46px; line-height: 44px; color: #fff; background: #fff url(../assets/button.png) no-repeat center center; cursor: pointer;}
/*.scale-container.scale-size-2 .scale-choice-0 button, .scale-container.scale-size-2 .scale-choice-1 button, .scale-inactive { border-radius: 50%; border: none; width: 200px; height: 200px; line-height: 44px; color: #fff; background: #fff url(../assets/button3.png) no-repeat center center; cursor: pointer;}*/
.scale-container.scale-size-2 .scale-choice-0 button, .scale-container.scale-size-2 .scale-choice-1 button, .scale-inactive, .scale-linear-inactive { border-radius: 50%; border: none; width: 100px; height: 100px; line-height: 44px; color: #fff; background: #fff url(../assets/button3.png) no-repeat center center; cursor: pointer;}
.skale-container.skale-size-3 .skale-choice-0 button, .skale-container.skale-size-3 .skale-choice-1 button, .skale-container.skale-size-3 .skale-choice-2 button,
.skale-container.skale-size-4 .skale-choice-0 button, .skale-container.skale-size-4 .skale-choice-1 button, .skale-container.skale-size-4 .skale-choice-2 button, .skale-container.skale-size-4 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-0 button, .skale-container.skale-size-5 .skale-choice-1 button, .skale-container.skale-size-5 .skale-choice-2 button, .skale-container.skale-size-5 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-4 button, .skale-inactive { border-radius: 50%; border: none; width: 46px; height: 46px; line-height: 44px; color: #fff; background: #fff url(../assets/button.png) no-repeat center center; cursor: pointer;}
.skale-container.skale-size-2 .skale-choice-0 button, .skale-container.skale-size-2 .skale-choice-1 button, .skale-inactive { border-radius: 50%; border: none; width: 200px; height: 200px; line-height: 44px; color: #fff; background: #fff url(../assets/button3.png) no-repeat center center; cursor: pointer;}
.scale-inactive {background: #fff url(../assets/button2.png) no-repeat center center; display: none;}
.scale-linear-inactive {background: #fff url(../assets/button2.png) no-repeat center center; display: none;}
.skale-inactive {background: #fff url(../assets/button2.png) no-repeat center center; display: none;}
.highlighted {background: transparent url(../assets/play.png) no-repeat center center !important; display: block; border-radius: 0 !important; }
.scale-inactive { position: absolute; left: 50%; bottom: 15%; margin-left: -23px; width: 46px; text-align: center}
.scale-linear-inactive { position: absolute; left: 50%; bottom: 15%; margin-left: -23px; width: 46px; text-align: center}
.skale-inactive { position: absolute; left: 50%; bottom: 15%; margin-left: -23px; width: 46px; text-align: center}
/* Opisy */
.scale-desc { display: block; color: #a5a5a5; font-size: 18px; padding-top: 10px;}
/*skala 2*/
.scale-size-2 .scale-choice-0 { position: absolute; left: 50%; bottom: 42%; margin-left: -250px; width: 200px; text-align: center}
/*.scale-size-2 .scale-choice-1 { position: absolute; left: 50%; bottom: 22%; margin-left: 50px; width: 200px; text-align: center}*/
.scale-size-2 .scale-choice-1 { position: absolute; left: 50%; bottom: 44%; margin-left: 50px; width: 200px; text-align: center}
/*Sala 2 linear*/
.scale-size-2 .scale-choice-0-linear { position: absolute; left: 10%; bottom: 51%; margin-left: -100px; width: 200px; text-align: center}
.scale-size-2 .scale-choice-1-linear { position: absolute; left: 90%; bottom: 51%; margin-left: -100px; width: 200px; text-align: center}
/*Skala 3 */
.scale-size-3 .scale-choice-0 { position: absolute; left: 50%; bottom: 27%; margin-left: -230px; width: 200px; text-align: center}
.scale-size-3 .scale-choice-1 { position: absolute; left: 50%; bottom: 15%; margin-left: -100px; width: 200px; text-align: center}
.scale-size-3 .scale-choice-2 { position: absolute; left: 50%; bottom: 27%; margin-left: 30px; width: 200px; text-align: center }
/*Sala 4 */
.scale-size-4 .scale-choice-0 { position: absolute; left: 50%; bottom: 29%; margin-left: -250px; width: 200px; text-align: center}
.scale-size-4 .scale-choice-1 { position: absolute; left: 50%; bottom: 17%; margin-left: -150px; width: 200px; text-align: center}
.scale-size-4 .scale-choice-2 { position: absolute; left: 50%; bottom: 17%; margin-left: -50px; width: 200px; text-align: center }
.scale-size-4 .scale-choice-3 { position: absolute; left: 50%; bottom: 29%; margin-left: 50px; width: 200px; text-align: center}
/*Sala 5 */
.scale-size-5 .scale-choice-0 { position: absolute; left: 50%; bottom: 29%; margin-left: -100px; width: 200px; text-align: center}
.scale-size-5 .scale-choice-1 { position: absolute; left: 50%; bottom: 17%; margin-left: -230px; width: 200px; text-align: center}
.scale-size-5 .scale-choice-2 { position: absolute; left: 50%; bottom: 5%; margin-left: -100px; width: 200px; text-align: center}
.scale-size-5 .scale-choice-3 { position: absolute; left: 50%; bottom: 17%; margin-left: 30px; width: 200px; text-align: center }
.scale-size-5 .scale-choice-4 { position: absolute; left: 50%; bottom: 29%; margin-left: -100px; width: 200px; text-align: center}
/*Skala 2 liner*/
.scale-size-2 .scale-choice-0-linear button{
border-radius: 50%;
border: none;
color: #fff;
text-align: center;
background: #B6B6B6;
font-weight: normal;
bottom: 52%;
left: 50%;
text-transform: uppercase;
font-size: 20pt;
width: 100px;
height: 100px;
}
.scale-size-2 .scale-choice-1-linear button{
border-radius: 50%;
border: none;
color: #fff;
text-align: center;
background: #B6B6B6;
font-weight: normal;
bottom: 20%;
left: 50%;
text-transform: uppercase;
font-size: 20pt;
width: 100px;
height: 100px;
}
.scale-inactive { bottom: 35%; }
/* Opisy */
.skale-desc { display: block; color: #a5a5a5; font-size: 18px; padding-top: 10px;}
/*skala 2*/
.skale-size-2 .skale-choice-0 { position: absolute; left: 50%; bottom: 22%; margin-left: -250px; width: 200px; text-align: center}
.skale-size-2 .skale-choice-1 { position: absolute; left: 50%; bottom: 22%; margin-left: 50px; width: 200px; text-align: center}
/*Skala 3 */
.skale-size-3 .skale-choice-0 { position: absolute; left: 50%; bottom: 27%; margin-left: -230px; width: 200px; text-align: center}
.skale-size-3 .skale-choice-1 { position: absolute; left: 50%; bottom: 15%; margin-left: -100px; width: 200px; text-align: center}
.skale-size-3 .skale-choice-2 { position: absolute; left: 50%; bottom: 27%; margin-left: 30px; width: 200px; text-align: center }
/*Sala 4 */
.skale-size-4 .skale-choice-0 { position: absolute; left: 50%; bottom: 29%; margin-left: -250px; width: 200px; text-align: center}
.skale-size-4 .skale-choice-1 { position: absolute; left: 50%; bottom: 17%; margin-left: -150px; width: 200px; text-align: center}
.skale-size-4 .skale-choice-2 { position: absolute; left: 50%; bottom: 17%; margin-left: -50px; width: 200px; text-align: center }
.skale-size-4 .skale-choice-3 { position: absolute; left: 50%; bottom: 29%; margin-left: 50px; width: 200px; text-align: center}
/*Sala 5 */
.skale-size-5 .skale-choice-0 { position: absolute; left: 50%; bottom: 29%; margin-left: -100px; width: 200px; text-align: center}
.skale-size-5 .skale-choice-1 { position: absolute; left: 50%; bottom: 17%; margin-left: -230px; width: 200px; text-align: center}
.skale-size-5 .skale-choice-2 { position: absolute; left: 50%; bottom: 5%; margin-left: -100px; width: 200px; text-align: center}
.skale-size-5 .skale-choice-3 { position: absolute; left: 50%; bottom: 17%; margin-left: 30px; width: 200px; text-align: center }
.skale-size-5 .skale-choice-4 { position: absolute; left: 50%; bottom: 29%; margin-left: -100px; width: 200px; text-align: center}
.skale-inactive { bottom: 35%; }
/* 2 skala */
.scalenew { background: #fff url(../assets/strzalka.png) no-repeat center center !important; border:0 !important; -webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important; border-radius: 0 !important; }
.transparent { zoom: 1 !important; filter: alpha(opacity=30) !important; opacity: 0.3 !important; }
table {width: auto; max-width: 800px; margin: 0 auto;}
tr {}
td { text-align: left; }
label {margin-left: 10px; text-align: left; cursor: pointer; }
.scale-linear-inactive-left {
position: absolute;
text-align: center;
display: none;
}
.scale-linear-inactive-right {
position: absolute;
text-align: center;
display: none;
}
/* answer: 1 */
.scale-container.scale-size_check-answer .scale-choice--2 button,
.scale-container.scale-size_check-answer .scale-choice--1 button,
.scale-container.scale-size_check-answer .scale-choice-1 button,
.scale-container.scale-size_check-answer .scale-choice-2 button,
.scale-container.scale-size_check-answer .scale-choice-0 button {
position: absolute;
text-align: center;
background: #ffffff;
font-weight: normal;
border-radius: 50%;
border: solid #000 1px;
line-height: 34px;
color: #000;
cursor: pointer;
}
/* ROZDZIELCZOSCI ******************************************************************************/
/* 800x600 */
/* 1024x768 */
/* 1680x1050 */
/* 1920x1080 */
/* MOBILE **************************************************************************************/
/* Smartfon do 320px */
/* Smartfon od 320px */
/* Tablet vertical 480px*/
/* Tablet horizontal 768px */
/* Monitory 992px */
/* DuĹźe Monitory 1200px */
/* Najmniejszy Widok */
#screen {width: 280px; top: 10%; margin-left: -140px; height: 240px; font-size: 9px; margin-top: -10px; }
h1 { width: 280px; margin-left: -140px; font-size: 14px; margin-top: 0px; padding: 10px 0;}
h2 { width: 218px; margin-left: -109px; font-size: 11px;}
h3 { width: 280px; line-height: 14px; margin-left: -140px;font-size: 10px; margin-top: 5px; padding: 5px 0;}
h4 { width: 218px; margin-left: -109px; font-size: 11px;}
h5 { width: 140px; margin-left: 0px;line-height: 14px;font-size: 10px; margin-top: -65px; padding: 5px 0;}
.h3_style{
width: 280px;
margin-left: -140px;
margin-top: -64px !important;
text-transform: uppercase;
font-size: 10px;
padding: 3px 0;
}
h3:after {
content: '';
display: block;
position: absolute;
left: 130px;
top: 98%;
width: 0;
height: 0;
border-top: 9px solid #7f7f7f;
border-right: 9px solid transparent;
border-bottom: 0 solid transparent;
border-left: 9px solid transparent;
}
p.p_style{
margin-top: 6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* number of lines to show */
line-height: 10px;
max-height: 21px;
color: #595959;
}
#controls { width: 280px; margin-left: -140px; font-size: 11px; margin-top: -15px; padding: 5px 0;}
.content { width: 220px; margin-left: -110px; font-size: 9px; margin-top: 10px;}
.content p {margin-top: 0; }
.photo {width: 120px; height: 230px; margin-left: -130px; bottom: -30px; }
.photo img {max-width: 120px;}
.photo_big {width: 260px; height: 230px; margin-left: -130px; bottom: 0px; }
.photo_big img {max-width: 260px;}
.phopo {width: 120px; height: 70px; margin-left: 10px; bottom: 30px; }
.phopo img {max-width: 200px; max-height: 85px;}
.photo_bottom {width: 173px; height: /*97*/115px; margin-left: 45px; bottom: 16%; }
.photo_bottom img {max-width: 173px; max-height: 115px;}
.HelpScreen img {max-width: 260px; max-height: 157px; margin: 10px;}
.next .photo img {max-height: 12px;}
.play {width: 10px; height: 10px; background: url('/assets/strzalka20.png') no-repeat center center; margin-bottom: -5px;}
#submit0 { width:10px; height:10px; border: none; background: url('/assets/strzalka20.png') no-repeat center center; cursor: pointer; margin-bottom: -5px;}
/*Showroom */
.photo_small {width: 218px; height: 60px; margin-left: -109px; bottom: 45px; }
.photo_small img { max-width: 40px; max-height: 55px; margin-left: 3px;}
.photo_small_3p {width: 260px; /*height: 132px;*/ margin-left: -130px; bottom: 90px; }
.photo_small_3p img {max-width: 80px; max-height: 120px; margin-left: 5px;}
.photo_big_3p {width: 260px; /*height: 132px;*/ margin-left: -130px; /*bottom: 40px;*/ top: 30%; }
.photo_big_3p img {max-width: 80px; max-height: 128px; margin-left: 5px;}
/* Referendum */
.kolor { margin: 50px auto 40px auto !important }
.btn {padding:5px 10px; font-size: 10px; }
.btn1 { margin-top: 50px; margin-bottom: 40px; }
.TRUE .btn {margin-right: 40px; width: 45px;}
.FALSE .btn {margin-left: 40px; width: 45px;}
.Referendum img {max-width: 90px; max-height: 90px; margin-bottom: 5px; }
/* Kalibracja klawiatury */
#key {font-size: 18px; padding:8px 14px; margin-left: -20px; margin-top: -20px; }
/* CHCECKBOX, RADIO */
table { max-width: 300px; font-size: 9px; margin:0 auto; padding:0;}
td { max-height: 5px; padding:0; margin:0;}
input[type="radio"], input[type="checkbox"] {margin: 0; padding:0;}
/* SKALA */
/* Przyciski */
.scale-choice-0, .scale-choice-1, .scale-choice-2, .scale-choice-3, .scale-choice-4 { }
.scale-container.scale-size-3 .scale-choice-0 button, .scale-container.scale-size-3 .scale-choice-1 button, .scale-container.scale-size-3 .scale-choice-2 button,
.scale-container.scale-size-4 .scale-choice-0 button, .scale-container.scale-size-4 .scale-choice-1 button, .scale-container.scale-size-4 .scale-choice-2 button, .scale-container.scale-size-4 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-0 button, .scale-container.scale-size-5 .scale-choice-1 button, .scale-container.scale-size-5 .scale-choice-2 button, .scale-container.scale-size-5 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-4 button, .scale-inactive { font-size: 10px; width: 22px; height: 22px; line-height: 16px; }
.scale-choice-0, .scale-choice-1 { }
.scale-container.scale-size-2 .scale-choice-0 button, .scale-container.scale-size-2 .scale-choice-1 button { font-size: 8px; width: 26px; height: 26px; line-height: 16px; }
/* Przyciski */
.skale-choice-0, .skale-choice-1, .skale-choice-2, .skale-choice-3, .skale-choice-4 { }
.skale-container.skale-size-3 .skale-choice-0 button, .skale-container.skale-size-3 .skale-choice-1 button, .skale-container.skale-size-3 .skale-choice-2 button,
.skale-container.skale-size-4 .skale-choice-0 button, .skale-container.skale-size-4 .skale-choice-1 button, .skale-container.skale-size-4 .skale-choice-2 button, .skale-container.skale-size-4 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-0 button, .skale-container.skale-size-5 .skale-choice-1 button, .skale-container.skale-size-5 .skale-choice-2 button, .skale-container.skale-size-5 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-4 button, .skale-inactive { font-size: 10px; width: 22px; height: 22px; line-height: 16px; }
.skale-choice-0, .skale-choice-1 { }
.skale-container.skale-size-2 .skale-choice-0 button, .skale-container.skale-size-2 .skale-choice-1 button { font-size: 14px; width: 30px; height: 30px; line-height: 16px; }
/* Opisy */
.scale-desc { font-size: 8px; padding-top: 0;}
/*Skala 2 */
.scale-size-2 .scale-choice-0 { bottom: 20%; margin-left: -120px; width: 100px; }
.scale-size-2 .scale-choice-1 { bottom: 20%; margin-left: 20px; width: 100px; }
.scale-size-2 .scale-desc {font-size: 0px}
/*Skala 3 */
.scale-size-3 .scale-choice-0 { bottom: 18%; margin-left: -105px; width: 100px; }
.scale-size-3 .scale-choice-1 { bottom: 5%; margin-left: -50px; width: 100px;}
.scale-size-3 .scale-choice-2 { bottom: 18%; margin-left: 5px; width: 100px; }
/* Skala 3 Linear */
.scale-size-3 .scale-choice-0.linear button,
.scale-size-3 .scale-choice-1.linear button,
.scale-size-3 .scale-choice-2.linear button { width: 45px; height: 45px; background: #B6B6B6; font-size: 10px;}
.scale-size-3 .scale-choice-0.linear { bottom: 16%; margin-left: -120px; }
.scale-size-3 .scale-choice-1.linear { bottom: 16%; margin-left: -50px; }
.scale-size-3 .scale-choice-2.linear { bottom: 16%; margin-left: 20px; }
.scale-linear-inactive { bottom: -12%; margin-left: -20px; }
/*Sala 4 */
.scale-size-4 .scale-choice-0 { bottom: 24%; margin-left: -100px; width: 80px; }
.scale-size-4 .scale-choice-1 { bottom: 7%; margin-left: -60px; width: 80px;}
.scale-size-4 .scale-choice-2 { bottom: 7%; margin-left: -20px; width: 80px;}
.scale-size-4 .scale-choice-3 { bottom: 24%; margin-left: 20px; width: 80px; }
/*Sala 5 */
.scale-size-5 .scale-choice-0 { top: 63%; margin-left: -90px; width: 70px; }
.scale-size-5 .scale-choice-1 { top: 80%; margin-left: -80px; width: 70px;}
.scale-size-5 .scale-choice-2 { bottom: 0; margin-left: -40px; width: 70px;}
.scale-size-5 .scale-choice-3 { top: 80%; margin-left: 0px; width: 70px; }
.scale-size-5 .scale-choice-4 { top: 63%; margin-left: 10px; width: 70px; }
.scale-inactive { bottom: 23%; margin-left: -11px; }
/* Opisy */
.skale-desc { font-size: 8px; padding-top: 0;}
/*Skala 2 */
.skale-size-2 .skale-choice-0 { bottom: 39%; margin-left: -20px; width: 100px;}
.skale-size-2 .skale-choice-1 { bottom: 39%; margin-left: 60px; width: 100px; }
.skale-size-2 .skale-desc {font-size: 0px}
/*Skala 3 */
.skale-size-3 .skale-choice-0 { bottom: 44%; margin-left: -05px; width: 50px; }
.skale-size-3 .skale-choice-1 { bottom: 31%; margin-left: 50px; width: 50px;}
.skale-size-3 .skale-choice-2 { bottom: 44%; margin-left: 95px; width: 50px; }
/*Sala 4 */
.skale-size-4 .skale-choice-0 { bottom: 44%; margin-left: -20px; width: 80px; }
.skale-size-4 .skale-choice-1 { bottom: 27%; margin-left: 0px; width: 80px;}
.skale-size-4 .skale-choice-2 { bottom: 27%; margin-left: 50px; width: 80px;}
.skale-size-4 .skale-choice-3 { bottom: 44%; margin-left: 70px; width: 80px; }
/*Sala 5 */
.skale-size-5 .skale-choice-0 { bottom: 44%; margin-left: -10px; width: 70px; }
.skale-size-5 .skale-choice-1 { bottom: 27%; margin-left: 0px; width: 70px;}
.skale-size-5 .skale-choice-2 { bottom: 20%; margin-left: 40px; width: 70px;}
.skale-size-5 .skale-choice-3 { bottom: 27%; margin-left: 80px; width: 70px; }
.skale-size-5 .skale-choice-4 { bottom: 44%; margin-left: 90px; width: 70px; }
/*.skale-inactive { bottom: 50%; margin-left: 65px; }*/
.skale-inactive { bottom: auto; margin-left: 65px; }
.scale-commit-size-5 { bottom: 28%;}
/*Skala 2*/
.scale-size-2 .scale-choice-0-linear button,
.scale-size-2 .scale-choice-1-linear button {
width: 42px;
height: 42px;
font-size: 16px;
}
/* 2 skala */
.scalenew { background: #fff url(../asets/strzalka15.png) no-repeat center center !important; }
.highlighted {background: transparent url(../assets/strzalka15.png) no-repeat center center !important; }
/* Video */
.video {width: 220px ; height: 140px; margin: 5px auto; }
.content .text-box {clear: both; margin-left: 0px; margin-top: 0px;width:100%; height: 100%; font-size: 1em; -webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.35); border: 1px solid #c9c9c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*ekran niebieski*/
@media (min-width: 360px) and (min-height: 280px) {
#screen { width: 360px; top: 50%; margin-left: -180px; height: 266px; margin-top: -140px; padding: 30px 0; font-size: 10px; /*border: 2px solid blue;*/}
h1 { width: 360px; margin-left: -180px; font-size: 18px; padding: 15px 0;margin-top: 0px}
h2 { width: 280px; margin-left: -140px; font-size: 13px;}
h3 { width: 360px; margin-left: -180px; font-size: 14px; padding: 5px 0;}
h4 { width: 280px; margin-left: -140px; font-size: 13px;}
h5 { width: 180px; margin-left: 0px; font-size: 14px; padding: 5px 0; margin-top: -85px}
.h3_style {
width: 360px;
margin-left: -180px;
font-size: 8pt;
line-height: 40pt;
padding: 5px 0;
text-transform: uppercase;
margin-top: -73px !important;
}
h3:after {
content: '';
display: block;
position: absolute;
left: 169px;
top: 97%;
width: 0;
height: 0;
border-top: 12px solid #7f7f7f;
border-right: 12px solid transparent;
border-bottom: 0 solid transparent;
border-left: 12px solid transparent;
}
p.p_style{
margin-top: 6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* number of lines to show */
line-height: 12px;
max-height: 25px;
color: #595959;
}
#controls { width: 360px; margin-left: -180px; font-size: 13px; padding: 8px 0;}
.content { width: 290px; margin-left: -145px; font-size: 11px; margin-top: -10px;}
.photo {width: 160px; height: 250px; margin-left: -170px; bottom: -10px; }
.photo img {max-width: 160px;}
.photo_big {width: 340px; height: 250px; margin-left: -170px; bottom: 8px; }
.photo_big img {max-width: 340px;}
.phopo {width: 120px; height: 100px; margin-left: 30px; bottom: 20px; }
.phopo img {max-width: 140px; max-height: 100px;}
.photo_bottom {width: 221px; height: 125px; margin-left: 58px; bottom: 20%; }
.photo_bottom img {max-width: 221px; max-height: 125px;}
.HelpScreen img {max-width: 340px; max-height: 206px; margin: 10px;}
.next .photo img {max-height: 20px;}
.play {width: 20px; height: 20px; background: url('/assets/strzalka20.png') no-repeat center center; margin-bottom: -5px;}
#submit0 { width:20px; height:20px; border: none; background: url('/assets/strzalka20.png') no-repeat center center; cursor: pointer; margin-bottom: -5px;}
/* Showroom */
.photo_small {width: 280px; height: 86px; margin-left: -140px; bottom: 60px; }
.photo_small img {max-width: 50px; max-height: 75px; margin-left:4px;}
.photo_small_3p {width: 340px; /*height: 132px;*/ margin-left: -170px; bottom: 90px; }
.photo_small_3p img {max-width: 105px; max-height: 120px; margin-left: 5px;}
.photo_big_3p {width: 275px; /*height: 132px;*/ margin-left: -138px; /*bottom: 35px;*/ top: 30%; }
.photo_big_3p img {max-width: 86px; max-height: 137px; margin-left: 5px;}
/*max-width: 88px;*/
/* KALIBRACJA MYSZKI */
#dot_1, #dot_2, #dot_3 , #dot_4 , #dot_5, #dot_6 {width: 30px; height: 30px;}
/* REFERENDUM */
.kolor { margin: 70px auto 70px auto !important; }
.btn {padding:6px 20px; font-size: 13px; line-height: 18px; }
.btn1 { margin-top: 35px; margin-bottom: 20px; }
.TRUE .btn {margin-right: 50px; width: 70px;}
.FALSE .btn {margin-left: 50px; width: 70px;}
.Referendum img {max-width: 120px; max-height: 120px; margin-bottom: 15px; }
/* ZMIANA BUTTONOWW W KOLORKACH!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* KALIBRACJA KALWIATURY */
#key {font-size: 24px; padding:10px 18px; margin-left: -26px; margin-top: -27px; }
/* CHCECKBOX, RADIO */
table { max-width: 300px; font-size: 12px;}
td {padding-bottom: 0;}
input[type="radio"], input[type="checkbox"] {height: 10px; width: 10px;}
/* SKALA */
/* Przyciski */
.scale-choice-0, .scale-choice-1, .scale-choice-2, .scale-choice-3, .scale-choice-4 { }
.scale-container.scale-size-3 .scale-choice-0 button, .scale-container.scale-size-3 .scale-choice-1 button, .scale-container.scale-size-3 .scale-choice-2 button,
.scale-container.scale-size-4 .scale-choice-0 button, .scale-container.scale-size-4 .scale-choice-1 button, .scale-container.scale-size-4 .scale-choice-2 button, .scale-container.scale-size-4 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-0 button, .scale-container.scale-size-5 .scale-choice-1 button, .scale-container.scale-size-5 .scale-choice-2 button, .scale-container.scale-size-5 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-4 button, .scale-inactive { font-size: 9px; width: 22px; height: 22px; line-height: 16px; }
.scale-choice-0, .scale-choice-1 { }
.scale-container.scale-size-2 .scale-choice-0 button, .scale-container.scale-size-2 .scale-choice-1 button { font-size: 10px; width: 32px; height: 32px; line-height: 16px; }
/* Przyciski */
.skale-choice-0, .skale-choice-1, .skale-choice-2, .skale-choice-3, .skale-choice-4 { }
.skale-container.skale-size-3 .skale-choice-0 button, .skale-container.skale-size-3 .skale-choice-1 button, .skale-container.skale-size-3 .skale-choice-2 button,
.skale-container.skale-size-4 .skale-choice-0 button, .skale-container.skale-size-4 .skale-choice-1 button, .skale-container.skale-size-4 .skale-choice-2 button, .skale-container.skale-size-4 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-0 button, .skale-container.skale-size-5 .skale-choice-1 button, .skale-container.skale-size-5 .skale-choice-2 button, .skale-container.skale-size-5 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-4 button, .skale-inactive { font-size: 12px; width: 22px; height: 22px; line-height: 16px; }
.skale-choice-0, .skale-choice-1 { }
.skale-container.skale-size-2 .skale-choice-0 button, .skale-container.skale-size-2 .skale-choice-1 button { font-size: 20px; width: 46px; height: 46px; line-height: 16px; }
/* Opisy */
.scale-desc { font-size: 10px; padding-top: 0;}
/*Skala 2 */
.scale-size-2 .scale-choice-0 { bottom: 20%; margin-left: -160px; width: 140px; }
.scale-size-2 .scale-choice-1 { bottom: 20%; margin-left: 20px; width: 140px; }
.scale-size-2 .scale-desc {font-size: 0px}
/*Skala 3 */
.scale-size-3 .scale-choice-0 { bottom: 18%; margin-left: -140px; width: 140px; }
.scale-size-3 .scale-choice-1 { bottom: 5%; margin-left: -70px; width: 140px; }
.scale-size-3 .scale-choice-2 { bottom: 18%; margin-left: 0px; width: 140px; }
/* Skala 3 Linear */
.scale-size-3 .scale-choice-0.linear button,
.scale-size-3 .scale-choice-1.linear button,
.scale-size-3 .scale-choice-2.linear button { width: 48px; height: 48px; background: #B6B6B6; font-size: 18px;}
.scale-size-3 .scale-choice-0.linear { bottom: 18%; margin-left: -160px; }
.scale-size-3 .scale-choice-1.linear { bottom: 18%; margin-left: -70px; }
.scale-size-3 .scale-choice-2.linear { bottom: 18%; margin-left: 20px; }
.scale-linear-inactive { bottom: -8%; margin-left: -20px; }
/*Skala 4 */
.scale-size-4 .scale-choice-0 { bottom: 20%; margin-left: -140px; width: 120px; }
.scale-size-4 .scale-choice-1 { bottom: 5%; margin-left: -100px; width: 120px;}
.scale-size-4 .scale-choice-2 { bottom: 5%; margin-left: -20px; width: 120px;}
.scale-size-4 .scale-choice-3 { bottom: 20%; margin-left: 20px; width: 120px; }
/*Skala 5 */
.scale-size-5 .scale-choice-0 { bottom: 23%; margin-left: -110px; width: 100px; }
.scale-size-5 .scale-choice-1 { bottom: 21%; margin-left: -95px; width: 100px;}
.scale-size-5 .scale-choice-2 { bottom: 0.2%; margin-left: -50px; width: 100px;}
.scale-size-5 .scale-choice-3 { bottom: 21%; margin-left: -5px; width: 100px; }
.scale-size-5 .scale-choice-4 { bottom: 23%; margin-left: 10px; width: 100px; }
.scale-inactive { bottom: 23%; margin-left: -11px; }
.scale-commit-size-5 { bottom: 29%; }
/* Opisy */
.skale-desc { font-size: 10px; padding-top: 0;}
/*Skala 2 */
.skale-size-2 .skale-choice-0 { bottom: 37%; margin-left: -25px; width: 140px; }
.skale-size-2 .skale-choice-1 { bottom: 37%; margin-left: 65px; width: 140px; }
.skale-size-2 .skale-desc {font-size: 0px}
/*Skala 3 */
.skale-size-3 .skale-choice-0 { bottom: 45%; margin-left: -20px; width: 100px; }
.skale-size-3 .skale-choice-1 { bottom: 32%; margin-left: 40px; width: 100px; }
.skale-size-3 .skale-choice-2 { bottom: 45%; margin-left: 100px; width: 100px; }
/*Skala 4 */
.skale-size-4 .skale-choice-0 { bottom: 45%; margin-left: -20px; width: 100px; }
.skale-size-4 .skale-choice-1 { bottom: 30%; margin-left: 20px; width: 100px;}
.skale-size-4 .skale-choice-2 { bottom: 30%; margin-left: 70px; width: 100px;}
.skale-size-4 .skale-choice-3 { bottom: 45%; margin-left: 110px; width: 100px; }
/*Skala 5 */
.skale-size-5 .skale-choice-0 { top: 47%; margin-left: -20px; width: 100px; }
.skale-size-5 .skale-choice-1 { top: 61%; margin-left: -10px; width: 100px;}
.skale-size-5 .skale-choice-2 { top: 70%; margin-left: 40px; width: 100px;}
.skale-size-5 .skale-choice-3 { top: 61%; margin-left: 90px; width: 100px; }
.skale-size-5 .skale-choice-4 { top: 47%; margin-left: 100px; width: 100px; }
.skale-inactive { bottom: auto; margin-left: 80px; }
/*Skala 2*/
.scale-size-2 .scale-choice-0-linear button,
.scale-size-2 .scale-choice-1-linear button {
width: 50px;
height: 50px;
font-size: 16px;
}
/* 2 skala */
.scalenew { background: #fff url(../assets/strzalka20.png) no-repeat center center !important; }
.highlighted {background: transparent url(../assets/strzalka20.png) no-repeat center center !important; }
/* Video */
.video {width: 260px ; height: 180px; margin: 8px auto; }
/* answer: 2 */
/* answer: scale */
.answer.scale-choice--2 span.scale-desc,
.answer.scale-choice--1 span.scale-desc,
.answer.scale-choice-0 span.scale-desc,
.answer.scale-choice-1 span.scale-desc,
.answer.scale-choice-2 span.scale-desc {
position: absolute;
font-size: 12px;
display: block;
bottom: 10px;
width: 150px;
left: 50%;
}
.answer.scale-choice--2 span.scale-desc {
margin-left: -185px;
}
.answer.scale-choice--1 span.scale-desc {
margin-left: -135px;
}
.answer.scale-choice-0 span.scale-desc {
margin-left: -78px;
}
.answer.scale-choice-1 span.scale-desc {
margin-left: -25px;
}
.answer.scale-choice-2 span.scale-desc {
margin-left: 35px;
}
.scale-size_check-answer .scale-choice--2 button,
.scale-size_check-answer .scale-choice--1 button,
.scale-size_check-answer .scale-choice-0 button,
.scale-size_check-answer .scale-choice-1 button,
.scale-size_check-answer .scale-choice-2 button {
bottom: 40px;
left: 50%;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
font-size: 20px;
width: 40px;
height: 40px;
text-transform: none;
}
.scale-size_check-answer .scale-choice--2 button {
margin-left: -135px;
}
.scale-size_check-answer .scale-choice--1 button {
margin-left: -80px;
}
.scale-size_check-answer .scale-choice-0 button {
margin-left: -25px;
}
.scale-size_check-answer .scale-choice-1 button {
margin-left: 30px;
}
.scale-size_check-answer .scale-choice-2 button {
margin-left: 85px;
}
.CheckAnswer p {
font-size: 18px;
margin-top: 140px;
color: #000;
}
.CheckAnswer .photo {
margin-left: -50%;
top: 5px !important;
}
.CheckAnswer .photo img {
max-width: 360px;
max-height: 260px;
}
/* --- */
}
/*ekran zolty*/
@media (min-width: 460px) and (min-height: 350px) {
#screen { width: 456px; margin-left: -228px; height: 342px; margin-top: -171px; font-size: 16px; /*border: 2px solid yellow;*//*background: brown; */}
h1 { width: 456px; margin-left: -228px; font-size: 36px; padding: 20px 0;}
h2 { width: 420px; margin-left: -210px; font-size: 16px; line-height: 20px;}
h3 { width: 456px; margin-left: -228px; font-size: 18px; padding: 5px 0;}
h4 { width: 420px; margin-left: -210px; font-size: 16px; line-height: 20px;}
h5 { width: 228px; margin-left: 0px; font-size: 18px;margin-top: -100px; padding: 5px 0;}
.h3_style{
width: 456px;
margin-left: -228px;
margin-top: -90px !important;
font-size: 15px;
padding: 5px 0;
}
h3:after {
content: '';
display: block;
position: absolute;
left: 215px;
top: 99%;
width: 0;
height: 0;
border-top: 14px solid #7f7f7f;
border-right: 14px solid transparent;
border-bottom: 0 solid transparent;
border-left: 14px solid transparent;
}
p.p_style{
margin-top: 9px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* number of lines to show */
line-height: 16px;
max-height: 32px;
color: #595959;
}
#controls { width: 456px; margin-left: -228px; font-size: 22px; padding: 15px 0;}
.content { width: 420px; margin-left: -210px; font-size: 16px; margin-top:0;}
.photo {width: 210px; height: 330px; margin-left: -220px; bottom: -20px; }
.photo img {max-width: 210px; }
.photo_big {width: 440px; height: 325px; margin-left: -220px; bottom: 8px; }
.photo_big img {max-width: 440px;}
.phopo {width: 180px; height: 130px; margin-left: 25px; bottom: 20px; }
.phopo img {max-width: 180px; max-height: 120px;}
.photo_bottom {width: 291px; height: 167px; margin-left: 69px; bottom: 18%; }
.photo_bottom img {max-width: 291px; max-height: 167px;}
.HelpScreen img {max-width: 440px; max-height: 267px; margin: 10px;}
.next .photo img {max-height: 20px;}
.play {width: 22px; height: 20px; background: url('/assets/strzalka20.png') no-repeat center center; margin-bottom: -5px;}
#submit0 { width:20px; height:20px; border: none; background: url('/assets/strzalka20.png') no-repeat center center; cursor: pointer; margin-bottom: -5px;}
/* Showroom */
.photo_small {width: 420px; height: 132px; margin-left: -210px; bottom: 90px; }
.photo_small img {max-width: 80px; max-height: 120px; margin-left: 5px;}
.photo_small_3p {width: 420px; /*height: 132px;*/ margin-left: -210px; bottom: 90px; }
.photo_small_3p img {max-width: 135px; max-height: 120px; margin-left: 5px;}
.photo_big_3p {width: 420px; /*height: 132px;*/ margin-left: -210px; /*bottom: 40px;*/ top: 30%; }
.photo_big_3p img {max-width: 130px; max-height: 210px; margin-left: 5px;}
/*max-width: 130px*/
/* KALIBRACJA MYSZKI */
#dot_1, #dot_2, #dot_3 , #dot_4 , #dot_5, #dot_6 {width: 40px; height:40px;}
#dot_1 , #dot_6 { margin: -20px 0 0 -20px; }
/* Referendum */
.kolor { margin: 100px auto 100px auto !important }
.btn {padding:8px 25px; font-size: 16px; }
.btn1 { margin-top: 70px; margin-bottom: 30px; }
.TRUE .btn {margin-right: 70px; width: 85px;}
.FALSE .btn {margin-left: 70px; width: 85px;}
#NO, #No , #NEIN, #Nein, #NIE, #Nie, #NAO, #? { margin-left: 66px; width: 85px; }
#YES, #Yes, #JA, #Ja, #TAK, #Tak, #SIM, #Sim, #? { margin-left: 78px; width: 85px; }
.Referendum img {max-width: 170px; max-height: 170px; margin-bottom: 20px; }
/* Kalibracja klawiatury */
#key {font-size: 32px; padding:13px 23px; margin-left: -35px; margin-top: -35px; }
/* CHCECKBOX, RADIO */
table { max-width: 420px; font-size: 15px;}
td {padding-bottom: 0;}
input[type="radio"], input[type="checkbox"] {height: 12px; width: 12px;}
/* SKALA */
/* Przyciski */
.scale-choice-0, .scale-choice-1, .scale-choice-2, .scale-choice-3, .scale-choice-4 { }
.scale-container.scale-size-3 .scale-choice-0 button, .scale-container.scale-size-3 .scale-choice-1 button, .scale-container.scale-size-3 .scale-choice-2 button,
.scale-container.scale-size-4 .scale-choice-0 button, .scale-container.scale-size-4 .scale-choice-1 button, .scale-container.scale-size-4 .scale-choice-2 button, .scale-container.scale-size-4 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-0 button, .scale-container.scale-size-5 .scale-choice-1 button, .scale-container.scale-size-5 .scale-choice-2 button, .scale-container.scale-size-5 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-4 button, .scale-inactive { width: 24px; height: 24px; line-height: 22px; font-weight: bold; }
.scale-choice-0, .scale-choice-1 { }
.scale-container.scale-size-2 .scale-choice-0 button, .scale-container.scale-size-2 .scale-choice-1 button { font-size: 10px; width: 38px; height: 38px; line-height: 16px; }
/* Przyciski */
.skale-choice-0, .skale-choice-1, .skale-choice-2, .skale-choice-3, .skale-choice-4 { }
.skale-container.skale-size-3 .skale-choice-0 button, .skale-container.skale-size-3 .skale-choice-1 button, .skale-container.skale-size-3 .skale-choice-2 button,
.skale-container.skale-size-4 .skale-choice-0 button, .skale-container.skale-size-4 .skale-choice-1 button, .skale-container.skale-size-4 .skale-choice-2 button, .skale-container.skale-size-4 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-0 button, .skale-container.skale-size-5 .skale-choice-1 button, .skale-container.skale-size-5 .skale-choice-2 button, .skale-container.skale-size-5 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-4 button, .skale-inactive { width: 24px; height: 24px; line-height: 22px; font-weight: bold; }
.skale-choice-0, .skale-choice-1 { }
.skale-container.skale-size-2 .skale-choice-0 button, .skale-container.skale-size-2 .skale-choice-1 button { font-size: 26px; width: 60px; height: 60px; line-height: 16px; }
/* Opisy */
.scale-desc { font-size: 11px; padding-top: 5px;}
/*Skala 2 */
.scale-size-2 .scale-choice-0 { bottom: 16%; margin-left: -220px; width: 200px; }
.scale-size-2 .scale-choice-1 { bottom: 16%; margin-left: 20px; width: 200px;}
.scale-size-2 .scale-desc {font-size: 0px}
/*Skala 3 */
.scale-size-3 .scale-choice-0 { bottom: 20%; margin-left: -170px; width: 200px; }
.scale-size-3 .scale-choice-1 { bottom: 8%; margin-left: -100px; width: 200px;}
.scale-size-3 .scale-choice-2 { bottom: 20%; margin-left: -30px; width: 200px;}
/* Skala 3 Linear */
.scale-size-3 .scale-choice-0.linear button,
.scale-size-3 .scale-choice-1.linear button,
.scale-size-3 .scale-choice-2.linear button { width: 55px; height: 55px; background: #B6B6B6; font-size: 20px;}
.scale-size-3 .scale-choice-0.linear { bottom: 20%; margin-left: -200px; }
.scale-size-3 .scale-choice-1.linear { bottom: 20%; margin-left: -100px; }
.scale-size-3 .scale-choice-2.linear { bottom: 20%; margin-left: 0px; }
.scale-linear-inactive { bottom: -2%; margin-left: -20px; }
/* Sala 4 */
.scale-size-4 .scale-choice-0 { bottom: 20%; margin-left: -190px; width: 200px; }
.scale-size-4 .scale-choice-1 { bottom: 5%; margin-left: -140px; width: 200px; }
.scale-size-4 .scale-choice-2 { bottom: 5%; margin-left: -60px; width: 200px; }
.scale-size-4 .scale-choice-3 { bottom: 20%; margin-left: -10px; width: 200px; }
/* Sala 5 */
.scale-size-5 .scale-choice-0 { top: 61%; margin-left: -125px; width: 100px; }
.scale-size-5 .scale-choice-1 { top: 260px; margin-left: -110px; width: 100px; }
.scale-size-5 .scale-choice-2 { bottom: 10px; margin-left: -50px; width: 100px; }
.scale-size-5 .scale-choice-3 { top: 260px; margin-left: 10px; width: 90px; }
.scale-size-5 .scale-choice-4 { top: 61%; margin-left: 25px; width: 100px; }
.scale-inactive { bottom: 20%; margin-left: -12px; }
.scale-commit-size-5 { bottom: 32%; }
/* Opisy */
.skale-desc { font-size: 11px; padding-top: 5px;}
/*Skala 2 */
.skale-size-2 .skale-choice-0 { bottom: 32%; margin-left: -50px; width: 200px; }
.skale-size-2 .skale-choice-1 { bottom: 32%; margin-left: 80px; width: 200px;}
.skale-size-2 .skale-desc {font-size: 0px}
/*Skala 3 */
.skale-size-3 .skale-choice-0 { bottom: 45%; margin-left: -50px; width: 200px; }
.skale-size-3 .skale-choice-1 { bottom: 32%; margin-left: 20px; width: 200px;}
.skale-size-3 .skale-choice-2 { bottom: 45%; margin-left: 90px; width: 200px;}
/*Sala 4 */
.skale-size-4 .skale-choice-0 { bottom: 45%; margin-left: -20px; width: 100px; }
.skale-size-4 .skale-choice-1 { bottom: 30%; margin-left: 30px; width: 100px; }
.skale-size-4 .skale-choice-2 { bottom: 30%; margin-left: 90px; width: 100px; }
.skale-size-4 .skale-choice-3 { bottom: 45%; margin-left: 140px; width: 100px; }
/*Sala 5 */
.skale-size-5 .skale-choice-0 { top: 45%; margin-left: -25px; width: 100px; }
.skale-size-5 .skale-choice-1 { top: 61%; margin-left: 0px; width: 100px; }
.skale-size-5 .skale-choice-2 { top: 68%; margin-left: 60px; width: 100px; }
.skale-size-5 .skale-choice-3 { top: 61%; margin-left: 120px; width: 100px; }
.skale-size-5 .skale-choice-4 { top: 45%; margin-left: 145px; width: 100px; }
/*.skale-inactive { bottom: 50%; margin-left: 100px; }*/
.skale-inactive { bottom: auto; margin-left: 100px; }
/* 2 skala */
.scalenew { background: #fff url(../assets/strzalka20.png) no-repeat center center !important; }
.highlighted {background: transparent url(../assets/strzalka20.png) no-repeat center center !important; }
/* Video */
.video {width: 320px ; height: 240px; margin: 8px auto; }
/* answer: scale */
.answer.scale-choice--2 span.scale-desc,
.answer.scale-choice--1 span.scale-desc,
.answer.scale-choice-0 span.scale-desc,
.answer.scale-choice-1 span.scale-desc,
.answer.scale-choice-2 span.scale-desc {
position: absolute;
font-size: 14px;
display: block;
bottom: 10px;
width: 100px;
left: 50%;
}
.answer.scale-choice--2 span.scale-desc {
margin-left: -165px;
}
.answer.scale-choice--1 span.scale-desc {
margin-left: -95px;
}
.answer.scale-choice-0 span.scale-desc {
margin-left: -55px;
}
.answer.scale-choice-1 span.scale-desc {
margin-left: 5px;
}
.answer.scale-choice-2 span.scale-desc {
margin-left: 55px;
}
.scale-size_check-answer .scale-choice--2 button,
.scale-size_check-answer .scale-choice--1 button,
.scale-size_check-answer .scale-choice-0 button,
.scale-size_check-answer .scale-choice-1 button,
.scale-size_check-answer .scale-choice-2 button {
bottom: 40px;
left: 50%;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
font-size: 20px;
width: 40px;
height: 40px;
text-transform: none;
}
.scale-size_check-answer .scale-choice--2 button {
margin-left: -135px;
}
.scale-size_check-answer .scale-choice--1 button {
margin-left: -80px;
}
.scale-size_check-answer .scale-choice-0 button {
margin-left: -25px;
}
.scale-size_check-answer .scale-choice-1 button {
margin-left: 30px;
}
.scale-size_check-answer .scale-choice-2 button {
margin-left: 85px;
}
.CheckAnswer p {
font-size: 18px;
margin-top: 140px;
color: #000;
}
.CheckAnswer .photo {
margin-left: -50%;
top: 5px !important;
}
.CheckAnswer .photo img {
max-width: 450px;
max-height: 300px;
}
/* --- */
}
@media (min-width: 610px) and (min-height: 470px) {
#screen { width: 600px; margin-left: -300px; height: 460px; margin-top: -240px; font-size: 19px;/* border: 2px solid deeppink;*/ /* background: pink;*/ }
h1 { width: 600px; margin-left: -300px; font-size: 40px; padding: 30px 0; margin-top: 0px}
h2 { width: 500px; margin-left: -250px; font-size: 20px; line-height: 25px;}
h3 { width: 600px; margin-left: -300px; font-size: 24px; padding: 5px 0;}
h4 { width: 500px; margin-left: -250px; font-size: 20px; line-height: 25px;}
h5 { width: 300px; margin-left: 0px; font-size: 24px; margin-top: -135px; padding: 5px 0;}
.h3_style{
width: 600px;
margin-left: -300px;
margin-top: -112px !important;
font-size: 20px;
padding: 5px 0;
}
h3:after {
content: '';
display: block;
position: absolute;
left: 286px;
top: 97%;
width: 0;
height: 0;
border-top: 14px solid #7f7f7f;
border-right: 14px solid transparent;
border-bottom: 0 solid transparent;
border-left: 14px solid transparent;
}
p.p_style{
margin-top: 11px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* number of lines to show */
line-height: 24px;
max-height: 47px;
color: #595959;
}
#controls { width: 600px; margin-left: -300px; font-size: 24px; padding: 18px 0;}
.content { width: 530px; margin-left: -265px; font-size: 19px; margin-top: 0;}
.photo {width: 280px; height: 450px; margin-left: -290px; bottom: -30px; }
.photo img {max-width: 280px;}
.photo_big {width: 580px; height: 440px; margin-left: -290px; bottom: 8px; }
.photo_big img {max-width: 580px;}
.phopo {width: 250px; height:185px; margin-left: 30px; bottom: 30px; }
.phopo img {max-width: 250px; max-height: 170px;}
.photo_bottom {width: 384px; height: 217px; margin-left: 90px; bottom: 19%; }
.photo_bottom img {max-width: 384px; max-height: 217px;}
.HelpScreen img {max-width: 580px; max-height: 358px; margin: 10px;}
.next .photo img {max-height: 30px;}
.play {width: 30px; height: 30px; background: url('/assets/strzalka30.png') no-repeat center center; margin-bottom: -5px;}
#submit0 { width:30px; height:30px; border: none; background: url('/assets/strzalka30.png') no-repeat center center; cursor: pointer; margin-bottom: -5px; }
/* Showroom */
.photo_small {width: 500px; height:170px; margin-left: -250px; bottom: 116px; }
.photo_small img {max-width: 95px; max-height:140px; margin-left: 6px}
.photo_small_3p {width: 600px; /*height:170px;*/ margin-left: -300px; bottom: 140px; }
.photo_small_3p img {max-width: 175px; max-height:140px; margin-left: 4px}
.photo_big_3p {width: 600px; /*height:170px;*/ margin-left: -300px; /*bottom: 70px;*/ top: 30%; }
.photo_big_3p img {max-width: 175px; max-height:280px; margin-left: 4px}
/* Skala */
#dot_1, #dot_2, #dot_3 , #dot_4 , #dot_5, #dot_6 {width: 48px; height:48px;}
#dot_1 , #dot_6 { margin: -24px 0 0 -24px; }
/* Referendum */
.kolor { margin: 130px auto 140px auto !important }
.btn { padding:8px 30px; font-size: 18px; }
.btn1 { margin-top: 100px; margin-bottom: 140px; }
.TRUE .btn {margin-right: 110px; width: 100px;}
.FALSE .btn {margin-left: 90px; width: 100px;}
#NO, #No , #NEIN, #Nein, #NIE, #Nie, #NAO, #? { margin-left: 90px; width: 105px; }
#YES, #Yes, #JA, #Ja, #TAK, #Tak, #SIM, #? { margin-left: 105px; width: 105px; }
.Referendum img {max-width: 220px; max-height:220px; margin-bottom: 30px; }
/* Kalibracja klawiatury */
#key {font-size: 40px; padding:20px 30px; margin-left: -45px; margin-top: -48px; }
/* CHCECKBOX, RADIO */
table { max-width: 540px; font-size: 18px;}
td {padding-bottom: 2px;}
input[type="radio"], input[type="checkbox"] {height: 14px; width: 14px;}
/* SKALA */
/* Przyciski */
.scale-choice-0, .scale-choice-1, .scale-choice-2, .scale-choice-3, .scale-choice-4 { }
.scale-container.scale-size-3 .scale-choice-0 button, .scale-container.scale-size-3 .scale-choice-1 button, .scale-container.scale-size-3 .scale-choice-2 button,
.scale-container.scale-size-4 .scale-choice-0 button, .scale-container.scale-size-4 .scale-choice-1 button, .scale-container.scale-size-4 .scale-choice-2 button, .scale-container.scale-size-4 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-0 button, .scale-container.scale-size-5 .scale-choice-1 button, .scale-container.scale-size-5 .scale-choice-2 button, .scale-container.scale-size-5 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-4 button, .scale-inactive { width: 30px; height: 30px; line-height: 28px; font-weight: bold; }
.scale-choice-0, .scale-choice-1 { }
.scale-container.scale-size-2 .scale-choice-0 button, .scale-container.scale-size-2 .scale-choice-1 button { font-size: 20px; width: 50px; height: 50px; line-height: 16px; }
/* Przyciski */
.skale-choice-0, .skale-choice-1, .skale-choice-2, .skale-choice-3, .skale-choice-4 { }
.skale-container.skale-size-3 .skale-choice-0 button, .skale-container.skale-size-3 .skale-choice-1 button, .skale-container.skale-size-3 .skale-choice-2 button,
.skale-container.skale-size-4 .skale-choice-0 button, .skale-container.skale-size-4 .skale-choice-1 button, .skale-container.skale-size-4 .skale-choice-2 button, .skale-container.skale-size-4 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-0 button, .skale-container.skale-size-5 .skale-choice-1 button, .skale-container.skale-size-5 .skale-choice-2 button, .skale-container.skale-size-5 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-4 button, .skale-inactive { width: 30px; height: 30px; line-height: 28px; font-weight: bold; }
.skale-choice-0, .skale-choice-1 { }
.skale-container.skale-size-2 .skale-choice-0 button, .skale-container.skale-size-2 .skale-choice-1 button { font-size: 38px; width: 80px; height: 80px; line-height: 16px; }
/* Opisy */
.scale-desc { font-size: 13px; padding-top: 5px;}
/*Skala 2 */
.scale-size-2 .scale-choice-0 { bottom: 20%; margin-left: -250px; }
.scale-size-2 .scale-choice-1 { bottom: 20%; margin-left: 50px; }
.scale-size-2 .scale-desc {font-size: 0px}
/*Skala 3 */
.scale-size-3 .scale-choice-0 { bottom: 20%; margin-left: -200px; }
.scale-size-3 .scale-choice-1 { bottom: 8%; margin-left: -100px; }
.scale-size-3 .scale-choice-2 { bottom: 20%; margin-left: 0; }
/* Skala 3 Linear */
.scale-size-3 .scale-choice-0.linear button,
.scale-size-3 .scale-choice-1.linear button,
.scale-size-3 .scale-choice-2.linear button { width: 65px; height: 65px; background: #B6B6B6; font-size: 16px;}
.scale-size-3 .scale-choice-0.linear { bottom: 23%; margin-left: -220px; }
.scale-size-3 .scale-choice-1.linear { bottom: 23%; margin-left: -100px; }
.scale-size-3 .scale-choice-2.linear { bottom: 23%; margin-left: 20px; }
.scale-linear-inactive { bottom: 4%; margin-left: -20px; }
/*Sala 4 */
.scale-size-4 .scale-choice-0 { bottom: 25%; margin-left: -220px; }
.scale-size-4 .scale-choice-1 { bottom: 9%; margin-left: -160px; }
.scale-size-4 .scale-choice-2 { bottom: 9%; margin-left: -40px; }
.scale-size-4 .scale-choice-3 { bottom: 25%; margin-left: 20px; }
.scale-size-5 .scale-choice-0 { top: 285px; margin-left: -150px; }
.scale-size-5 .scale-choice-1 { top: 350px; margin-left: -130px; }
.scale-size-5 .scale-choice-2 { bottom: 8px; margin-left: -50px; }
.scale-size-5 .scale-choice-3 { top: 350px; margin-left: 30px; }
.scale-size-5 .scale-choice-4 { top: 285px; margin-left: 50px; }
.scale-inactive { bottom: 24%; margin-left: -15px; }
.scale-commit-size-5 { bottom: 32%; }
/* Opisy */
.skale-desc { font-size: 13px; padding-top: 5px;}
/*Skala 2 */
.skale-size-2 .skale-choice-0 { bottom: 32%; margin-left: -30px; }
.skale-size-2 .skale-choice-1 { bottom: 32%; margin-left: 130px; }
.skale-size-2 .skale-desc {font-size: 0px}
/*Skala 3 */
.skale-size-3 .skale-choice-0 { bottom: 50%; margin-left: -50px; }
.skale-size-3 .skale-choice-1 { bottom: 35%; margin-left: 50px; }
.skale-size-3 .skale-choice-2 { bottom: 50%; margin-left: 150px; }
/*Sala 4 */
.skale-size-4 .skale-choice-0 { bottom: 50%; margin-left: -20px; }
.skale-size-4 .skale-choice-1 { bottom: 34%; margin-left: 40px; }
.skale-size-4 .skale-choice-2 { bottom: 34%; margin-left: 160px; }
.skale-size-4 .skale-choice-3 { bottom: 50%; margin-left: 220px; }
/*Sala 5 */
.skale-size-5 .skale-choice-0 { bottom: 47%; margin-left: -13px; }
.skale-size-5 .skale-choice-1 { bottom: 32%; margin-left: 15px; }
.skale-size-5 .skale-choice-2 { bottom: 23%; margin-left: 100px; }
.skale-size-5 .skale-choice-3 { bottom: 32%; margin-left: 185px; }
.skale-size-5 .skale-choice-4 { bottom: 47%; margin-left: 213px; }
/*.skale-inactive { bottom: 53%; margin-left: 135px; }*/
.skale-inactive { bottom: auto; margin-left: 135px; }
/*Skala 2*/
.scale-size-2 .scale-choice-0-linear button,
.scale-size-2 .scale-choice-1-linear button{
font-size: 16pt;
width: 75px;
height: 75px;
}
/* 2 skala */
.scalenew { background: #fff url(../assets/strzalka30.png) no-repeat center center !important; }
.highlighted {background: transparent url(../assets/strzalka30.png) no-repeat center center !important; }
.video {width: 400px ; height: 280px; margin: 10px auto; }
/* answer: 3 */
/* answer: scale */
.answer.scale-choice--2 span.scale-desc,
.answer.scale-choice--1 span.scale-desc,
.answer.scale-choice-0 span.scale-desc,
.answer.scale-choice-1 span.scale-desc,
.answer.scale-choice-2 span.scale-desc {
position: absolute;
font-size: 14px;
display: block;
bottom: 10px;
width: 200px;
text-align: center;
left: 50%;
}
.answer.scale-choice--2 span.scale-desc {
margin-left: -310px;
}
.answer.scale-choice--1 span.scale-desc {
margin-left: -210px;
}
.answer.scale-choice-0 span.scale-desc {
margin-left: -110px;
}
.answer.scale-choice-1 span.scale-desc {
margin-left: -10px;
}
.answer.scale-choice-2 span.scale-desc {
margin-left: 95px;
}
.scale-size_check-answer .scale-choice--2 button,
.scale-size_check-answer .scale-choice--1 button,
.scale-size_check-answer .scale-choice-0 button,
.scale-size_check-answer .scale-choice-1 button,
.scale-size_check-answer .scale-choice-2 button {
bottom: 40px;
left: 50%;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
font-size: 20px;
width: 40px;
height: 40px;
text-transform: none;
}
.scale-size_check-answer .scale-choice--2 button {
margin-left: -135px;
}
.scale-size_check-answer .scale-choice--1 button {
margin-left: -80px;
}
.scale-size_check-answer .scale-choice-0 button {
margin-left: -25px;
}
.scale-size_check-answer .scale-choice-1 button {
margin-left: 30px;
}
.scale-size_check-answer .scale-choice-2 button {
margin-left: 85px;
}
.CheckAnswer p {
font-size: 18px;
margin-top: 140px;
color: #000;
}
.CheckAnswer .photo {
margin-left: -50%;
top: 5px !important;
}
.CheckAnswer .photo img {
max-width: 600px;
max-height: 450px;
}
}
/* ekran: zielony */
@media (min-width: 810px) and (min-height: 610px) {
#screen { width: 800px; margin-left: -400px; height: 600px; margin-top: -301px; font-size: 24px;/*background: green;*/ /*border: 2px solid green;*/ }
h1 { width: 800px; margin-left: -400px; font-size: 44px; padding: 40px 0;}
h2 { width: 740px; margin-left: -370px; font-size: 27px; line-height: 32px; }
h3 { width: 800px; margin-left: -400px; font-size: 32px; padding: 5px 0;}
h4 { width: 740px; margin-left: -370px; font-size: 27px; line-height: 32px; }
h5 { width: 400px; margin-left: 0px; font-size: 32px; margin-top: -180px; padding: 5px 0;}
.h3_style{
width: 800px;
margin-left: -400px;
margin-top: -147px !important;
font-size: 26px;
padding: 5px 0;
}
h3:after {
content: '';
display: block;
position: absolute;
left: 387px;
top: 98%;
width: 0;
height: 0;
border-top: 16px solid #7f7f7f;
border-right: 16px solid transparent;
border-bottom: 0 solid transparent;
border-left: 16px solid transparent;
}
/* GĂłrna czÄĹÄ slajdu */
p.p_style{
margin-top: 11px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* number of lines to show */
line-height: 30px;
max-height: 60px;
color: #595959;
}
#controls { width: 800px; margin-left: -400px; font-size: 26px; padding: 22px 0;}
.content { width: 760px; margin-left: -380px; font-size: 24px; margin-top: 25px;}
.photo {width: 380px; height: 590px; margin-left: -390px; bottom: -30px; }
.photo img {max-width: 380px; }
.photo_big {width: 780px; height: 580px; margin-left: -390px; bottom: 8px; }
.photo_big img {max-width: 780px;}
.phopo {width: 300px; height: 200px; margin-left: 50px; bottom: 20px; }
.phopo img {max-width: 300px; max-height: 220px;}
.photo_bottom {width: 518px; height: 291px; margin-left: 118px; bottom: 20%; }
.photo_bottom img {max-width: 518px; max-height: 291px;}
/* Pay - Info */
/*.HelpScreen img {max-width: 350px; max-height: 180px; margin: 10px;}*/
.HelpScreen img {max-width: 780px; max-height: 480px; margin: 10px;}
.next .photo img {max-height: 35px;}
.play {width: 40px; height: 40px; background: url('/assets/strzalka40.png') no-repeat center center; margin-bottom: -5px;}
#submit0 { width:40px; height:40px; border: none; background: url('/assets/strzalka40.png') no-repeat center center; cursor: pointer; margin-bottom: -5px;}
/* Showroom */
.photo_small {width: 740px; height: 240px; margin-left: -370px; bottom: 185px; }
.photo_small img {max-width: 140px; max-height: 210px; margin-left: 8px;}
.photo_small_3p {width: 740px;/* height: 200px;*/ margin-left: -370px; bottom: 185px; }
.photo_small_3p img {max-width: 240px; max-height: 210px; margin-left: 5px;}
.photo_big_3p {width: 740px;/* height: 200px;*/ margin-left: -370px; /*bottom: 80px;*/ top: 30%; }
.photo_big_3p img {max-width: 236px; max-height: 376px; margin-left: 5px;}
/*240px*/
/* KALIBRACJA MYSZKI */
#dot_1, #dot_2, #dot_3 , #dot_4 , #dot_5, #dot_6 {width: 52px; height:52px;}
#dot_1 , #dot_6 { margin: -26px 0 0 -26px; }
/* REFERENDUM */
.kolor { margin: 150px auto 200px auto !important; }
.btn { padding:11px 30px; font-size: 26px;}
.btn1 { margin-top: 150px; margin-bottom: 40px; }
.TRUE .btn {margin-right: 150px; width: 125px;}
.FALSE .btn {margin-left: 130px; width: 120px;}
#NO, #No , #NEIN, #Nein, #NIE, #Nie, #NAO, #? { margin-left: 130px; width: 120px; }
#YES, #Yes, #JA, #Ja, #TAK, #Tak, #SIM, #? { margin-left: 150px; width: 120px; }
.Referendum img {max-width: 290px; max-height: 290px; margin-bottom: 40px; }
/* KALIBRACJA KLAWIATURY */
#key {font-size: 50px; padding:30px 45px; margin-left: -63px; margin-top: -65px; }
/* CHCECKBOX, RADIO */
table { max-width: 740px; font-size: 22px;}
input[type="radio"], input[type="checkbox"] {height: 16px; width: 16px;}
/* SKALA */
/* Przyciski */
.scale-choice-0, .scale-choice-1, .scale-choice-2, .scale-choice-3, .scale-choice-4 { }
.scale-container.scale-size-3 .scale-choice-0 button,
.scale-container.scale-size-3 .scale-choice-1 button,
.scale-container.scale-size-3 .scale-choice-2 button,
.scale-container.scale-size-4 .scale-choice-0 button,
.scale-container.scale-size-4 .scale-choice-1 button,
.scale-container.scale-size-4 .scale-choice-2 button,
.scale-container.scale-size-4 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-0 button,
.scale-container.scale-size-5 .scale-choice-1 button,
.scale-container.scale-size-5 .scale-choice-2 button,
.scale-container.scale-size-5 .scale-choice-3 button,
.scale-container.scale-size-5 .scale-choice-4 button,
.scale-inactive, .scale-linear-inactive { font-size: 13px; width: 40px; height: 40px; line-height: 36px; }
.scale-choice-0, .scale-choice-1 { }
.scale-container.scale-size-2 .scale-choice-0 button, .scale-container.scale-size-2 .scale-choice-1 button { font-size: 20px; width: 65px; height: 65px; line-height: 16px; }
/* Przyciski */
.skale-choice-0, .skale-choice-1, .skale-choice-2, .skale-choice-3, .skale-choice-4 { }
.skale-container.skale-size-3 .skale-choice-0 button, .skale-container.skale-size-3 .skale-choice-1 button, .skale-container.skale-size-3 .skale-choice-2 button,
.skale-container.skale-size-4 .skale-choice-0 button, .skale-container.skale-size-4 .skale-choice-1 button, .skale-container.skale-size-4 .skale-choice-2 button, .skale-container.skale-size-4 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-0 button, .skale-container.skale-size-5 .skale-choice-1 button, .skale-container.skale-size-5 .skale-choice-2 button, .skale-container.skale-size-5 .skale-choice-3 button,
.skale-container.skale-size-5 .skale-choice-4 button, .skale-inactive { width: 40px; height: 40px; line-height: 36px; }
.skale-choice-0, .skale-choice-1 { }
.skale-container.skale-size-2 .skale-choice-0 button, .skale-container.skale-size-2 .skale-choice-1 button { font-size: 46px; width: 100px; height: 100px; line-height: 16px; }
/*Skala 2*/
.scale-size-2 .scale-choice-0-linear button,
.scale-size-2 .scale-choice-1-linear button{
font-size: 20pt;
width: 100px;
height: 100px;
}
/* Opisy */
.scale-desc { font-size: 14px; padding-top: 8px;}
/*Skala 2 */
.scale-size-2 .scale-choice-0 { bottom: 20%; margin-left: -300px; }
.scale-size-2 .scale-choice-0 { bottom: 20%; margin-left: -300px; }
.scale-size-2 .scale-choice-1 { bottom: 20%; margin-left: 100px; }
.scale-size-2 .scale-desc {font-size: 0px}
/* Skala 3 */
.scale-size-3 .scale-choice-0 { bottom: 20%; margin-left: -230px; }
.scale-size-3 .scale-choice-1 { bottom: 8%; margin-left: -100px; }
.scale-size-3 .scale-choice-2 { bottom: 20%; margin-left: 30px; }
/* Skala 3 Linear */
.scale-size-3 .scale-choice-0.linear button,
.scale-size-3 .scale-choice-1.linear button,
.scale-size-3 .scale-choice-2.linear button { width: 70px; height: 70px; background: #B6B6B6; font-size: 20px;}
.scale-size-3 .scale-choice-0.linear { bottom: 25%; margin-left: -230px; }
.scale-size-3 .scale-choice-1.linear { bottom: 25%; margin-left: -100px; }
.scale-size-3 .scale-choice-2.linear { bottom: 25%; margin-left: 30px; }
.scale-linear-inactive { bottom: 12%; margin-left: -20px; }
/*Sala 4 */
.scale-size-4 .scale-choice-0 { bottom: 26%; margin-left: -250px; }
.scale-size-4 .scale-choice-1 { bottom: 10%; margin-left: -160px; }
.scale-size-4 .scale-choice-2 { bottom: 10%; margin-left: -40px; }
.scale-size-4 .scale-choice-3 { bottom: 26%; margin-left: 50px; }
/*Sala 5 */
.scale-size-5 .scale-choice-0 { top: 61%; margin-left: -175px; }
.scale-size-5 .scale-choice-1 { top: 75%; margin-left: -140px; }
.scale-size-5 .scale-choice-2 { bottom: 5%; margin-left: -50px; }
.scale-size-5 .scale-choice-3 { top: 75%; margin-left: 40px; }
.scale-size-5 .scale-choice-4 { top: 61%; margin-left: 75px; }
.scale-inactive { bottom: 24%; margin-left: -18px; }
.scale-commit-size-5 { bottom: 195px; }
/* Opisy */
.skale-desc { font-size: 16px; padding-top: 8px;}
/*Skala 2 */
.skale-size-2 .skale-choice-0 { bottom: 40%; margin-left: -10px; }
.skale-size-2 .skale-choice-1 { bottom: 40%; margin-left: 200px; }
.skale-size-2 .skale-desc {font-size: 0px}
/*Skala 3 */
.skale-size-3 .skale-choice-0 { bottom: 50%; margin-left: -20px; }
.skale-size-3 .skale-choice-1 { bottom: 34%; margin-left: 110px; }
.skale-size-3 .skale-choice-2 { bottom: 50%; margin-left: 240px; }
/*Sala 4 */
.skale-size-4 .skale-choice-0 { bottom: 50%; margin-left: 10px; }
.skale-size-4 .skale-choice-1 { bottom: 34%; margin-left: 100px; }
.skale-size-4 .skale-choice-2 { bottom: 34%; margin-left: 200px; }
.skale-size-4 .skale-choice-3 { bottom: 50%; margin-left: 290px; }
/*Sala 5 */
/* media@4 */
.skale-size-5 .skale-choice-0 { top: 42%; margin-left: 0px; }
.skale-size-5 .skale-choice-1 { top: 58%; margin-left: 30px; }
.skale-size-5 .skale-choice-2 { top: 66%; margin-left: 150px; }
.skale-size-5 .skale-choice-3 { top: 58%; margin-left: 270px; }
.skale-size-5 .skale-choice-4 { top: 42%; margin-left: 300px; }
/*.skale-inactive { bottom: initial; margin-left: 180px; }
*/
.skale-inactive { bottom: auto; margin-left: 180px; }
/* 2 skala */
.scalenew { background: #fff url(../assets/strzalka40.png) no-repeat center center !important; }
.highlighted {background: transparent url(../assets/strzalka40.png) no-repeat center center !important; }
/* PLAYER */
.video {width: 600px ; height: 400px; margin: 12px auto; }
/* answer: 4 */
/* answer: scale */
.answer.scale-choice--2 span.scale-desc,
.answer.scale-choice--1 span.scale-desc,
.answer.scale-choice-0 span.scale-desc,
.answer.scale-choice-1 span.scale-desc,
.answer.scale-choice-2 span.scale-desc {
position: absolute;
font-size: 14px;
display: block;
bottom: 10px;
width: 200px;
left: 50%;
text-align: center;
}
.answer.scale-choice--2 span.scale-desc {
margin-left: -310px;
}
.answer.scale-choice--1 span.scale-desc {
margin-left: -210px;
}
.answer.scale-choice-0 span.scale-desc {
margin-left: -110px;
}
.answer.scale-choice-1 span.scale-desc {
margin-left: -10px;
}
.answer.scale-choice-2 span.scale-desc {
margin-left: 95px;
}
.scale-size_check-answer .scale-choice--2 button,
.scale-size_check-answer .scale-choice--1 button,
.scale-size_check-answer .scale-choice-0 button,
.scale-size_check-answer .scale-choice-1 button,
.scale-size_check-answer .scale-choice-2 button {
bottom: 40px;
left: 50%;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
font-size: 20px;
width: 40px;
height: 40px;
text-transform: none;
}
.scale-size_check-answer .scale-choice--2 button {
margin-left: -135px;
}
.scale-size_check-answer .scale-choice--1 button {
margin-left: -80px;
}
.scale-size_check-answer .scale-choice-0 button {
margin-left: -25px;
}
.scale-size_check-answer .scale-choice-1 button {
margin-left: 30px;
}
.scale-size_check-answer .scale-choice-2 button {
margin-left: 85px;
}
.CheckAnswer p {
font-size: 18px;
margin-top: 140px;
color: #000;
}
.CheckAnswer .photo {
margin-left: -50%;
top: 5px !important;
}
.CheckAnswer .photo img {
max-width: 450px;
max-height: 300px;
}
}
/* PLAY - Info */
.HelpScreen .photo, .Referendum .photo {position: static; left: auto !important; display: inline-block !important; bottom: auto !important; margin: auto; width: auto !important; height: auto !important; }
/* Loader */
#loading {background: url(/assets/ajax-loader.gif) no-repeat center center; height: 128px; width: 128px; position: fixed; left: 50%; top: 50%; margin: -64px 0 0 -64px; z-index: 1000;}
/* btn stroop - fix ipad */
.btn {background-color: #dddddd;}