body {
	background-color: white;
}
.text_1 {
	font-family: 'Source Serif 4', sans-serif;
	font-size: 2.5em; 
	color: #333333;
	font-weight: 800;
}
.text_1_small {
	font-family: 'Source Serif 4', sans-serif;
	font-size: 2em; 
	color: #333333;
	font-weight: 800;
}

.text_2 {
	font-family: 'Source Serif 4', sans-serif;
	font-size: 2.0em; 
	color: #000077;
	font-weight: 300;
}
.text_2_small {
	font-family: 'Source Serif 4', sans-serif;
	font-size: 1.3em; 
	color: #000077;
	font-weight: 300;
}

.center-all {
	display: flex;
	justify-content: center;
	align-items: center;
}
.APP_BTN {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 200px;
	color: #333333;
	font-size: 20px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 600;
	width: 200px;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	
}
.APP_BTN:hover {
	background: #bbbbbb;
	color: #333333;
	border: solid #FFFFFF 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
}
.bordered-object-permanent {
	border: solid #555555 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bordered-object {
	margin:10px 10px;
	padding: 10px 0px;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
	background:#FFF;
	height: 100%;
}
.hidden {
	display: hidden;
}
.realpiano_home_splash_devices {
	display: block;
	position: absolute;
	bottom: -10%;
	right: 5%;
	max-width: 40%;
}
.realpiano_home_enum_item {
	margin-top: 10px; 
	font-size: 1.1em; 
	text-align: left; 
	font-family: 'Roboto', sans-serif; 
	font-weight: 300;
}
.realpiano_home_enum_item_strong {
	margin-top: 10px; 
	font-size: 1.1em; 
	text-align: left; 
	font-family: 'Roboto', sans-serif; 
	font-weight: 600;
}

.review {
	margin: 0px 20px;
}

.screenshot-carousel{
	margin-top: 0px;
	background:#FFF;
	margin:10px auto;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


.tcb-simple-carousel{
	margin-top: 0px;
	background:#FFF;
	margin:10px auto;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tcb-carousel-control-right {
	padding: 4px 0;
	width:26px;
	top:auto;	
	right:20px;
	bottom:0;
	opacity:1;
	text-shadow:none;
	right:10px;
	display:block;
	position: absolute;
}
.tcb-carousel-control-left {
	padding: 4px 0;
	width:26px;
	top:auto;	
	bottom:0;
	opacity:1;
	text-shadow:none;
	right:50px;
	display:block;
	position: absolute;
}
.mark {
	padding: 12px 0;background:none;
}
.card-pricing {
	border:none;
	padding: 10px 20px;
	background: pink;
}

.card-pricing::after {
	position: absolute;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.card-pricing:hover {
	transform: scale(1.02, 1.02);
	-webkit-transform: scale(1.02, 1.02);
	backface-visibility: hidden; 
	will-change: transform;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.75) !important;
}

.card-pricing:hover::after {
	opacity: 1;
}

.card-pricing:hover .btn-outline-primary{
	color:white;
	background:#007bff;
}
.list-group-flush .list-group-item {
	background: pink;
}
.card-howitworks {
	border:none;
	background: pink;
}

.card-howitworks::after {
	position: absolute;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.card-howitworks:hover {
	transform: scale(1.02, 1.02);
	-webkit-transform: scale(1.02, 1.02);
	backface-visibility: hidden; 
	will-change: transform;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.75) !important;
}

.card-howitworks:hover::after {
	opacity: 1;
}

.card-howitworks:hover .btn-outline-primary{
	color:white;
	background:#007bff;
}