/* author: Kamil Wasniowski		*
 * www.youngmedia.pl 			*/
html{ width: 100%; height: 100%; margin: 0; padding: 0;}
body{ width: 100%; height: 100%; background: url(../gfx/bg.jpg) right top no-repeat #d6d6d6; margin:0; padding: 0; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box}
*{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

h1, h2, h3, h4, h5, h6, p, form, ul, li, div{margin: 0; padding: 0; }
input, textarea{ padding: 0; margin: 0; outline: none; -webkit-border-radius:0}
fieldset{border:0; margin:0; padding: 0;}
button{outline: none;}
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:none; }
.clear{clear: both}
.disnone{ display: none; }
.tleft{ text-align: left; }
.tcenter{ text-align: center; }
.tright{ text-align: right; }
.res{ width: 100%; }
.tnowrap{ white-space:nowrap; }

.nosel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.out-gutter{ padding-right:15px; padding-left:15px; }
.out-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.container-fluid{ overflow-x:hidden; }


/* centrowanie 0 */
.vercent{
  display:table;
}
.vercent .vc{
  display:table-cell; vertical-align:middle;
}

button:focus{ outline:none; }




.left{ text-align: left}
.right{ text-align: right}

body.tv #view0 img{ display: none; }
body.tv #view0{ background-image:url(../gfx/logo-tv.jpg); background-position:center center; background-repeat:no-repeat; background-size:contain; }
body.tv .rmf4rtmedia{ display:none; }

.table{ display: table; width: 100%; height: 100%; margin: 0; padding: 0}
.table .cell{ display: table-cell; width: 100%; height: 100%; margin: 0; padding: 0; text-align: center; vertical-align: middle;}

.container{ padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.container h1{font-size: 50px; font-weight: 300; line-height: 50px; margin-bottom: 20px;}
.container h2{ font-size: 24px; font-weight: 300; line-height: 24px; margin-bottom: 20px;}

.logo{ text-align: center}
.logo img{ margin: 20px 0}
.tv .logo{ padding: 30px 0; }

.rmf4rtmedia{ text-align: center; font-size: 26px; padding-bottom: 30px; }
.rmf4rtmedia h4{ font-size: 26px; text-align: center; padding:0; margin:0; width:100%; line-height:1.25; font-weight: normal; }
.rmf4rtmedia h4 span{ font-size: 0.66em; display: block; margin: 7px 0 17px 0; }
.rmf4rtmedia a{ color: #000; }
.rmf4rtmedia > a{ display: inline-block; margin-left: auto; margin-right: auto; }
.rmf4rtmedia ul{ list-style-type: none; }
.rmf4rtmedia li{ display: inline-block; font-size: 1.3em; padding: 17px 12px; }

.signinArea{ background-color: #fff; padding:5px 15px 15px 15px; position: relative; }
#again{ display: none; position:absolute; z-index:10; bottom:0px; width: 100%; background-color: #C00; color: #fff; text-align:center; font-size:20px; padding:15px 0; margin-left:-15px; }
.signinArea form{ display: block; margin-left:auto; margin-right:auto; max-width:320px; }
.signinArea .klauzula{ padding-top: 5px; font-size: 12px; line-height:1.25; text-align: center; }
.signinArea label > p{ display:inline-block; margin:0; position:absolute; width:290px; font-size:12px; padding-left:5px; line-height:1.25; }
.signinArea label > span{ display:inline-block; margin:0; position:absolute; top:-16px; left:60px; width:150px; }

#view1, #view2, #view3{ display: none; position: relative}

#view1{ padding-bottom: 80px;}
#view1 p{ margin-bottom: 15px; text-align: left}
#startTest{ position: fixed; bottom: 0; left: 0; width: 100%; z-index:2; }
.tv #startTest{ position:relative !important; padding:35px 0; }

#view2{}
#view2 h1{ font-weight: 400; font-size: 12px; line-height: 18px; margin-bottom: 10px; margin-top: 10px; }
#view2 h2{ text-transform: uppercase; font-weight: 800; font-size: 12px; min-height: 54px; line-height: 18px; margin-bottom: 10px; }


.pointsstrip{ transition: all 0.5s ease-in-out; background: #3a3a3a; color: #fff; font-weight: 300; padding: 8px 0; margin: 0 -15px;}
.tv .pointsstrip{ padding: 60px 0 !important; }
.pointsstrip:after{ content: ''; clear: both; display: block}
.pointsstrip .col-xs-6{ float: left; position: relative; width: 50%; padding: 15px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.pointsstrip .col-xs-6:after{ content: ''; clear: both; display: block}
.pointsstrip .col-xs-6 span{ display: block; float: left; margin-right: 5px; text-align: right; font-size: 12px; line-height: 14px;}
.pointsstrip .col-xs-6 strong{ display: block; float: left; font-weight: 300; font-size: 26px; line-height: 28px;}
.pointsstrip .col-xs-6 .plus{ transition: all 0.5s ease-in-out; position: absolute; display: inline-block; bottom: 0; font-size: 12px; line-height: 14px; left: 72px; color: #fff; opacity: 0}
.pointsstrip .col-xs-6 .minus{ transition: all 0.5s ease-in-out; position: absolute; display: inline-block; top: 0; font-size: 12px; line-height: 14px; left: 72px; color: #fff; opacity: 0}


.pointsstrip.green{ transition: none; background: #197b30}
.pointsstrip.green .col-xs-6 .plus{ transition: none; opacity: 1}
.pointsstrip.red{ transition: none; background: #ae0035}
.pointsstrip.red .col-xs-6 .minus{transition: none; opacity: 1}

.ans{background: #fff; margin: 0 -15px 10px -15px;}
#answers{  list-style: none; margin: 0; text-align: left;}
#answers li{ padding: 15px 20px; font-size: 14px; line-height: 20px; border-bottom: 1px solid #1a3084; cursor: pointer}
#answers li.touchedgood{ color: #fff; background: #197b30}
#answers li.touchedbad{ color: #fff; background: #ae0035}
#answers li:last-of-type{ border: 0;}
#answers li:nth-of-type(1):before{ content: 'A.'; margin-right: 5px; display: inline-block;}
#answers li:nth-of-type(2):before{ content: 'B.'; margin-right: 5px; display: inline-block;}
#answers li:nth-of-type(3):before{ content: 'C.'; margin-right: 5px; display: inline-block;}
#answers li:nth-of-type(4):before{ content: 'D.'; margin-right: 5px; display: inline-block;}

#view3{ padding-top: 20px}

.rows{ margin: 0 -15px;}
#yourAnswers{ text-align: left; list-style: none; display: block; margin:0 0 20px 0;}
#yourAnswers:after{ content: ''; clear: both; display: block}
#yourAnswers .quest{ float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 10%;}
#yourAnswers .quest span{ display: block; text-align: center; padding: 4px 0; font-size: 12px;}
#yourAnswers .good span{ color: #fff; background: #197b30; border-color: #62ae00}
#yourAnswers .bad span{ color: #fff; background: #ae0035; border-color: #ae0035}

big{ font-size: 60px; line-height: 60px; font-weight: 300; margin-bottom: 28px; display: inline-block; width: 100%; text-align: center; }
.finishInfo{ text-align: center; padding: 15px 0; font-weight:bold; }
.tv .finishInfo{ padding: 55px 0; }

.btn{ font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 21px; padding: 20px 30px; margin: 0; font-weight: 400; background: url(../gfx/btnbg.png) right top no-repeat #d1222b; color: #fff; border: 0; border-radius: 0;}
.btn:active{ background: #3a3a3a; color: #fff;}
.btn.green{ background: #62ae00 }
.btn.green:active {background: #4f8b01}



/*
form{ padding-top: 20px; margin-bottom: 20px;}
form:after{ content: ''; clear: both; display: block}
form label{ display: block; transition: all 0.3s ease-in-out}
form label.error{ color: red;}
form input[type=text]{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: all 0.3s ease-in-out; width: 100%; margin-bottom: 20px; padding: 8px 10px; font-size: 14px; line-height: 20px; background: none; border: none; border-bottom: 1px solid #aaa;}
form input[type=text].error{ border-color: red;}
*/

#mail{ background-color:#fff; }

.inp{ float: left; width: 70%;}
.subm{ float: left; width: 30%;}
.subm input{ display: block; width: 100%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #197b30; color: #fff; text-align: center; font-size: 14px; line-height: 20px; padding: 8px 0; border: none; -webkit-appearance: none; border-radius: 0; border-bottom: 1px solid #197b30;}


.info{ display: none}
.line{ height: 1px; background: #ccc; margin: 30px 0}

footer{ background: #d1222b; color: #fff; padding: 8px 0}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}