@charset "UTF-8";

::-webkit-input-placeholder {
   color: grey;
}

.pytania ::-webkit-input-placeholder {
   color: white;
}

.pytania :-moz-placeholder { /* Firefox 18- */
   color: white; 
}

.pytania ::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

:-ms-input-placeholder {  
   color: grey;  
}

/* Global */
*{
	margin: 0;
	padding: 0;
	outline: 0;
}
a:focus, *:focus {
    noFocusLine: expression(this.onFocus=this.blur());
	outline: none;
}
/* Box resizing */
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
		-o-box-sizing: border-box;
			box-sizing: border-box;
}

a{
	text-decoration: none;
	color: #2b7db2;
}
.visible-iphone{
	display: none;
}

/* Jquery height Fix */
html,body{
	height: 100%;
}

body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
body.show{
	overflow: hidden;
}
body.show .overlay-bg{
	display: block;
}

/* Custom Fonts */
@font-face {
	font-family: 'interstateplthin';
	src: url('font/interstatepl-thin-webfont.eot');
	src: url('font/interstatepl-thin-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/interstatepl-thin-webfont.woff') format('woff'),
	url('font/interstatepl-thin-webfont.ttf') format('truetype'),
	url('font/interstatepl-thin-webfont.svg#interstateplthin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'interstatepllight';
	src: url('font/interstatepl-lt-webfont.eot');
	src: url('font/interstatepl-lt-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/interstatepl-lt-webfont.woff') format('woff'),
	url('font/interstatepl-lt-webfont.ttf') format('truetype'),
	url('font/interstatepl-lt-webfont.svg#interstatepllight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'interstateplregular';
	src: url('font/interstatepl-reg-webfont.eot');
	src: url('font/interstatepl-reg-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/interstatepl-reg-webfont.woff') format('woff'),
	url('font/interstatepl-reg-webfont.ttf') format('truetype'),
	url('font/interstatepl-reg-webfont.svg#interstateplregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'interstateplbold';
	src: url('font/interstatepl-bd-webfont.eot');
	src: url('font/interstatepl-bd-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/interstatepl-bd-webfont.woff') format('woff'),
	url('font/interstatepl-bd-webfont.ttf') format('truetype'),
	url('font/interstatepl-bd-webfont.svg#interstateplbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

ul{
	list-style: none;
}

img{
	border: 0;
	vertical-align: top;
}
.header {
    width: 100%;
    background: url('../images/head-bg.jpg') repeat;
    height: 73px;
    color: #fff;
}
.stripe.phase1 {
    margin: 0 auto;
    width: 984px;
	height: auto;
	   
}
.page-2{
    margin: 0 auto;
    width: 984px;
}
.page-3{
    margin: 0 auto;
    width: 984px;
	position: relative;
	background-color: #F8F7FF;
}
/* Clearfix */
.clearfix:after{
	display: table;
	clear: both;
	content: '';
}
/* wrapper */
.wrapper{
	width: 1000px;
	margin: 0 auto;
}

/* Banner */
.banner-overlay{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
.logo {
    padding: 15px 0 56px
}
.stripe.phase1 .head h1{
	color: #0D7592;
	font-size: 1px;
	font-weight: normal;
	line-height: 1px;
	text-align: center;
	visibility: hidden;
}
.stripe.phase1 .section-head h1{
	color: #0D7592;
	font-size: 25px;
	font-weight: normal;
	line-height: 44px;
    	width: 100%;
	text-align: center;
	margin: 30px;
}
.stripe.phase1 .head h3{
	color: #0D7592;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 30px;
}
.page-2 .head h1{
	color: #0D7592;
	font-size: 25px;
	font-weight: normal;
	line-height: 44px;
	text-align: center;
	margin: 30px;
}
.page-2 .head h3{
	color: #0D7592;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 30px;
}
.page-3 .head h1{
	color: #0D7592;
	font-size: 25px;
	font-weight: normal;
	line-height: 44px;
	text-align: center;
	margin: 30px 0px 0px 0px;
}
.page-3 .head h3{
	color: #0D7592;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 10px 0px 30px 0px;
}
.banner-overlay .desc {
    margin-top: 24px;
	position: relative;
}
.banner-overlay p{
	padding-left: 45px;
	width: 470px;
	font-size: 16px;
	line-height: 22px;
	float: left;
	font-family: Arial, sans-serif;
	color: #004785;
}


.stripe{
	
	height: 114px;
    padding: 16px 0;
	/* display: none; background: #00bdf2;*/
}
.stripe.phase4{
	/*display: none;*/
}
.stripe .content{
	padding-top: 2px;
}
.stripe h2{
	    color: #0D7592;
    font-size: 21px;
    font-weight: normal;
    line-height: 44px;
    width: 100%;
    text-align: center;
    margin: 30px;
}

.stripe h2 span{
	background: #FFF;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	width: 312px;
	color: #0067b4;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	behavior:url(PIE.htc);
	position: relative;
	z-index: 0;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
}
.icon-section{
/*	float: left;
	height: 52px;
	font-family: Arial, sans-serif;
	line-height: 22px;
	*/
	    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
	width: 204px;
	text-transform: uppercase;
	font-size: 20px;
	color: #00bdf2;
	position: relative;
}
.icon-section1{
/*	float: left;
	height: 52px;
	font-family: Arial, sans-serif;
	line-height: 22px;
	*/
	    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
	width: 204px;
	font-size: 13px;
	color: #0D7592;
	position: relative;
}
.icon-section2{
/*	float: left;
	height: 52px;
	font-family: Arial, sans-serif;
	line-height: 22px;
	*/
	    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
	font-size: 13px;
	color: #0D7592;
	width: 204px;
	padding-left: 224px;
	position: relative;
}
.icon-section3{
/*	float: left;
	height: 52px;
	font-family: Arial, sans-serif;
	line-height: 22px;
	*/
	    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
	font-size: 13px;
	color: #0D7592;
	width: 204px;
	padding-left: 454px;
	position: relative;
}
.header .switcher-en {
    float: right;
	/*margin-right: -15%;
      height: 16px;
    margin-top: -28px;
    font-size: 70%;
    text-shadow: 0 0 5px black;
	width: 16px;*/
    color: #ffffff;
    right:117px;
	position: absolute;
	padding: 15px 0 56px;
    
}
.header .switcher-pl {
    float: right;
    right: 144px;
   /*  margin-right: -13%;
    font-size: 70%;
    text-shadow: 0 0 5px black; 
	height: 16px;
	 margin-top: -28px;
    width: 19px; */
    color: #ffffff;
	position: absolute;
	padding: 15px 0 56px;
  

}
.header .security {
    background: url("../images/security-icon.png") no-repeat;
  /*  bottom: 7px;
  padding: 2px 0 0 20px;*/
    padding: 0px 20px 56px;
    float: right;
    height: 16px;
    position: absolute;
    right: 157px;
    width: 146px;
    color: #fff;
    font-size: 14px;
    
}
.page-2 button{
	background: url('../images/pasek_button.jpg') repeat;
	border: 0;
	color: #FFF;
	width: 450px;
	cursor: pointer;
	text-transform: uppercase;
	height: 50px;
	line-height: 36px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	z-index: 0;
	margin: 50px 0px 50px 280px;
}
.page-3 button{
	background: url('../images/pasek_button.jpg') repeat;
	border: 0;
	color: #FFF;
	width: 450px;
	cursor: pointer;
	text-transform: uppercase;
	height: 50px;
	line-height: 36px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	z-index: 0;
	margin: 20px 0px 20px 280px;
}
.page-1 .ui-value{
	padding: 0 6px;
	height: 42px;
	line-height: 22px;
	text-align: center;
	float: left;   
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
	    color: white;
	font-family: 'interstatepllight';
	font-size: 16px;
	display: inline-block;
	background: #00bdf2;
	margin: -16px 0 0 32px;
	width: 122px;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.pytania ul li .ui-value{
	padding: 0 6px;
	height: 42px;
	line-height: 22px;
	text-align: center;
	float: left;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color: white;
	font-family: 'interstatepllight';
	font-size: 16px;
	display: inline-block;
	background: #00bdf2;
	width: 154px;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.phase1.stripe button{
	background: url('../images/pasek_button.jpg') repeat;
	border: 0;
	color: #FFF;
	width: 450px;
	cursor: pointer;
	text-transform: uppercase;
	height: 50px;
	line-height: 36px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	z-index: 0;
	margin: 20px 0px 20px 280px;
}

.phase2.stripe button plus{
	margin-left: 10px;
	background: url('images/plus.png') no-repeat;

}
.phase3.stripe button plus{
	margin-left: 10px;
	background: url('images/plus.png') no-repeat;

}
body > hr{
	border: 0;
	height: 3px;
	margin-top: 1px;
}
.stripe > .wrapper{
	position: relative;
}
.refresh{
	position: absolute;
	right: 64px;
    top: 64px;
}
/* Phase1 */
.stripe.phase1{
	display: block;
}
.icon-section img{
	position: absolute;
	left: 80px;
	top: -2px;
}
.phase1 .slider-ui{
	float: left;
	margin-left: 60px;
	padding-top: 14px;
	position: relative;
}
.phase1 .slider-ui > span{
	float: left;
	color:#00bdf2;
    font-family: "interstateplbold";
    font-size: 20px;
    line-height: 22px;
}
.phase1 .slider{
    background: url('../images/bg.jpg') repeat-x;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	behavior:url(PIE.htc);
	position: relative;
	z-index: 0;
    height: 22px;
    position: relative;
}
.phase1 .slider span {
    background: url('../images/dot.png') no-repeat;
    display: block;
    height: 30px;
    margin-left: -15px;
    position: absolute;
    top: -4px;
    width: 30px;
    z-index: 0;
	cursor: pointer;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

/* Phase2 */
.phase2 .icon-section{
	width: 500px;
    text-align: center;
    font-size: 18px;
}
.phase2 .widget-ui{
	float: left;
	padding: 16px 0 0 0;
	margin-top: 20px;
    width: 100%;
}

.phase2 .widget-ui .minus{
	position: absolute; 
	margin-left: -500px;
}
.phase3 .widget-ui .minus{
	position: absolute; 
	margin-left: -500px;
}
.phase2  .slider-ui{
	width: 424px;
	position: relative;
	float: left;
}
.phase2 .slider{
    background: #00bdf2;
    height: 5px;
    position: relative;
    width: 85%;
	border-radius:2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	behavior:url(PIE.htc);
	position: relative;
	z-index: 0;
}
.phase2 .slider span {
    background: #00bdf2;
    display: block;
    height: 44px;
    margin-left: -40px;
    position: absolute;
    top: -28px;
    width: 80px;
    z-index: 0;
    cursor: pointer;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    behavior: url(PIE.htc);
    position: absolute;
    z-index: 0;
}
.phase2 .ui-value{
	/* padding: 0 6px; */
	/* height: 42px; */
	line-height: 22px;
	text-align: center;
	float: left;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color: white;
	font-family: 'interstatepllight';
	font-size: 16px;
	display: inline-block;
	background: #F4AE2A;
	width: 100%;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.phase2 .slider-range{
	color: #00bdf2;
	margin-top: 25px;
	width: 85%;
}
.phase2 .slider-range span{
	float: right;
}

/* Phase3 */
.phase3 .icon-section{
	width: 500px;
    text-align: center;
    font-size: 18px;
}
.phase3 .widget-ui{
	float: left;
	padding: 16px 0 0 0;
	margin-top: 20px;
    width: 100%;
}
.phase3  .slider-ui{
	width: 394px;
	position: relative;
	float: left;
}
.phase3  .slider-ui{
	width: 424px;
	position: relative;
	float: left;
}
.phase3 .slider{
    background: #00bdf2;
    height: 5px;
    position: relative;
    width: 85%;
	border-radius:2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	behavior:url(PIE.htc);
	position: relative;
	z-index: 0;
}
.phase3 .slider span {
    background: #00bdf2;
    display: block;
    height: 44px;
    margin-left: -40px;
    position: absolute;
    top: -28px;
    width: 80px;
    z-index: 0;
    cursor: pointer;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    behavior: url(PIE.htc);
    position: absolute;
    z-index: 0;
}
.phase3 .ui-value{
	/* padding: 0 6px; */
	/* height: 42px; */
	line-height: 22px;
	text-align: center;
	float: left;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color: white;
	font-family: 'interstatepllight';
	font-size: 16px;
	display: inline-block;
	background: #F4AE2A;
	/* margin: -16px 0 0 32px; */
	width: 100%;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.phase3 .slider-range{
	color: #00bdf2;
	margin-top: 25px;
	width: 85%;
}
.phase3 .slider-range span{
	float: right;
}

/* Phase 4 */
.phase-info{
	font-family: Arial, sans-serif;
	font-size: 26px;
	color: #FFF;
	line-height: 32px;
	padding: 20px 104px 0;
	text-align: center;
}
.polecamy{
	background: #F3F2EE;
	padding: 28px 0 30px;
}
.polecamy h3{
	text-align: center;
	font-family: 'interstateplthin';
	font-size: 36px;
	color: #83B1D3;
	line-height: 36px;
	padding-bottom: 10px;
}
.polecamy .down{
	text-align: center;	
}

.last-page{
	display: none;
}
.filter{
	font-size: 0;
	text-align: center;
	padding-top: 21px;
}
.filter li{
	display: inline-block;
	margin: 0 8px;
	position: relative;
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	behavior:url(PIE.htc);
	position: relative;
	z-index: 0;
}
/* .filter li + li + li + li{
	top: -20px;
} */
.filter li img{
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	width: 100%;
}
.filter li .second{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding:0 8px;
}
.filter li:hover .second{
	display: block;
}
.form-section{
	background: #F8F7FF;
	
}
.installments{
	width: 984px;
	float: left;
}
.installments h2{
	color: #0D7592;
	font-size: 28px;
	font-weight: normal;
	line-height: 44px;
	text-align: center;
	margin: 30px;
}
.installments h22{
	font-size: 36px;
	font-family: Arial, sans-serif;
	color: #0067b4;
	line-height: 40px;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.installments h3{
	color: #0D7592;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 30px;
}
.installment{
	font-size: 0;
}
.installments .info{
	width: 350px;
	padding: 0 80px 0 60px;
	margin: 16px 0;
	min-height: 38px;
	float: left;
}
.installments .info h4{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: 16px;
	font-weight: bold;
	padding-bottom: 6px;
}
.installments .info p{
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: 16px;
	font-weight: normal;
}
.installment  > hr{
	border: 0;
	background: url('../images/line.png') no-repeat;
	height: 1px;
	width: 350px;
	float: left;
}
.installments .info.icon1{
	background: url('../images/icon1.png') no-repeat;
}
.installments .info.icon2{
	background: url('../images/icon2.png') no-repeat;
}
.installments .info.icon3{
	background: url('../images/icon3.png') no-repeat;
}
.installments .info.icon4{
	background: url('../images/icon4.png') no-repeat;
}
.installments .info.icon5{
	background: url('../images/icon5.png') no-repeat;
}
.installments .info.icon6{
	background: url('../images/icon6.png') no-repeat;
}
.installments .info.icon7{
	background: url('../images/icon7.png') no-repeat;
}
.installments .info.icon8{
	background: url('../images/icon8.png') no-repeat;
}
.installments .info.icon9{
	background: url('../images/icon9.png') no-repeat;
}
.installments .info.icon10{
	background: url('../images/icon10.png') no-repeat;
}
.installments .info.icon11{
	background: url('../images/icon11.png') no-repeat;
}
.installments .info.icon12{
	background: url('../images/icon12.png') no-repeat;
}
.installments .info.icon13{
	background: url('../images/icon13.png') no-repeat;
}

.form{
	float: left;
    width: 330px;
}
.form h3{
	font-size: 15px;
	font-family: Arial, sans-serif;
	color: #0067b4;
	text-transform: uppercase;
	line-height: 34px;
	text-align: center;
	font-weight: bold;
}
.form h4{
	font-size: 14px;
	font-family: 'interstatepllight';
	color: #9bd9f0;
	text-transform: uppercase;
	line-height: 32px;
	padding-bottom: 5px;
	color: #FFF;
}

.form form{
	/*background: #05a0d9 none repeat scroll 0 0; */
    border-radius: 10px;
    padding: 26px;
    position: relative;
    z-index: 0;
}

#infoLayer {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 8px;
	opacity: 0.9;
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index: 1000;
}

#infoLayer > .inner {
	position: absolute;
	left: 20%;
	top: 50%;
	width: 80%;
	height: 80px;
	background: transparent url('/webrefresh/common/images/loading.gif') no-repeat center center;
	text-align: center;
	margin-left: -10%;
	margin-top: -40px;
}

#errorLayer {
	display: none;
	background-color: #ffbaba;
	border-left: 10px solid #f44;
	color: #c00;
	padding: 15px 20px 13px;
	margin-bottom: 20px;
}
/* Custom Select Box */
.select-wrapper{
	float: left;
	display: block;         
	background: #ffffff url('../images/arrow.png') center right no-repeat;
	cursor: pointer;
	margin:0 8px 5px 0;
	overflow: hidden;
    position: relative;
	border: 1px solid #43b8e3;
}
.select-wrapper, .select-wrapper select{
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.select-wrapper .holder{
    display: block;
    margin: 0 32px 0 9px;
    white-space: nowrap;
    overflow: hidden;
	cursor: pointer;
    position: relative;
    /* z-index: -1; */
	color: #333;
	font-size: 12px;
	font-family: 'interstatepllight';
}
.select-wrapper select{
    margin: 0;
    position: absolute;
    z-index: 2;
	cursor: pointer;
    opacity: 0;
    _noFocusLine: expression(this.hideFocus=true); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
.select-wrapper select option{
	padding: 3px 6px;
	color: #000;
	font-size: 12px;
}
.form input[type="text"]{
	background: #ffffff none repeat scroll 0 0; 
    border: 0 none;
    border-radius: 0;
    color: #333;
    font-family: "interstatepllight";
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 1px 0;
    padding: 0 11px;
    width: 100%;
}
.form p.checkbox{
	color: #11536B;
	font-size: 10.5px;
	font-family: 'interstatepllight';
	padding-left: 25px;
	line-height: 16px;
	margin-top: -35px
}
#agree {
    opacity: 0;
}
.form span.checkbox{
	position: relative;
	width: 15px;
	height: 15px;
	display: block;
	background: url('../images/checkbox.png') no-repeat;
	top: 3px;
}
.form span.checkbox.checked{
	background: url('../images/checkbox.png') no-repeat 0 -18px;
}
.form p.checkbox span{
	border-bottom: 1px solid #11536B;
	cursor: pointer;
}
.form button{
	/*background: #FF9101;
	border: 0;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family: 'interstatepllight';
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 23px;*/
	background: url('../images/pasek_button.jpg') repeat;
	border: 0;
	color: #FFF;
	width: 450px;
	cursor: pointer;
	text-transform: uppercase;
	height: 50px;
	line-height: 36px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	z-index: 0;
	margin: 20px 0px 20px 60px;
}

.overlay-bg{
	background: url("../images/overlay-bg.png");
	height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
 	display: none;
}
.overlay-msg{
    width: 350px;
    position: absolute;
    background: #F9F6F6;
    top: 100px;
    left: 35%;
    /* margin-left: -150px; */
    padding: 52px;
    border: 2px solid #131111;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    behavior: url(PIE.htc);
    position: relative;
    z-index: 0;
}
.overlay-msg a{
    float: right;
    color: #2479BF;
    font-size: 13px;
    margin-top: -40px;
    margin-right: -40px;
}
.overlay-msg p{
    clear: both;
    color: #333;
    font-size: 13px;
    text-align: center;
}

/* Disclaimer */
.disclaimer{
	padding-bottom: 16px;
    padding-top: 20px;
    border-top-style: outset;
	background-color: white;
}
.disclaimer p{
	color: #666;
	font-size: 10.5px;
	padding: 3px 0;
	line-height: 16px;
    	text-align: justify;
}
.disclaimer span{
    color: #666;
    font-size: 10.5px;
    padding: 3px 0;
    line-height: 16px;
    text-align: right;
}
/* 21-5-2015 */

.clrboth{clear:both;}

.newmore_hidden {
    float: left;
    height: auto;
    margin-top: 30px;
    text-align: center;
    width: 98%;
}

.new-cc {
    float: left;
    position: relative;
    width: 100%;
}

.creditcalc-design {
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px;
    width: 100%;
}

.newleft-design {
    float: left;
    width: 50%;
}

#canvas {
    height: 200px;
    width: 195px;
}

.cen {
    float: left;
    width: 99%;
}

.wrd {
    color: #333333;
    padding-left: 0 !important;
}

.in-box {
    background: url("../images/button.jpg") no-repeat scroll center bottom;
    border: medium none;
    margin-bottom: 20px;
    margin-top: 7px;
    padding-left: 47px;
	padding-bottom: 9px !important;
    padding-top: 10px !important;
    width: 141px;
}
.in-box_en {
    background: url("../images/button_en.jpg") no-repeat scroll center bottom;
    border: medium none;
    margin-bottom: 20px;
    margin-top: 7px;
    padding-left: 47px;
	padding-bottom: 9px !important;
    padding-top: 10px !important;
    width: 141px;
}


.newright-design {
    float: left;
    position: relative;
    width: 40%;
	margin-top: 38px;
}


.new-aaa {
    left: 0px;
    position: absolute;
    top: -29px;
    width: 100%;
}

.newtxt-box {
    border: 1px solid #cccccc;
    box-sizing: border-box;
    float: left;
    margin-top: 5px;
    padding: 5px 0;
    width: 100%;
}

.clor {
    color: #0e3175;
    font-size: 14px;
}
.left-p {
    float: left !important;
    padding-left: 26px;
    width: 45% !important;
	font-size:18px;
	font-weight:bold;
}
.right-p {
    color: #0e3175;
    width: 45% !important;
	font-size:18px;
}

#divFlash_more{font-size:12px !important;background:#ffffff;border: 1px solid #cccccc; margin-top: 38px;padding-bottom: 63px;padding-top: 23px;}

.calc_error {
    border: 1px solid red;
    box-sizing: border-box;
    color: red;
    display: none;
    float: left;
    font-size: 12px;
    padding: 7px;
    width: 97%;
	margin-top:15px;
}

.poss2{display:none;}

#canvas1{
    height: 200px;
    width: 195px;
}

.more_hidden {
    float: left;
    text-align: center;
    width: 98%;
}
.newcalc-design {
    float: left;
    padding-right: 18px;
    width: 100%;
}
.left-design {
    float: left;
    padding-left: 24px;
    padding-top: 31px;
    width: 45%;
}

.calselectbox {
    margin: 0 auto;
    padding: 5px 10px;
    width: 70%;
}

.right-design {
    float: left;
    padding-bottom: 5px;
    position: relative;
    width: 40%;
	margin-left: 36px;
	top:37px;
}

@media \0screen {
    .wrd,#calc,#calc1 {display:none;}
}

.aaa {
    left: 0px;
    position: absolute;
    top: -29px;
    width: 100%;
}


.txt-box {
    border: 1px solid #cccccc;
    clear: both;
    margin-top: 5px;
    overflow: hidden;
    padding: 5px 0;
    width: 98%;
}

.fnt-16p {
    color: #0e3175;
    font-size: 18px;
	font-weight:bold;
}
.left-p {
    float: left !important;
    padding-left: 26px;
    width: 45% !important;
	
	font-weight:bold;
}
#divFlash_more1{font-size:12px;border: 1px solid #cccccc;}

#calc_error1{margin-top:15px;}

.pdf-img {
    float: none !important;
    margin: 0 0 0 5px !important;
	width:auto !important;
}
.zl-value{
color: white;
display: inline;
padding: 5px;
position: relative;
top: -8px;
}

#agree1{
	opacity:0;
}
.form span.checkbox1{
	position: relative;
	width: 15px;
	height: 15px;
	display: block;
	background: url('../images/checkbox.png') no-repeat;
	 top: 3px;
}
.form span.checkbox1.checked{
	background: url('../images/checkbox.png') no-repeat 0 -18px;
}
.input label {color: #fff; float: left;margin-top: 6px;}
.in-box1{padding-left: 47px !important;}
.form p.checkbox1 {	
    color: #11536B;
    font-family: "interstatepllight";
    font-size: 10.5px;
    line-height: 16px;
    margin-top: -34px;
    padding-left: 25px;
}


.form p.checkbox1 span {
    border-bottom: 1px solid #11536B;
    cursor: pointer;
}
.input-new{margin-top:34px;}
.input-new2{
    padding: 0 6px;
    height: 42px;
    line-height: 22px;
    text-align: center;
    float: left;
    font-weight: bold;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: white;
    font-family: 'interstatepllight';
    font-size: 20px;
    display: inline-block;
    background: #00bdf2;
    width: 154px;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.stripe-en .wrapper .icon-section{  width: 439px;}

.stripe.stripe-en{height: 124px;}


/*.logo .switch {
    background: url("../images/A.png") no-repeat ;
    float: left;
    height: 26px;
    position: absolute;
    right: 20%;
    top: 11%;
    width: 28px;
}

*/
.logo .switch {
background: url("../images/eng_Flag.png") no-repeat ;
float: left;
height: 30px;
position: absolute;
right: 2%;
top: 11%;
width: 150px;
}

.english .logo .switch {
    background: url("../images/Language_Flag.png") no-repeat ;
    float: left;
    height: 30px;
    position: absolute;
    right: 2%;
    top: 11%;
    width: 174px;
}


.english .form h3{line-height: 24px;}
.english .form form{margin-top:4px;}


.calselectbox option{padding: 0 15px;}

.checkbox.focus{outline:1px dotted #000;}
.checkbox1.focus{outline:1px dotted #000;}

 #agree,#agree1 {
display:none;
}
.checkbox1:focus{border:1px dotted}
.checkbox:focus{border:1px dotted}
.form p.checkbox1{margin-top:-11px}
.form p.checkbox{margin-top:-14px}


.tooltip {
	background: url('../images/tooltip-mark2.png') no-repeat left;
	font-size: 12px;
	padding-left: 25px;
	color: #00BDF2;
	height: 17px;
	display: inline-block;
}
.tooltip:hover {
	cursor: pointer;
}
.tip {
    position: absolute;
    margin-top: 25px;
    z-index: 9999;
    margin-left: -18px;
}
.tip-header {
    width: 200px;
    height: 8px;
    background: url('../images/tooltip-top.png') no-repeat;
}
.tip-content {
    width: 200px;
    background: #F8F7FF;
    border: 1px solid #c2d8e9;
    border-top: none;
    text-align: left;
    padding: 10px;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.formularz {
    height: 309px;
	}
.form-1 {
    float: left;
    padding-left: 54px;
    padding-top: 31px;
    width: 20%;
}
.form-1 ul li{
    padding-bottom: 7px;
}
.form-2 {
    float: left;
    padding-left: 24px;
    padding-top: 31px;
    width: 35%;
}
.form-3 {
    float: left;
    padding-left: 34px;
    padding-top: 35px;
    width: 7%;
}
.form-3 ul li{
    padding-bottom: 7px;
}
.form-4 {
    float: left;
    padding-left: 24px;
    padding-top: 41px;
    width: 35%;
	font-size: 13px;
}
.form-4 ul li{
    padding-bottom: 8px;
}
.klauzula {
    font-size: 12px;
    width: 100%;
    color: white;
    text-align: center;
}

.bluefield {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    position: relative;
    behavior: url(PIE.htc);
    background: #00BDF2;
    width: 100%;
    height: 220px;
    float: right;
}
.section-right {
    width: 38%;
    float: right;
	}

.section-left {
    width: 62%;
    float: left;
	padding-bottom: 100px;
}
.section-head {
    width: 100%;
	display: flex;
    border-top-style: outset;
	}

.section-left button .minus {
    	margin-left: -50px;
	background: url('images/minus.png') no-repeat;
}
.section-left button .plus {
    	margin-left: 40px;
	background: url('images/plus.png') no-repeat;
}
.bluefield .topbox {
    padding: 0 9px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 20px;
	text-align: center;
}
.bluefield .topbox2 {
    padding: 0 9px;
	font-size: 42px;
    color: #ffffff;
    margin-top: 26px;
	text-align: center;
}
.bluefield ul li label {
    font-size: 17px;
    color: #073c82;
	font-weight: bold;
    line-height: 18px;    
	padding-left: 15px;
}


.white-line {
    float: left;
    color: #ffffff;
	background-color: white;
    height: 1px;
	margin: 25px 50px 15px 25px;
    width: 308px;
}
.rightlabel {
    width: 68%;
    float: right;
	margin-bottom: 5px;
	}

.rightlabel ul li label{
	color: #fff;

	}
.leftlabel {
    width: 32%;
    float: left; 
	text-align: -webkit-right;
	margin-bottom: 5px;

}
.leftlabel ul li label{

	color: #0D7592;
}
.copyright {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pytania li {
    list-style-type: none;
    display: inline-block;
	width: 154px;
    vertical-align: top;
	    font-size: 11px;
	text-align: -webkit-center;
}
.formGry ul li input.text-box {
    color: #375da1;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    outline: medium none;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
span.checkbox {
    background: url("../images/checkbox.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 17px;
    margin-top: 8px;
    width: 15px;
}
.formGry ul li span.chkbox-text {
    color: #375da1;
    display: inline-block;
    font-size: 10px;
    font-weight: normal !important;
    line-height: 12px;
    margin-top: 5px;
    padding-left: 8px;
    vertical-align: top;
    width: 85%;
}

.popup-overlay3, .popup-overlay2, .popup-overlay {
    background: url("../images/overlay-bg.png") repeat scroll 0 0 ;
    display: none;
    height: 1400px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1100;
}
.popup3, .popup2, .popup {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #9c9c9c;
    color: #454545;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    left: 44%;
    line-height: 12px;
    margin-left: -115px;
    padding: 20px 10px;
    position: absolute;
    text-align: left;
    top: 180px;
    vertical-align: middle;
    width: 350px;
    z-index: 1111;
}.close2, .close3, .close, .close-val, .close-q, .close-pp {
    color: #0000ff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    position: absolute;
    right: 4px;
    text-decoration: underline;
    top: 2px;
}
.show2, .show3, .show {
    display: block !important;
}
.formGry h1 {
    color: #ffffff;
    font-size: 32px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}
.mid-form {
    padding: 0 30px;
}
.formGry ul li {
    color: #375da1;
    display: inline-block;
    font: bold 10px Arial,Helvetica,sans-serif;
    padding: 4px 0 0;
    vertical-align: top;
}
.form-banner {
	width: 300px;
   top: 15px; 
	}
.formGry {
}
.formGry ul li label {
    color: #375da1;
    display: block;
    font: bold 11px/16px verdana;
    padding: 5px 0 0;
   /* text-transform: uppercase;*/
    vertical-align: top;
}
.formGry ul li input.text-box {
    color: #375da1;
    display: inline-block;
    height: 29px;
    line-height: 20px;
    outline: medium none;
    padding: 3px 5px;
  /*  vertical-align: top;
    width: 96%;*/
	-webkit-border-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.formGry input[type="text"] {
    border: 1px solid #375da1;
    display: inline-block;
    height: 28px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
.checkbox.selected {
    background: url("../images/checkbox.png") no-repeat scroll 0 -17px ;
    display: inline-block;
    margin-top: 7px;
    vertical-align: top;
}
span.checkbox {
    background: url("../images/checkbox.png") no-repeat scroll 0 0 ;
    display: block;
    float: left;
    height: 17px;
    margin-top: 8px;
    width: 15px;
}
.formGry ul li button {
    background: url("../images/cta.png") no-repeat scroll center center ;
    border: medium none;
    cursor: pointer;
    height: 55px;
    margin: 10px 0 5px;
    outline: medium none;
    width: 225px;
}
.formGry ul li span.chkbox-text {
    color: #375da1;
    display: inline-block;
    font-size: 10px;
    font-weight: normal !important;
    line-height: 12px;
    margin-top: 5px;
    padding-left: 8px;
    vertical-align: top;
    width:92%;
}
.formGry ul li span.chkbox-text a {
    color: #375da1;
    text-decoration: underline;
}
.checkbox.selected {
    background: url("../images/checkbox.png") no-repeat scroll 0 -17px ;
    display: inline-block;
    margin-top: 7px;
    vertical-align: top;
}
span.checkbox {
    background: url("../images/checkbox.png") no-repeat scroll 0 0 ;
    display: block;
    float: left;
    height: 17px;
    margin-top: 8px;
    width: 15px;
}
.formGry ul li input.checkbox {
    display: none;
}
.formGry ul li {
    color: #375da1;
    font: bold 11px verdana;
}
.formGry ul li {
    list-style: outside none none;
}
.formGry ul li {
    display: inline-block;
    list-style: outside none none;
    padding-bottom: 2px;
    vertical-align: top;
    width: 100%;
}


/* Overlay */
.popup-val{
	background:#ffffff;
	border:1px solid #ff0000;
	color:#ff0000;
	display:none;
	font-size:13px;
	left:50%;
	margin-left:-144px;
	padding:20px 10px;
	position:absolute;
	text-align:left;
	top:205px;
	vertical-align:middle;
	width:15%;
	z-index:1111;
}
.close, .close-val, .close-q, .close-ord, .close-tlo, .close-pp{
	color:#0000ff;
	cursor:pointer;
	font-size:10px;
	position:absolute;
	right:4px;
	text-decoration:underline;
	top:2px;
}
.popup, .popup_ord{
	background:#fff;
	border:1px solid #9c9c9c;
	color:#454545;
	display:block;
	font-size:10px;
	left:50%;
	line-height:12px;
	margin-left:-144px;
	padding:20px 10px;
	position:absolute;
	text-align:left;
	top:282px;
	width:350px;
	z-index:1111;
}
.popup_tlo{
	background:url("../images/overlay-bg.png") repeat;
	display:block;
	height:1068px;
	left:0;
	padding:200px 300px;
	position:absolute;
	text-align:left;
	top:0px;
	width:100%;
	z-index:1111;
}

.popup-overlay, .popup_ord-overlay{
	background:url("../images/overlay-bg.png") repeat;
	display:none;
	height:1068px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1100;
}
.show{
	display:block !important;
}

#steps-fivepercent-slider .ui-slider-tip {
    visibility: visible;
    opacity: 1;
    top: -30px;
}