@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600&display=swap&subset=latin-ext');
/* font-family: 'Poppins', sans-serif;
 */
 .mainBanner {
	 float: left;
	 width: 100%;
	 position: relative;
	 margin-bottom: 45px;
}
 .mainBanner .mainBannerContent {
	 float: left;
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 justify-content: center;
	 padding-top: 300px;
}
 @media only screen and (max-width: 1024px) {
	 .mainBanner .mainBannerContent {
		 padding-top: 0;
	}
}
 .mainBanner .bannerTextTop {
	 float: left;
	 width: 100%;
	 padding-bottom: 30px;
	 margin-bottom: 30px;
	 border-bottom: 1px solid #fff;
	 color: #fff;
	 font-size: 55px;
	 line-height: normal;
}
 @media only screen and (max-width: 1024px) {
	 .mainBanner .bannerTextTop {
		 font-size: 40px;
	}
}
 @media only screen and (max-width: 767px) {
	 .mainBanner .bannerTextTop {
		 font-size: 24px;
		 padding-bottom: 15px;
		 margin-bottom: 15px;
	}
	 .mainBanner .bannerTextTop br {
		 display: none;
	}
}
 .mainBanner a {
	 float: left;
	 background: #539835;
	 padding: 10px 30px;
	 border-radius: 35px;
}
 @media only screen and (max-width: 767px) {
	 .mainBanner a {
		 padding: 5px;
	}
}
 .mainBanner a span {
	 float: left;
	 color: #fff;
	 font-size: 18px;
	 font-weight: bold;
	 padding: 0 10px;
	 line-height: 50px;
}
 @media only screen and (max-width: 767px) {
	 .mainBanner a span {
		 padding: 0 10px;
		 line-height: 40px;
		 font-size: 16px;
	}
}
 .mainBanner a:after {
	 background: url(../images/arrow-right.png) no-repeat center right;
	 background-size: 13px;
	 float: right;
	 width: 25px;
	 height: 50px;
}
 @media only screen and (max-width: 767px) {
	 .mainBanner a:after {
		 height: 40px;
		 background-size: 9px;
		 background-position: center;
	}
}
 .mainBanner img {
	 float: left;
	 width: 100%;
}
 @media only screen and (max-width: 767px) {
	 .mainBanner img {
		 height: 300px;
		 object-fit: cover;
		 object-position: center;
	}
}
 .mainBanner .container {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: 0 auto;
}
 .priceBar {
	 float: left;
	 width: 100%;
	 border-top: 1px dashed #fff;
	 border-bottom: 1px dashed #fff;
	 margin-bottom: 60px;
	 padding: 30px 0;
	 position: relative;
}
 @media only screen and (max-width: 1024px) {
	 .priceBar {
		 display: none;
	}
}
 .priceBar:after {
	 content: "";
	 width: 100%;
	 position: absolute;
	 left: 0;
	 top: 50%;
	 z-index: 0;
	 border-bottom: 1px dashed #fff;
}
 .priceBar .priceBoxWrapper {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 .priceBar .priceBox {
	 float: left;
	 border: 4px solid #202b49;
	 border-radius: 34px;
	 position: relative;
	 z-index: 1;
	 display: flex;
	 margin-right: 30px;
}
 .priceBar .priceBox .priceBoxInside {
	 float: left;
	 border: 2px solid #fff;
	 border-radius: 32px;
	 background: #3f5590;
	 color: #fff;
	 display: flex;
	 align-items: center;
	 flex-direction: column;
	 justify-content: center;
	 padding: 10px 30px;
}
 .priceBar .priceBox .priceBoxInside strong {
	 font-size: 30px;
	 font-weight: 600;
}
 .priceBar .priceBox .priceBoxInside span {
	 font-size: 10px;
	 font-weight: 500;
	 max-width: 200px;
	 text-align: center;
}
 .priceBar .priceBox.big {
	 height: 150px;
	 border: 4px solid #202b49;
}
 .priceBar .priceBox.big .priceBoxInside {
	 background: #e30814;
}
 .priceBar .priceArrow {
	 float: left;
	 margin-right: 30px;
	 position: relative;
	 z-index: 1;
}
 .priceBar .priceArrow img {
	 float: left;
}
 .priceBar .priceLearnMore {
	 float: right;
	 border-bottom: 2px solid #85ac21;
	 text-decoration: none;
	 color: #000;
	 font-size: 18px;
	 margin-top: 30px;
	 position: absolute;
	 bottom: -40px;
	 margin: 0 auto;
	 right: 40px;
	 background: rgba(255, 255, 255, 0.7);
	 width: 170px;
	 padding: 0 15px;
}
 .priceBar .priceLearnMore:after {
	 content: "";
	 background: url(../images/arrow-green.png) no-repeat center;
	 width: 22px;
	 height: 27px;
	 float: right;
	 margin-left: 5px;
}
 .imagesAndInfoSection {
	 float: left;
	 width: 100%;
}
 .imagesAndInfoSection .row {
	 margin-bottom: 60px;
}
 .imagesAndInfoSection .images {
	 float: left;
	 width: 100%;
	 position: relative;
}
 @media only screen and (max-width: 767px) {
	 .imagesAndInfoSection .images {
		 margin-bottom: 20px;
	}
}
 .imagesAndInfoSection .images.right p {
	 right: 0;
	 left: initial;
}
 .imagesAndInfoSection .images img {
	 float: left;
	 width: 100%;
}
 .imagesAndInfoSection .images p {
	 float: left;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 background: #202b49;
	 color: #fff;
	 overflow: hidden;
	 font-size: 28px;
}
 @media only screen and (max-width: 1024px) {
	 .imagesAndInfoSection .images p {
		 font-size: 20px;
		 width: 100%;
	}
}
 .imagesAndInfoSection .images p span {
	 float: left;
	 height: 100%;
	 width: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 white-space: nowrap;
}
 .imagesAndInfoSection .info {
	 float: left;
	 width: 100%;
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
}
 .imagesAndInfoSection .info .infoTitle {
	 float: left;
	 width: 100%;
	 font-size: 50px;
	 font-weight: 600;
	 color: #000;
	 position: relative;
	 padding-bottom: 5px;
}
 @media only screen and (max-width: 1024px) {
	 .imagesAndInfoSection .info .infoTitle {
		 font-size: 30px;
	}
}
 .imagesAndInfoSection .info .infoTitle:after {
	 content: "";
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 height: 5px;
	 width: 100%;
	 background: #3f5590;
}
 .imagesAndInfoSection .info .infoSubTitle {
	 float: left;
	 width: 100%;
	 margin: 45px 0;
	 font-size: 30px;
	 color: #707070;
	 font-weight: 500;
	 font-style: italic;
}
 @media only screen and (max-width: 1024px) {
	 .imagesAndInfoSection .info .infoSubTitle {
		 font-size: 24px;
		 margin: 20px 0;
	}
}
 .imagesAndInfoSection .info .infoText {
	 float: left;
	 width: 100%;
	 color: #1a1a1a;
	 font-size: 20px;
	 line-height: 1.5;
}
 @media only screen and (max-width: 1024px) {
	 .imagesAndInfoSection .info .infoText {
		 font-size: 16px;
	}
}
 .imagesAndInfoSection .info .infoLearnMore {
	 float: right;
	 text-decoration: none;
	 color: #000;
	 font-weight: 500;
	 text-transform: uppercase;
	 display: flex;
	 justify-content: center;
}
 .imagesAndInfoSection .info .infoLearnMore:after {
	 content: "";
	 float: right;
	 background: url(../images/arrow-blue.png) no-repeat center;
	 width: 30px;
	 height: 30px;
	 background-size: 8px;
}
 .imagesAndInfoSection .info .left .infoLearnMore {
	 float: left;
}
 .referances {
	 float: left;
	 width: 100%;
	 background: url(../images/referances.jpg) no-repeat center;
	 padding: 30px 0;
}
 @media only screen and (max-width: 767px) {
	 .referances {
		 background-size: cover;
		 background-position: center;
	}
}
 .referances .referancesTitle {
	 float: left;
	 width: 100%;
	 color: #fff;
	 font-weight: 600;
	 font-size: 40px;
	 margin-bottom: 50px;
	 text-align: center;
}
 @media only screen and (max-width: 1024px) {
	 .referances .referancesTitle {
		 margin-bottom: 35px;
		 font-size: 34px;
	}
}
 .referances ul {
	 float: left;
	 width: 100%;
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr 1fr;
	 grid-template-rows: 1fr 1fr 1fr;
	 grid-template-areas: "bank1 bank2 bank3 bank4" "bank5 bank6 bank7 bank8" "bank9 bank9 bank9 bank9";
	 grid-column-gap: 45px;
	 grid-row-gap: 45px;
}
 @media only screen and (max-width: 1024px) {
	 .referances ul {
		 grid-gap: 30px;
		 grid-column-gap: 20px;
	}
}
 @media only screen and (max-width: 767px) {
	 .referances ul {
		 grid-gap: 15px;
		 grid-template-columns: 1fr 1fr;
		 grid-template-areas: "bank1 bank2" "bank3 bank4" "bank5 bank6" "bank7 bank8" "bank9 bank9";
	}
}
 .referances li {
	 float: left;
	 width: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .referances li img {
	 max-height: 50px;
	 max-width: 200px;
}
 @media only screen and (max-width: 1024px) {
	 .referances li img {
		 max-width: 140px;
	}
}
 .referances .bank1 {
	 grid-area: bank1;
}
 .referances .bank2 {
	 grid-area: bank2;
}
 .referances .bank3 {
	 grid-area: bank3;
}
 .referances .bank4 {
	 grid-area: bank4;
}
 .referances .bank5 {
	 grid-area: bank5;
}
 .referances .bank6 {
	 grid-area: bank6;
}
 .referances .bank7 {
	 grid-area: bank7;
}
 .referances .bank8 {
	 grid-area: bank8;
}
 .referances .bank9 {
	 grid-area: bank9;
}
 .ourBlog {
	 float: left;
	 width: 100%;
	 margin: 30px 0;
}
 .ourBlog .ourBlogTitle {
	 float: left;
	 width: 100%;
	 border-bottom: 4px solid #3f5590;
	 font-size: 35px;
	 color: #1a1a1a;
	 font-weight: 500;
	 text-align: center;
	 padding-bottom: 15px;
	 margin-bottom: 30px;
}
 @media only screen and (max-width: 1024px) {
	 .ourBlog .ourBlogTitle {
		 font-size: 30px;
	}
}
 .ourBlog .blogPost {
	 float: left;
	 width: 100%;
	 margin-bottom: 30px;
}
 .ourBlog .blogPost .postPicture {
	 float: left;
	 width: 100%;
	 border: 2px solid #3f5590;
	 margin-bottom: 15px;
}
 .ourBlog .blogPost .postPicture img {
	 float: left;
	 width: 100%;
}
 .ourBlog .blogPost .postTitle {
	 float: left;
	 width: 100%;
	 font-weight: 500;
	 color: #fff;
	 font-size: 18px;
	 background: #1a1a1a;
	 padding: 3px 10px;
	 margin-bottom: 15px;
}
 .ourBlog .blogPost p {
	 float: left;
	 width: 100%;
	 color: #4d4d4d;
	 font-size: 14px;
	 line-height: 1.5;
	 font-style: italic;
}
 .ourBlog .blogPost .postReadMore {
	 float: right;
	 text-decoration: none;
	 color: #000;
	 font-weight: 500;
	 text-transform: uppercase;
	 display: flex;
	 justify-content: center;
	 border-bottom: 1px solid #3f5590;
	 line-height: 20px;
}
 .ourBlog .blogPost .postReadMore:after {
	 content: "";
	 float: right;
	 background: url(../images/arrow-blue.png) no-repeat center right;
	 width: 10px;
	 height: 19px;
	 background-size: 6px;
}
 .ourBlog .pageList {
	 float: right;
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 .ourBlog .pageList li {
	 float: left;
	 margin-right: 10px;
}
 .ourBlog .pageList li:last-child {
	 margin-right: 0;
}
 .ourBlog .pageList li a {
	 float: left;
	 width: 30px;
	 height: 30px;
	 text-align: center;
	 line-height: 28px;
	 font-size: 16px;
	 color: #4d4d4d;
	 border: 1px solid #808080;
}
 .ourBlog .pageList li.active a {
	 color: #000;
	 border-color: #000;
	 font-size: 18px;
	 font-weight: 500;
}