@charset "UTF-8";
/* CSS Document */

/* ----- Common ----- */
.col-sm-6 {
    padding-left: 5px;
    padding-right: 5px;
}
.cont-btn li a {
	display: block;
	margin: 10px auto 0;
	padding: 20px 10px;
	color: #000;
	text-align: center;
	border: 1px solid #000;
}
.cont-btn li a:hover {
	color: #fff;
	text-decoration: none;
	transition: .4s;
	background: #000;
}

.cont-btn.black li a {
    color: #fff;
	background: #000;
	border: 1px solid #000;
}
.cont-btn.black li a:hover {
	color: #000;
	background: #fff;
}

@media screen and (max-width:767px) {
.cont-btn li a {
	padding: 12px 10px 10px;
}
}

.section-text .wrapper {
    padding: 0;
}
.section-text .descriptions {
    margin: 10px auto;
}

[data-id="d1784516-1"],
[data-id="d1784516-2"],
[data-id="d1784516-3"],
[data-id="d1784516-7"] {
	max-width: 100%;
}

[data-id="d1784516-1"] .row,
[data-id="d1784516-2"] .row,
[data-id="d1784516-3"] .row,
[data-id="d1784516-7"] .row {
	margin-left: 0;
	margin-right: 0;
}


/* ----- Key Visual ----- */

[data-id="d1784516-1"].container-fluid {
	max-width: 100%;
	padding: 0;
	background-color: #000;
}
[data-id="1571833"] .container-fluid {
	max-width: 100%;
	padding: 0;
}
[data-id="1571833"] .wrapper {
	padding: 0;
}
[data-id="1571833"] ul.list-inline-img {
	margin: 0 auto;
	border-collapse: collapse;
}

[data-id="1571834"] .wrapper {
	margin: 40px auto;
	max-width: 1200px;
	color: #fff;
}
[data-id="1571834"] h3 {
	padding-bottom: 10px;
}

@media screen and (min-width:768px) {
[data-id="1571834"] .container-fluid {
	max-width: 100%;
	height: auto !important;
	max-height: 400px;
}
[data-id="1571834"] .wrapper {
	margin: 40px auto;
}
}

@media screen and (max-width:991px) {
[data-id="1571834"] .wrapper {
	max-width: 100%;
}
}


/* ----- CONCEPT ----- */

[data-id="d1784516-2"] {
	padding: 40px 0;
	color: #fff;
	background: #000;
}

[data-id="d1784516-2"] h2 {
	margin: 80px auto 60px;
	text-align: center;
}

[data-id="1571836"] .container-fluid,
[data-id="1571837"] .container-fluid {
	max-width: 1200px;
}

@media screen and (min-width:768px) {
[data-id="1571835"] {
	margin-bottom: 60px;
}
[data-id="1571836"] .wrapper,
[data-id="1571837"] .wrapper {
	width: 380px;
	margin: 12% 0 0 0;
	padding: 40px 20px;
	background-color: rgba(0,0,0,0.5);
}
[data-id="1571836"] .wrapper {
	float: left;
}
[data-id="1571837"] .wrapper {
	float: right;
}
}

@media screen and (max-width:767px) {
[data-id="d1784516-2"] {
	padding: 0 0 40px;
}
[data-id="d1784516-2"] h2 {
	margin: 30px auto;
}
[data-id="1571836"],
[data-id="1571837"] {
	margin: 40px 16px 0;
}
[data-id="1571836"] .container-fluid,
[data-id="1571837"] .container-fluid {
	padding: 16px 0;
}
}


/* ----- THAT MAKES IT POSSIBLE ----- */
[data-id="1571839"] .wrapper {
	padding: 0;
}


/* ----- A WORLD OF MUSICAL POSSIBILITIES ----- */

[data-id="d1784516-3"] {
	padding: 40px 0;
	background-color: #dcdcdc;
}
[data-id="d1784516-3"] h2 {
	text-align: center;
}
[data-id="d1784516-3"] .page-header {
	margin: 100px auto 10px;
	text-align: center;
	border-bottom: 1px solid #000;
}
[data-id="1571843"] .wrapper {
	padding: 0;
}
[data-id="d1784516-3"] .sub-heading {
	color: #7b47d2;
}

@media screen and (min-width:768px) {
[data-id="d1784516-3"] .heading-h2 h2 {
	margin-bottom: 40px;
}
}

@media screen and (max-width:767px) {
[data-id="d1784516-3"] {
	padding: 20px 0;
	background-color: #fff;
}
[data-id="d1784516-3"] h2 {
	margin: 80px auto 60px;
}
[data-id="d1784516-3"] .page-header {
	margin: 30px auto 10px;
}
}


/* ----- TECHNOLOGY ----- */

[data-id="d1784516-7"] {
	padding-bottom: 40px;
	background-color: #e8e8e8;
}
[data-id="d1784516-7"] .container-fluid {
	max-width: 1200px;
	padding: 0;
}
[data-id="d1784516-7"] h2 {
	margin: 60px auto 100px;
	text-align: center;
}

@media screen and (max-width:767px) {
[data-id="d1784516-7"] h2 {
	margin: 80px auto;
}
}


/* ----- COMPARISON ----- */

[data-id="d1784516-8"] {
	padding: 40px 0;
	background-color: #fff;
}

.chart-component .lp--chart--wrap--1 .lp--chart--main--wrap ul.lp--single--chart--1 li:first-child {
	height: 30px;
	margin-bottom: 10px;
}

.chart-component .lp--chart--wrap--1 .lp--chart--main--wrap ul.lp--single--chart--1 li:first-child img {
	display: none;
}

.chart-component .lp--btn {
	text-decoration: none;
	background-color: #000;
	border-color: #000 !important;
	border-radius: 0;
}