::selection{
	background-color: #219653;
	color: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-weight: 400;
  line-height: 1.1;
}
html, body{
	font-size: 16px;
	line-height: 1.5;
}
header{
	min-height: 60px;
}
body {
    font-size: 16px;
    min-width: 320px;
    position: relative;
    line-height: 1.1;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    color: #4F4F4F;
    font-weight: 400;
}
.accentColor{
	color: #219653;
}

a {
	color: #fff;
	transition: all 0.3s;
}
a:hover{
	text-decoration: none;
}
img{
	max-width: 100%;
}
ul{
	list-style: none;
	padding-left: 0;
}

.XXlargeText{
	font-size: 3.375rem;/*54px */
}
.XlargeText{
	font-size: 2.5rem; /*40px */
}
.largeText{
	font-size: 2.125rem; /* 34px */
}
.XXmediumText{
	font-size: 1.875rem; /* 30px; */
}
.XLmediumText{
	font-size: 1.75rem; /*28px */
}
.XmediumText{
	font-size: 1.5rem; /*24px */
}
.mediumText{
	font-size: 1.375rem;/* 22px*/
}
.XregularText{
	font-size: 1.25rem; /*20px*/
}
.MregularText{
	font-size: 1.125rem; /*18px*/
}
.regularText{
	font-size: 1rem;  /*16px*/
}
.XsmallText{
	font-size: 0.875rem; /*14px*/
}
.smallText{
	font-size: 0.75rem; /* 12px*/
}
.LsmallText{
	font-size: 0.625rem; /*10px*/
}

.w500{
	font-weight: 500;
}	
.w600{
	font-weight: 600;
}	
.w700{
	font-weight: 700;
}
.buttonPrimary{
	color: #fff;
	background: #27AE60;
	border-radius: 4px;
	max-width: 270px;
    width: 100%;
	display: block;
	padding: 20px 10px;
	transition: all 0.2s;
	border-color: transparent;
	outline: none;
	box-shadow: none!important;
	margin-bottom: 8px;
	text-transform: uppercase;
	text-align: center;
}
.buttonPrimary:hover{
	color: #fff;
	opacity: 0.8;
}
.customContainer{
	max-width: 1190px;
}
.banerBlock{
	background-image: url(../img/banerBg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 90px;
	padding-bottom: 100px;
	background-position: center right;
}
.banerBlock h1{
	color: #0C0C0C;
	margin-bottom: 1.25rem;
}
.banerBlock p{
	margin-bottom: 60px;
	color: #333;
}
.scoresBlock {
	padding-top: 50px;
}
.scoresBlock h2{
	margin-bottom: 40px;
}
.scoresBlock .chartBlock>img{
	height: 120px;
	width: auto;
	margin: auto;
}
.scoresBlock .logoChartContainer{
	min-height: 54px;
	max-width: 120px;
}
.scoresBlock h4{
	margin-bottom: 30px;
	margin-top: 80px;
}
.scoresBlock ul{
	list-style: disc;
	padding-left: 30px;
}
.scoresBlock li{
	color: #828282;
	margin-bottom: 20px;
}
.featuresTitle {
	background-color: #219653;
}
.featuresTitle h2{
	color: #fff;
	margin-bottom: 48px;
	margin-top: 48px;
}
.featuresBlock{
	margin-top: 40px;
	margin-bottom: 50px;
}
.innerFeature {
	max-width: 270px;

}
.innerFeature .iconCont{
	height: 80px;
	margin-bottom: 20px;

}	
.innerFeature .iconCont img{
	max-width: 100%;
	width: auto;
}
.innerFeature h4{
	font-size: 26px;
	margin-bottom: 20px;
}
.innerFeature .featDescr{
	line-height: 1.3;
}
.creditScoreBlock{
	padding-bottom: 80px;
}
.creditScoreBlock h2{
	margin-top: 50px;
	margin-bottom: 64px;
	color:#333;
}
.creditScoreBlock h4{
	margin-bottom: 20px;
}
.creditScoreBlock .descl,
.creditScoreBlock .scoreDesc{
	line-height: 1.5
}
.creditScoreBlock .descl{
	margin-top: 50px;
}
.animatedGraph{
	position: relative;
}
.graphGif{
	position: absolute;
	height: 25%;
	width: auto;
	left: 50%;
	top: 45%;
	transform: translate(-50% ,-35%);
}
.footerBlock {
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: #219653; 
	color: #fff;
}
.footerBlock ul{
	margin-bottom: 0;
}

.footerBlock li:first-child a{
	margin-right: 40px;
	padding-right: 40px;
	border-right: 1px solid #fff;
}
.footerBlock a:hover{
	text-decoration: underline;
	color: #fff;
}
.footerBlock .footer-inc{
	margin-top: 40px;
	margin-bottom: 0;
}
.infoPage{
	margin-top: 30px;
}
.logoContainer{
	margin-top: 30px;
	margin-bottom: 30px;
}
.logoContainer .pageLogo{
	max-width: 150px;
	height: auto;
	margin: auto;
}