@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');

body {
    background-color: #E7E7E7;
    background-repeat: repeat-x;
    font-family: 'Raleway', sans-serif;
    font-size:14px;
}

.bold {font-weight: bold}

.clear {clear:both;}

.mt-10 {margin-top:15px}
.mt-15 {margin-top:15px}
.mt-25 {margin-top:25px}
.mb-15 {margin-bottom:15px}
.pt-15 {padding-top:15px}
.pb-15 {padding-bottom:15px}

.fs-12 {font-size:12px !important;}
.fs-24 {font-size:24px !important;}

.w-100-pc {width:100%}

.hide {display:none}
.ta-c {text-align:center}
.ta-r {text-align:right}

.lh-14 {line-height: 14px;}

.underline {text-decoration: underline}

.glic {
	width: 10px;
}
.bt-0 {border-top: none !important}

.td-small td {font-size:80% !important;font-weight:400 !important}

.bbox {
	-webkit-box-shadow: 0px 0px 1px 0px rgba(140,140,140,1);
	   -moz-box-shadow: 0px 0px 1px 0px rgba(140,140,140,1);
	        box-shadow: 0px 0px 1px 0px rgba(140,140,140,1);

	border: 1px solid #30528d;
	border-radius: 10px;
}
.tt_uc {text-transform:uppercase}
::-webkit-input-placeholder {
   text-transform: initial;
}

:-moz-placeholder { 
   text-transform: initial;
}

::-moz-placeholder {  
   text-transform: initial;
}

:-ms-input-placeholder { 
   text-transform: initial;
}

.red {color:red}

label {
	margin-bottom: .2rem;
}

.card-blue {
	border: 2px solid #30528D !important; 
}

@media (min-width: 992px) { .form-narrow .col-1, .form-narrow .col-2, .form-narrow .col-3, .form-narrow .col-4, .form-narrow .col-5, .form-narrow .col-6, .form-narrow .col-7, .form-narrow .col-8, .form-narrow .col-9, .form-narrow .col-10, .form-narrow .col-11, .form-narrow .col-12, .form-narrow .col, .form-narrow .col-auto, 
.form-narrow .col-sm-1, .form-narrow .col-sm-2, .form-narrow .col-sm-3, .form-narrow .col-sm-4, .form-narrow .col-sm-5, .form-narrow .col-sm-6, .form-narrow .col-sm-7, .form-narrow .col-sm-8, .form-narrow .col-sm-9, .form-narrow .col-sm-10, .form-narrow .col-sm-11, .form-narrow .col-sm-12, .form-narrow .col-sm, .form-narrow .col-sm-auto,  
.form-narrow .col-md-1, .form-narrow .col-md-2, .form-narrow .col-md-3, .form-narrow .col-md-4, .form-narrow .col-md-5, .form-narrow .col-md-6, .form-narrow .col-md-7, .form-narrow .col-md-8, .form-narrow .col-md-9, .form-narrow .col-md-10, .form-narrow .col-md-11, .form-narrow .col-md-12, .form-narrow .col-md, .form-narrow .col-md-auto,  
.form-narrow .col-lg-1, .form-narrow .col-lg-2, .form-narrow .col-lg-3, .form-narrow .col-lg-4, .form-narrow .col-lg-5, .form-narrow .col-lg-6, .form-narrow .col-lg-7, .form-narrow .col-lg-8, .form-narrow .col-lg-9, .form-narrow .col-lg-10, .form-narrow .col-lg-11, .form-narrow .col-lg-12, .form-narrow .col-lg, .form-narrow .col-lg-auto,  
.form-narrow .col-xl-1, .form-narrow .col-xl-2, .form-narrow .col-xl-3, .form-narrow .col-xl-4, .form-narrow .col-xl-5, .form-narrow .col-xl-6, .form-narrow .col-xl-7, .form-narrow .col-xl-8, .form-narrow .col-xl-9, .form-narrow .col-xl-10, .form-narrow .col-xl-11, .form-narrow .col-xl-12, .form-narrow .col-xl, .form-narrow .col-xl-auto {
	padding-right: 5px;
	padding-left: 5px;
}}

.tc-blue {color:#30528D;}
.tc-grey {color:#8C8C8C;}
.tc-yellow {color:#ffc107;}

.bg-blue {
	background-color:#30528D !important;
	color:#FFF;
}

.bg-green1 {background-color:#a1f79e}
.bg-green2 {background-color:#7fea7b;}
.bg-green3 {background-color:#5bcc57;}

.logo {
	width: 180px;
}
@media (min-width: 769px) { .logo {
	width: 308px;
}}

.container {
	background-color: #FFF;
}

.container-mainmenu {
	border-bottom: 3px solid #30528D;
}

.container-mainmenu .nav-item a {
	font-size: 12px;
	font-weight: bold;
}

.container-mainmenu .nav-item {
	margin-left: 40px
}


.ui-slider-handle {
	background-image: url("../img/slider_arr.png") !important;
	background-repeat:no-repeat !important;
	background-position: 2px 5px !important;
	width: 1.5em !important;
	height: 1.5em !important;
	cursor: pointer !important;
	border: 2px solid #30528D !important;
	top: -.4em !important;
	margin-left: -.6em !important;
}

.bo-blue {
	border: 2px solid #30528D;	
}

.container-calc {
	position:relative;
}

.container-calc::before {
	background-image: url("../img/main_bg.jpg");
	background-repeat: no-repeat;
	content: "";
	opacity: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}
@media (max-width: 1199px) { .container-calc::before {
	background-position-x: -70px;
}}
@media (max-width: 991px) { .container-calc::before {
	background-position-x: -340px;
	opacity: 0.2;
}}
@media (max-width: 767px) { .container-calc::before {
	background-position-x: -640px;
	opacity: 0.2;
}}

.container-calc .bannertext {
	height: 125px;
}
@media (min-width: 992px) { .container-calc .bannertext {
	height: 128px;
}}

.container-calc .bbox {
	background-color: rgba(255, 255, 255, 0.8);
	/* background-color:#FFF; */
	padding-top: 15px;
	padding-bottom: 15px;
	margin:25px 0 25px 0;	
}
@media (min-width: 992px) { .container-calc .bbox {
	padding: 20px 0 20px 0;
}}

.container-main-info ul {
	background-image: url("../img/main_cb_sp.png");
	background-repeat: repeat-y;
}

.container-main-info li:before {
	background-image: url("../img/main_cb_m.png");
	background-size: 61px 72px;
    float:left;
    width: 61px; 
    height: 72px;
    content:"";
    margin: 14px 0 0 -75px;
}

.container-main-info li {
	list-style: none !important;
	margin-bottom: 15px;
}

.container-main-info ul {
	padding:0 0 0 75px;
}

.col-main-info-l {
	min-height:350px;
}
@media (min-width: 992px) { .col-main-info-l {
	min-height:500px;
}}

.main-moneygirl {
	position: absolute;
	bottom: 0px;
	left: 35px;
	width: 200px;
	top: 75px;
}
@media (min-width: 992px) { .main-moneygirl {
	bottom:-15px;
	left:-30px;
	width: auto;
	top:auto;
}}

.container-main {
	background-color: #FFF;
}

.container-footer {
	background-color: #FFF;
	border-top: 3px solid #30528D;
}

.form-control-symbol-append {
	position:relative;
}

.form-control-symbol-append .form-control {
	padding-right:5rem;
}

.form-control-symbol-append div {
	position:absolute;
	right: 0.8rem;
	bottom: 0.5rem;
	font-weight: bold;
	font-size:1rem;
	color:#939191;
}

.container-antrag {
	background-image: url("../img/bg_blue.png");
	background-size: 100px 100px;
	background-repeat: repeat-x;
}

.container-antrag .bbox {
	background-color:#FFF;
	margin:15px 0 10px 0
}
@media (min-width: 992px) { .container-antrag .bbox {
	padding: 35px 0 35px 0;
}}

#antrag-main {
	overflow:hidden;
}

#antrag-main,.antrag-wrapper {
	position:relative;
	min-height: 470px;
	
}

.antrag-loader {
	position: absolute;
	top: 0px;
	width: 90%;
	text-align: center;
	background-color:#FFF;
	z-index:10000;
	display:none;
}
.antrag-loader img {
	width:70%;
}
@media (min-width: 992px) { .antrag-loader img {
	width:40%;
}}

.antrag-slider {
	visibility: hidden;
	position: absolute;
	width: 100%;
}

#antrag-progress {
	-webkit-transition: none !important;
    transition: none !important;
}

.insu-tip-btn-l, .insu-tip-btn-r {
	font-size: 10px;
	width: 100%;	
}
@media (min-width: 360px) { .insu-tip-btn-l, .insu-tip-btn-r  {
	font-size:12px;
}}
@media (min-width: 420px) { .insu-tip-btn-l, .insu-tip-btn-r  {
	font-size:13px;
}}

.container-banner {
	background-repeat: no-repeat;
}

.container-banner .bbox {
	background-color:#FFF;
	margin: 175px 0 25px 0;
}

.container-banner1 {
	background-image: url("../img/banner1.jpg");
}
.container-banner2 {
	background-image: url("../img/banner2.jpg");
}
.container-banner3 {
	background-image: url("../img/banner3.jpg");
}
.container-banner4 {
	background-image: url("../img/banner4.jpg");
}

.container-overview-box .card-header {font-size:14px}
@media (min-width: 991px) { .container-overview-box .card-header {font-size:12px}}
@media (min-width: 1200px) { .container-overview-box .card-header {font-size:14px}}

.container-overview-box .row1 .btn {font-size:.875rem}
@media (min-width: 991px) { .container-overview-box .row1 .btn {font-size:.68rem}}
@media (min-width: 1200px) { .container-overview-box .row1 .btn {font-size:.875rem}}

.container-overview-box .row1 .overview-box-wrap {min-height:auto}
@media (min-width: 991px) { .container-overview-box .row1 .overview-box-wrap {min-height:235px}}
@media (min-width: 1200px) { .container-overview-box .row1 .overview-box-wrap {min-height:170px}}

.container-overview-box .row2 .card-body {min-height:auto}
@media (min-width: 991px) { .container-overview-box .row2 .card-body {min-height:250px}}
@media (min-width: 1200px) { .container-overview-box .row2 .card-body {min-height:240px}}

#scorePoint {
	width: 33px;
	height: 57px;
	position: absolute;
	top: -19px;
	background: transparent url(../img/scorePoint.png) no-repeat 0 0;
	margin-left: -18px;
	background-size: 33px 70px;
}

.right {
	float:right;
}

#boni_calc_bar {
    width: 90%;
    margin: 0 5%
}

#creditAmountSlider .ui-slider-range {
	background: #004085;
}

#creditDurationSlider .ui-slider-range {
	background: #004085;
}

#incomeSlider .ui-slider-range {
	background: #004085;
}

#personsInHousholdSlider .ui-slider-range {
	background: #004085;
}

#secondCreditSlider .ui-slider-range {
	background: #004085;
}

#scoreLine {
	height: 35px;
	width: 100%;
	max-width: 980px;
	margin: 0px auto 25px auto;
	position: relative;
	border-radius: 6px;
	border: 1px solid #30528D;
	box-shadow: 0 0 0px #30528D;
	background: linear-gradient(to right, green 9%, lime 36%, yellow 69%, #e9af00 80%, #f90c00 104%);
	z-index: 100;
}

.w100 {
	width: 100%;
}

.mb-0 {
	margin-bottom: 0px;
}

#score {
  background: white;
  padding: 10px;
  position: relative;
}

@supports (box-shadow: 2px 2px 2px black)  {
  #score {
    position: sticky;
    bottom: 0;
  }
}

.z-0 {
	z-index: 0;
}

.ml-30 {
	margin-left:30px;
}

@media (max-width: 500px) {
	#scoreLine {
		height: 22px;
		border-radius: 6px;
		margin: 0px auto 7px auto;
	}
	#scorePoint {
		width: 20px;
		height: 40px;
		top: -15px;
		margin-left: -10px;
		background-size: 20px 50px;
    }
    #btn-boni-check {
    	width: 100%;
		font-size: 12px;
		padding: 2px;
    }
    #small-boni-check {
    	font-size: 65%;
    }
}

.custom_checkbox1 {
	margin-left: 0.5rem;
	margin-top: 0.2rem;
}

.custom_checkbox1::before {
    width: 1.5rem !important;
    height: 1.5rem !important;   

}

.custom_checkbox1::after {
	width: 1.5rem !important;
	height: 1.5rem !important;
}

.alert-cust1 {
	border-radius: 0.2rem;
}

.alert-cust1-c1 {
	color:#000;
	background-color:#eeeeee3d;
	border-color:#c1c1c1a6;
	border: 3px solid #31538d;
}

.badge-pill-cust1 {
	background-color: #31538d;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
	color: #000;
}

.irs--big {margin-top: -20px}

@media (min-width: 992px) { .banner_overview_extra {
	display:none !important;	
}}

.banner_overview_extra2 {
	margin-top: -10px;
    margin-left: 0px;
    margin-bottom: 15px;
}
@media (min-width: 992px) { .banner_overview_extra2 {
	display:none;
	
}}

@media (max-width: 991px) {.col-r-margin {
	margin-top: 15px;
}}

.overview_banner_box {
	width: 100%;
	padding: 15px;
}
@media (min-width: 992px) { .overview_banner_box {
	background-color:rgba(255, 255, 255, 0.5);
	padding: 10px 20px;
	width: 550px;
	margin: 15px 0 0 0;
	border-radius:15px;
}}

@media (min-width: 992px) { .badge_free2 {
	display:none;
}}

.small_discl {
	line-height: 10px;
	font-size: 10px;
}

.table-borderless td {
	border: none;
}

#insu_banner1 {
	display:none;
}
@media (min-width: 992px) { #insu_banner1 {
	display:block;
}}

.ul-1 {
	list-style: none; 
	padding: 0;
	margin: 0 0 0 18px;
}

.ul-1 li {
	text-indent: 0px;
}

.ul-1 li:before {
	font-family: 'Icons';
	font-style: normal;
	font-weight: normal;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e033';
	display: inline-block;
	margin-left: -18px;
	padding-right: 5px;
	color: #7bc14c;
}

.ccard_img {
	margin-bottom: 25px;
}
@media (min-width: 992px) { .ccard_img {
	width:100%;
	margin-bottom:0px;
}}

@media (min-width: 992px) { .ccard_row {
	margin-top: 25px;
}}

.ccard_banner2 {
	width: 80px;
	margin-top:0px;
}
@media (min-width: 992px) { .ccard_banner2 {
	width:100px;
	margin-top:15px;
}}

.ccard_banner_col {
	margin-top: 25px;
	margin-bottom:10px;
}
@media (min-width: 992px) { .ccard_banner_col {
	margin-top: 0px;
	margin-bottom: 0px;
}}

.btn_br {
	white-space: normal;
}