@import url('https://fonts.googleapis.com/css?family=Roboto');

* {
	margin:0px;
	padding:0px;
	outline:none;

}

 
 
.calc_bar {
	background: #eaeaea;
	 
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	 
}

.inpts {
	font-size: 16px;
	color: #fff;
	background:#223985;
	border:1px solid #8ec8f5;
	border-radius: 5px;
	padding:15px 10px;
	margin:1px;
}

label {
	text-align:left;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	width:100%;
	margin-left:10px;
}


.sbmt {
    font-size: 16px;
	color: #000;
	background:#8ec8f5;
	height:50px;
	line-height:50px;
	min-width:150px;
	padding:0px 10px;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	transition: background 250ms ease-in-out;
	border: none;
	margin: 8px;
	border-radius: 5px;
}
.sbmt:hover {
	    font-size: 16px;
	color: #fff;
	background:#495ea6;
	padding:0px 10px;
	text-transform:uppercase;
	height:50px;
	line-height:50px;
	min-width:150px;
	cursor:pointer;
	text-align:center;
	transition: background 100ms ease-in-out;
	border: none;
	margin: 8px;
}



 
 
.dep_box {
	min-width: 100%;
	display: block;
	float: left;
	margin:10px;
	color: #000;
 
}
.dep_box label {
	padding-left: 10px;
	font-size: 16px;
	color: #000;
}
.calcinpts2 {
	background: #223985;
	border: none;
	border-radius: 3px;
	font-size: 20px;
	width: 90%;
	 
	color: #fff;
	padding: 11px 15px;
	height: 55px;
}
.calcinpts3 {
	background: #223985;
	border: none;
	border-radius: 3px;
	font-size: 20px;
	width:90%;
	 
	color: #fff;
	padding: 11px 15px;
}
.calcinpts {
	background: #223985;
	border: none;
	border-radius: 3px;
	font-size: 20px;
	width: 90%;
 
	color: #fff;
	padding: 12px 15px;
}


.calc_but {
	padding: 20px 15px;
	background: #ffc000;
	border: 2px solid #223985;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	border-radius: 3px;
	min-width: 110px;
	font-size: 16px;
	margin: -12px 5px 0px;
	cursor: pointer;
	transition: all 250ms;
	
}
.calc_but:hover {
	background: #223985;
	border: 2px solid #223985;
	color: #fff;
	transition: all 250ms;
	
}




/* plans */
.investment {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 30px 0;
    background: url('../img/planbg.png') #313133 no-repeat center;
    background-size: cover;
	margin-top: 5px;
}

.main__title {
    font-family: 'Neue Helvetica Medium';
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    position: relative;
}

.main__title span {
    position: relative;
}

.main__title::after {
    background: linear-gradient(to right, #3780e7 25%, #46bd55 25%, #ff60f2 50%, #ffb121 50%, #e84f47 75%, #f36654 75%);
    position: absolute;
    content: '';
    height: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 40px;
    width: 150px;
    margin: 0 auto;
    border-radius: 4px;
}

.main__title p {
    font-size: 14px;
    color: #95989a;
    padding-top: 20px;
}

 
.plan__item {
    width: 100%;
    background: #07215e;
    padding: 20px;
    border-radius: 20px;
	margin-top: 5px;
}

.plan__top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.plan__title {
    font-size: 16px;
    text-align: center;
}

.plan__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background: #1640a3;
    border-radius: 20px;
}

.plan__icon img {
    max-width: 40px;
}

.plan__plan {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.plan__per {
    color: #fff;
    font-size: 18px;
    margin: 12px 0;
}

.plan__per>.plan__first {
    font-weight: 700;
    color: #46bd55;
    font-size: 24px;
}

.plan__per>.plan__second {
    font-weight: 700;
    color: #ffb121;
    font-size: 24px;
}

.plan__per>.plan__third {
    font-weight: 700;
    color: #e84f47;
    font-size: 24px;
}


.btn__plan {
    background-color: #3780e7;
    color: #fff;
    fill: #fff;
    width: 100%;
    text-align: left;
}

.btn__plan span {
    align-self: center;
    margin-left: 30px;
}

.btn__plan:hover {
    color: #fff;
}

.plan__info {
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 20px;
    border-radius: 20px;
    margin: 20px 0;
}


.plan__info span {color:#fff;}

.plan__info>div {
    padding: 5px 0;
}

.plan__info>div>strong {
    color: #fff;
    font-family: 'Neue Helvetica Bold';
}

.plan__cal {
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 20px;
    border-radius: 20px;
}

.plan__cal--top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.plan__cal--input {
    width: calc(100% - 50px);
}

.plan__cal--input label {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
}

.plan__cal--input input {
    width: 100%;
}

.input__rage {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    background: #95989a;
    outline: none;
}

.plan__cal--icon img {
    width: 38px;
}

.plan__cal--bot p {
    font-family: 'Neue Helvetica Bold';
    color: #fff;
}
 
.statistics {
    background: #001142;
    padding-top:10px;
}

.statistics h1 {
	color:#db760e;
	font-size:30px;
	font-weight:500;
	text-transform:uppercase;
	text-align:center;
}

.statistics h1 span {
	color:#31ae8d;
	font-weight:700;
}


.last_container {
	background:#134495;
	padding:30px 20px;
	border-radius:16px;
	margin-top:-110px;
	box-shadow: 0 0 15px #00000047;

}

.stat_cont {
    background: #12255d;
    border: 0px;
    border-radius: 4px;
    margin-bottom: 6px;
}

.stat_cont .user {padding-left:15px; padding-bottom:5px;}

.stat_cont .user h3 {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    padding-top: 12px;

}

.stat_cont .user h3 span {
    color: #434b8c;
    display: block;
    font-size: 12px;
    margin-top: 6px;
}

.stat_cont .pay {
    padding: 10px 14px 5px;
    color: white;
    font-weight: 600;
    font-size: 12px;
    text-align:center;
}

.stat_cont .pay img {
    max-width: 24px;
    border: 2px solid #f1b83c;
    margin-bottom: 5px;
    border-radius: 100%;
}



.stat_cont .pay figure, .stat_cont .pay p {margin:0px;}
 .stat_cont .pay p {
	font-size:12px;
	font-weight:700;
 }


.last_container h2 {
	color: white;
    font-weight: 400;
    font-size: 30px;
    text-align: left;
    padding-left: 10px;
    line-height:36px;
}

.last_container h2 span {
	font-weight:700; 
}

.top {
    border-radius: 0px;
    color: white;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 10px;
}

figure {margin-bottom:0px;}

.company-block {
    background: #10B65E;
    border-radius: 26px 26px 0px 26px;
    padding: 35px 25px;
    color: white;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1170px;
    }