@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif|PT+Serif&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,600|Open+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato&family=Ubuntu:wght@500&display=swap');

body {
    -webkit-text-size-adjust: none;
    font-size: 14px;
    font-family: 'Lato', sans-serif !important;
    line-height: 1.625;
    font-weight: 400;
    color: #41516a;
}

h1, h2, h3, h4, h5 {
	color: #41516a;
	font-family: 'Ubuntu', sans-serif !important;
}


P {
	line-height: 1.625;
	font-weight: 400;
	color: #41516a;
	font-size: 17px;
	margin-top: 20px;
}

h1 {
	font-size: 40px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 700;
}

h3 {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.inner-banner {
	height: 300px;
	padding: 100px 0;
}

.inner-banner h1 {
	color:#fff;
}

.inner-banner h1::after {
    content: '';
    position: relative;
    display: block;
    height: 2px;
    width: 80px;
    margin-top: 15px;
    background: #fd0500;
}


.bg-decor {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    pointer-events: none;
}

.heading {
	font-size: 2.0em;
	color: #41516a;
	text-transform: uppercase;
	font-weight: 600;
	
}
.heading::after {
    content: '';
    position: relative;
    display: block;
    height: 2px;
    width: 80px;
    margin-top: 15px;
    background: #00923d;
}

.heading-center {
	font-size: 3.0em;
	color: #41516a;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	
}
.heading-center::after {
    content: '';
    position: relative;
    display: block;
    height: 1px;
    width: 80px;
    margin:15px auto;
    background: #80deea;
}

ul.list-style {
	list-style-image: url(../images/bullet.png);
	padding: 0px 0px 0px 25px;
}
ul.list-style li {
	padding: 5px 0;
	line-height: 1.625;
	font-weight: 400;
	color: #41516a;
	font-size: 17px;
	text-align: justify;
}

.box-images-parallax {
	position: relative;
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}
.box-images-parallax .front-element {
	margin-right: 40px;
	position: relative;
	/*margin-top: -20px;*/
	z-index: 2;
}
.box-images-parallax .back-element {
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 1;
}


section {
	padding: 6em 0;
}

/*--------------
welcome
--------------*/

.welcome {
	background: url(../images/about-bg.png) no-repeat left top #fff;
}

.welcome h2 {
	font-size: 3.0em;
	color:#005c9b;
	font-weight: 700;
}
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/*--------------
mission
--------------*/

.mission {
	background:url(../images/bg-2.jpg) fixed;
}

.mission-box {
	background: #fff;
	padding: 40px;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,.15);
	border-top: .357em solid #005c9b;
}

.mission .heading {
	font-size: 2.5em;
}
.mission p {
	font-size: 1.6em;
}

.button {
	background: #f7902f;
	padding: 15px;
	color:#fff;
	font-weight: 600;
	width: 120px;
	text-align: center;
	text-transform: uppercase;
	margin:15px 0;
}

/*--------------
dreams
--------------*/

.dreams h1 {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 40px;
	font-weight: 700;
	color: #005c9b;
}
.dreams p {
	text-align: center;
	font-size: 1.5em;
}



/*--------------
products
--------------*/

.products {
	background: url(../images/bg.jpg) no-repeat fixed;
}

.products h1 {
	text-align: center;
	color:#fff;
}

.products P {
	text-align: center;
	color:#fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.product-box {
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,.15);
	border: 3px solid #00923d;
	margin-top: 20px;
}
.sub {
	text-align: center;
	font-size: 1.5em;
	color: #c3cc53 !important;
	margin-bottom: 40px;
}

/*--------------
about
--------------*/

.about {
	background: url(../images/about-bg.png) no-repeat left top #fff;
}

.about h1 {
	font-size: 40px;
	margin-bottom: 40px;
}

.about h2 {
	font-size:23px;
	color:#005c9b;
	font-weight: 700;
}

.about p {
	text-align:justify;
}

.about p span {
	font-size:17px;
	color:#005c9b;
	font-weight: 600;
}

.about p i {
	color:#00923d;
	font-weight: 600;
	padding-right:15px;
	font-size: 19px;
}

/*--------------
vision
--------------*/

.vision {
	background:url(../images/bg-3.jpg) fixed;
}

.vision-box {
	background: #fff;
	padding: 40px;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,.15);
	border-top: .357em solid #005c9b;
}

.vision .heading {
	font-size: 2.5em;
}

/*--------------
vision
--------------*/

.bank {
	background:url(../images/bg-4.jpg) fixed;
}

.bank-box {
	background: #fff;
	padding: 40px;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,.15);
	border-top: .357em solid #005c9b;
}

.bank .heading {
	font-size: 2.5em;
}

.bank-box p span {
	font-size:17px;
	color:#005c9b;
	font-weight: 600;
}

.bank-box p i {
	color:#00923d;
	font-weight: 600;
	padding-right:15px;
	font-size: 19px;
}

/*--------------
Animation
--------------*/

.slide-top {
	-webkit-animation: slide-top 5s linear infinite alternate both;
	animation: slide-top 5s linear infinite alternate both;
}
 @-webkit-keyframes slide-top {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-80px);
 transform: translateY(-80px);
}
}
@keyframes slide-top {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-80px);
 transform: translateY(-80px);
}
}
.slide-down {
	-webkit-animation: slide-down 3s linear infinite alternate both;
	animation: slide-down 3s linear infinite alternate both;
}
 @-webkit-keyframes slide-down {
 0% {
 -webkit-transform: translateY(70px);
 transform: translateY(70px);
}
 100% {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
}
@keyframes slide-down {
 0% {
 -webkit-transform: translateY(70px);
 transform: translateY(70px);
}
 100% {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
}