/* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ @font-face { font-family: 'SamsungSharpSans'; src: url(../fonts/SamsungSharpSansBd.eot); src: url(../fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungSharpSansBd.woff) format("woff"); font-weight: bold; font-style: normal } @font-face { font-family: 'SamsungOne'; src: url(../fonts/SamsungOne-400.eot); src: url(../fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungOne-400.woff2) format("woff2"), url(../fonts/SamsungOne-400.woff) format("woff"), url(../fonts/SamsungOne-400.ttf) format("truetype"); font-weight: normal; font-style: normal } @font-face { font-family: 'SamsungOne'; src: url(../fonts/SamsungOne-700.eot); src: url(../fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungOne-700.woff2) format("woff2"), url(../fonts/SamsungOne-700.woff) format("woff"), url(../fonts/SamsungOne-700.ttf) format("truetype"); font-weight: bold; font-style: normal } #containerIsee h1{font-family:SamsungSharpSans,Verdana, Arial; padding-top:4.166666667vw; padding-bottom:1.083333333vw;} #containerIsee h2{font-family:SamsungSharpSans,Verdana, Arial; padding-top:4.166666667vw; padding-bottom:1.083333333vw;} #containerIsee h3{font-family:SamsungSharpSans,Verdana, Arial;} #containerIsee h4{font-family:SamsungSharpSans,Verdana, Arial;} #containerIsee p {font-family:SamsungOne,Verdana, Arial; font-weight:400;} #containerIsee p strong {font-family:SamsungOne,Verdana, Arial; font-weight:700;} #containerIsee ul li {font-family:SamsungOne,Verdana, Arial;} #containerIsee .zeraPM {padding:0 !important; margin:0 !important;} /* Color definition */ #containerIsee .txtBranco {color:#ffffff;} #containerIsee .txtPreto {color:#000000;} #containerIsee .txtCinza {color:#ffffff;} #containerIsee .bgBranco{background-color:#ffffff;} #containerIsee .bgCinza {background-color:#c0c0c0;} #containerIsee .bgPreto {background-color:#000000;} #containerIsee sup {font-size:50%;} #containerIsee button {cursor:pointer; font-family:SamsungSharpSans,Verdana, Arial;} #containerIsee .h100 {height:100%;} /* Blocos informações Genericas para todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #bloco07, #containerIsee #bloco08, #containerIsee #bloco09,#containerIsee #bloco10, #containerIsee #bloco11, #containerIsee #bloco12, #containerIsee #bloco13, #containerIsee #rodape {float:left; position:relative; margin:0; padding:0; width:100%;} #containerIsee .noUi-handle:after, #containerIsee .noUi-handle:before { display:none !important; } @keyframes zoomIn { 0% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } 50% { -ms-transform: scale(1.03,1.03); /* IE 9 */ -webkit-transform: scale(1.03,1.03); /* Safari */ transform: scale(1.03,1.03); /* Standard syntax */ } 100% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } } @keyframes zoomInMobile { 0% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } 50% { -ms-transform: scale(1.05,1.05); /* IE 9 */ -webkit-transform: scale(1.05,1.05); /* Safari */ transform: scale(1.05,1.05); /* Standard syntax */ } 100% { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); /* Standard syntax */ } } /* Desktop Full Resolution */ @media screen and (min-width: 1025px) { #containerIsee {} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} /* Setting Font Size */ #containerIsee h1{font-size:6.25vw; line-height:6.4vw;} #containerIsee h2{font-size:3.90625vw; line-height:4.16666666666667vw;} #containerIsee h3{font-size:1.77083333333333vw;} #containerIsee h4{font-size:1.302083333vw;} #containerIsee p{font-size:1.30208333333333vw;} #containerIsee > #bloco01 {height:37.5vw;} #containerIsee > #bloco02 {height:auto; margin-bottom:3vw; padding-top:5vw;} #containerIsee > #bloco03 {height:auto; margin-bottom:5vw;} #containerIsee > #bloco04 {height:28.07291666666667vw;} #containerIsee > #bloco05 {height:74vw;} #containerIsee > #bloco06 {height:auto; margin-bottom:4vw; margin-top:1vw;} #containerIsee > #bloco13 {height:26.14583333333333vw;} #containerIsee > #rodape {height:auto;} #containerIsee > #bloco01 {padding-top:1.82291666666667vw; overflow:hidden;} #containerIsee .background01 {background:url(../img/acessorioHeader.jpg) no-repeat center top; background-size:100%; z-index:9; float:left; position:absolute; height:100%; width:100%; top:0;} #containerIsee > #bloco01 .logo {background:url(../img/logoQLed.png) no-repeat center top; background-size:100%; height:5.72916666666667vw; width:10.20833333333333vw;} #containerIsee > #bloco01 h2 {padding-top:8vw; padding-bottom:1vw;} #containerIsee > #bloco01 p {width:85%; padding-bottom:8vw; line-height:2vw;} #containerIsee > #bloco01 h4 {margin-top:1vw;} #containerIsee > #bloco01 h4 span {font-family:SamsungOne,Verdana, Arial; font-weight:normal;} #containerIsee > #bloco01 .modelo {padding-bottom:0;} #containerIsee > #bloco02 h2 {padding-top:0vw; padding-bottom:1vw;} #containerIsee > #bloco02 img {width:100%;} #containerIsee > #bloco02 p {padding-bottom:1.5vw;} #containerIsee > #bloco02 .ajuste {padding-top:1vw;} #containerIsee > #bloco02 hr {background-color:#000000; opacity:0.5; width:100%; margin-bottom:2vw;} #containerIsee > #bloco03 img {width:100%;} #containerIsee > #bloco03 .img01 {height:35.3125vw;} #containerIsee > #bloco03 .img02 {height:35.3125vw;} #containerIsee > #bloco04 img {width:100%;} #containerIsee > #bloco04 img {height:28.07291666666667vw;} #containerIsee > #bloco04 p {width:87%; padding-bottom:8vw;} #containerIsee > #bloco05 img {width:100%;} #containerIsee > #bloco06 { background-color:transparent !important;} #containerIsee > #bloco06 p.texto {padding-bottom:3vw;} #containerIsee > #bloco06 .image {width:24.16666666666667vw; height:30.9375vw; margin-bottom:2vw;} #containerIsee > #bloco06 .image2 {width:3.64583333333333vw; height:3.64583333333333vw; margin-bottom:1vw;} #containerIsee > #bloco13 {background:url(../img/samsungClub.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee > #rodape {background-color:#000000;} #containerIsee > #rodape table {width:85%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #rodape img.logoSamsung {width:9.42708333333333vw; height:3.125vw; margin-right:2vw;} #containerIsee > #rodape img.logoZonaFranca {width:5.36458333333333vw; height:3.125vw; margin-left:2vw;} #containerIsee > #rodape .texto {font-size:0.7vw;} } /* Tablet */ @media screen and (min-width: 781px) and (max-width: 1024px) { #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:7.32421875vw; line-height:7.32421875vw;} #containerIsee h2{font-size:5.859375vw; line-height:6.34765625vw;} #containerIsee h3{font-size:2.302083333vw;} #containerIsee h4{font-size:1.302083333vw;} #containerIsee p{font-size:1.8531258vw;} #containerIsee .HideTb {display:none !important;} #containerIsee > #bloco01 {height:46.5vw;} #containerIsee > #bloco02 {height:auto; margin-bottom:3vw;} #containerIsee > #bloco03 {height:auto; margin-bottom:5vw;} #containerIsee > #bloco04 {height:93vw;} #containerIsee > #bloco05 {height:74vw;} #containerIsee > #bloco06 {height:auto; margin-bottom:4vw;} /* #containerIsee > #bloco06 {height:66.08333333333333vw;} */ #containerIsee > #bloco13 {height:26vw;} #containerIsee > #rodape {height:auto;} #containerIsee > #bloco01 {padding-top:1.82291666666667vw; overflow:hidden;} #containerIsee .background01 {background:url(../img/acessorioHeader.jpg) no-repeat center top; background-size:135%; z-index:9; float:left; position:absolute; height:100%; width:100%; top:0;} #containerIsee > #bloco01 .logo {background:url(../img/logoQLed.png) no-repeat center top; background-size:100%; height:10.7421875vw; width:16.69921875vw; margin-top:2vw;} #containerIsee > #bloco01 h2 {padding-top:4vw; padding-bottom:2vw;} #containerIsee > #bloco01 h4 {margin-top: 1vw;} #containerIsee > #bloco01 h4 span {font-family:SamsungOne,Verdana, Arial; font-weight:normal;} #containerIsee > #bloco01 .modelo {padding-bottom:0; padding-top:4vw;} #containerIsee > #bloco02 h2 {padding-top:4vw; padding-bottom:2vw; width:60%; margin-left:20%;} #containerIsee > #bloco02 img {width:100%; } #containerIsee > #bloco02 p {padding-bottom:3vw; width:50%; margin-left:25%; text-align:center;} #containerIsee > #bloco02 .ajuste {padding-top:3vw;} #containerIsee > #bloco02 hr {background-color:#000000; opacity:0.5; width:50%; margin-bottom:4vw;} #containerIsee > #bloco02 .imageTB {width:40vw; margin-left:30vw;} #containerIsee > #bloco03 img {width:100%;} #containerIsee > #bloco03 .img01 {height:35.3125vw;} #containerIsee > #bloco03 .img02 {height:35.3125vw;} #containerIsee > #bloco04 img {width:100%;} #containerIsee > #bloco04 h2 { padding-top:1vw; text-align:center;} #containerIsee > #bloco04 img {width:100%;} #containerIsee > #bloco04 p {width:70%; padding-bottom:4vw; text-align:center; margin-left:15%;} #containerIsee > #bloco05 img {width:100%;} #containerIsee > #bloco06 {background-color:transparent !important;} #containerIsee > #bloco06 p.texto {padding-bottom:3vw; width: 90%; margin-left:5%;} #containerIsee > #bloco06 .image {width:20.80078125vw; height:14.55078125vw; margin-bottom:2vw;} #containerIsee > #bloco06 .image2 {width:5.64583333333333vw; height:5.64583333333333vw; margin-bottom:1vw;} #containerIsee > #bloco06 p {padding-bottom:1.5vw; width:90%; margin-left:5%;} #containerIsee > #bloco13 {background:url(../img/samsungClub.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee > #rodape {background-color:#000000;} #containerIsee > #rodape table {width:85%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #rodape img.logoSamsung {width:9.42708333333333vw; height:3.125vw; margin-right:2vw;} #containerIsee > #rodape img.logoZonaFranca {width:5.36458333333333vw; height:3.125vw; margin-left:2vw;} #containerIsee > #rodape .texto {font-size:0.9765625vw;} } /* Mobile */ /* @media screen and (min-width: 451px) and (max-width: 780px) { */ @media screen and (max-width: 780px) { #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:15.38461538461538vw; line-height:15.38461538461538vw; text-align: center!important;} #containerIsee h2{font-size:9.615384615384615vw; line-height:9.615384615384615vw; margin-bottom: 2vw;} #containerIsee h3{font-size:3.205128205128205vw;} #containerIsee h4{font-size:3.205128205128205vw;} #containerIsee p{font-size:3.205128205128205vw;} #containerIsee .HideMobile {display:none !important;} #containerIsee .centerMobile {text-align:center !important;} #containerIsee > #bloco01 {height:58.5vw;} #containerIsee > #bloco02 {height:auto; margin-bottom:3vw;} #containerIsee > #bloco03 {height:auto; margin-bottom:5vw;} #containerIsee > #bloco04 {height:124vw;} #containerIsee > #bloco05 {height:74vw;} #containerIsee > #bloco06 {height:auto; margin-bottom:4vw; margin-top:-14vw;} #containerIsee > #bloco13 {height:26vw;} #containerIsee > #rodape {height:auto;} #containerIsee > #bloco01 {padding-top:1.82291666666667vw; overflow:hidden;} #containerIsee .background01 {background:url(../img/acessorioHeader.jpg) no-repeat center top; background-size:155%; animation: zoomIn 15s infinite; z-index:9; float:left; position:absolute; height:100%; width:100%; top:0;} #containerIsee > #bloco01 .logo {background:url(../img/logoQLed.png) no-repeat center top; background-size:100%; height:10.7421875vw; width:16.69921875vw; margin-top:2vw;} #containerIsee > #bloco01 h2 {padding-top:4vw; padding-bottom:2vw;} #containerIsee > #bloco01 h4 {margin-top: 1vw;} #containerIsee > #bloco01 h4 span {font-family:SamsungOne,Verdana, Arial; font-weight:normal;} #containerIsee > #bloco01 .modelo {padding-bottom:0; padding-top:4vw;} #containerIsee > #bloco02 h2 {padding-top:4vw; padding-bottom:2vw; width:80%; margin-left:10%;} #containerIsee > #bloco02 img {width:100%; } #containerIsee > #bloco02 p {padding-bottom: 3vw; width: 80%; margin-left: 10%; text-align: center; padding-top: 1vw;} #containerIsee > #bloco02 .ajuste {padding-top:3vw;} #containerIsee > #bloco02 hr {background-color:#000000; opacity:0.5; width:80%; margin-bottom:4vw;} #containerIsee > #bloco02 .imageTB {width:60vw; margin-left:20vw;} #containerIsee > #bloco03 img {width:100%;} #containerIsee > #bloco03 .img01 {height:35.3125vw;} #containerIsee > #bloco03 .img02 {height:35.3125vw;} #containerIsee > #bloco04 img {width:100%;} #containerIsee > #bloco04 h2 { padding-top:4vw; width:80%; margin-left:10%;} #containerIsee > #bloco04 img {height:69.1025641025641vw;} #containerIsee > #bloco04 p {width:86%; padding-bottom:8vw; margin-left:7%;} #containerIsee > #bloco05 img {width:100%;} #containerIsee > #bloco06 {background-size:100%; background-color:#FFF;} #containerIsee > #bloco06 p.texto {padding-bottom:3vw; width: 100%;} #containerIsee > #bloco06 .image {width:100%; height:auto; margin-bottom:2vw; margin-top:6vw;} #containerIsee > #bloco06 .image2 {width:9vw; height:9vw; margin-bottom:1vw;} #containerIsee > #bloco06 p {padding-bottom:1.5vw; width:100%; text-align: center;} #containerIsee > #bloco06 h2 {padding-top: 12vw;} #containerIsee > #bloco13 {background:url(../img/samsungClub.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee > #rodape {background-color:#000000;} #containerIsee > #rodape table {width:85%; margin-bottom:2vw; margin-top:2vw;} #containerIsee > #rodape img.logoSamsung {width:100%; height:auto; margin-top: 1vw; margin-bottom: 2vw;} #containerIsee > #rodape img.logoZonaFranca {width:5.36458333333333vw; height:3.125vw; margin-left:2vw;} #containerIsee > #rodape .texto {font-size:2vw; text-align: justify;} } #containerIsee .fadeIn {-webkit-animation: fadeIn 1s ease-in-out;-moz-animation: fadeIn 1s ease-in-out;-o-animation: fadeIn 1s ease-in-out;animation: fadeIn 1s ease-in-out;} @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }