html {

}

body,
html {
	height: 100%;
}

body {
	position: relative;
	background-color: #f8f9ff;
	padding-top: 96px;
}

header {
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.navbar {}

.navbar .active {
	border-bottom: 3px solid #225391;
	color: #225391;
}

.nav-link {
	color: #333;
}

.navbar-nav .nav-link {
	margin-right: 3rem;
}
.navbar-brand{
	padding-right: 80px;
	font-weight: bold;
}
.navbar-brand img{
	height: 70px;
	width: auto;
}
.banner-home {
	padding-top: 6rem;
	width: 100%;
	height: 500px;
}

.banner-home {
	background: url("../img/banner-bg.png") no-repeat 75% #fff;
}

.info-title {
	font-size: 48px;
	font-weight: 700;
	color: #32393d;
}

.info-txt {
	font-size: 20px;
	color: #a5afb5;
	font-weight: 400;
	line-height: 38px;
	margin-top: 32px;
	margin-bottom: 48px;
}

#about,
#price{
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
}
#about{
	background: #fff;
}
footer {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

section .title {
	font-size: 40px;
	color: #333;
	padding-bottom: 60px;
}

.tabs-wrap {
	padding-top: 7.5rem;
}

.nav-tabs {
	border: 1px solid #dee2e6;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}

.nav-link {
	padding: 1rem 2rem;
	font-size: 18px;
	font-weight: 400;
	color: #999;
}

.nav-link:focus,
.nav-link:hover {
	border-color: #225391;
	color: #000;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #2074ad;
	background-color: #2074ad;
	color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border-color:  #225391;
	background-color: #225391;
	color: #fff;
	border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-tabs .nav-link {
	border-bottom-width: 3px;
	border-top-left-radius: 0;
  border-top-right-radius: 0;
	font-size: 20px;
}

.tab-content {
}
.tab-content img{
	width: 100%;
}
.tabs-info-wrap h3 {
	margin-bottom: 20px;
}

.tabs-info-wrap h4 {
	font-size: 16px;
	color: #666;
	margin-bottom: 40px;
}

.tabs-info-wrap ul {
	font-size: 16px;
	padding-left: 1rem;
}

.tabs-info-wrap li {
	padding: 0.5rem 0 0.5rem 0.5rem;
	list-style-type: disclosure-closed;
	color: #666
}
.tabs-info-wrap li strong{
	color: #212529
}
.fade:not(.show) {
	display: none;
}

.tabs-wrap .fixed-top{
	display: flex;
	justify-content: center;
}

footer {
	background: #232526;
	color: #818488;
	padding-bottom: 0;
}

footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer li {
	padding: 2px 0;
}
footer img{
	height: 50px;
}
footer a {
	color: #818488;
}

footer a:hover {
	color: #fff;
}
footer p{
	margin-bottom: 5px;
}

#function1,
#function2,
#function3,
#function4 {
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
}

.about-info{
	margin-left: 2rem;
}
.about-info h5{
	font-weight: bold;
	margin-bottom: 30px;
  	margin-top: 30px;
}
.about-info p{
	line-height: 2rem;
}

.table{
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}
.table thead th{
	vertical-align: middle;
}
