
.section-modal{
	padding: 20px 35px;
}

/* ==================== section-modal-header ============================================================ */

.section-modal-header{
	padding: 50px 35px;
	border-bottom: 2px solid #DEE3E5;
}

/* ==================== section-modal-about ============================================================ */

.section-modal-about{
	background-color: #FAFAFA;
	padding: 40px 35px;
	border-bottom: 2px solid #DEE3E5;
}
.section-modal-about h2{
	font-size: 30px;
	text-align: center;
	margin: 0 0 30px 0;
}
.section-modal-about .vcenter{
	display: flex;
	align-items: center;
}
.section-modal-about iframe{
	box-shadow: 0 0 5px grey;
}

/* ==================== section-modal-feature ============================================================ */

.section-modal-feature{
	padding: 40px 35px;
	border-bottom: 2px solid #DEE3E5;
}
.section-modal-feature h2{
	color: #3474D3;
	font-size: 30px;
	text-align: center;
	margin: 0 0 50px 0;
}
.section-modal-feature h2.green{ color: #25AA5B; }
.section-modal-feature h2.red{ color: #C64C47 }
.section-modal-feature h2.blue{ color: #167EE5 }

.section-modal-feature .item{
	padding: 20px 0;
	border-top: 2px solid #DEE3E5;
}
.section-modal-feature h3{
	font-size: 25px;
	margin: 10px 0 30px 0;
}
.section-modal-feature img.left{
	float: left;
	margin-right: 30px;
}
.section-modal-feature img.rigth{
	float: right;
	margin-left: 30px;
}

/* ==================== section-modal-additional ============================================================ */

.section-modal-additional{
	background-color: #FAFAFA;
	padding: 40px 35px;
	border-bottom: 2px solid #DEE3E5;
}
.section-modal-additional h2{
	color: #3474D3;
	font-size: 30px;
	text-align: center;
	margin: 0 0 50px 0;
}
.section-modal-additional h2.green{ color: #25AA5B; }
.section-modal-additional h2.red{ color: #C64C47 }
.section-modal-additional h2.blue{ color: #167EE5 }

.section-modal-additional h3{
	font-weight: bold;
	font-size: 18px;
}
.section-modal-additional .flex-container{
	margin-top: 50px;
}
.section-modal-additional .item{
	margin-bottom: 50px;
	font-size: 14px;
}

.section-modal-additional .item.log img{
	height: 58px;
}

/* ==================== section-modal-badges ============================================================ */

.section-modal-badges{
	padding: 40px 35px;
	border-bottom: 2px solid #DEE3E5;
}
.section-modal-badges h2{
	font-size: 30px;
	text-align: center;
	margin: 0 0 40px 0;
}
.section-modal-badges .flex-container.badges{
	margin-top: 50px;
}
.section-modal-badges .flex-container.badges .item{
	color:#666666;
	font-size: 11px;
	width: auto;
	text-align: center;
	display: flex;
	align-items: center;
}
.section-modal-badges img.left{
	float: left;
	margin-right: 20px;
}
.section-modal-badges .flex-container.rows .media{
	width: 150px;
	padding-top: 5px;
	text-align: center;
}
.section-modal-badges .flex-container.rows .text{
	flex: 100;
}
.section-modal-badges a {
	color: #0D6EE0;
}

/* ==================== section-modal-requirement ============================================================ */

.section-modal-requirement{
	background-color: #FAFAFA;
	padding: 40px 35px;
}
.section-modal-requirement h2{
	color: #3474D3;
	font-size: 30px;
	text-align: center;
	margin: 0 0 50px 0;
}
.section-modal-requirement h2.green{ color: #25AA5B; }
.section-modal-requirement h2.red{ color: #C64C47 }
.section-modal-requirement h2.blue{ color: #167EE5 }
.section-modal-requirement .item img{
	max-height: 35px;
}
