/* custom css code */
#banner {
	background-image: url(../img/about/banner-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 700px;
}

.banner-title-1 {
	margin-top: 30%;	
	font-size: 38px;
	text-align: center;
	color: #3576fd;
	font-weight: 600;
	line-height: 1.25;
}

.banner-title-2 {
	font-size: 18px;
	text-align: center;
	opacity: 0.8;
	color: #183185;
}

.intro-title-1 {
	margin-top: 30%;	
	font-size: 38px;
	text-align: center;
	color: #3576fd;
	font-weight: 600;
}

.intro-title-2 {
	font-size: 18px;
	text-align: center;
	opacity: 0.8;
	color: #183185;
}

.intro-thumb-group {
	margin-top: 10%;
}

.intro-thumb {
	border-radius: 8px;
	background-color: #f7faff;
	border: 0;
	max-width: 310px;
	min-height: 320px;
	padding: 5%;
	margin: auto;
}

.intro-thumb-title-1 {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	color: #3576fd;
}

.intro-thumb-title-2 {
	opacity: 0.3;
	font-size: 18px;
	text-align: center;
	color: #183185;
}

.intro-thumb-text {
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #183185;
	opacity: 0.8;
}

#team {
	background-image: linear-gradient(to top, #ffffff, #f2f6ff, #ffffff);
	background-repeat: no-repeat;
	min-height: 1150px;
	margin-top: 10%;
}

.team-title {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #377aff;
	margin-top: 10%;
}

.team-text {
	opacity: 0.8;
	font-size: 18px;
	text-align: center;
	color: #183185;
}

.team-thumb {
	border: 0;
	background-color: transparent;
	max-width: 280px;
	margin: auto;
	margin-top: 20%;
	min-height: 420px;
}

.team-thumb-title-1 {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	color: #377aff;
}

.team-thumb-title-2 {
	font-size: 18px;
	text-align: center;
	color: #8b98c2;
}

.team-thumb-social-img {
	width: 30px;
	height: 30px;
}

#stats {
	background-image: url(../img/about/team-bg.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	min-height: 650px;
	margin-top: 10%;
}

.stats-pseudo {
	min-height: 200px;
	width: 100%;	
}

.stats-polygon {
	 position: relative;
	 background-color: transparent;
	 border: 0px;
}

.stats-polygon-top {
	margin-top: -25%;
}

.stats-header {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #377aff;
}

.stats-text {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.43;
	text-align: center;
	color: #183185;
	padding-right: 10%;
	padding-left: 10%; 
}

#vismis {
	margin-top: 5%;
}

.vismis-img {
	margin: auto;
	max-width: 400px;
}

.vismis-header {
	font-size: 36px;
	font-weight: bold;
	color: #377aff;
}

.vismis-text {
	opacity: 0.8;
	font-size: 20px;
	line-height: 1.4;
	color: #183185;
}

.vismis-content-right {
	text-align: right;
	padding-right: 30px;
}

.vismis-content-left {
	text-align: left;
	padding-left: 45px;
}

#contact {
	margin-bottom: 10%;
}

.contact-title-1 {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #377aff;
	margin-top: 10%;
}

.contact-title-2 {
	opacity: 0.8;
	font-size: 20px;
	text-align: center;
	color: #183185;
}

.contact-item {
	border-radius: 8px;
	background-color: #f7faff;
	max-width: 470px;
	min-height: 230px;
	padding: 5%;
	padding-left: 10%;
	margin: 0 auto;
}

.contact-item-header {
	font-size: 24px;
	font-weight: 500;
	text-align: left;
	color: #377aff;
	margin-top: 5%;
}

.contact-item-text {
	opacity: 0.5;
	font-size: 18px;
	text-align: left;
	color: #183185;
}

.contact-title-2 a:hover {
	color: #377aff;
}

.contact-title-2 a, .contact-title-2 a:active,.contact-title-2 a:focus {
   outline: none !important;
   box-shadow: none;
   color: #183185;
   text-decoration: none;
}
	
@media only screen and (max-width : 1440px) { 
	#team {
		background-image: url(../img/about/team-bg.svg);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto 70%;
	}
}

@media only screen and (max-width : 768px) {
	#banner {
		min-height: 500px;
	}

	.banner-title-1 {
		margin-top: 20%;	
		font-size: 32px;
	}

	.intro-title-1 {
		margin-top: 20%;	
		font-size: 32px;
	}

	.intro-thumb-group {
		margin-top: 0px;
	}

	.intro-thumb {
		margin-top: 20%;
	}

	#team {
		background-size: cover;
		margin-top: 40%;
	}

	.team-title {
		font-size: 32px;
	}
	
	.stats-pseudo {
		min-height: 50px;
		width: 100%;	
	}

	.stats-polygon-top {
		margin-top: 5%;
	}

	.stats-text {
		padding-right: 40%;
		padding-left: 40%; 
	}

	#vismis {
		margin-top: 15%;
	}

	.vismis-img {
		width: 70%;
		margin: 0 auto;
		display: block;
		margin-top: 5%;
	}

	.vismis-header {
		font-size: 28px;
	}

	.vismis-content-right, .vismis-content-left {
		text-align: center;
		padding-right: 15px;
		padding-left: 15px;
	}

	.contact-title-1 {
		font-size: 32px;
	}

	.contact-item {
		margin-top: 5%; 
	}
}

@media only screen and (max-width : 480px) {
	.banner-title-1 {
		margin-top: 35%;	
		font-size: 28px;
	}

	.stats-text {
		padding-right: 25%;
		padding-left: 25%; 
	}
}