html {font-size: 100%;margin: 0;padding: 0;left: 0;top: 0;}
body {background: url('bg3.jpg') center no-repeat; background-attachment: fixed; background-size: cover;}
main {font-family: 'Roboto', sans-serif;}
main h1 {font-size: 2.3rem; font-weight: 500;}
main h2 {font-size: 1.5rem; font-weight: 500;}
main h3 {font-size: 1.375rem; font-weight: 400;line-height: 1.2;color: #E8E8E8;}
main h4 {font-size: 1.125rem; font-weight: 300;}
main h5 {font-size: 1rem; font-weight: 300;line-height: 1.5;}
main h6 {font-size: 0.75rem; font-weight: 200;line-height: 1.5;}
main p {font-size: 1.1rem;font-weight: 300;line-height: 1.2;}
main ul {margin: 0 0 0 1.25em;}
main ul li{font-size: 1.05rem;font-weight: 300;line-height: 1.1;}
main h1, main h2, main h3, main h4, main h5, main h6, main p, main li {margin-bottom: 0.5em; line-height: 1.25em;}
main h1:last-child, main h2:last-child, main h3:last-child, main h4:last-child, main h5:last-child, main h6:last-child, main p:last-child, main li p:last-child {margin-bottom: 0;}
main img {max-width: 100%; vertical-align: bottom;}
main ul li span {vertical-align: top;font-size: 0.5rem;}

.f700 {font-weight: 700;color: #fff;}
.text-center {text-align: center;}
.textGray{color: #BCBCBC;}
.note{color: #7B7B7B;font-size: 1rem;}

section {padding: 3em 2em 0em;}
.mcontainer {max-width: 1920px; margin: auto;}
.mcontainer.container-medium {max-width: 1080px;}
.row {padding-bottom: 1em;}
.mrt-50 {margin-top: 50px;}
.mrL{margin-left: 4%;}
.divider {width: 100%;height: 1px;background-color: #8F8F8F; margin-top: 28px;margin-bottom: 28px;}
.system-block {height: 500px;margin:0 0.5% 0 0.5%;background-color: #202020;padding: 2%;border-radius: 2%;}

.section-header {padding: 5% 5% 2.5% 5%; background: url('ELEET_X1_BG.jpg') center no-repeat; background-size: cover;}
/*.section-intro {padding: 3% 5%; background: linear-gradient(to right, #486bd5, #5b4ad6);}
.section-intro p {font-size: 1.75em;}*/
.section-features {padding: 3%;background-color: #333436;}
.section-features p {min-height: 4em;}
.featureBox {padding: 3%;}

.section-download {background: linear-gradient(65deg, #3A27BF, #70129E);}
.section-download .download-button {background: #E1E1E1; border-radius: 8px; color: #5C5563; display: block; font-size: 1.25em; margin-bottom: 20px; padding: 30px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.5s all;}
.section-download .download-button:hover {background: #fff; color: #6309AC;}

.section-history {padding-bottom: 3em;}
.accordion-header {border: 1px solid #fff; cursor: pointer; font-size: 1.5em; margin-top: 2px !important; margin-bottom: 0 !important; padding: 0.5em;}
.accordion-header .fa {float: right; transition: 0.5s all;}
.accordion-header.on {border-bottom: none;}
.accordion-header.on .fa {transform: rotate(-180deg);}
.accordion-content {border: 1px solid #fff; border-top: none; display: none; padding: 1em;}

.download-prior {font-weight: 500; margin-top: 2em; margin-bottom: 0.5em;}

.video-container {position: relative; margin: 2em 0; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (max-width: 850px)
{
	main {font-size: 12px;}
	main h2 {text-align: center;}
	section {padding: 1em;}
	.section-header, .section-intro, .section-features {padding: 1em;}
	.section-intro p {font-size: 1.25em;}
	.system-block {height: 500px;margin:5%;padding: 5%;}
	.download-rwd {margin-top: 25px;}
	.section-history {padding-bottom: 0;}
}