@font-face{
    font-family:"LG Smart Regular";
    src:local("☺"),
    url("fonts/LG_Smart_Regular.woff") format("woff"),
    url("fonts/LG_Smart_Regular.ttf") format("truetype"),
    url("fonts/LG_Smart_Regular.svg#LGFontRegular") format("svg");
}

@font-face{
    font-family:"LG Smart SemiBold";
    src:local("☺"),
    url("fonts/LG_Smart_SemiBold.woff") format("woff"),
    url("fonts/LG_Smart_SemiBold.ttf") format("truetype"),
    url("fonts/LG_Smart_SemiBold.svg#LGFontMedium") format("svg");
}

html, body {
    padding: 0;
    margin: 0;
}

.container {
    width: 900px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

/****************************************************************************************************************
 * HEADER
 */

#header {
    width: 100%;
    height: 989px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#header .content {
    width: 100%;
    height: 989px;
    position: relative;
}

#header .logo {
    position: absolute;
    top: 54px;
    right: 56px;
    z-index: 2;
}

#header .descricao {
    position: absolute;
    top: 438px;
    left: 491px;
    font-family: "LG Smart Regular", serif;
    font-size: 27px;
    z-index: 2;
}

#header .descricao h2, p {
    margin: 0;
    padding: 0;
}

#header .descricao h2 {
    opacity: 0;
}

#header .descricao p {
    margin-top: -5px;
}

#header .descricao .semibold {
    font-family: "LG Smart SemiBold", serif;
}

#header .animado {
    position: absolute;
    top: -14px;
    left: 108px;
    z-index: 1;
}

/****************************************************************************************************************
 * PERFORMANCE
 */

#performance {
    width: 100%;
    height: 775px;
    background-image: url("imgs/performance/background.png");
    position: absolute;
    top: 762px;
    overflow: hidden;
}

#performance .content {
    width: 100%;
    height: 775px;
    position: relative;
}

#performance .descricao {
    position: absolute;
    top: 369px;
    right: 60px;
    font-family: "LG Smart Regular", serif;
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
}

#performance .descricao h2, p {
    margin: 0;
    padding: 0;
}

#performance .descricao h2 {
    font-size: 31px;
    font-weight: lighter;
}

#performance .animado {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#performance .animado .content {
    position: relative;
}

#performance .animado .content .mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

#performance .animado .content .effect {
    position: absolute;
    top: 183px;
    left: 655px;
    z-index: 2;
}

#performance .animado .content .effect-2 {
    position: absolute;
    top: 183px;
    left: 655px;
    z-index: 2;
}

/****************************************************************************************************************
 * LEVE
 */

#leve {
    width: 100%;
    height: 775px;
    background-image: url("imgs/leve/background.png");
    position: absolute;
    top: 1330px;
}

#leve .content {
    width: 100%;
    height: 775px;
    position: relative;
}

#leve .descricao {
    position: absolute;
    top: 398px;
    left: 110px;
    font-family: "LG Smart Regular", serif;
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
}

#leve .descricao h2, p {
    margin: 0;
    padding: 0;
}

#leve .descricao h2 {
    font-size: 31px;
    font-weight: lighter;
}

#leve .descricao small {
    font-size: 11px;
}

#leve .animado {
    position: absolute;
    left: 57px;
    width: 280px;
    z-index: 3;
}

#leve .content {
    position: relative;
}

#leve .content .pena1,
#leve .content .pena2,
#leve .content .pena3 {
    position: absolute;
}

#leve .content .pena1 {
    top: 123px;
    left: 108px
}

#leve .content .pena2 {
    top: 185px;
}

#leve .content .pena3 {
    top: 260px;

    left: 108px
}

/****************************************************************************************************************
 * DESIGN
 */
#design {
    width: 100%;
    height: 775px;
    background-image: url("imgs/design/background.png");
    position: absolute;
    top: 1897px;
}

#design .content {
    width: 100%;
    height: 775px;
    position: relative;
}

#design .descricao {
    position: absolute;
    top: 225px;
    left: 232px;
    font-family: "LG Smart Regular", serif;
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
}

#design .descricao h2, p {
    margin: 0;
    padding: 0;
}

#design .descricao h2 {
    font-size: 31px;
    font-weight: lighter;
}

#design .descricao small {
    font-size: 11px;
}

#design .animado {
    position: absolute;
    top: 545px;
    left: 265px;
    display: none;
}

/****************************************************************************************************************
 * BATERIA
 */
#bateria {
    width: 100%;
    height: 775px;
    background-image: url("imgs/bateria/background.png");
    position: absolute;
    top: 2465px;
}

#bateria .content {
    width: 100%;
    height: 775px;
    position: relative;
}

#bateria .descricao {
    position: absolute;
    top: 348px;
    right: 140px;
    font-family: "LG Smart Regular", serif;
    font-size: 15px;
    color: #ffffff;
    z-index: 2;
}

#bateria .descricao h2, p {
    margin: 0;
    padding: 0;
}

#bateria .descricao h2 {
    font-size: 31px;
    font-weight: lighter;
}

#bateria .descricao small {
    font-size: 11px;
}

#bateria .animado {
    position: absolute;
    top: 542px;
    left: 210px;
}

/****************************************************************************************************************
 * ILUMINAÇÃO
 */
#iluminacao {
    width: 100%;
    height: 1127px;
    position: absolute;
    top: 3033px;
}

#iluminacao .content {
    width: 100%;
    height: 775px;
    position: relative;
}

#iluminacao .descricao {
    position: absolute;
    top: 198px;
    left: 0px;
    right: 0px;
    font-family: "LG Smart Regular", serif;
    font-size: 15px;
    color: #282828;
    text-align: center;
    z-index: 2;
}

#iluminacao .descricao h2, p {
    margin: 0;
    padding: 0;
}

#iluminacao .descricao h2 {
    font-size: 31px;
    font-weight: lighter;
}

#iluminacao .descricao small {
    font-size: 11px;
}

#iluminacao .animado {
    width: 100%;
    position: absolute;
    top: 316px;
}

#iluminacao .animado .range {
    width: 100%;
    height: 57px;
    margin-top: 40px;
    text-align: center;
}

#iluminacao .animado .range p {
    font-family: "LG Smart Regular", serif;
    font-size: 14px;
    padding-bottom: 12px;
}

#iluminacao .animado .notebook {
    width: 100%;
    height: 629px;
    text-align: center;
    position: relative;
}

#iluminacao .animado .notebook .dia,
#iluminacao .animado .notebook .noite {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}


@media (max-width: 680px) {

.container {
    width: 100%;
}

#header .logo {
	left:0px !important;
	right:auto !important;
}
#header .descricao{
    top:350px;
}
#performance .descricao{
    top:280px;
}
#leve .descricao{
    top:280px;
}
#design .descricao{
    top:285px;
}
#bateria:after{
    content:'';
    display:block;
    background-color: rgba(0, 0, 0, 0.5);
}
#bateria .descricao{
    top:285px;
}
#bateria .animado{
    top:450px;
}
#iluminacao .descricao{
    top:215px;
}
#header .descricao, #performance .descricao, #leve .descricao, #design .descricao, #bateria .descricao,#bateria .animado, #iluminacao .descricao {
    width:auto;
    left: 50%;
    transform: translateX(-50%);
    display: inline-table;
}
#iluminacao .animado .notebook .dia, #iluminacao .animado .notebook .noite{
    width:100%;
}
.slider-container{
    width:100%;
}


}