/******************************************************************
Theme Name: מחשבון מימון חדש - צ'מפיון
Description: 
Author: GOOLA
Author URI: http://www.goola-la.com
Version: 1.0
*/

@font-face{
	font-family: 'Simpler';
  src: url('font/SimplerPro_V3-Regular.eot');
  src: url('font/SimplerPro_V3-Regular.eot?#iefix') format('embedded-opentype'),
       url('font/SimplerPro_V3-Regular.woff') format('woff'),
       url('font/SimplerPro_V3-Regular.ttf') format('truetype'),
       url('font/SimplerPro_V3-Regular.svg#webfont') format('svg');
}
@font-face{
	font-family: 'Simpler-Bold';
  src: url('font/SimplerPro_V3-bold.eot');
  src: url('font/SimplerPro_V3-bold.eot?#iefix') format('embedded-opentype'),
       url('font/SimplerPro_V3-bold.woff') format('woff'),
       url('font/SimplerPro_V3-bold.ttf') format('truetype'),
       url('font/SimplerPro_V3-bold.svg#webfont') format('svg');
}
body {
    font-family: 'Simpler';
	margin:0;
	overflow-x:hidden;
	direction:rtl;
	text-align:right;
}
strong,h1,h2,h3,h4,h5,h6 {
	font-family:'Simpler-Bold';
	font-weight:normal;
}
button {
	font-family:'Simpler';
}
body .brap {
	position: relative;
    overflow: hidden;
}
.rap {
	color:#4e4e4e;
}
.site {
	max-width: 1200px;
    position: relative;
    margin: 0 auto;
    padding:0 2.5vw;
}
header.hide-true {
	display:none;
}
header {
	padding:0 0 18px 0;
	overflow:visible;
	z-index:9999;
	width:100%;
}
header .top-header .sitelink {
	float: left;
    color: #646464;
    font-size: 18px;
    text-decoration: none;
    margin-top: 25px;
	margin-right:30px;
}
header .top-header .contrast span:last-child {
	position: absolute;
    background: black;
    height: 100%;
    width: 50%;
    top: 0;
}
header .top-header .contrast span:first-child {
	position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 20px;
}
header .top-header .contrast {
	float: left;
    width: 20px;
    height: 20px;
    margin-top: 27px;
	margin-left:20px;
    border-radius: 20px;
    border: 2px solid black;
    background: black;
    position: relative;
    cursor: pointer;
	overflow: hidden;
	padding:0;
}
header .top-header .logo img {
	vertical-align: middle;
	max-height:40px;
}
header .top-header .logo {
    display: inline-block;
    margin-top: 22px;
    font-size: 23px;
    color: #00345b;
    font-weight: bold;	
	margin-left:80px;
}
header .top-header {
	background: white;
    border-bottom: 1px solid #aaaaaa;
    min-height: 72px;
    overflow: auto;
	background:#F5F5F5;
}
header .logo-rap {
	float:left;
}
header h1 {
	display: inline-block;
    font-size: 21px;
    margin: 0;
}
.srap.shide .myselect .myoption.myocurr span:first-child {
    position: relative;
    left: auto;
    right: auto;
    bottom: -5px;
    font-size: 25px;
    font-weight: bold;	
}

.srap.shide label {
	font-size:14px;
}
.srap.shide.group,
.srap.shide.mutag,
.srap.shide .arrow {
	display: none;
}
.srap.shide .myselect#model{
	background: transparent;
}
.srap.shide .myselect button.ms:focus,
.srap.shide .myselect#model,
.srap.shide .myselect#group,
.srap.shide .myselect#mutag,
.srap.shide .myselect {
    border: none;
    width: auto;
	padding:0;
}
.srap.shide {
	width: auto;
}
.srap .list-select .list-rap {
	display:inline-block;
}
.srap-nav.prev {
	left: auto;
    right: 10px;
    transform: rotate(-135deg);
}
.srap-nav.dis {
	cursor:default;
	opacity:0.3;
}
header.noslide .srap-nav {
	display:none;
}
.srap-nav {
	position: absolute;
    left: 10px;
    margin-top: 65px;
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: transparent;
    border-bottom: 2px solid #0F0F0F;
    border-left: 2px solid #0F0F0F;
    transform: rotate(45deg);
	z-index:1;
}
.srap .list-select {
	width: 10000%;
    position: relative;
    right: 0;
	transition:right 0.5s;
}
.srap {
	position:relative;
	display:block;
	overflow:hidden;
	padding: 15px;
    margin: 0 -15px;
    width: calc(100% - 60px);	
}
.myselect {
	width:65%;
}
.myselect .myoption.myocurr {
    height: 30px;
    padding: 10px 10px;
	line-height:30px;
    margin-top: -8px;	
}
.myselect#mutag .myoption.myocurr span {
	position: relative;
    display: inline-block;
    vertical-align: middle;
    right: auto;
    left: auto;
    bottom: auto;
}
.myselect .myoption.myocurr span {
    position: absolute;
    right: 15px;
    left: 30px;
    bottom: 8px;
    line-height: 19px;
    font-size: 16px;
}
.myselect .myoption span {
	display:inline-block;
	vertical-align:middle;
	color:#4f4f4f;
	font-size:16px;
}
XX.myselect .myoption.myocurr span {
	font-size: 20px;
    line-height: 22px;
    position: relative;
    bottom: 3px;	
}
.myselect .myoption img {
	display:inline-block;
	vertical-align:middle;
    margin-left:10px;
	width:auto;
}
XX.myselect#mutag .myselect-rap {
	width:220px;
}
XX.myselect#mutag .myoption {
	text-align:center;
}
.myselect .myoption.mohide {
	display:none;
}
.myselect .myoption:focus span ,
.myselect .myoption.curr span {
	color:black;
}
.myselect .myoption.curr {
	background:#e1e1e1;
}
.myselect .myselect-rap .myoption:first-child {
	border-top:0;
}
.myselect .myselect-rap .myoption:focus {
	border-color:#e1e1e1;
	outline:none;
}
.myselect .myselect-rap .myoption {
	border:1px solid white;
	border-top:1px solid #e1e1e1;
	width:90%;
	margin:0 5%;
	padding:12px;
}
.myselect .myoption {
	padding:7px 10px;
	padding: 7px 10px;
    display: block;
    width: 100%;
    text-align: right;
    background: transparent;
    border: none;
}
.myselect.opened .myselect-rap {
	max-height:300px;
	border:1px solid #adadad;
	border-top:0;
	background:white;
	padding-top:20px;
}
.myselect .myselect-rap {
	max-height:0;
	transition:max-height 0.5s;
	overflow:auto;
	position: absolute;
    z-index:0;
    top: 34px;
	width:100%;
	right:-1px;
	background:white;
}
.myselect .arrow span.l2 {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */	
    left: 15px;
}
.myselect .arrow span {
	display: block;
    height: 0;
    width: 10px;
    border-top: 4px solid #0099da;
    border-radius: 4px;
    transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */	
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: auto;
    left: 10px;
}
.myselect .arrow {
	position:absolute;
	left:0;
	width:25px;
	height:100%;
	top: 0px;
}
label {
    display: block;
    vertical-align: bottom;
    font-size: 16px;
    margin-left: 5px;
	position:relative;
	top:-10px;
}
div.myselect button.ms:focus {
	outline:none;
    border:1px solid black;
	border-radius:3px;
}
.myselect button.ms {
	position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
	cursor:pointer;
}
.myselect#model{
	width:275px;
}
.myselect#group{
	width:175px;
}
.myselect#mutag {
	width:196px;
}
.myselect.opened {
	z-index:999;
}
.myselect {
    display: inline-block;
    border: 1px solid #adadad;
    border-radius:3px;
    height: 37px;
    vertical-align: top;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    z-index: 99;
    font-size: 18px;
    background: none;
    top: -4px;
	background:white;
}
.price-rap .price {
	font-size:34px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
}
.price-rap {
	display: block;
	font-size: 17px;
    padding-top: 30px;
}
.add-rap .toggle {
	background: #00335f;
    color: white;
    width: 20px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
}
.add-rap.opened .add-info {
	opacity:1;
}
.add-rap .add-info {
	opacity:0;
	transition:opacity 0.5s;
	position: absolute;
	margin-top:10px;
	background:white;
    border: 1px solid silver;
    padding: 15px;
    border-radius: 10px;
	margin-right: 95px;	
}
.add-rap {
	display: inline-block;
    margin-right: 20px;
}
.bars-rap .bar-rap#baloon .bar .barpos,
.bars-rap .bar-rap .bar .barpos .bullet:focus span{
	border-color:black;
}
.bars-rap .bar-rap .bar .barpos .bullet:focus {
	outline:none;
}
.bars-rap .bar-rap .bar .barpos .bullet:focus span.dot ,
.bars-rap .bar-rap .bar .barpos .bullet span.dot {
	background:transparent linear-gradient(145deg, #024780 0%, #022849 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 22px;
    height: 22px;
    margin: auto;
    border-radius: 20px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;	
	border:none;
}
.list-page .bars-rap .bar-rap .bar .barpos .bullet {
	right:100% !important;
}
.bars-rap .bar-rap .bar .barpos .bullet {
	position: absolute;
    right: 100%;
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px;
    cursor: pointer;
	top:4px;
    transition: right 0.1s;
}
.bars-rap .bar-rap .bar .barpos .bullet span {
	background: white;
	width: 36px;
    height: 36px;
    display: block;
    border: none;
    border-radius: 30px;
    position: absolute;
    right: 6px;
    cursor: pointer;
    margin: auto;
    bottom: 0;
    top: 0;
	box-shadow:0px 0px 15px #00000045;
}
.bars-rap .bar-rap .bar .barpos .bm.minus {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 1px solid #4e4e4e;	
}
.bars-rap .bar-rap .bar .barpos .bm {
	border-right: 1px solid #4e4e4e;
    display: block;
    width: 19px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    line-height: 25px;
    cursor: pointer;
}
.bars-rap .bar-rap .bar .barpos .arrow {
	background: white;
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #4e4e4e;
    transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */	
    margin: auto;
    right: 0;
    left: 0;
    bottom: -7px;
    z-index: 0;
    border-left: none;
    border-top: none;
}
.bars-rap .bar-rap .bar .poslabel .pvalue {
	font-size: 17px;
    font-weight: bold;
}
.bars-rap .bar-rap .bar .poslabel {
	position: absolute;
    left: 56px;
    top: -40px;
    transform: translateX(-50%);
    font-family: 'Simpler-Bold';
    font-size: 13px;
}
.bars-rap .bar-rap .bar.maxloan .poslabel .error.maxloan ,
.bars-rap .bar-rap .bar.minloan .poslabel .error.minloan {
	display:block;
}
.bars-rap .bar-rap .bar .poslabel.isedit .edit {
	display:none;
}
.bars-rap .bar-rap .bar .poslabel.isedit .save,
.bars-rap .bar-rap .bar .poslabel.isedit .evalue {
	display:block;
}
.bars-rap .bar-rap .bar .poslabel .save {
	display:none;
	position: absolute;
    left: 0;
    transform: translateX(-100%);
    margin-left: -4px;
    background: black;
    color: white;
    font-family: 'Simpler-Bold';
    border-radius: 5px;
    cursor: pointer;
    padding: 4px 8px;
    bottom: 0;
	border:0;
}
.bars-rap .bar-rap .bar .poslabel.isedit .evalue {
	padding-left:8px;
}
.bars-rap .bar-rap .bar .poslabel .evalue {
	display:none;
	position: absolute;
    background: white;
    border: 2px solid #E5E5E5;
    border-radius: 5px;
    width: 80px;
    padding: 8px 8px 8px 0px;
	transition:all 0.5s;
    bottom: -6px;
    right: auto;
	left:14px;
	font-family: 'Simpler-Bold';
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
	text-align:left;
	direction:ltr;
	outline:none;
}
.evalue::-webkit-outer-spin-button,
.evalue::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: textfield;	
}
.bars-rap .bar-rap .bar .poslabel .edit {
	position: absolute;
    left: -28px;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    bottom: 0;
}
.bars-rap .bar-rap .bar .poslabel .error {
	display:none;
    position: absolute;
    font-size: 13.5px;
    color: red;
    top: -20px;	
	width: 140px;
    text-align: right;
	white-space: nowrap;
    transform: translateX(25%);
    right: 0;
}
.bars-rap .bar-rap .bar .barpos .poslabel .pvalue {
    background: white;
    position: relative;
    z-index: 9;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.bars-rap .bar-rap .bar .barpos:hover .poslabel {
	display:block;
}
.bars-rap .bar-rap .bar .barpos .poslabel {
	position: absolute;
    background: white;
    padding: 5px;
    top: -50px;
    left: -67px;
    width: 125px;
    text-align: center;
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    height: 16px;
    line-height: 16px;
	display:none;
}
.bars-rap .bar-rap .bar .barpos {
	position: absolute;
	width: 50%;
    right: 0;
    height: 5px;
    bottom: 0;
    border-radius: 5px;
    background: #022849;	
	max-width:100%;
}
.bars-rap .bar-rap .bar .barnum.bar-min {
	left: auto;
    right: -50px;
}
.bars-rap .bar-rap .bar .barnum {
	color: #87888a;
    position: absolute;
    top: 25px;
    left: -50px;
    width: 100px;
    text-align: center;
    font-family: 'Simpler';
    font-size: 15px;
    font-weight: bold;
}
.bars-rap .bar-rap .bar {
	width: 535px;
	max-width:100%;
    background:#E5E5E5;
    border: 7px solid white;
    height: 5px;
    border-radius: 25px;
    display: block;
	margin-top:15px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    box-shadow:0px 0px 15px #00000029;
}
.bars-rap .binfo-rap .toggle {
	background: white;
    width: 15px;
    height: 15px;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 15px;
    border: 1px solid #4e4e4e;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;	
}

.bars-rap .binfo-rap:focus .binfo ,
.bars-rap .binfo-rap.opened .binfo {
	opacity:1;
	z-index:999;
}
.binfo p {
	margin:0;
}
.bars-rap .binfo-rap .binfo .arrow {
	border-right: 1px solid #646464;
    border-bottom: 1px solid #646464;
	width: 11px;
    height: 11px;
    position: absolute;
    transform: rotate(-45deg);
    top: 24px;
    right: -7px;
    background: white;
}	
.bars-rap .binfo-rap.opened .binfo ,
.bars-rap .binfo-rap:hover .binfo {
	opacity:1;
	height:auto;
	padding: 10px;
	border: 1px solid #646464;
	min-height:30px;
}	
.bars-rap .binfo-rap .binfo {
    opacity: 0;
    transition: opacity 0.5s;
    background: white;
    position: absolute;
    border-radius: 5px;
    width: 220px;
    right: 100%;
    font-size: 15px;
    top: -22px;
	margin-right: 15px;
    z-index: 1;
	height:0px;
	padding:0;
	overflow:hidden;
	min-height:0;
	border:0;
}
.bars-rap .binfo-rap {
	display:inline-block;
	margin:0 6px;
	position:relative;
}
.bars-rap .blabel {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
}
.bars-rap .bar-rap#month {
    margin: -25px auto 23px;
    padding-top: 55px;
	top: 15px;
}
.bars-rap .bar-rap {
    padding-top: 75px;
    margin-bottom: 15px;
}
.bars-rap {
    margin-top: 23px;
	font-size:18px;
	width:50%;
	display: inline-block;
    vertical-align: top;
	border-left:1px solid #E5E5E5;
	padding-left:5%;
}
.main-image {
	width: 310px;
    float: left;
	display:block;
	margin-top:0px;
}
.month .y {
    font-size: 13px;
    font-weight: bold;
}
.month.curr .b span {
    background: #00345e;
    height: 4px;
    width: 34px;
    display: block;
    border: 0.5px solid white;
    border-radius: 5px;
}
.month .b {
    width: 35px;
    height: 5px;
    background: white;
    margin: 5px auto;
    border: 1px solid #e3e3e3;
    border-radius: 5px;	
}
.month.curr .m .arrow {
	position: absolute;
    background: white;
    width: 15px;
    height: 15px;
    border: 1px solid #e3e3e3;
    transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */	
    margin: auto;
    right: 0;
    left: 0;
    z-index: -1;
    bottom: -7px;
}
.month.curr .m .back .aback{
    transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */	
	position: absolute;
	background: #003159;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 1px;
    left: 1px;
    margin: auto;
    right: 0;
    left: 0;
    z-index: -1;
    bottom: -25px;
}
.month.curr .m .back {
	display: block;
    background: #003159;
    color: white;
    margin: 1px;
    border-radius: 5px;
    position: relative;
    z-index: 9;	
	
}
.month.curr .m {
	background: white;
    width: 41px;
    margin: 0 auto;
    position: relative;
    top: -10px;
    line-height: 30px;
    border: 1px solid silver;
    border-radius: 5px;
}
.month .m {
	font-size: 18px;
    line-height: 21px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
	position:relative;
	top:4px;
}
.month-rap.select-rap:after {
	top:12px;
}
.bar-rap#bank {
	padding-top:0;
}
.bar-rap .banks-rap {
	width:226px;
	margin-right:0;
	margin-top:10px;
}
.banks-rap ,
.month-rap {
    display: inline-block;
	position:relative;
	padding-left: 40px;
    width: 85px;
    box-shadow: 0px 0px 15px #00000029;
	border-radius:5px;
    line-height: 35px;
    height: 35px;
    padding-right: 15px;
    font-size: 16px;
	margin-right:10px;
}	
.month:focus .b {
	border-color:black;
}
.month:focus {
	outline:none;
}
.month.curr {
	top: -9px;
}
.month {
    width: 75px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: -2px;
    cursor: pointer;
    background: none;
    border: none;
	overflow:visible;
}
.mainform .tumsg .turap p {
	margin:0;
}
.mainform .tumsg .turap {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
.mainform.sentok .tumsg {
	display:block;
}
.mainform .tumsg {
	display:none;
	font-size: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: white;
    padding: 40px;
    line-height: 24px;
    border: 1px solid #E5E5E5;
	text-align:center;
}
.mainform.senterror .error {
	display:block;
}
.mainform .error {
	display:none;
	position: absolute;
    color: red;
    bottom: 0;
}
.mainform.sent .working {
	display:block;
}
.mainform.sent.sentok .working ,
.mainform .working {
	display:none;
	background: white;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 60px;
    height: 47px;
    opacity: 0.7;
}
.mainform {
	overflow: auto;
    padding-bottom: 60px;
	position:relative;
}
.mainform .irap {
	clear:both;
}
.mainform .irap.imand.i-checkbox:after {
	position: absolute;
    right: 20px;
    top: 2px;
}
.mainform .irap.imand.i-checkbox:after ,
.mainform .irap.imand label:after {
	content:"*";
	display:inline-block;
	vertical-align:top;
}
.mainform .irap label {
    position: relative;
    margin-top: 20px;
	display:inline-block;
	float:right;
}
.select-rap:after {
	content:"";
	position: absolute;
    left: 10px;
    width: 7px;
    height: 7px;
    border-left: 3px solid #393939;
    border-bottom: 3px solid #393939;
    transform: rotate(-45deg);
    top: 14px;
    z-index: 0;
}
.select-rap select {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
	z-index:1;
}
.mainform .irap.imand input[type="checkbox"] + label::after {
	display:none;
}
.mainform .irap.imand input[type="checkbox"]:checked + label::after ,
.mainform input[type="checkbox"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 14px;
    border-bottom: 2px solid #707070;
    border-right: 2px solid #707070;
    right:0px;
    top: -3px;
    transform: rotate(40deg);
}
.mainform input[type="checkbox"] + label::before {
    content: '';
    border: 1px solid #707070;
    display: inline-block;
    width: 16px;
    height: 16px;
	border-radius:3px;
    vertical-align: top;
    margin-left: 17px;
    margin-top: -1px;
    margin-right: -30px;
	position:absolute;
}
.mainform input[type="checkbox"] + label p {
	margin:0;
}
.mainform .irap.i-checkbox .checkbox-rap.inl {
	margin-bottom:0;
}
.mainform input[type="checkbox"]:checked + label[labelfor="i-nl"]::after {
	right: 0px;
    border-color: #707070;
}
.mainform input[type="checkbox"] + label[labelfor="i-nl"]::before {
	margin-top: 3px;
    margin-right: 34px;
	box-shadow:none;
}
.mainform input[type="checkbox"] + label[labelfor="i-nl"] {
	margin-top:0;
	margin-right:0;
	font-weight:normal;
}
.mainform input[type="checkbox"] + label {
	padding-right: 30px;
	font-size:13px;
	line-height:15px;
	color:#646464;
}
.mainform .irap input[type="checkbox"] {
	position: absolute;
    right: 0;
    left: 0;
    top: 9px;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
    width: 25px;
    padding: 0;
    margin: 0;
    height: 25px;
    opacity: 0;
}
.mainform .irap.i-checkbox .open-accord {
	background: transparent;
    border: navajowhite;
    text-decoration: underline;
    margin-top: 4px;
    margin-right: 24px;
	margin-bottom:8px;
	cursor:pointer;
}
.mainform .irap.i-checkbox.opened .checkbox-rap:after {
	display:none;
}
.mainform .irap.i-checkbox .checkbox-rap:after {
	content: "...";
    position: absolute;
    font-size: 15px;
    top: 7px;
    left: 0px;
}
.mainform .irap.i-checkbox .checkbox-rap {
	position:relative;
	overflow: hidden;
    max-height: 27px;
	transition:max-height 0.5s;
    padding-right: 5px;
    margin-right: -5px;
}
.mainform .irap.i-checkbox {
	display: inline-block;
    float: left;
    width: 262px;
	position:relative;
}
.mainform .irap.ierror input[type="checkbox"] + label::before,
.mainform .irap.ierror .select-rap,
.mainform .irap.ierror input[type="text"] {
	border-color:red;
}
.mainform .irap.i-phone .select-rap {
	position: absolute;
    left: 0;
    width: 40px;
    padding-left: 15px;
    margin-right: 5px;
}
.mainform div.irap.i-phone input {
	width: calc(250px - 40px - 15px - 5px - 8px);
    margin-left: calc(40px + 15px + 5px + 2px + 5px);
}
.mainform .irap .select-rap,
.mainform .irap input[type="text"] {
	display: block;
    float: left;
    width: 250px;
    border: 1px solid #B5B5B5;
    line-height: 39px;
	padding:0 5px;
	background:white;
	position:relative;
	margin-bottom:19px;
}
.form-rap .button {
    clear: both;
    display: block;
    width: 262px;
    height: 44px;
    float: left;
    background: #022849;
    color: white;
    font-size: 24px;
    font-weight: bold;
    border: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 5px;
	font-family: 'Simpler';
}
.form-rap .mainform .ftitle {
	color: black;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #022849;
    line-height: 23px;
    padding-bottom: 3px;
	font-family:'Simpler-Bold';
}
}
.form-rap .irap {
	margin-bottom:19px;
	overflow:visible;
	clear:both;
	position:relative;
}
.form-rap {
	position: relative;
    display: inline-block;
    right: auto;
    top: auto;
    margin-right:5%;
    width: 35%;
    overflow: auto;
}
/*
.brap.skoda .myselect .arrow span {
	border-color:#4aa82c;
}
.brap.seat .myselect .arrow span ,
.brap.audi .myselect .arrow span {
	border-color:black;
}
.rap.audi .month.curr .b span,
.rap.audi .month.curr .m .back,
.rap.audi .month.curr .m .back .aback,
.rap.seat .month.curr .b span,
.rap.seat .month.curr .m .back,
.rap.seat .month.curr .m .back .aback{
	background:black;
}
.rap.audi .circle-rap .center ,
.rap.seat .circle-rap .center {
	background:white;
}
.rap.audi .circle-rap .back-circle ,
.rap.seat .circle-rap .back-circle {
	background:black;
}
.rap.audi .pie.baloon:BEFORE, 
.rap.audi .pie.baloon:AFTER, 
.rap.seat .pie.baloon:BEFORE, 
.rap.seat .pie.baloon:AFTER{
	background:#a4a4a4;
}
.rap.seat .bars-rap .bar-rap .bar .barpos .bullet span.dot {
	background:transparent linear-gradient(145deg, #FF0036 0%, #B24410 100%) 0% 0% no-repeat padding-box;
}

.rap.skoda .select-rap:after {
	border-color:#4aa82c;
}
.rap.audi .select-rap:after {
	border-color:#d41531;
}
.rap.seat .form-rap .mainform .ftitle,
.rap.seat .select-rap:after {
	border-color:#FF0036;
}
.brap.seat .list-page .tabs .tab.curr:after,
.rap.seat .form-rap .button,
.rap.seat .bars-rap .bar-rap .bar .barpos {
	background:#FF0036;
}
.rap.audi .pie.loan:BEFORE, 
.rap.audi .pie.loan:AFTER,
.rap.audi .bars-rap .bar-rap .bar .barpos .bullet span.dot,
.rap.audi .bars-rap .bar-rap .bar .barpos {
	background:#d41531;
}
.rap.skoda {
	background:white;
}
.rap.skoda .month.curr .m .back .aback,
.rap.skoda .month.curr .b span,
.rap.skoda .month.curr .m .back ,
.rap.skoda .circle-rap .back-circle {
	background:black;
}
.rap.skoda .pie.loan:BEFORE, 
.rap.skoda .pie.loan:AFTER,
.rap.skoda .bars-rap .bar-rap .bar .barpos .bullet span.dot,
.rap.skoda .bars-rap .bar-rap .bar .barpos {
	background:#4aa82c;
}

.rap.skoda .pie.baloon:BEFORE, 
.rap.skoda .pie.baloon:AFTER,
.rap.skoda .bars-rap .bar-rap#baloon .bar .barpos .bullet span.dot,
.rap.skoda .bars-rap .bar-rap#baloon .bar .barpos {
	background:#808080;
}
*/

.test-rap {
	font-size: 14px;
    line-height: 17px;
    position: absolute;
    bottom: 0px;
}

footer .flogo {
	display: inline-block;
    margin-left: 14px;
    vertical-align: middle;
}
footer .fbottom {
	border-top: 1px solid #C7C7C7;
    padding: 22px 0 32px;
}
footer {
	margin-top:100px;
	background:#F5F5F5;
	color:#7B7B7B;
	font-size:14px;
	line-height:17px;
}
.legal {
    padding-top: 30px;
	padding-bottom:30px;
    padding-left: 15%;
}

.list-select .list-option span.mname {
	font-weight:bold;
	font-size:18px;
	line-height:21px;
}
.list-select .list-option span.iprice {
	font-weight:bold;
	font-size:21px;
	line-height:24px;
}
.list-select .list-option span {
	display:block;
	margin-bottom:5px;
}
.list-select .list-option.curr:after {
	content:"";
	position: absolute;
    right: -1px;
    top: -2px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    width: 3px;
    height: 8px;
    transform: rotate(34deg);
}
.list-select .list-option.curr:before {
	content:"";
	width: 20px;
    background: #022849;
    height: 20px;
    position: absolute;
    right: -10px;
    border-radius: 20px;
    top: -8px;
    border: 2px solid white;
}
.brap.cupra .bars-rap .bar-rap .bar .poslabel .save,
.brap.cupra .list-page .item span.ibtn,
.brap.cupra .list-page .item .href,
.brap.cupra .total-rap .open-lead,
.brap.cupra .list-page .tabs .tab.curr:after,
.brap.cupra .form-rap .button,
.brap.cupra .bars-rap .bar-rap .bar .barpos,
.brap.cupra .list-select .list-option.curr:before {
	background:#053C4A;
}
.brap.audi .bars-rap .bar-rap .bar .poslabel .save,
.brap.audi .list-page .item span.ibtn,
.brap.audi .list-page .item .href,
.brap.audi .total-rap .open-lead,
.brap.audi .list-page .tabs .tab.curr:after,
.brap.audi .form-rap .button,
.brap.audi .bars-rap .bar-rap .bar .barpos,
.brap.audi .list-select .list-option.curr:before {
	background:black;
}
.brap.vw .bars-rap .bar-rap .bar .poslabel .save,
.brap.vw .list-page .item span.ibtn,
.brap.vw .list-page .item .href,
.brap.vw .total-rap .open-lead,
.brap.vw .list-page .tabs .tab.curr:after,
.brap.vw .form-rap .button,
.brap.vw .bars-rap .bar-rap .bar .barpos,
.brap.vw .list-select .list-option.curr:before {
	background:#001E50;
}
.brap.skoda .bars-rap .bar-rap .bar .poslabel .save,
.brap.skoda .list-page .item span.ibtn,
.brap.skoda .list-page .item .href,
.brap.skoda .total-rap .open-lead,
.brap.skoda .list-page .tabs .tab.curr:after,
.brap.skoda .form-rap .button,
.brap.skoda .bars-rap .bar-rap .bar .barpos,
.brap.skoda .list-select .list-option.curr:before {
	background:#0E3A2F;
}
.brap.seat .form-rap .button:hover,
.brap.seat .bars-rap .bar-rap .bar .poslabel .save:hover,
.brap.seat .list-page .item span.ibtn:hover {
	background: linear-gradient(90deg, #C20A3C 0%, #FF0036 50%);	
}
.brap.seat .bars-rap .bar-rap .bar .poslabel .save,
.brap.seat .list-page .item span.ibtn,
.brap.seat .list-page .item .href,
.brap.seat .total-rap .open-lead,
.brap.seat .list-page .tabs .tab.curr:after,
.brap.seat .form-rap .button,
.brap.seat .bars-rap .bar-rap .bar .barpos,
.brap.seat .list-select .list-option.curr:before {
	background:linear-gradient(90deg, rgba(243, 29, 87, 1) 0%, rgba(255, 0, 54, 1) 50%);
}
.brap.cupra .list-page .item .href
.brap.cupra .form-rap .mainform .ftitle,
.brap.cupra .list-select .list-option.curr {
	border-color:#053C4A;
}
.brap.audi .form-rap .mainform .ftitle,
.brap.audi .list-select .list-option.curr {
	border-color:black;
}
.brap.vw .form-rap .mainform .ftitle,
.brap.vw .list-select .list-option.curr {
	border-color:#001E50;
}
.brap.skoda .form-rap .mainform .ftitle,
.brap.skoda .list-select .list-option.curr {
	border-color:#0E3A2F;
}
.brap.seat .form-rap .mainform .ftitle,
.brap.seat .list-select .list-option.curr {
	border-color:#FF0036;
}
.brap.cupra .bars-rap .bar-rap .bar .poslabel .edit svg path {
	stroke:#053C4A;
}
.brap.audi .bars-rap .bar-rap .bar .poslabel .edit svg path {
	stroke:black;
}
.brap.vw .bars-rap .bar-rap .bar .poslabel .edit svg path {
	stroke:#001E50;
}
.brap.skoda .bars-rap .bar-rap .bar .poslabel .edit svg path {
	stroke:#0E3A2F;
}
.brap.seat .bars-rap .bar-rap .bar .poslabel .edit svg path {
	stroke:#FF0036;
}
.brap.cupra .bars-rap .bar-rap .bar .barpos .bullet:focus span.dot, 
.brap.cupra .bars-rap .bar-rap .bar .barpos .bullet span.dot {
    background: transparent linear-gradient(145deg, #053C4A 0%, #03252E 100%) 0% 0% no-repeat padding-box;
}
.brap.audi .bars-rap .bar-rap .bar .barpos .bullet:focus span.dot, 
.brap.audi .bars-rap .bar-rap .bar .barpos .bullet span.dot {
    background: transparent linear-gradient(145deg, #393939 0%, #000000 100%) 0% 0% no-repeat padding-box;
}
.brap.vw .bars-rap .bar-rap .bar .barpos .bullet:focus span.dot, 
.brap.vw .bars-rap .bar-rap .bar .barpos .bullet span.dot {
    background: transparent linear-gradient(145deg, #024780 0%, #021E50 100%) 0% 0% no-repeat padding-box;
}
.brap.skoda .bars-rap .bar-rap .bar .barpos .bullet:focus span.dot, 
.brap.skoda .bars-rap .bar-rap .bar .barpos .bullet span.dot {
    background: transparent linear-gradient(145deg, #0D624C 0%, #0E3A2F 100%) 0% 0% no-repeat padding-box;
}
.brap.seat .bars-rap .bar-rap .bar .barpos .bullet:focus span.dot, 
.brap.seat .bars-rap .bar-rap .bar .barpos .bullet span.dot {
    background: transparent linear-gradient(145deg, #FF0036 0%, #B24410 100%) 0% 0% no-repeat padding-box;
}

.list-select .list-option.curr {
	box-shadow: 0px 0px 15px #00000029;
	border-color:#022849;
}
.list-select .list-option:hover {
	box-shadow: 0px 0px 15px #00000029;
}
.list-select .list-option {
	display: inline-block;
	position:relative;
    background: white;
    border: 1px solid #D3D3D3;
    padding: 15px;
    border-radius: 10px;
    margin-left: 16px;
	cursor:pointer;
	color:inherit;
	text-decoration:none;
}
.mslider .legal {
	margin-top:12px;
	padding:0;
}
a.back:before {
	content:"";
	display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    vertical-align: middle;
    margin-left: 3px;
}
a.back {
	color: inherit;
    margin-top: 10px;
    display: inline-block;
	text-decoration:none;
}
.groupt {
	font-size:24px;
	line-height:27px;
}
.total-rap .banks-list-rap {
	position:relative;
}
.total-rap .banks-list-rap.show .banks-list {
	opacity:1;
}
.total-rap .banks-list-rap .banks-list button.close:before {
	transform: rotate(-45deg);
}
.total-rap .banks-list-rap .banks-list .close:before,
.total-rap .banks-list-rap .banks-list .close:after {
	content:"";
	background: black;
    width: 2px;
    height: 12px;
    position: absolute;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.total-rap .banks-list-rap .banks-list .close {
	position: absolute;
    padding: 0;
    width: 20px;
    height: 20px;
    top: 4px;
    right: 4px;
    border: 0;
    cursor: pointer;
    background: transparent;
}
.total-rap .banks-list-rap .banks-list {
	opacity:0;
	transition:opacity 0.5s;
	box-shadow: 0px 0px 15px #00000029;
    position: absolute;
    padding: 16px 24px;
    border-radius: 12px;
    min-width: 120px;
	top:52px;
}
.total-rap .banks-list-rap button.open-banks {
	border: 0;
    padding: 4px 16px 4px 0;
    font-size: 16px;
    cursor: pointer;
    margin: 12px 0;
    background: transparent;
    text-decoration: underline;
}
.total-rap .trap,
.total-rap h2 {
    font-family: 'Simpler-Bold';
    font-weight: normal;
    font-size: 16px;
	display:inline-block;
}
.total-rap .monthly {
	font-size:48px;
	font-weight:bold;
	line-height:53px;
    margin-right: 15px;	
}
.total-rap .cr {
	font-size:35px;
	line-height:53px;
}
.total-rap .monthly,
.total-rap .cr,
.total-rap h2 {
	font-family:'Simpler-Bold';
}
.total-rap {
	margin-top:65px;
}

.list-page .item img {
	width: auto;
    display: block;
    margin: 0;
    margin-bottom: 30px;
    height: 130px;
    position: relative;
    right: 50%;
    transform: translateX(50%);
}
.list-page .item .name {
	font-size:18px;
	font-weight:bold;
}
.list-page .item:hover {
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px;
    border-radius: 10px;
}
.list-page .list-rap .loader-back img {
	display: block;
    margin: auto;
}
.list-page .list-rap .loader-back.loading {
	background:rgba(255,255,255,0.85);
	opacity:1;
	z-index:1;
}
.list-page .list-rap .loader-back .loader-img {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(farthest-side,#727272 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#727272);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
      right: 50%;
    position: relative;
    margin-right: -25px;
    top: 100px;
}
@keyframes l13{
  100%{transform: rotate(1turn)}
}
.list-page .list-rap .loader-back {
	opacity:0;
	z-index:-1;
	position: absolute;
    background: white;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}
.list-page .list-rap {
	position:relative;
}
.list-page .item {
	color:inherit;
	font-size:16px;
	text-decoration:none;
	display: inline-block;
    position: relative;
	padding: 10px 30px 80px;
    width: calc(25% - 60px);
    vertical-align: top;
    margin-top: 20px;
}
.list-page .tabs .tab.curr:after {
	content:"";
	background: #022849;
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 25px;
    right: 5px;
    top: 6px;
}
.list-page .tabs .tab:before {
	content:"";
	width:25px;
	height:25px;
	border-radius:25px;
	box-shadow:0px 0px 15px #00000045;
	display:inline-block;
	margin-left:13px;
	vertical-align:middle;
}
.list-page .tabs .tab {
	background:transparent;
	cursor:pointer;
	position:relative;
	display:inline-block;
	height:25px;
	line-height:25px;
	font-family:'Simpler-Bold';
	border:0;
	padding:0;
	margin-left:45px;
	font-size:18px;
	color:#393939;
}
.list-page .tabs {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom:13px;
	margin-bottom:53px;
	margin-top:43px;
}
.list-page[data-string="byprice"] .item.filteron.filternear .inear,
.list-page .item:hover .ibtn {
	display:block;
}
.list-page .item .ibtn,
.list-page[data-string="byprice"] .item.filteron.filternear .inear {
    position: absolute;
    background: black;
    color: white;
    padding: 7px 10px;
    border-radius: 6px;
    bottom: 60px;
	right: 30px;
    left: 30px;
    text-align: center;
    transform: translateY(100%);
}
.list-page[data-string="byprice"] .item.filteron.filternear {
	opacity:1;
}
.list-page[data-string="byprice"] .item.filteron {
	opacity:0.3;
}
.list-page[data-string="byprice"] .tabs-rap .bars-rap {
	display:block;
}

.list-page .lobby-banner img ,
.list-page .list-banner img {
	max-width:100%;
}
.list-page .list-banner {
	margin-top:40px;
}
.list-page .tabs-rap .bars-rap {
	display:none;
	width: auto;
    margin: 0;
	border:0;
	padding-left:0;
}
.list-page .tabs-rap .bars-rap .comment {
	position: relative;
    font-size: 14px;
    line-height: 16px;
    margin: -20px 5% 0;
}
.list-page .tabs-rap .bars-rap .bar-rap label {
	font-size: 16px;
    font-family: 'Simpler-Bold';
	position: absolute;
    top: -40px;
    margin: 0;
}
.list-page .tabs-rap .bars-rap .bar-rap {
    padding-top: 0;
    display: inline-block;
    width: 40%;
    margin: 0 5% 60px;
    position: relative;
}
.list-page .mitem img {
	width:auto;
	display:block;
	margin:auto;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 80%;
}
.list-page.lobby-list {
	max-width: 1000px;
    margin: 50px auto;
	width:95%;
}
.list-page.lobby-list .mitem .imgrap:hover {
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px;
}
.list-page.lobby-list .mitem .imgrap {
    border:1px solid #D3D3D3;
    border-radius: 10px;
	position:relative;
    height: 102px;
}
.list-page.lobby-list .mitem .title {
	margin-top:8px;
	font-size:20px;
}
.list-page.lobby-list .mitem {
	display: inline-block;
    width: calc(33.333% - 24px - 2px);
    margin: 30px 12px;
	text-align:center;
	text-decoration:none;
	color:inherit;
}
.total-rap button.hidden ,
.hidden {
	display:none;
}
.checkbox-rap {
	margin:20px 0;
}
.checkbox-rap input {
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	opacity:0;
	z-index:1;
	position: relative;
    cursor: pointer;
}
.checkbox-rap input[type="checkbox"]:checked + label::after {
	content:"";
	display: block;
    position: absolute;
    width: 6px;
    height: 14px;
    border-bottom: 2px solid #FF0036;
    border-right: 2px solid #FF0036;
    right: -28px;
    top: 0px;
    transform: rotate(40deg);
}
.checkbox-rap label:before {
	content:"";
	position:absolute;
	width:22px;
	height:22px;
	box-shadow:0px 0px 15px #00000029;
	top:0;
	right:-34px;
}
.checkbox-rap label {
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	margin-right:12px;
	position: relative;
    top: -3px;
}

@media screen and (max-width: 1070px) {
	header .myselect#mutag,
	header .myselect#model,
	header .myselect#group {
		margin: 15px auto;
		width: auto;
		display: block;
		max-width: 350px;
	}
	.bars-rap .bar-rap .bar {
		max-width:calc(100% - 14px);
	}
	.price-rap {
		padding:0 5%;
	}
	.bars-rap .bar-rap#month,
	.bars-rap .bar-rap {
		padding-left: 5%;
		padding-right: 5%;
		width:340px;
		max-width:90%;
		padding-top: 80px;
		margin: 0;
		text-align:center;
		position: relative;
	}
	.month .y {
		font-weight:normal;
	}
	.month {
		margin: 0;
		max-width: 20%;
	}
	label {
		top:10px;
	}
	.srap.mutag,
	.srap {
		display: block;
		margin: 0 auto;
		width: 80vw;
	}	
	.site {
		padding:0;
	}
	footer .site {
		padding:0 5vw;
	}
	.legal {
		margin-top: 60px;
		width: auto;
		padding-left:0;
	}
	
	.mainform .irap div.select-rap {
		clear:both;
	}
	
	.mainform .irap .select-rap, .mainform .irap input[type="text"] {
		float: none;
		display: block;
		width: calc(100% - 12px);
	}
	.mainform .irap label {
		display: block;
		top:auto;
		width:80%;
		margin-top:0;
		padding:0;
	}
	.mainform .irap {
		position:relative;
		overflow:auto;
	}
	.mainform .irap.i-checkbox label {
		float:none;
	}
	.mainform .irap.i-checkbox {
		float: none;
		width: auto;
		display: block;
		overflow: visible;
		margin-bottom:15px;
	}
	.mainform .irap.i-phone .select-rap {
		bottom: 0;
	}
	.main-image {
		float: none;
		margin: auto;
	}
	.list-page .item {
		width:calc(33.333% - 60px);
	}
}
@media screen and (max-width: 1100px) and (min-width: 801px) {
	.circle-rap {
		right: auto;
		left: 5vw;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.bars-rap .bar-rap#month {
		margin-top:30px;
	}
}
@media screen and (max-width: 800px) {
	.list-page.lobby-list {
		margin-top:0;
	}
	.list-page .list-banner {
		margin:20px;
	}
	header .top-header {
		padding:0 5vw 5px;
		background: #F5F5F5;
	}
	.bars-rap {
		width: 100%;
		display: block;
	}
	a.back {
		position: absolute;
		top: -100px;
		margin-top: 30px;
		z-index: 1;
		left: 5vw;
		text-align: left;
		width: auto;
		font-size: 18px;
	}
	a.back:before {
		float: left;
		transform: rotate(135deg);
		margin-left: 0;
		margin-right: 5px;
		margin-top: 9px;
	}
	.bars-rap .bar-rap .bar .poslabel .error {
		transform: none;
		width: 50px;
		white-space: normal;
		line-height: 12px;
		top: auto;
		bottom: 25px;
		text-align: left;
		right: auto;
		left: 0;	}
	.groupt {
		text-align: center;
	}
	.srap.mslider {
		position: absolute;
		top: calc(44vw + 80px);
		width: 100vw;
		min-width: 100vw;
		z-index:10;
		padding:0;
		position: relative;
		top: auto;
		margin-top: calc(44vw + 40px);
	}	
	.mslider .legal {
		padding:0 12px;
	}
	.mslider {
		margin-bottom:-32px;
	}
	.srap-nav {
		display:none;
	}
	.main-image {
		width: auto;
		height: 44vw;
		margin-bottom: calc(40vw + 40px);
		margin-top: -40px;
		position: relative;
		position: absolute;
		top: calc(-44vw - 0px);
		transform: translate(50%, -100%);
		margin-top: 0;
		right: 50%;
	}
	.form-rap .button {
		margin-top:20px;
		float: none;
		width: 100%;
	}
	.mainform div.irap.i-phone input {
		float: right;
		width: calc(100% - 85px);
	}
	.form-rap .irap {
		position:relative;
	}
	.form-rap .irap label {
		float:none;
	}
	.form-rap {
		display:none;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background: white;
		margin: 0;
		width: auto;
		height:calc(100vh - 60px);
		padding: 30px 20px;
		z-index: 22;
		overflow: auto;
	}
	.month-rap {
		width: 100px;
		margin: auto;
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}
	.bar-rap#month .binfo-rap {
		top:-5px;
	}
	.bar-rap#month .blabel {
		display: inline-block;
		vertical-align: middle;
		top: auto;
	}
	.bars-rap .binfo-rap {
		position:static;
	}
	.bars-rap .bar-rap#month, .bars-rap .bar-rap {
		padding-left: 0;
		padding-right: 0;
		width: auto;
		max-width: none;
		padding-top:50px;
	}	
	.bars-rap .blabel {
		top:auto;
		display:inline-block;
	}
	.bars-rap div.bar-rap#month {
		margin: -15px auto 23px;
		padding-top:10px;
		border-bottom: 1px solid #E5E5E5;
		padding-bottom: 25px;
		margin-bottom: 20px;
		width: calc(100% - 10vw);
	}
	.tabs-rap .bars-rap .bar-rap#loan:after {
		bottom: -55px;
		right: 0;
		width: 100%;
	}
	.bars-rap .bar-rap#loan:after {
		content:"";
		border-bottom: 1px solid #E5E5E5;
		width: calc(100% - 10vw);
		position:absolute;
		bottom: -60px;
		right: 5vw;
	}
	.list-page .bars-rap .bar-rap#loan {
		margin-bottom:110px;
	}
	.bars-rap .bar-rap#loan {
		margin-bottom:60px;
	}
	.bars-rap .bar-rap {
		padding-left: 15%;
		padding-right: 15%;
		width:auto;
		margin:0 auto 40px;
	}
	.price-rap {
		text-align:center;
	}
	.circle-rap .main-image {
	    position: relative;
		display: block;
		max-width: 75vw;
		margin-top: 40px;
	}
	.circle-rap {
	    position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
		height:auto;
		max-height:none;
		max-width: none;
		overflow: visible;
		margin-top:55px;
		text-align:center;
	}
	.crap {
		position: relative;
		border-radius: 100%;
		width: 80px;
		height: 80px;
		max-height: 420px;
		max-width: 420px;
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;
		margin-left: 20px;
	}
	.crap .center {
		top: 15px;
		bottom: 15px;
		right: 15px;
		left: 15px;
	}
	.circle-rap .center.text div {
		position: relative;
		width: auto;
		height: auto;
	}
/*	
	.rap.seat .circle-rap .center .monthly ,
	.rap.skoda .circle-rap .center .monthly ,
	.rap.audi .circle-rap .center .monthly {
		color:black;
	}
	.rap.audi .circle-rap .center, .rap.seat .circle-rap .center {
		background:transparent;
	}
	.rap.seat .circle-rap .center.text,
	.center.text {
		position: relative;
		background: transparent;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		border-radius: unset;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		background:none;
	}
*/	.circle-rap .center .monthly {
		font-size: 46px;
		color:#003159;
	}
	.bars-rap .binfo-rap .binfo .arrow {
		display:none;
	}
	.bars-rap .binfo-rap.opened:hover span.binfo {
		opacity:1;
	}
	.bars-rap .binfo-rap:hover span.binfo {
		opacity:0;
	}
	.bars-rap .binfo-rap .binfo {
	    right: 0;
		left: 0;
		margin: auto;
		top: -70px;
	}
	header .top-header .contrast {
		position: absolute;
		left: -5vw;
		margin: 0;
		top: 5px;
		margin-left: 5px;
	}
	body.baw .bars-rap .bar-rap#baloon,
	body.baw .bars-rap .bar-rap#loan {
		background:#333333;
	}
	.total-rap .trap .binfo-rap .binfo {
		top:-50px;
	}
	.total-rap .trap .binfo-rap .toggle {
		position: absolute;
		right: 15px;
		top: 24px;
	}
	.total-rap h2 {
		position: absolute;
		right: 44px;
		width: 100px;
		line-height: 16px;
		text-align: right;
		top: 20px;
		font-size:14px;
		margin:0;
	}
	.total-rap .trap {
		position: absolute;
		right: 0;
		top: 0;
	}
	.total-rap .banks-list-rap .banks-list {
		float: left;
		margin-left: 15px;
		position: fixed;
		bottom: 120px;
		top: auto;
		background: white;
		left: 15px;
	}
	.total-rap .banks-list-rap {
		overflow: auto;
		position: absolute;
		left: 0;
		width: 140px;
		padding-top: 20px;
		bottom: 84px;
	}
	.bar-rap .trap {
		position:relative;
		top:-30px;
	}
	.total-rap {
		position: fixed;
		bottom: 0;
		background: white;
		z-index: 11;
		right: 0;
		left: 0;
		box-shadow: 0px 0px 15px #00000029;
		padding: 0px 15px 20px;
		text-align: right;
		border-radius:16px 16px 0px 0px;
	}
	footer .site {
		padding:0 5vw;
	}
	footer {
		padding-bottom:250px;
	}
	.total-rap button.hidden {
		display:block;
		background: #053C4A;
		color: white;
		font-size: 24px;
		line-height: 28px;
		padding: 15px;
		font-family: 'Simpler-Bold';
		border: 0;
		width: 100%;
		text-align: center;
		margin-top: 8px;
	}
	.form-rap .close.hidden:before,
	.form-rap .close.hidden:after {
		content:"";
		position: absolute;
		width: 2px;
		height: 100%;
		background: black;
		transform: rotate(45deg);
		top: 0;
		right: 10px;
	}
	.form-rap button.close.hidden:after {
		content:"";
		transform: rotate(-45deg);
	}
	.form-rap .close.hidden {
		display: block;
		position: absolute;
		border: 0;
		width: 20px;
		height: 20px;
		top: 15px;
		right: 15px;
		background: transparent;
		z-index:9;
	}
	.list-page .item .ibtn {
		display:block;
		background: #022849;
		color: white;
		border: none;
		text-align: center;
		font-size: 18px;
		font-family: 'Simpler-Bold';
		padding: 10px 30px;
		margin: 20px 0px 0;
		width: auto;
		border-radius: 5px;
		line-height: 24px;
	}
	.list-page .item .name {
		font-size: 24px;
		line-height:27px;
		margin-bottom:7px;
		color:#393939;
	}
	.list-page .item {
		font-size:18px;
		line-height:21px;
		color:#7B7B7B;
		display:block;
		width:auto;
		margin:20px 27px;
		text-align:center;
		box-shadow:0px 0px 15px #00000029;
		padding-top:30px;
	}
	.list-page .tabs-rap .bars-rap .bar-rap {
		width: auto;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
		display:block;
		margin-bottom:80px;
	}
	.list-page .tabs-rap .bars-rap .bar-rap .comment {
	    position: relative;
		top: auto;
		margin-top: 45px;
		text-align: right;
	}
	/*
	body.hfixed .list-page {
		padding-top:110px;
	}
	body.hfixed .list-page .tabs-rap .bars-rap .commrap .icon {
		display:inline-block;
		background:transparent;
		padding:0;
		font-family:'Simpler';
		position: absolute;
		bottom: 15px;
		border: 1px solid;
		border-radius: 30px;
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		font-size: 13px;
		cursor: pointer;
	}
	body.hfixed .list-page .tabs-rap .bars-rap .commrap.opened .comment {
		display: block;
		position: absolute;
		background: white;
		border: 1px solid #aaaaaa;
		border-radius: 5px;
		padding: 15px;
		bottom: 5px;
		right: 45px;
		left: 0;
	}
	body.hfixed .list-page .tabs-rap .bars-rap .comment {
		display:none;
	}
	body.hfixed .list-page[data-string="bymodel"] .tabs-rap .tabs {
		margin-bottom:0px;
	}
	body.hfixed .list-page .tabs-rap .tabs {
		padding-top:15px;
	}
	body.hfixed[scrolldir="down"] .list-page .tabs-rap {
		transform:translateY(-100%);
	}
	body.hfixed .list-page .tabs-rap {
		transition:all 0.5s;
		transform:translateY(0%);
		position: fixed;
		top: 0;
		z-index: 9999;
		background: white;
		right: 0;
		left: 0;
		border-bottom:1px solid #aaaaaa;
	}
	*/
	.list-page .tabs-rap .bars-rap {
		margin-right: 35px;
		margin-left: 35px;
		overflow:visible;
		border:0;
	}
	.list-page .tabs {
		margin-right: 20px;
		margin-left: 20px;
		overflow:visible;
		margin-top: 8px;
		margin-bottom: 60px;
		padding-bottom:20px;
	}
	.list-page .tabs .tab:last-child {
		margin-left: 0;
		float: left;
	}
	.list-page .tabs .tab {
		margin-left: 20px;
		overflow:visible;
	}
	.list-page.lobby-list .mitem {
		width:calc(50% - 24px - 2px);
	}
	.list-page .mitem {
		display: block;
		width: auto;
		margin: 80px 4%;
	}
	.list-page.fixed[data-string="byprice"] {
		padding-top:350px;
	}
	.list-page.fixed {
		padding-top:110px;
	}
	.list-page.fixed .tabs-rap {
		position: fixed;
		background: white;
		z-index: 9;
		right: 0;
		left: 0;
		top: 113px;
	}
	header h1 {
		display: none;
	}
	header .top-header .logo img {
		max-width:100%;
		height:auto;
	}
	header .top-header .logo {
		margin-left: 10px;
		max-width: calc(100% - 215px);
	}
	.list-page[data-string="byprice"] .item.filteron.filternear .inear {
		position: absolute;
		top: 15px;
		bottom: auto;
		right: 0;
		left: auto;
		border-radius: 6px 0 0 6px;
		font-size: 13px;
		padding: 4px 10px;
		transform: unset;
	}
	.total-rap .monthly	{
		font-size:32px;
	}
	.total-rap .cr {
		font-size:24px;
	}
	.srap .list-select {
		right: 0px;
		width: auto;
		overflow: auto;
		padding: 0;
		margin: 0 12px;
	}
	.list-select .list-option {
		scroll-snap-align: start;
	}
	.srap .list-select .list-rap {
		display: flex;
		padding-left: 36px;
		padding-right: 7px;
		padding-top: 7px;
		scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scroll-padding-inline: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
	}
	.list-select .list-option span {
		white-space: nowrap;
	}
	.bars-rap .bar-rap .bar .poslabel {
	    left: 56px;
	}
	.list-page .bars-rap .bar-rap .bar .poslabel {
	    left: 56px;
	}
	.total-rap .banks-list-rap button.open-banks {
		background: transparent;
		color: inherit;
		text-decoration: underline;
		font-size: 15px;
		position: absolute;
		left: 15px;
		bottom: 74px;
		top:-20px;
	}
	.total-rap .monthly {
		font-size:28px;
	}
	.total-rap .monthly,
	.total-rap .cr {
		position: relative;
		right: 90px;
		top:10px;
	}
	header .top-header .sitelink.mlink {
		margin-top:0;
	}
}
/*
body.baw .rap.skoda .month.curr .m .back .aback, 
body.baw .rap.audi .month.curr .m .back .aback, 
body.baw .rap.seat .month.curr .m .back .aback,
body.baw .brap .month.curr .m .aback,
body.baw .brap .month.curr .m .back {
	background:white;
	color:black;
}
*/
body.baw .brap .myselect .arrow span {
	border-color:black;
}
body.baw .brap .center {
	background:white;
}
body.baw .brap header h1,
body.baw .brap .center.text *,
body.baw .brap .binfo-rap *,
body.baw .brap .poslabel span,
body.baw .brap .poslabel,
body.baw .brap .myselect * {
	color:black;
}
body.baw .brap .bars-rap .bar-rap .bar .barnum,
body.baw .brap * {
	color:white;
}
body.baw .brap .bars-rap .bar-rap .bar {
	border:0;
	height:6px;
}

body.baw .brap .contrast span:first-child,
body.baw .brap .rap.skoda .bars-rap .bar-rap#baloon .bar .barpos,
body.baw .brap .bars-rap .bar-rap .bar .barpos,
body.baw .brap .month.curr .b ,
body.baw .brap .month.curr .b span {
	background: #2abaf7;
    border-color: #2abaf7;
}
body.baw .brap .bars-rap .bar-rap#baloon .bar .barpos .bullet span.dot,
body.baw .brap .bars-rap .bar-rap .bar .barpos .bullet span.dot,
body.baw .brap .rap.skoda,
body.baw .brap {
	background:#333333;
}

.rap.empty-true {
	opacity:0.3;
}
.rap.empty-true .bars-rap .bar-rap .bar .barpos,
.rap.empty-true .circle-rap .main-image {
	display:none;
}
.rap.empty-true .bars-rap .bar-rap .bar .barnum,
.rap.empty-true .circle-rap .center .cr,
.rap.empty-true .circle-rap .center .monthly,
.rap.empty-true .price-rap .cr,
.rap.empty-true .price-rap .price {
	color: transparent;
}

h1.single span {
	display:inline-block;
}
header .agents-legal {
	float: left;
    margin-top: 26px;
    color: inherit;
}