/* Fonts */ @font-face{font-family:OpenSans; src:url(../fonts/OpenSans-Regular.ttf);} @font-face{font-family:PoppinsSemiBold; src:url(../fonts/Poppins-SemiBold.ttf);} @font-face{font-family:Poppins; src:url(../fonts/OpenSans-Regular.ttf);} @font-face{font-family:"OpenBold"; src:url(../fonts/OpenSans-Bold.ttf);} body{margin:0; padding:0; overflow-x: hidden;} /* Common Classes */ #containerIsee h1{float:left; position:relative; font-family:PoppinsSemiBold,tahoma,arial,verdana; font-size:3.6vw; line-height:1.1em; letter-spacing:-2px; text-align:center; width:100%; margin-top:30px;} #containerIsee h2{float:left; position:relative; font-family:PoppinsSemiBold,tahoma,arial,verdana; font-size:3em; line-height:1em; letter-spacing:-1px; text-align:center; width:100%; margin-top:30px;} #containerIsee h3{float:left; position:relative; font-family:OpenSans,tahoma,arial,verdana;font-size:2em; line-height:1.1em; text-align:center; width:100%; margin-top:30px;} #containerIsee p{float:left; position:relative; font-family:OpenSans,tahoma,arial,verdana;font-size:1.6em; line-height:1.4em; text-align:center; width:100%; margin-top:30px;} #containerIsee ul{list-style:none;} #containerIsee .hide{display:none;} .mobileShow{display: none} #containerIsee #rodape br{display: none} @media screen and (min-width: 1300px) { #containerIsee {font-family:OpenSans,tahoma,arial,verdana; margin:0; padding:0; font-size:10px; width:100%;} #containerIsee .centraliza {max-width:1200px; min-width:700px; margin-left:auto; margin-right:auto; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; padding-top:20px; padding-left:20px; padding-right:20px;} #containerIsee #bloco01 { height:37.45vw;} #containerIsee #bloco02 { height:45.5vw;} #containerIsee #bloco03 { height:666px;} #containerIsee #bloco04 { height:811px;} #containerIsee #bloco05 { height:762px;} #containerIsee #bloco06 { height:557px;} #containerIsee #bloco07 { height:759px;} #containerIsee #bloco08 { height:702px;} #containerIsee #bloco09 { height:721px;} #containerIsee #bloco10 { height:70vw;} #containerIsee #bloco11 { height:658px;} #containerIsee #bloco12 { height:545px;} #containerIsee #bloco13 { height:470px;} #containerIsee #bloco01 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_01.jpg) no-repeat center top; z-index:9; background-size: cover;} #containerIsee #bloco01 .logo {float:left; position:relative; text-indent:-9999em; width:141px; height:22px; background:url(../img/logoSamsung.png); margin-top:20px; margin-left:20px;} #containerIsee #bloco01 .modelo {float:right; position:relative; margin-top:20px; margin-right:10px; width:250px; text-align:right; color:#fff; font-size:2.2em;} #containerIsee #bloco01 h1 {float:left; position:relative; color:#ffffff; text-align:center; color:#fFf; margin-top:160px; margin-bottom:0px; font-size:3em;} #containerIsee #bloco01 h2 {float:left; position:relative; color:#ffffff; text-align:center; color:#fFf; margin-top:10px; font-size:7.5em;} #containerIsee #bloco01 .botao_psd{-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;float:right; position:relative; position: absolute; top: 31.5vw; right: 7.5vw; padding: 0.4vw 1.2vw 0.5vw 1.2vw;background-color: #28143c; border-radius: 10px;color: #fff0e8;border:3px solid #fff0e8; font-family:"OpenBold",tahoma,arial,verdana; font-weight: bolder; text-decoration: none; font-size: 14pt;} #containerIsee #bloco01 .botao_psd:hover{-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;float:right; background-color: #fff0e8; border-radius: 10px;color: #28143c;border:3px solid #28143c; font-family:"OpenBold",tahoma,arial,verdana; font-weight: bolder; text-decoration: none; font-size: 14pt;} #containerIsee #bloco02 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_02.jpg) no-repeat center top; background-size: 100%;z-index:9;} #containerIsee #bloco02 h1 {float:left; position:relative; color:#ffffff; text-align:center; margin-top: 3vw; margin-bottom: 0;} #containerIsee #bloco02 p { position:relative; color:#d1d3d4; margin-top:2vw; } #containerIsee #bloco02 .galaxy-top{ width: 26.69vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-top.png) no-repeat; background-size: 100%; position: absolute; margin: auto; left: 0; top: 9vw; right: 0; bottom: 0; -webkit-animation: s8-top 4s infinite ease; -moz-animation: s8-top 4s infinite ease; -ms-animation: s8-top 4s infinite ease; -o-animation: s8-top 4s infinite ease; animation: s8-top 4s infinite ease; } @-webkit-keyframes s8-top { 0%, 40% {margin-top: 12.92vw;opacity: 1} 90%, 95% {margin-top: 7.5vw; opacity: 0} 100% {margin-top: 12.92vw;} } #containerIsee #bloco02 .galaxy-right{ width: 4.63vw; height: 17.43vw; background: url(../img/galaxy_1280_galaxy-right.png) no-repeat; position: absolute; margin: auto; left: 39.7vw; top: 15.8vw; right: 0; bottom: 0; background-size: 100%; z-index: 99999; -webkit-animation: s8-right 4s infinite ease; -moz-animation: s8-right 4s infinite ease; -ms-animation: s8-right 4s infinite ease; -o-animation: s8-right 4s infinite ease; animation: s8-right 4s infinite ease;} @-webkit-keyframes s8-right { 0%, 40% {margin-left: 22.91vw;opacity: 1} 90%, 95% {margin-left: 27.94vw;opacity: 0} 100% {margin-left: 22.91vw} } #containerIsee #bloco02 .galaxy-celular{ width: 34vw; height: 17vw; background: url(../img/galaxy_1280_galaxy-celular.png) no-repeat; background-size: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 21vw; left: 0.5vw; } #containerIsee #bloco02 .galaxy-bottom{ width: 26.78vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-bottom.png) no-repeat; background-size: 100%; background-size: 100%; position: absolute; margin: auto; left: 0; top: 14vw; right: 0; bottom: 0; -webkit-animation: s8-bottom 4s infinite ease; -moz-animation: s8-bottom 4s infinite ease; -ms-animation: s8-bottom 4s infinite ease; -o-animation: s8-bottom 4s infinite ease; animation: s8-bottom 4s infinite ease;} @-webkit-keyframes s8-bottom { 0%, 40% {margin-top: 22.91vw;opacity: 1} 90%, 95% {margin-top: 28.12vw;opacity: 0} 100% {margin-top: 22.91vw;} } #containerIsee #bloco02 .galaxy-left{ width: 3.65vw; height: 17.43vw; background: url(../img/galaxy_1280_galaxy-left.png) no-repeat; background-size: 100% !important; margin: auto; left: 30.6vw; top: 16vw; right: 0; bottom: 0; position: absolute; -webkit-animation: s8-left 4s infinite ease; -moz-animation: s8-left 4s infinite ease; -ms-animation: s8-left 4s infinite ease; -o-animation: s8-left 4s infinite ease; animation: s8-left 4s infinite ease;} @-webkit-keyframes s8-left { 0%, 40% {margin-left: 2.60vw;opacity: 1} 90%, 95% {margin-left: -2.60vw;opacity: 0} 100% {margin-left: 2.60vw;} } #containerIsee #bloco03 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_03.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco03 h1 {float:left; position:relative; color:#ffffff; text-align:left; margin-top:130px;margin-bottom: 0} #containerIsee #bloco03 p {float:left; position:relative; color:#d1d3d4; text-align:left; width:500px;} #containerIsee #bloco03 video{position: absolute; margin-top: -77px; width: 720px; right: 2vw;} #containerIsee #bloco03 .padding{display: none;} #containerIsee #bloco03B {float:left; position:relative; width:100%; background:#000; z-index:9;/*height: 650px;*/} #containerIsee #bloco03B h1 {float:left; position:absolute; color:#ffffff; text-align:center; margin-top:130px;font-size: 10em} #containerIsee #bloco04 {float:left; position:relative; width:100%; z-index:9;} /* #containerIsee #bloco04 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_04.jpg) no-repeat center top; z-index:9;} */ #containerIsee #bloco04 h1 {float:left; position:relative; color:#000; text-align:left; margin-top:80px; margin-left:80px; margin-bottom: 0;} #containerIsee #bloco04 h2 {float:left; position:relative; color:#000; text-align:center;} #containerIsee #bloco04 p {float:left; position:relative; color:#000; text-align:left; width:500px; margin-left:80px;} #containerIsee #bloco04 .boxDesempenho {float: left; position: relative; color: #000; text-align: left; width: 8vw; margin-bottom: 10px; border-radius: 50%; border: 1px solid #000; height: 8vw; margin-right: 2vw;} #containerIsee #bloco04 .boxDesempenho h2 {color:#000; text-align:center; margin-top:21%; margin-bottom:10px; font-size:2.08vw;} #containerIsee #bloco04 .boxDesempenho #first-child {color:#000; text-align:center; margin-top:28%; margin-bottom:10px; font-size:2.08vw;} #containerIsee #bloco04 .boxDesempenho p {color:#000; text-align:center; margin:0; font-size: 0.83vw; width: 100%} #containerIsee #bloco04 video{ position: absolute; margin-top: -22.81vw; width: 480px; right: 10vw;} #containerIsee #bloco05 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_05.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco05 h1 {float:left; position:relative; color:#ffffff; text-align:center; margin-top:400px; margin-bottom: 0;} #containerIsee #bloco05 p {float:left; position:relative; color:#ffffff; text-align:center;} #containerIsee #bloco05 video{position: absolute; margin-left: -600px; margin-top: -77px; width: 720px;} #containerIsee #bloco06 {float:left; position:relative; width:100%; z-index:9;transition: all 0.3s ease} #containerIsee #bloco06.stickers {background:url(../img/galaxy_1280_06.jpg) no-repeat center top;} #containerIsee #bloco06.smart {background:url(../img/galaxy_1280_06-2.jpg) no-repeat center top;} #containerIsee #bloco06 h1 {float:left; position:relative; color:#ffffff; text-align:left; margin-top:50px; margin-bottom:30px;} #containerIsee #bloco06 p {float:left; position:relative; color:#ffffff; text-align:left; width:560px; margin-top:0px;} #containerIsee #bloco06 .isee-menu{color: #FFF; font-size: 16px;position: absolute; left: 50%; margin-left: 220px; bottom: 120px;} #containerIsee #bloco06 .isee-menu a{color: #FFF;text-decoration: none; } #containerIsee #bloco06 .isee-menu a.active{color:#00b3e3} #containerIsee #bloco07 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_07.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco07 h1 {float:right; position:relative; color:#ffffff; text-align:left; width:470px; margin-bottom:11px;} #containerIsee #bloco07 p {float:right; position:relative; color:#ffffff; text-align:left; width:470px; margin-top:20px;} #containerIsee #bloco08 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_08.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco08 h1 {float:right; position:relative; color:#ffffff; text-align:left; width:585px; margin-bottom:30px; margin-top:120px;} #containerIsee #bloco08 p {float:right; position:relative; color:#ffffff; text-align:left; width:584px; margin-top:0px;} #containerIsee #bloco09 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_09.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco09 h1 {float:left; position:relative; color:#000; text-align:center; margin-top:490px; margin-bottom:30px;} #containerIsee #bloco09 p {float:left; position:relative; color:#000; text-align:center; margin-top:0px;} #containerIsee #bloco09 .memorycard{position: absolute;width: 374px;height: 181px;background: transparent url(../img/galaxy_1280_memorycard.png) no-repeat;margin-left: 298px;margin-top: 158px; -webkit-animation:card 4s infinite linear; -webkit-transform-origin:left bottom; -moz-animation:card 4s infinite linear; -moz-transform-origin:left bottom; -ms-animation:card 4s infinite linear; -ms-transform-origin:left bottom; -o-animation:card 4s infinite linear; -o-transform-origin:left bottom; animation:card 4s infinite linear;} @-webkit-keyframes card { 0% {margin-top: 158px;} 50% {margin-top: 58px;} 100% {margin-top: 158px;} } #containerIsee #bloco10 {float:left; position:relative; width:100%; background:url(../img/SSG_S8_bloco10.jpg) no-repeat center top #000; z-index:9; background-size: 100%;} #containerIsee #bloco10 h1 {float:left; position:relative; color:#ffffff; text-align:center; margin-bottom: 0; margin-top: 31vw} #containerIsee #bloco10 p {float:left; position:relative; color:#ffffff; text-align:center; } #containerIsee #bloco10 .video {max-width:1200px; min-width:700px; margin-left:auto; margin-right:auto; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; padding-left:1.46vw; padding-right:1.46vw; text-align:center; height: 27vw; margin-top: 3vw; } #containerIsee #bloco10 .video iframe { width: 35vw; height: 20vw; } #containerIsee #bloco11 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_11.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco11 h1 {float:left; position:relative; color:#000; text-align:left; width:750px; margin-bottom:30px; margin-top:130px;} #containerIsee #bloco11 p {float:left; position:relative; color:#000; text-align:left; width:700px; margin-top:0px; margin-bottom:50px;} #containerIsee #bloco11 small {float:left; position:relative; color:#000; text-align:left; width:700px; margin-top:0px; margin-bottom:0px; font-size:1.2em;} #containerIsee #bloco12 {float:left; position:relative; width:100%; z-index:9;} #containerIsee #bloco12 .videoFone {float:left; position:absolute; height:503px; z-index:99;} #containerIsee #bloco12 h1 {float:right; position:relative; color:#000; text-align:left; width:750px; margin-top:240px; margin-bottom:20px; z-index:999;} #containerIsee #bloco12 p {float:right; position:relative; color:#000; text-align:left; width:750px; margin-top:0px; z-index:999;} #containerIsee #bloco12 small {float:right; position:relative; color:#000; text-align:left; width:750px; margin-top:0px; margin-bottom:0px; font-size:1.2em; z-index:999;} #containerIsee #bloco13 {float:left; position:relative; width:100%; z-index:9; background-color:#f1f1f1;} #containerIsee #bloco13 h1 {float:left; position:relative; color:#000; text-align:center;} #containerIsee #bloco13 .icons {float:left; position:relative; color:#000; text-align:center; width:100%; margin-bottom:30px;} #containerIsee #bloco13 .table {text-align:center; width:100%;} #containerIsee #bloco13 .td {text-align:center; width:16%; font-size:1.3em; } #containerIsee #bloco13 p {color:#000; text-align:center; font-size:1.3em;} #containerIsee #rodape {float:left; position:relative; width:100%; padding-top:20px; height:auto; background-color:#000; padding-bottom:40px;} #containerIsee #rodape .zonaFranca {color:#fff; width:71px; height:43px; float:left; position:relative; text-indent:-99999em; background:url(../img/manaus.png);} #containerIsee #rodape .texto {float:left; position:relative; margin-left:20px; margin-right:20px; text-align:center; width:auto; color:#ffffff; font-size:1em;} #containerIsee #rodape .logo {float:left; position:relative; text-indent:-9999em; width:126px; height:20px; background:url(../img/samsungRodape.png);} } @media screen and (min-width: 1025px) and (max-width: 1299px) { #containerIsee {font-family:OpenSans,tahoma,arial,verdana; margin:0; padding:0; font-size:8px; width:100%;} #containerIsee .centraliza {max-width:992px; min-width:700px; margin-left:auto; margin-right:auto; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; padding-top:20px; padding-left:20px; padding-right:20px;} #containerIsee #bloco01 { height:714px!important;} #containerIsee #bloco02{ height:45.5vw;} #containerIsee #bloco03{ height:529px;} #containerIsee #bloco04{ height:600px;} #containerIsee #bloco05{ height:609px;} #containerIsee #bloco06{ height:446px;} #containerIsee #bloco07{ height:607px;} #containerIsee #bloco08{ height:562px;} #containerIsee #bloco09{ height:577px;} #containerIsee #bloco10{ height:100vw;} #containerIsee #bloco11{ height:526px;} #containerIsee #bloco12{ height:387px;} #containerIsee #bloco13{ height:376px;} #containerIsee #bloco01 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_01.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco01 .logo {float:left; position:relative; text-indent:-9999em; width:141px; height:22px; background:url(../img/logoSamsung.png); margin-top:20px; margin-left:20px;} #containerIsee #bloco01 .modelo {float:right; position:relative; margin-top:20px; margin-right:10px; width:250px; text-align:right; color:#fff; font-size:2.2em;} #containerIsee #bloco01 h1 {float:left; position:relative; color:#ffffff; text-align:center; color:#fFf; margin-top:160px; margin-bottom:0px; font-size:3em;} #containerIsee #bloco01 h2 {float:left; position:relative; color:#ffffff; text-align:center; color:#fFf; margin-top:10px; font-size:7.5em;} #containerIsee #bloco01 .botao_psd{-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;float:right; position:relative; position: absolute; top: 500px; right: 150px;padding: 0.4vw 1.2vw 0.5vw 1.2vw;background-color: #28143c; border-radius: 10px;color: #fff0e8;border:3px solid #fff0e8; font-family:"OpenBold",tahoma,arial,verdana; font-weight: bolder; text-decoration: none; font-size: 14pt;} #containerIsee #bloco01 .botao_psd:hover{-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;float:right; background-color: #fff0e8; border-radius: 10px;color: #28143c;border:3px solid #28143c; font-family:"OpenBold",tahoma,arial,verdana; font-weight: bolder; text-decoration: none; font-size: 14pt;} #containerIsee #bloco02 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_02.jpg) #000 no-repeat center top; background-size: 100%;z-index:9;} #containerIsee #bloco02 h1 {float:left; position:relative; color:#ffffff; text-align:center;} #containerIsee #bloco02 p { position:relative; color:#d1d3d4; margin-top:2vw; } #containerIsee #bloco02 .galaxy-top{ width: 26.69vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-top.png) no-repeat; background-size: 100%; position: absolute; margin: auto; left: 0; top: 9.3vw; right: 0; bottom: 0; -webkit-animation:s8-top 4s infinite ease; -moz-animation:s8-top 4s infinite ease; -ms-animation:s8-top 4s infinite ease; -o-animation:s8-top 4s infinite ease; animation:s8-top 4s infinite ease; } @-webkit-keyframes s8-top { 0%, 40% {margin-top: 12.92vw;opacity: 1} 90%, 95% {margin-top: 7.5vw; opacity: 0} 100% {margin-top: 12.92vw;} } #containerIsee #bloco02 .galaxy-right{ width:4.55vw; height: 17.43vw; background: url(../img/galaxy_1280_galaxy-right.png) no-repeat; position: absolute; margin: auto; left: 39.9vw; top: 16.5vw; right: 0; bottom: 0; background-size: 100%; z-index: 99999; -webkit-animation:s8-right 4s infinite ease; -moz-animation:s8-right 4s infinite ease; -ms-animation:s8-right 4s infinite ease; -o-animation:s8-right 4s infinite ease; animation:s8-right 4s infinite ease;} @-webkit-keyframes s8-right { 0%, 40% {margin-left: 22.91vw;opacity: 1} 90%, 95% {margin-left: 27.94vw;opacity: 0} 100% {margin-left: 22.91vw} } #containerIsee #bloco02 .galaxy-celular{ width: 34vw; height: 17vw;; background: url(../img/galaxy_1280_galaxy-celular.png) no-repeat; background-size: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 21vw; } #containerIsee #bloco02 .galaxy-bottom{ width: 26.78vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-bottom.png) no-repeat; background-size: 100%; background-size: 100%; position: absolute; margin: auto; left: 0; top: 14vw; right: 0; bottom: 0; -webkit-animation:s8-bottom 4s infinite ease; -moz-animation:s8-bottom 4s infinite ease; -ms-animation:s8-bottom 4s infinite ease; -o-animation:s8-bottom 4s infinite ease; animation:s8-bottom 4s infinite ease;} @-webkit-keyframes s8-bottom { 0%, 40% {margin-top: 22.91vw;opacity: 1} 90%, 95% {margin-top: 28.12vw;opacity: 0} 100% {margin-top: 22.91vw;} } #containerIsee #bloco02 .galaxy-left{ width: 3.6vw; height: 17.43vw; background: url(../img/galaxy_1280_galaxy-left.png) no-repeat; background-size: 100% !important; margin: auto; left: 30.8vw; top: 16.5vw; right: 0; bottom: 0; position: absolute; -webkit-animation:s8-left 4s infinite ease; -moz-animation:s8-left 4s infinite ease; -ms-animation:s8-left 4s infinite ease; -o-animation:s8-left 4s infinite ease; animation:s8-left 4s infinite ease;} @-webkit-keyframes s8-left { 0%, 40% {margin-left: 2.60vw;opacity: 1} 90%, 95% {margin-left: -2.60vw;opacity: 0} 100% {margin-left: 2.60vw;} } #containerIsee #bloco03 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_03.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco03 h1 {float:left; position:relative; color:#ffffff; text-align:left; margin-left:64px; } #containerIsee #bloco03 p {float:left; position:relative; color:#d1d3d4; text-align:left; margin-left:64px; width:500px;} #containerIsee #bloco03 video{position: absolute; width: 43.87vw;right: 0vw; top: -3vw;} #containerIsee #bloco03 .padding{display: none} #containerIsee #bloco03B {float:left; position:relative; width:100%; background:#000; z-index:9;height: 460px;} #containerIsee #bloco03B h1 {float:left; position:absolute; color:#ffffff; text-align:center; margin-top:130px;font-size: 10em} #containerIsee #bloco04 {float:left; position:relative; width:100%; z-index:9;} /* #containerIsee #bloco04 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_04.jpg) no-repeat center top; z-index:9;} */ #containerIsee #bloco04 h1 {float:left; position:relative; color:#000; text-align:left; margin-top:80px; margin-left:64px;} #containerIsee #bloco04 p {float:left; position:relative; color:#000; text-align:left; width:400px; margin-left:64px;} #containerIsee #bloco04 .boxDesempenho {float: left; position: relative; color: #000; text-align: left; width: 8vw; margin-bottom: 10px; border-radius: 50%; border: 1px solid #000; height: 8vw; margin-right: 2vw;} #containerIsee #bloco04 .boxDesempenho h2 {color:#000; text-align:center; margin-top:21%; margin-bottom:10px; font-size:2.08vw;} #containerIsee #bloco04 .boxDesempenho #first-child {color:#000; text-align:center; margin-top:28%; margin-bottom:10px; font-size:2.08vw;} #containerIsee #bloco04 .boxDesempenho p {color:#000; text-align:center; margin:0; font-size: 0.83vw; width: 100%}#containerIsee #bloco04 video{position: absolute; margin-left:115px; margin-top: -31.84vw;width: 29.63vw;} #containerIsee #bloco05 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_05.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco05 h1 {float:left; position:relative; color:#ffffff; text-align:center; margin-top:300px;} #containerIsee #bloco05 p {float:left; position:relative; color:#ffffff; text-align:center;} #containerIsee #bloco06 {float:left; position:relative; width:100%; z-index:9;} #containerIsee #bloco06.stickers {background:url(../img/galaxy_1024_06.jpg) no-repeat center top;} #containerIsee #bloco06.smart {background:url(../img/galaxy_1024_06-2.jpg) no-repeat center top;} #containerIsee #bloco06 h1 {float:left; position:relative; color:#ffffff; text-align:left; margin-top:40px; margin-bottom:30px;} #containerIsee #bloco06 p {float:left; position:relative; color:#ffffff; text-align:left; width:450px; margin-top:0px;} #containerIsee #bloco06 .isee-menu{ color: #FFF; font-size: 14px; position: absolute; left: 50%; margin-left: 180px; bottom: 80px;} #containerIsee #bloco06 .isee-menu a{color: #FFF;text-decoration: none; } #containerIsee #bloco06 .isee-menu a.active{color:#00b3e3} #containerIsee #bloco07 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_07.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco07 h1 {float:right; position:relative; color:#ffffff; text-align:left; width:395px; margin-bottom:30px;} #containerIsee #bloco07 p {float:right; position:relative; color:#ffffff; text-align:left; width:395px; margin-top:20px;} #containerIsee #bloco08 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_08.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco08 h1 {float:right; position:relative; color:#ffffff; text-align:left; width:468px; margin-bottom:30px; margin-top:120px;} #containerIsee #bloco08 p {float:right; position:relative; color:#ffffff; text-align:left; width:468px; margin-top:0px;} #containerIsee #bloco09 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_09.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco09 h1 {float:left; position:relative; color:#000; text-align:center; margin-top:390px; margin-bottom:30px;} #containerIsee #bloco09 p {float:left; position:relative; color:#000; text-align:center; margin-top:0px;} #containerIsee #bloco09 .memorycard{position: absolute;height: 181px;background: transparent url(../img/galaxy_1280_memorycard.png) no-repeat; background-size: contain; width: 304px; margin-top: 100px; margin-left: 247px; -webkit-animation:card 4s infinite linear; -webkit-transform-origin:left bottom; -moz-animation:card 4s infinite linear; -moz-transform-origin:left bottom; -ms-animation:card 4s infinite linear; -ms-transform-origin:left bottom; -o-animation:card 4s infinite linear; -o-transform-origin:left bottom; animation:card 4s infinite linear;} @-webkit-keyframes card { 0% {margin-top: 100px;} 50% {margin-top: 20px;} 100% {margin-top: 100px;} } #containerIsee #bloco10 {float:left; position:relative; width:100%; background:url(../img/SSG_S8_bloco10.jpg) no-repeat center top #000; z-index:9; background-size: cover;} #containerIsee #bloco10 h1 {float:left; position:relative; color:#ffffff; text-align:center; margin-top: 35vw; margin-bottom: 0} #containerIsee #bloco10 p {float:left; position:relative; color:#ffffff; text-align:center; } #containerIsee #bloco10 .video {max-width: 1200px; min-width: 700px; margin-left: auto; margin-right: auto; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; padding-left: 1.46vw; padding-right: 1.46vw; text-align: center; height: 27vw; margin-top: 4vw } #containerIsee #bloco11 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_11.jpg) no-repeat center top; z-index:9;} #containerIsee #bloco11 h1 {float:left; position:relative; color:#000; text-align:left; width:750px; margin-bottom:50px; margin-top:110px;} #containerIsee #bloco11 p {float:left; position:relative; color:#000; text-align:left; width:700px; margin-top:0px; margin-bottom:50px;} #containerIsee #bloco11 small {float:left; position:relative; color:#000; text-align:left; width:700px; margin-top:0px; margin-bottom:0px; font-size:1.2em;} #containerIsee #bloco12 {float:left; position:relative; width:100%; z-index:9;} #containerIsee #bloco12 .videoFone {float:left; position:absolute; z-index:99;} #containerIsee #bloco12 #media-video-5 { height:370px;} #containerIsee #bloco12 h1 {float:right; position:relative; color:#000; text-align:left; width:700px; margin-top:180px; margin-bottom:20px; z-index:999;} /* #containerIsee #bloco12 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_12.jpg) no-repeat center top; z-index:9;} */ #containerIsee #bloco12 p {float:right; position:relative; color:#000; text-align:left; width:700px; margin-top:0px; z-index:999;} #containerIsee #bloco12 small {float:right; position:relative; color:#000; text-align:left; width:700px; margin-top:0px; margin-bottom:0px; font-size:1.2em; z-index:999;} #containerIsee #bloco13 {float:left; position:relative; width:100%; z-index:9; background-color:#f1f1f1;} #containerIsee #bloco13 h1 {float:left; position:relative; color:#000; text-align:center;} #containerIsee #bloco13 .icons {float:left; position:relative; color:#000; text-align:center; width:100%; margin-bottom:30px;} #containerIsee #bloco13 .table {text-align:center; width:100%;} #containerIsee #bloco13 .td {text-align:center; width:16%; font-size:1.3em; } #containerIsee #bloco13 p {color:#000; text-align:center; font-size:1.3em;} #containerIsee #rodape {float:left; position:relative; width:100%; padding-top:20px; height:auto; background-color:#000; padding-bottom:40px;} #containerIsee #rodape .zonaFranca {color:#fff; width:71px; height:43px; float:left; position:relative; text-indent:-99999em; background:url(../img/manaus.png);} #containerIsee #rodape .texto {float:left; position:relative; margin-left:20px; margin-right:20px; text-align:center; width:auto; color:#ffffff; font-size:1em;} #containerIsee #rodape .logo {float:left; position:relative; text-indent:-9999em; width:126px; height:20px; background:url(../img/samsungRodape.png);} } @media screen and (max-width: 1024px) { #containerIsee h1{float:left; position:relative; font-family:PoppinsSemiBold,tahoma,arial,verdana; font-size:5.4vw; line-height:1.1em; letter-spacing:-2px; text-align:center; width:100%; margin-top:30px;} #containerIsee h2{float:left; position:relative; font-family:PoppinsSemiBold,tahoma,arial,verdana; font-size:3em; line-height:1em; letter-spacing:-1px; text-align:center; width:100%; margin-top:30px;} #containerIsee h3{float:left; position:relative; font-family:OpenSans,tahoma,arial,verdana;font-size:2vw; line-height:1.1em; text-align:center; width:100%; margin-top:30px;} #containerIsee p{float:left; position:relative; font-family:OpenSans,tahoma,arial,verdana;font-size:2vw; line-height:1.4em; text-align:center; width:100%; margin-top:30px;} #containerIsee ul{list-style:none;} #containerIsee .hide{display:none;} #containerIsee {font-family:OpenSans,tahoma,arial,verdana; margin:0; padding:0; font-size:7px; width:100%;} #containerIsee .centraliza {max-width:992px; margin-left:auto; margin-right:auto; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; padding-top:20px; padding-left:20px; padding-right:20px;} #containerIsee #bloco01 {height:69.55vw;} #containerIsee #bloco02 {height:78.5vw;} #containerIsee #bloco03 {height:125vw;} #containerIsee #bloco04 {height:118vw;} #containerIsee #bloco05 {height:67.7vw;} #containerIsee #bloco06 {height: 67vw;} #containerIsee #bloco07 {height:78.71vw;} #containerIsee #bloco08 {height:66.4vw;} #containerIsee #bloco09 {height:67.73vw;} #containerIsee #bloco10 {height:131.66vw;} #containerIsee #bloco11 {height:66.453vw;} #containerIsee #bloco12 {height:59.359vw;} #containerIsee #bloco13 {height:61vw;} #containerIsee #bloco01 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_01.jpg) no-repeat center top; z-index:9; background-size: cover} #containerIsee #bloco01 .logo {float:left; position:relative; text-indent:-9999em; width:13.76vw; height:22px; background:url(../img/logoSamsung.png) no-repeat; margin-top:10px; margin-left:10px; background-size: 100% } #containerIsee #bloco01 .modelo {float:right; position:relative; margin-top:0.9vw; margin-right:0.9vw; width:24.41vw; text-align:right; color:#fff; font-size:2.2em;} #containerIsee #bloco01 h1 {float:left; position:relative; color:#ffffff; text-align:center; color:#fFf; margin-top:23vw; margin-bottom:0px; font-size:3vw; font-weight: normal;} #containerIsee #bloco01 h2 {float:left; position:relative; color:#ffffff; text-align:center; color:#fFf; margin-top:10px; font-size:5.4vw;} #containerIsee #bloco01 h1 br{display: none} #containerIsee #bloco01 .botao_psd{-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;float:right; position:relative; position: absolute; top: 49.5vw; right: 7.9vw; padding: 0.4vw 1.2vw 0.5vw 1.2vw;background-color: #28143c; border-radius: 10px;color: #fff0e8;border:3px solid #fff0e8; font-family:"OpenBold",tahoma,arial,verdana; font-weight: bolder; text-decoration: none; font-size: 14pt;} #containerIsee #bloco01 .botao_psd:hover{-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;float:right; background-color: #fff0e8; border-radius: 10px;color: #28143c;border:3px solid #28143c; font-family:"OpenBold",tahoma,arial,verdana; font-weight: bolder; text-decoration: none; font-size: 14pt;} #containerIsee #bloco02 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_02.jpg) #000 repeat center top; background-size: 100%;z-index:9;} #containerIsee #bloco02 h1 {float:left; position:relative; color:#ffffff; text-align:center; margin-top: 2vw; margin-left: auto; margin-right: auto; width: 90%; float: none;} #containerIsee #bloco02 p { position:relative; color:#d1d3d4; margin-top:2vw; margin-left: auto; margin-right: auto; width: 80%; float: none;font-size: 1.9vw;} #containerIsee #bloco02 .galaxy-top{ width: 36.69vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-top.png) no-repeat; background-size: 100%; position: absolute; margin: auto; left: 0; top: 28.9vw; right: 0; bottom: 0; -webkit-animation: s8-top 4s infinite ease; -moz-animation: s8-top 4s infinite ease; -ms-animation: s8-top 4s infinite ease; -o-animation: s8-top 4s infinite ease; animation: s8-top 4s infinite ease; } @-webkit-keyframes s8-top { 0%, 40% {margin-top: 12.92vw;opacity: 1} 90%, 95% {margin-top: 7.5vw; opacity: 0} 100% {margin-top: 12.92vw;} } #containerIsee #bloco02 .galaxy-right{ width: 6vw; height: 21.2vw; background: url(../img/galaxy_1280_galaxy-right.png) no-repeat; position: absolute; margin: auto; left: 44.5vw; top: 26.8vw; right: 0; bottom: 0; background-size: 100%; z-index: 99999; -webkit-animation: s8-right 4s infinite ease; -moz-animation: s8-right 4s infinite ease; -ms-animation: s8-right 4s infinite ease; -o-animation: s8-right 4s infinite ease; animation: s8-right 4s infinite ease;} @-webkit-keyframes s8-right { 0%, 40% {margin-left: 22.91vw;opacity: 1} 90%, 95% {margin-left: 27.94vw;opacity: 0} 100% {margin-left: 22.91vw} } #containerIsee #bloco02 .galaxy-celular{ width: 46vw; height: 21vw; background: url(../img/galaxy_1280_galaxy-celular.png) no-repeat; background-size: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 12vw; } #containerIsee #bloco02 .galaxy-bottom{ width: 35.78vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-bottom.png) no-repeat; background-size: 100%; background-size: 100%; position: absolute; margin: auto; left: 0; top: 38.4vw; right: 0; bottom: 0; -webkit-animation: s8-bottom 4s infinite ease; -moz-animation: s8-bottom 4s infinite ease; -ms-animation: s8-bottom 4s infinite ease; -o-animation: s8-bottom 4s infinite ease; animation: s8-bottom 4s infinite ease;} @-webkit-keyframes s8-bottom { 0%, 40% {margin-top: 22.91vw;opacity: 1} 90%, 95% {margin-top: 28.12vw;opacity: 0} 100% {margin-top: 22.91vw;} } #containerIsee #bloco02 .galaxy-left{ width:4.76vw; height: 25.43vw; background: url(../img/galaxy_1280_galaxy-left.png) no-repeat; background-size: 100% !important; margin: auto; left: 24.8vw; top: 30.7vw; right: 0; bottom: 0; position: absolute; -webkit-animation: s8-left 4s infinite ease; -moz-animation: s8-left 4s infinite ease; -ms-animation: s8-left 4s infinite ease; -o-animation: s8-left 4s infinite ease; animation: s8-left 4s infinite ease;} @-webkit-keyframes s8-left { 0%, 40% {margin-left: 2.60vw;opacity: 1} 90%, 95% {margin-left: -2.60vw;opacity: 0} 100% {margin-left: 2.60vw;} } #containerIsee #bloco03 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_02.jpg) #000 repeat center top; z-index:9; background-size: 130%;} #containerIsee #bloco03 h1 {float:none; position:relative; color:#ffffff; text-align:center; font-size: 5.4vw} #containerIsee #bloco03 p {float:none; position:relative; color:#d1d3d4; text-align:center; margin-left:auto; margin-right:auto; width: 80%; font-size: 2.01vw;} #containerIsee #bloco03 h1 br{display: none} #containerIsee #bloco03 video{position: relative; margin-left: auto; margin-right: auto; margin-top: -5.07vw; padding-left: 10vw; display: block; width: 80vw; padding-top: 6vw;} #containerIsee #bloco03 .padding{top: 5vw;} #containerIsee #bloco03B {float:left; position:relative; width:100%; background:#000; z-index:9;height: 51vw;} #containerIsee #bloco03B h1 {float:left; position:absolute; color:#ffffff; text-align:center; margin-top:130px;font-size: 10em} #containerIsee #bloco03B .swiper-container{margin-top: 40px} #containerIsee #bloco03B .swiper-color-selector { margin-top: -9vw; margin-left: -4vw; } #containerIsee #bloco04 {float:left; position:relative; width:100%; z-index:9;} /* #containerIsee #bloco04 {float:left; position:relative; width:100%; background:url(../img/galaxy_780_04.jpg) no-repeat center top; z-index:9;} */ #containerIsee #bloco04 h1 {float:left; position:relative; color:#000; text-align:center; margin-top:3.90vw; margin-bottom: 4vw;} #containerIsee #bloco04 h1 br{display: none} #containerIsee #bloco04 p {float: none; position: relative; color: #000; text-align: center; margin-top: 20px; width: 80%; margin-left: auto; margin-right: auto; display: block;} #containerIsee #bloco04 .boxDesempenho {float:left; position:relative; color:#000; text-align:left; width:12vw; height:12vw; margin-bottom:10px;} #containerIsee #bloco04 .boxDesempenho:first-child{margin-left: 2vw!important} #containerIsee #bloco04 .boxDesempenho #first-child{margin-top:34%;} #containerIsee #bloco04 .boxDesempenho h2 {color:#000; text-align:center; margin-top:28%; font-size:4em; margin-bottom: 0} #containerIsee #bloco04 .boxDesempenho p {color:#000; text-align:center; width:100px; margin:0;} #containerIsee #bloco04 video{ position: relative; width: 48vw; display: block;} #containerIsee #bloco04 .alinha{width: 100%; display: block; } #containerIsee #bloco04 .boxDesempenho{ border: 1px solid #000; border-radius: 50% } #containerIsee #bloco04 .boxDesempenho h2{ display: block; margin-left: auto; margin-right: auto } #containerIsee #bloco04 .boxDesempenho p{ font-size: 1.1vw; display: block; margin-left: auto; margin-right: auto } #containerIsee #bloco05 {float:left; position:relative; width:100%; background:url(../img/galaxy_mobile_05.jpg) #000 no-repeat center top; z-index:9; background-size: 100%;} #containerIsee #bloco05 h1 {float:left; position:relative; color:#ffffff; text-align:center; margin-top:35vw; margin-bottom: 2vw} #containerIsee #bloco05 p {float:none; position:relative; color:#ffffff; text-align:center; margin-top:15px; margin-left: auto; margin-right: auto;display: block; } /*#containerIsee #bloco05 p br{display: none;}*/ #containerIsee #bloco06 {float:left; position:relative; width:100%; z-index:9; float: left; position: relative; width: 100%;} #containerIsee #bloco06.stickers {background:url(../img/galaxy_mobile_06-3.jpg) no-repeat center top; background-size: 100%;} #containerIsee #bloco06.smart {background:url(../img/galaxy_mobile_06-2.jpg) #000 no-repeat center top; background-size: 100%;} #containerIsee #bloco06 h1 {float:left; position:relative; color:#ffffff; text-align:left; margin-top:10px; margin-bottom:10px;} #containerIsee #bloco06 h1 br{display: none} #containerIsee #bloco06 p {float:left; position:relative; color:#ffffff; text-align:left; margin-top:0px;} #containerIsee #bloco06 .isee-menu{ color: #FFF; font-size: 12px; position: absolute; left: 55%; margin-left: 13vw; bottom: 25vw;} #containerIsee #bloco06 .isee-menu a{color: #FFF;text-decoration: none; } #containerIsee #bloco06 .isee-menu a.active{color:#00b3e3} #containerIsee #bloco07 {float:left; position:relative; width:100%; background:url(../img/galaxy_mobile_07.jpg) #000 no-repeat right top; z-index:9; background-size: 100%;} #containerIsee #bloco07 h1 { position:relative; color:#ffffff; text-align:left; margin-bottom:0px;} #containerIsee #bloco07 p { position:relative; color:#ffffff; text-align:left; margin-top:10px;} #containerIsee #bloco08 {float:left; position:relative; width:100%; background:url(../img/galaxy_1024_08.jpg) #000 no-repeat center top; z-index:9; background-size: cover; background-position-x: -62vw;} #containerIsee #bloco08 h1 {float:none; position:relative; color:#ffffff; text-align:left; margin-bottom:2.92vw; margin-top:5.85vw;} #containerIsee #bloco08 p {float:none; position:relative; color:#ffffff; text-align:left; margin-top:0px;} #containerIsee #bloco09 {float:left; position:relative; width:100%; background:url(../img/galaxy_780_09.jpg) #fff no-repeat center top; z-index:9; background-size: 119%;} #containerIsee #bloco09 h1 {float:left; position:relative; color:#000; text-align:center; margin-top:36vw; margin-bottom:20px;} #containerIsee #bloco09 p {float:left; position:relative; color:#000; text-align:center; margin-top:0px;} #containerIsee #bloco09 br{display: none} #containerIsee #bloco09 .memorycard { position: absolute; height: 18vw; background: transparent url(../img/galaxy_1280_memorycard.png) no-repeat; background-size: contain; width: 21vw; margin-top: 15vw; margin-left: 31vw; -webkit-animation: card 4s infinite linear; -webkit-transform-origin: left bottom; -moz-animation: card 4s infinite linear; -moz-transform-origin: left bottom; -ms-animation: card 4s infinite linear; -ms-transform-origin: left bottom; -o-animation: card 4s infinite linear; -o-transform-origin: left bottom; animation: card 4s infinite linear; } /* #containerIsee #bloco09 .memorycard{position: absolute;height: 181px;background: transparent url(../img/galaxy_1280_memorycard.png) no-repeat; background-size: contain; width: 230px; margin-top: 71px; margin-left: 305px; -webkit-animation:card 4s infinite linear; -webkit-transform-origin:left bottom; -moz-animation:card 4s infinite linear; -moz-transform-origin:left bottom; -ms-animation:card 4s infinite linear; -ms-transform-origin:left bottom; -o-animation:card 4s infinite linear; -o-transform-origin:left bottom; animation:card 4s infinite linear;} */ @-webkit-keyframes card { 0% {margin-top: 8.89vw;} 50% {margin-top: 4.39vw;} 100% {margin-top: 8.89vw;} } #containerIsee #bloco10 {float:left; position:relative; width:100%; background:url(../img/SSG_S8_bloco10.jpg) no-repeat center top #000; z-index:9; background-size: 150%} #containerIsee #bloco10 h1 {float:left; position:relative; color:#ffffff; text-align:center; margin-bottom:0px;} #containerIsee #bloco10 p {float:left; position:relative; color:#ffffff; text-align:center; margin-bottom: 6vw} #containerIsee #bloco10 .video {width:100%; margin-left:auto; margin-right:auto; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; padding-top:20px; text-align:center; margin-top:75px;} #containerIsee #bloco10 br {display: none} #containerIsee #bloco10 h1{margin-top: 50vw} #containerIsee #bloco11 {float:left; position:relative; width:100%; background:url(../img/galaxy_1280_11.jpg) no-repeat center top; z-index:9; background-position-x: -40vw;background-size: 160%;} #containerIsee #bloco11 h1 {float:left; position:relative; color:#000; text-align:left; margin-bottom:40px; margin-top:60px;} #containerIsee #bloco11 p {float:left; position:relative; color:#000; text-align:left; margin-top:0px; margin-bottom:5.46vw;} #containerIsee #bloco11 small {float:left; position:relative; color:#000; text-align:left; margin-top:0px; margin-bottom:0px; font-size:1.6em;} #containerIsee #bloco11 br{display: none} #containerIsee #bloco12 {float:left; position:relative; width:100%; z-index:9;} #containerIsee #bloco12 .videoFone {float:left; position:absolute; z-index:99;} #containerIsee #bloco12 #media-video-5 { height:29vw ;} #containerIsee #bloco12 h1 {float:right; position:relative; color:#000; text-align:left; margin-top:130px; margin-bottom:10px; z-index:999;} #containerIsee #bloco12 p {float:right; position:relative; color:#000; text-align:left; margin-top:0px; z-index:999;} #containerIsee #bloco12 small {float:left; position:relative; color:#000; text-align:left; margin-top:0px; margin-bottom:0px; font-size:1.6em; z-index:999;} #containerIsee #bloco13 {float:left; position:relative; width:100%; z-index:9; background-color:#f1f1f1;} #containerIsee #bloco13 h1 {float:left; position:relative; color:#000; text-align:center;} #containerIsee #bloco13 .icons {float:left; position:relative; color:#000; text-align:center; width:100%; margin-bottom:30px;} #containerIsee #bloco13 .table {text-align:center; width:100%;} #containerIsee #bloco13 .td {text-align:center; width:16%; font-size:1.3em; } #containerIsee #bloco13 p {color:#000; text-align:center; font-size:1.3em;} #containerIsee #bloco13 #sobe{top:-3vw;} #containerIsee #bloco13 .alinha-img img{display: block; margin: 0 auto;} #containerIsee #bloco13 .alinha-img p{margin-top: 0; margin-bottom: 3vw ;} #containerIsee #rodape {float:left; position:relative; width:100%; padding-top:20px; height:auto; background-color:#000; padding-bottom:40px;} #containerIsee #rodape .zonaFranca {color:#fff; width:71px; height:43px; float:left; position:relative; text-indent:-99999em; background:url(../img/manaus.png);} #containerIsee #rodape .texto {float:left; position:relative; margin-left:20px; margin-right:20px; text-align:center; width:auto; color:#ffffff; font-size:1em;} #containerIsee #rodape .logo {float:left; position:relative; text-indent:-9999em; width:126px; height:20px; background:url(../img/samsungRodape.png) no-repeat;} .mobileHide{display: none} .mobileShow{display: block} } @media screen and (max-width: 780px) { #containerIsee p{font--size: 4.2vw;} #containerIsee h1{font--size: 10.24vw;} #containerIsee #bloco02 p{margin-right:50px;} #containerIsee #bloco03 video { position: relative; margin-left: auto; margin-right: auto; margin-top: -5.07vw; padding-left: 10vw; display: block; width: 80vw; padding-top: 6vw;} #containerIsee #bloco03B h1{margin-top: 18vw;} #containerIsee #bloco04 video{margin-left: 30px} #containerIsee #bloco04{background:#FFF;} #containerIsee #bloco09 .memorycard{margin-left: margin-left: 28vw;} #containerIsee #rodape br{display: block} #containerIsee h1{float:left; position:relative; font-family:PoppinsSemiBold,tahoma,arial,verdana; font-size:6.7vw; line-height:1.1em; letter-spacing:-2px; text-align:center@important; width:100%; margin-top:30px;} #containerIsee h2{float:left; position:relative; font-family:PoppinsSemiBold,tahoma,arial,verdana; font-size:3em; line-height:1em; letter-spacing:-1px; text-align:center; width:100%; margin-top:30px;} #containerIsee h3{float:left; position:relative; font-family:OpenSans,tahoma,arial,verdana;font-size:2vw; line-height:1.1em; text-align:center; width:100%; margin-top:30px;} #containerIsee p{float:left; position:relative; font-family:OpenSans,tahoma,arial,verdana;font-size:2.3vw; line-height:1.4em; text-align:center; width:100%; margin-top:30px;} #containerIsee #bloco01 {height:79.75vw;} #containerIsee #bloco02 {height:78.5vw;} #containerIsee #bloco03 {height:134vw;} #containerIsee #bloco04 {height:136vw;} #containerIsee #bloco05 {height:66.40vw;} #containerIsee #bloco06 {height: 113vw;} #containerIsee #bloco07 {height:142.71vw;} #containerIsee #bloco08 {height:66.4vw;} #containerIsee #bloco09 {height:100.73vw;} #containerIsee #bloco10 {height:155.66vw;} #containerIsee #bloco11 {height:89vw;} #containerIsee #bloco12 {height:103vw;} #containerIsee #bloco13 {height: 154vw;} #containerIsee #bloco02 p{width:100%;} #containerIsee #bloco01 h2{font-size:6.7vw;} #containerIsee #bloco03 h1, #containerIsee #bloco03 h1 { font-size: 6.4vw; } #containerIsee #bloco03 p { font-size: 2.3vw; } #containerIsee #bloco01 .botao_psd{-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;float:right; position:relative; position: absolute; top: 55.9vw; right: 2.2vw; padding: 0.6vw 1.5vw 0.9vw 1.5vw; background-color: #28143c; border-radius: 10px;color: #fff0e8;border:0.4vw solid #fff0e8; font-family:"OpenBold",tahoma,arial,verdana; font-weight: bolder; text-decoration: none; font-size: calc(14/780*100vw);} #containerIsee #bloco01 .botao_psd:hover{-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;float:right; background-color: #fff0e8; border-radius: 10px;color: #28143c;border:3px solid #28143c; font-family:"OpenBold",tahoma,arial,verdana; font-weight: bolder; text-decoration: none; font-size: calc(14/780*100vw);} #containerIsee #bloco02 .galaxy-celular {width: 52vw;height: 25vw;background: url(../img/galaxy_1280_galaxy-celular.png) no-repeat;background-size: 100%;position: relative;margin-left: auto;margin-right: auto;margin-top: 15.4vw;} #containerIsee #bloco02 .galaxy-top { width: 39.9vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-top.png) no-repeat; background-size: 100%; position: absolute; margin: auto; left: 0; top: 37.4vw; right: 0; bottom: 0; -webkit-animation: s8-top 4s infinite ease;-moz-animation: s8-top 4s infinite ease;-ms-animation: s8-top 4s infinite ease;-o-animation: s8-top 4s infinite ease;animation: s8-top 4s infinite ease;} #containerIsee #bloco02 .galaxy-right { width: 6.98vw; height: 26.43vw; background: url(../img/galaxy_1280_galaxy-right.png) no-repeat; position: absolute; margin: auto; left: 46.6vw; top: 48.7vw; right: 0; bottom: 0; background-size: 100%;} #containerIsee #bloco02 .galaxy-bottom {width: 40.78vw;height: 2vw;background: url(../img/galaxy_1280_galaxy-bottom.png) no-repeat;background-size: 100%;background-size: 100%;position: absolute;margin: auto;left: 0;top: 50vw;right: 0;bottom: 0;} #containerIsee #bloco02 .galaxy-left {width: 5.5vw;height: 25.43vw;background: url(../img/galaxy_1280_galaxy-left.png) no-repeat;background-size: 100% !important;margin: auto;left: 22vw; top: 47.7vw;right: 0;bottom: 0;} #containerIsee #bloco02 p { font-size: 2vw;} /* Somente para Chrome e Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #containerIsee #bloco02 .galaxy-celular {width: 52vw;height: 25vw;background: url(../img/galaxy_1280_galaxy-celular.png) no-repeat;background-size: 100%;position: relative;margin-left: auto;margin-right: auto;margin-top:16.4vw;} #containerIsee #bloco02 .galaxy-top { width: 39.9vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-top.png) no-repeat; background-size: 100%; position: absolute; margin: auto; left: 0; top: 37.4vw; right: 0; bottom: 0; -webkit-animation: s8-top 4s infinite ease;-moz-animation: s8-top 4s infinite ease;-ms-animation: s8-top 4s infinite ease;-o-animation: s8-top 4s infinite ease;animation: s8-top 4s infinite ease;} #containerIsee #bloco02 .galaxy-right { width: 6.98vw; height: 26.43vw; background: url(../img/galaxy_1280_galaxy-right.png) no-repeat; position: absolute; margin: auto; left: 46.6vw; top: 48.7vw; right: 0; bottom: 0; background-size: 100%;} #containerIsee #bloco02 .galaxy-bottom {width: 40.78vw;height: 2vw;background: url(../img/galaxy_1280_galaxy-bottom.png) no-repeat;background-size: 100%;background-size: 100%;position: absolute;margin: auto;left: 0;top: 50vw;right: 0;bottom: 0;} #containerIsee #bloco02 .galaxy-left {width: 5.5vw;height: 25.43vw;background: url(../img/galaxy_1280_galaxy-left.png) no-repeat;background-size: 100% !important;margin: auto;left: 21.91vw; top: 47.7vw;right: 0;bottom: 0;} #containerIsee #bloco02 p { font-size: 2vw;} } #containerIsee #bloco03 .padding{top: 6vw; position: relative;} #containerIsee #bloco04 .boxDesempenho:first-child {margin-left: 2vw !important;} #containerIsee #bloco04 video { position: relative; margin-left: auto; margin-right: auto; width: 48vw; display: block; float: none;} #containerIsee #bloco04 .boxDesempenho { width: 14vw; height: 14vw;} #containerIsee #bloco04 .boxDesempenho h2 {font-size: 4vw;} #containerIsee #bloco04 .boxDesempenho p{width: 100%; font-size: 1.5vw;} #containerIsee #bloco06.smart { background: url(../img/galaxy_mobile_06-4.jpg) #000 no-repeat center bottom; background-size: 100%;} #containerIsee #bloco06.stickers {background:url(../img/galaxy_mobile_06-5.jpg) #000 no-repeat center bottom !important; background-size: 100%!important;} #containerIsee #bloco06 .isee-menu{position: absolute; margin: auto; left: 0; top: -33vw; right: 0; bottom: 0; height: 3vw; width: 24vw; font-size: 2.3vw;} #containerIsee #bloco06 h1 {text-align: center; margin-top: 49vw} #containerIsee #bloco06 p {text-align: center;} #containerIsee #bloco07 h1, #containerIsee #bloco07 p { text-align: center;} #containerIsee #bloco07 h1{margin-top: 65vw} #containerIsee #bloco07 h1 br{display: none;} #containerIsee #bloco07 { background: url(../img/galaxy_mobile_07-2.jpg) #000 no-repeat center bottom; background-size: 100%;} #containerIsee #bloco08 h1, #containerIsee #bloco08 p { float: none; text-align: center} #bloco09 {background: url(../img/galaxy_mobile_09.jpg) #fff no-repeat center top !important; background-size: 100% !important} #containerIsee #bloco09 .memorycard {position: absolute;height: 18vw;background: transparent url(../img/galaxy_1280_memorycard.png) no-repeat;background-size: contain;width: 28vw;margin-top: 15vw;margin-left: 22vw;-webkit-animation: card 4s infinite linear;-webkit-transform-origin: left bottom;-moz-animation: card 4s infinite linear;-moz-transform-origin: left bottom;-ms-animation: card 4s infinite linear;-ms-transform-origin: left bottom;-o-animation: card 4s infinite linear;-o-transform-origin: left bottom;animation: card 4s infinite linear; } @-webkit-keyframes card { 0% {margin-top: 15.89vw;} 50% {margin-top: 11.39vw;} 100% {margin-top: 15.89vw;} } #containerIsee #bloco09 h1 { margin-top: 52vw;} #containerIsee #bloco10 .video iframe { width: 76vw; height: 42vw; margin-top: 5vw;} #containerIsee #bloco10 { float: left; position: relative; width: 100%; background: url(../img/SSG_S8_bloco10.jpg) no-repeat center top #000; z-index: 9; background-size:153%;} #containerIsee #bloco11 h1, #containerIsee #bloco11 p, #containerIsee #bloco12 h1, #containerIsee #bloco12 p{text-align: center} #containerIsee #bloco11 { background: url(../img/galaxy_1280_11.jpg) no-repeat center bottom; background-position-x: -40vw; background-size: 162%; background-position-y: 28vw;} #containerIsee #bloco11 h1, #containerIsee #bloco11 p{text-align: left!important;} #containerIsee #bloco11 small{width: 44vw} #containerIsee #bloco12 h1{margin-top: 52vw} #containerIsee #bloco12 #media-video-5 { height: 47vw;} #containerIsee #bloco12 small { text-align: center; width: 100%} #containerIsee #bloco13 .mobileShow img{ width: 100%; } #containerIsee #bloco13 br{display: none} #containerIsee #bloco03B h1 { font-size: 8vw;} #containerIsee #bloco12 small { font-size: 1.7em;} #containerIsee #bloco13 .alinha-img p { margin-top: 2vw; margin-bottom: 4vw; font-size: 2vw;} .mobileHide{display: none} .mobileShow{display: block} } @media screen and (max-width: 768px) { #containerIsee #bloco02 .galaxy-left { width: 5.5vw; height: 25.43vw; background: url(../img/galaxy_1280_galaxy-left.png) no-repeat; background-size: 100% !important; margin: auto; left: 22.1vw; top: 47.7vw; right: 0; bottom: 0; } } @media screen and (max-width: 500px) { #containerIsee p, #containerIsee #bloco03 p, #containerIsee #bloco04 p, #containerIsee #bloco05 p, #containerIsee #bloco06 p, #containerIsee #bloco07 p, #containerIsee #bloco08 p, #containerIsee #bloco09 p, #containerIsee #bloco10 p, #containerIsee #bloco11 p, #containerIsee #bloco12 p, #containerIsee #bloco13 p{font-size: 3.2vw; font-weight: normal;} #containerIsee br{display: none} #containerIsee h1, #containerIsee h2{ font-weight: normal; } #containerIsee #bloco10 h1 { margin-top: 49vw;} #containerIsee #bloco01 .logo { width: 24.5vw; height: 5.5vw; background: url(../img/logoSamsung.png) no-repeat; margin-top: 0; margin-left: 2vw; background-size: 100%} #containerIsee #bloco01 .modelo { width: 31vw; text-align: right; color: #fff; font-size: 3vw; top: -2vw;} #containerIsee #bloco02 { height: 80vw;} #containerIsee #bloco02 p { font-size: 3.1vw;} #containerIsee #bloco02 .galaxy-left{top: 61.7vw;} #containerIsee #bloco02 .galaxy-right{top: 62.7vw;} #containerIsee #bloco02 .galaxy-top{top: 59.1vw;} #containerIsee #bloco02 .galaxy-bottom {top: 71.7vw;} #containerIsee #bloco02 .galaxy-celular{margin-top:15.9vw;} #containerIsee #bloco02 .galaxy-celular {width: 51.6vw;height: 25vw;background: url(../img/galaxy_1280_galaxy-celular-respiro.png) no-repeat center top;background-size: 100%;position: relative;margin-left: auto;margin-right: auto;margin-top:12.9vw;} #containerIsee #bloco02 .galaxy-top { width: 39.9vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-top.png) no-repeat; background-size: 100%; position: absolute; margin: auto; left: 0; top: 38vw; right: 0; bottom: 0; -webkit-animation: s8-top 4s infinite ease;-moz-animation: s8-top 4s infinite ease;-ms-animation: s8-top 4s infinite ease;-o-animation: s8-top 4s infinite ease;animation: s8-top 4s infinite ease;} #containerIsee #bloco02 .galaxy-right { width: 6.95vw; height: 26.43vw; background: url(../img/galaxy_1280_galaxy-right.png) no-repeat; position: absolute; margin: auto; left: 46.9vw; top: 48.69vw; right: 0; bottom: 0; background-size: 100%;} #containerIsee #bloco02 .galaxy-bottom {width: 40.78vw;height: 2vw;background: url(../img/galaxy_1280_galaxy-bottom.png) no-repeat;background-size: 100%;background-size: 100%;position: absolute;margin: auto;left: 0;top: 50.78vw;right: 0;bottom: 0;} #containerIsee #bloco02 .galaxy-left {width: 5.5vw;height: 25.43vw;background: url(../img/galaxy_1280_galaxy-left.png) no-repeat;background-size: 100% !important;margin: auto;left: 21.99vw; top: 47.9vw;right: 0;bottom: 0;} #containerIsee #bloco02 p { font-size: 2vw;} @media screen and (-webkit-min-device-pixel-ratio:0) { #containerIsee #bloco02 .galaxy-celular {width: 51.6vw;height: 25vw;background: url(../img/galaxy_1280_galaxy-celular-respiro.png) no-repeat center top;background-size: 100%;position: relative;margin-left: auto;margin-right: auto;margin-top: 14.9vw;} #containerIsee #bloco02 .galaxy-top { width: 39.9vw; height: 2vw; background: url(../img/galaxy_1280_galaxy-top.png) no-repeat; background-size: 100%; position: absolute; margin: auto; left: 0; top:38.06vw; right: 0; bottom: 0; -webkit-animation: s8-top 4s infinite ease;-moz-animation: s8-top 4s infinite ease;-ms-animation: s8-top 4s infinite ease;-o-animation: s8-top 4s infinite ease;animation: s8-top 4s infinite ease;} #containerIsee #bloco02 .galaxy-right { width: 6.95vw; height: 26.43vw; background: url(../img/galaxy_1280_galaxy-right.png) no-repeat; position: absolute; margin: auto; left: 46.9vw; top: 48.69vw;; right: 0; bottom: 0; background-size: 100%;} #containerIsee #bloco02 .galaxy-bottom {width: 40.78vw;height: 2vw;background: url(../img/galaxy_1280_galaxy-bottom.png) no-repeat;background-size: 100%;background-size: 100%;position: absolute;margin: auto;left: 0;top: 50.5vw;right: 0;bottom: 0;} #containerIsee #bloco02 .galaxy-left {width: 5.5vw;height: 25.43vw;background: url(../img/galaxy_1280_galaxy-left.png) no-repeat;background-size: 100% !important;margin: auto;left: 22vw; top: 47.7vw;right: 0;bottom: 0;} #containerIsee #bloco02 p { font-size: 2vw;} } #containerIsee #bloco03 { height: 164vw; top: -1px;} #containerIsee #bloco03B { top: -2px;} #containerIsee #bloco03B .swiper-color-selector { margin-top: -6vw; margin-left: -12vw} .swiper-button-next, .swiper-button-prev { position: absolute; top: 10%!important;} #containerIsee #bloco04 { height: 151vw;} #containerIsee #bloco04 .boxDesempenho:first-child { margin-left: 4vw !important;} #containerIsee #bloco05 { height: 85.4vw;} #containerIsee #bloco06 .isee-menu {top: -41vw;} #containerIsee #bloco06 h1 {margin-top: 37vw; margin-bottom: 2vw} #containerIsee #bloco07 h1 {margin-top: 50vw;} #containerIsee #bloco07 p { margin-top: 1.5vw;} #bloco09 {height: 137.73vw!important;} #containerIsee #bloco09 h1 {margin-top: 62vw} #containerIsee #bloco09 { background: url(../img/galaxy_mobile_09.jpg) no-repeat center top; background-size: 100%} #containerIsee #bloco09 .memorycard {margin-left: 18vw;} #containerIsee #bloco09 .memorycard { height: 18vw; width: 30vw; margin-top: 14vw;} #containerIsee #bloco10{height: 190vw;} #containerIsee #bloco10 .video iframe { width: 76vw; height: 42vw; margin-top: 5vw;} #containerIsee #bloco11 h1 { margin-bottom: 8vw; margin-top: 8vw;} #containerIsee #bloco12 { height: 156vw;} #containerIsee #bloco12 .videoFone { margin-top: 28vw;} #containerIsee #bloco12 h1 { margin-top: 75vw;} #containerIsee #rodape {float:left; position:relative; width:100%; padding-top:20px; height:auto; background-color:#000; padding-bottom:40px;} #containerIsee #rodape .zonaFranca {color:#fff; width:10vw; height:43px; position:relative; text-indent:-99999em; background:url(../img/manaus.png) no-repeat; margin: 0 auto; padding-top:2vw; padding-bottom:2vw; background-size: 100%} #containerIsee #rodape .texto { position: relative; margin-left: 10vw; margin-right: 20px; text-align: center; width: 50vw; color: #ffffff; font-size: 3vw; margin: 0 auto; display: block; padding-left: 9vw; text-align: justify;} #containerIsee #rodape .logo { position:relative; text-indent:-9999em; width:15vw; height:20px; background:url(../img/samsungRodape.png) no-repeat; margin: 0 auto; padding-top:2vw; padding-bottom:2vw; top: 5vw; background-size: 100%} } @media screen and (max-width: 645px) { #containerIsee #bloco11 { height: 100vw; } #containerIsee #bloco02 .galaxy-celular {margin-top: 14.9vw;} } @media screen and (max-width: 389px) { @media screen and (-webkit-min-device-pixel-ratio:0) { #containerIsee #bloco02 .galaxy-celular {margin-top: 13.9vw;} #containerIsee #bloco02 .galaxy-bottom { top: 50.77vw;} } #containerIsee #bloco02 .galaxy-celular {margin-top: 12.9vw;} } @media screen and (max-width: 320px) { @media screen and (-webkit-min-device-pixel-ratio:0) { #containerIsee #bloco02 .galaxy-celular {margin-top: 14vw;} #containerIsee #bloco02 .galaxy-bottom { top: 50.77vw;} } #containerIsee #bloco02 .galaxy-celular {margin-top: 14vw;} #containerIsee #bloco02 .galaxy-top { top: 38.2vw;}] #containerIsee #bloco02 .galaxy-bottom {top: 50.6vw;} } #containerIsee .transition{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;} #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;} #containerIsee .fadeOut {-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; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity: 1;} 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .swiper-container{width:100%;height:490px;margin:20px auto;}.swiper-slide{text-align:center;font-size:18px;background:#fff;width:60%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}.swiper-slide:nth-child(2n){width:40%;}.swiper-slide:nth-child(3n){width:20%;} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{max-width:500px;position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:16vw;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-color-selector{ position: absolute; text-align: center; width: 100%; height: 60px; margin-top: -30px; } .swiper-color-selector strong{ color: #FFF; z-index: 99; position: absolute; margin-top: -10px; font-size: 16px; margin-left: -30px; } .swiper-color-selector a{ position: relative; z-index: 1; cursor: pointer; width: 54px; height: 54px; overflow: visible; } .swiper-color-selector a:hover:before{ border-width: 3px; } .swiper-color-selector a.active:before{ border-width: 2px; } .swiper-color-selector a:before { content: ''; position: absolute; display: block; width: 26px; height: 26px; top: 50%; left: 50%; margin: -13px 0 0 -13px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #fff; z-index: 1; } .swiper-color-selector a:after { content: ''; position: absolute; display: block; width: 26px; height: 26px; top: 50%; left: 50%; margin: -13px 0 0 -13px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-width: 13px; border-style: solid; border-color: #000; opacity: 1; } .swiper-color-selector a.black:before{ background-color: #1a1a1a; margin-left: 30px; } .swiper-color-selector a.orchidgray:before{ background-color: #61506a; margin-left: 75px; } .swiper-color-selector a.arcticsilver:before{ background-color: #818185; margin-left: 120px; } .swiper-color-selector a>span { display: none; position: absolute; width: 60px; top: 20px; left: calc(50% + 45px); transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); font-size: 10px; letter-spacing: .01em; color: #fff; line-height: 1.3; word-break: break-word; } .swiper-color-selector a.orchidgray>span{ left: calc(50% + 88px); } .swiper-color-selector a.arcticsilver>span{ left: calc(50% + 133px); } .swiper-color-selector a.active>span{ display: inline-block; } .black .s1{background:url(../img/gallery/galaxy-s8_gallery_front_black_s4.png) no-repeat;} .black .s2{background:url(../img/gallery/galaxy-s8_gallery_right_side_black_s4.png) no-repeat;} .black .s3{background:url(../img/gallery/galaxy-s8_gallery_right_black_s4.png) no-repeat;} .black .s4{background:url(../img/gallery/galaxy-s8_gallery_left_side_black_s4.png) no-repeat;} .black .s5{background:url(../img/gallery/galaxy-s8_gallery_left_black_s4.png) no-repeat;} .black .s6{background:url(../img/gallery/galaxy-s8_gallery_back_black_s4.png) no-repeat;} .black .s7{background:url(../img/gallery/galaxy-s8-plus_gallery_front_black_s4.png) no-repeat;} .black .s8{background:url(../img/gallery/galaxy-s8-plus_gallery_right_side_black_s4.png) no-repeat;} .black .s9{background:url(../img/gallery/galaxy-s8-plus_gallery_right_black_s4.png) no-repeat;} .black .s10{background:url(../img/gallery/galaxy-s8-plus_gallery_left_side_black_s4.png) no-repeat;} .black .s11{background:url(../img/gallery/galaxy-s8-plus_gallery_left_black_s4.png) no-repeat;} .black .s12{background:url(../img/gallery/galaxy-s8-plus_gallery_back_black_s4.png) no-repeat;} .orchidgray .s1{background:url(../img/gallery/galaxy-s8_gallery_front_orchidgray_s4.png) no-repeat;} .orchidgray .s2{background:url(../img/gallery/galaxy-s8_gallery_right_side_orchidgray_s4.png) no-repeat;} .orchidgray .s3{background:url(../img/gallery/galaxy-s8_gallery_right_orchidgray_s4.png) no-repeat;} .orchidgray .s4{background:url(../img/gallery/galaxy-s8_gallery_left_side_orchidgray_s4.png) no-repeat;} .orchidgray .s5{background:url(../img/gallery/galaxy-s8_gallery_left_orchidgray_s4.png) no-repeat;} .orchidgray .s6{background:url(../img/gallery/galaxy-s8_gallery_back_orchidgray_s4.png) no-repeat;} .orchidgray .s7{background:url(../img/gallery/galaxy-s8-plus_gallery_front_orchidgray_s4.png) no-repeat;} .orchidgray .s8{background:url(../img/gallery/galaxy-s8-plus_gallery_right_side_orchidgray_s4.png) no-repeat;} .orchidgray .s9{background:url(../img/gallery/galaxy-s8-plus_gallery_right_orchidgray_s4.png) no-repeat;} .orchidgray .s10{background:url(../img/gallery/galaxy-s8-plus_gallery_left_side_orchidgray_s4.png) no-repeat;} .orchidgray .s11{background:url(../img/gallery/galaxy-s8-plus_gallery_left_orchidgray_s4.png) no-repeat;} .orchidgray .s12{background:url(../img/gallery/galaxy-s8-plus_gallery_back_orchidgray_s4.png) no-repeat;} .arcticsilver .s1{background:url(../img/gallery/galaxy-s8_gallery_front_arcticsilver_s4.png) no-repeat;} .arcticsilver .s2{background:url(../img/gallery/galaxy-s8_gallery_right_side_arcticsilver_s4.png) no-repeat;} .arcticsilver .s3{background:url(../img/gallery/galaxy-s8_gallery_right_arcticsilver_s4.png) no-repeat;} .arcticsilver .s4{background:url(../img/gallery/galaxy-s8_gallery_left_side_arcticsilver_s4.png) no-repeat;} .arcticsilver .s5{background:url(../img/gallery/galaxy-s8_gallery_left_arcticsilver_s4.png) no-repeat;} .arcticsilver .s6{background:url(../img/gallery/galaxy-s8_gallery_back_arcticsilver_s4.png) no-repeat;} .arcticsilver .s7{background:url(../img/gallery/galaxy-s8-plus_gallery_front_arcticsilver_s4.png) no-repeat;} .arcticsilver .s8{background:url(../img/gallery/galaxy-s8-plus_gallery_right_side_arcticsilver_s4.png) no-repeat;} .arcticsilver .s9{background:url(../img/gallery/galaxy-s8-plus_gallery_right_arcticsilver_s4.png) no-repeat;} .arcticsilver .s10{background:url(../img/gallery/galaxy-s8-plus_gallery_left_side_arcticsilver_s4.png) no-repeat;} .arcticsilver .s11{background:url(../img/gallery/galaxy-s8-plus_gallery_left_arcticsilver_s4.png) no-repeat;} .arcticsilver .s12{background:url(../img/gallery/galaxy-s8-plus_gallery_back_arcticsilver_s4.png) no-repeat;} .swiper-slide{ width:318px; height:486px; transition: all 0.3s ease; background-size: contain !important; cursor: pointer; margin-top: 10px; opacity: 0.3; } .swiper-slide-active{ margin-top: 0; height:506px; opacity: 1; } .swiper-button-prev swiper-button-disabled{ color: #FFF; }