/*=======================================================RESET E ELEMENTOS GERAIS*/ * { margin: 0; padding: 0; } .runner-content div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .runner-content div:before, .runner-content div:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bandit-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } .bandit-content p { font-family: 'gotham_bookregular'; font-size: 20px; line-height: 25px; } .bandit-content h1, .bandit-content h2 { font-family: 'gotham_mediumregular'; text-transform: uppercase; color: #000; margin-bottom: 30px; } .bandit-content h1 { display: block; background: rgba(255, 255, 255, 0.5); padding: 30px; line-height: 45px; } .bandit-col h2 { font-size: 24px!important; padding-top: 55px; margin-bottom: 20px!important; } .bandit-col p { font-size: 16px!important; font-weight: bold; } .bandit-content h1, .bandit-content h2 { font-size: 30px; } .topo-930.bandit { background: url(imgs/bandit-action.jpg) no-repeat; max-width: 100%; background-size: 100% auto; height: 100%; margin-bottom: 15px; padding-top: 40%; position: relative; } .topo-930.bandit .col-md-7.pull-left { position: absolute; top: 10%; padding-left: 47px; width: 62.5%; } .topo-930.bandit h1 span { font-size: 16px; text-transform: upercase; } .bandit-content div:before, .bandit-content div:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .img-responsive { display: block; max-width: 100%; height: auto; } .container { margin-right: auto; margin-left: auto; padding-left: 0px!important; padding-right: 0px!important; } /*======================================================= MEDIA QUERIES*/ @media (max-width: 640px) { .topo-930.bandit h1 span { font-size: 12px; text-transform: upercase; } .topo-930.bandit .col-md-7.pull-left { width: 92%; } .sec3-spark-basic .col-md-8.pull-right { width: 100%!important; } .sec1-spark-runner .col-md-10.pull-left.bandit-col { padding-top: 59.5% !important; } .relogio-spark { padding-left: 0; padding-top: 70%; } .runner-content h1.bandit-cont { width: 100%!important; font-size: 12px!important; line-height: 18px!important; } .runner-content h1, .runner-content h2 { margin-bottom: 0px; } .meca-progresso { margin-bottom: 20px; } .sec1-spark-basic h2 { margin-bottom: 3.9%!important; } .rastreamento-por-gps h2 { padding-top: 13%!important; } .rastreamento-por-gps p { margin-bottom: 10px; } .corra-de-maneira-inteligente h2 { padding-top: 8%!important; } .corra-de-maneira-inteligente p { margin-bottom: 10px; } .topo-930.runner-cardio br { display: none; } .sec1-spark-basic .col-md-10.pull-left { padding-top: 5%!Important; } .col-md-12.bluetooth img { max-width: 100%; height: auto; } .sec1-spark-basic .col-md-10.pull-left, .sec3-spark-basic .col-md-8.pull-right, .sec3-spark-cardio .col-md-8.pull-right, .sec1-spark-cardio .col-md-12, .sec1-spark-cardio-music .col-md-12, .sec3-spark-cardio-music .col-md-6.pull-right, .sec1-spark-cardio-music-hp .col-md-12, .sec03-spark-cardio-music-hp .col-md-12, .sec3-spark-music .col-md-6.pull-left, .sec1-runner-music .col-md-12, .sec1-spark-cardio.cardio-music2 .col-md-12, .sec1-runner-music-hp .col-md-12 { position: static!important; border-bottom: solid 1px #CCC; padding-bottom: 10px; } .topo-930.runner-cardio .col-md-7.pull-left.cardio-music-hp { position: absolute; top: 10%; padding-left: 47px; width: 69%!important; } .sec1-runner-music-hp .col-md-12 { padding-top: 10%!important; width: 100%!important; padding-left: 7%!important; } .sec1-spark-cardio.cardio-music2 .col-md-12 { padding-left: 20px!important; } .sec1-runner-music .col-md-12 { width: 100%!important; } .sec1-runner-music .col-md-12 p br { display: none!important; } .topo-930.runner-cardio.runner-cardio-music .col-md-7.pull-left { position: absolute; top: 10%; padding-left: 47px; width: 63%; } .sec1-spark-cardio .col-md-12, .sec03-spark-cardio-music-hp .col-md-12 { width: 100%!important; padding-top: 2.5%!important; } .sec1-spark-cardio-music .col-md-12, .sec3-spark-cardio-music .col-md-6.pull-right, .sec1-spark-cardio-music-hp .col-md-12, .sec3-spark-music .col-md-6.pull-left { width: 100%!important; padding-top: 3.5%!important; } .sec1-spark-cardio-music p { padding-top: 2%!important; } .sec1-spark-basic .col-md-8.pull-left p br, .sec3-spark-basic .col-md-8.pull-right p br, .sec1-spark-cardio-music h2 br { display: none; } { width: 100%!important; } .spark-qualidades img { float: none!important; margin: 15px auto 37px auto!important; } .spark-qualidades h3, .spark-qualidades p { margin: 0 auto!important; text-align: center!important; } .relogio-spark img { margin-top: 10px; } .topo-930 .col-md-7.pull-left, .topo-930 .col-md-8.pull-left, .topo-930 .col-md-10.pull-left { bottom: -13px!important; } .sec3-spark-basic .col-xs-12 h2 br { display: none; } .fones-de-ouvido img { margin-top: 40px!important; } } @media (max-width: 992px) { .runner-content h1, .runner-content h2 { font-size: 14px!important; } .runner-content h1 { line-height: 25px!important; padding: 0!Important; padding: 2px!important; } .runner-content p { font-size: 14px!important; } .row { margin-left: 0px!important; margin-right: 0px!important; } .topo-930 { padding-top: 36.64%; } .sec3-spark-basic { padding-top: 65.67%!important; } .sec3-spark-basic h2 br, .sec3-spark-cardio h2 br { display: none; } .meca-progresso h2 br { display: none; } } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 930px; } } /*@media (min-width: 1200px) { .container { width: 1170px; } } */ .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } @media (min-width: 768px) and (max-width: 991px) { .runner-content { width: 100%; } p { font-size: 17px!important; } .col-md-12.bluetooth img { max-width: 100%; height: auto; } } /*RUNNER GLOBAL ================================================================================================================*/ @font-face { font-family: 'gotham_mediumregular'; src: url('fontes/ufonts.com_gotham-medium-webfont.eot'); src: url('fontes/ufonts.com_gotham-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fontes/ufonts.com_gotham-medium-webfont.woff2') format('woff2'), url('fontes/ufonts.com_gotham-medium-webfont.woff') format('woff'), url('fontes/ufonts.com_gotham-medium-webfont.ttf') format('truetype'), url('fontes/ufonts.com_gotham-medium-webfont.svg#gotham_mediumregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_bookregular'; src: url('fontes/ufonts.com_gotham-book-webfont.eot'); src: url('fontes/ufonts.com_gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('fontes/ufonts.com_gotham-book-webfont.woff2') format('woff2'), url('fontes/ufonts.com_gotham-book-webfont.woff') format('woff'), url('fontes/ufonts.com_gotham-book-webfont.ttf') format('truetype'), url('fontes/ufonts.com_gotham-book-webfont.svg#gotham_bookregular') format('svg'); font-weight: normal; font-style: normal; } /*RUNNER GLOBAL /===============================================================================================================*/ .runner-content { padding: 0; } .runner-content p { font-family: 'gotham_bookregular'; font-size: 16px; line-height: 25px; font-weight: bold; } .runner-content h1, .runner-content h2 { font-family: 'gotham_mediumregular'; text-transform: uppercase; color: #000; margin-bottom: 30px; } .runner-content h1 { display: block; background: rgba(255, 255, 255, 0.5); padding: 30px; line-height: 45px; } .runner-content h1.bandit-cont { display: block; background: rgba(255, 255, 255, 0.7); padding: 10px 20px 15px 15px; line-height: 45px; margin-top: 10px; } .runner-content h1, .runner-content h2 { font-size: 24px; } .topo-930 { background: url(imgs/topo_runner_basic_930px.jpg) no-repeat; max-width: 100%; background-size: 100% auto; height: 100%; margin-bottom: 15px; padding-top: 40%; position: relative; } .topo-930 .col-md-7.pull-left { position: absolute; top: 10%; padding-left: 47px; width: 54%; } .topo-930 .col-md-7.pull-left.runner-music { position: absolute; top: 10%; padding-left: 47px; width: 63.6%; } .topo-930.runner-cardio .col-md-7.pull-left { position: absolute; top: 10%; padding-left: 47px; width: 60%; } .topo-930.runner-cardio .col-md-7.pull-left.cardio-music-hp { position: absolute; top: 10%; padding-left: 47px; width: 66%; } .topo-930.runner-cardio h1 { font-size: 27.2px; } .topo-930 .col-md-8.pull-left { position: absolute; bottom: 14px; padding-left: 47px; width: 73%; } .topo-930 .col-md-10.pull-left { position: absolute; bottom: 14px; padding-left: 47px; width: 85%; } .pad0 { margin: 0; padding: 0; } .spark-qualidades { margin-top: 58px; } .spark-qualidades img { float: left; margin-bottom: 77px; padding-right: 5%; display: block; box-sizing: content-box; } .spark-qualidades .cont { float: right; } .spark-qualidades h3 { text-transform: uppercase; font-family: 'gotham_mediumregular'; font-size: 17px; margin-top: 0; padding-top: 0; } .spark-qualidades p { margin-top: 14px; font-size: 15px; line-height: 18px; font-weight: normal; padding-top: 0!important; } /*RUNNER BASIC===================================================================================================================*/ .sec1-spark-basic { background: url(imgs/corra-de-maneira-inteligente.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec1-spark-runner { background: url(imgs/sensores-de-aventura-integrados.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec1-spark-basic.runner2music { background: url(imgs/corra-com-musica-nao-com-seu-celular2.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec1-runner-music { background: url(imgs/corra-no-ritmo-do-seu-coracao.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec1-runner-music-hp { background: url(imgs/corra-com-musica-nao-com-seu-celular.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec1-runner-music .col-md-12 { position: absolute; top: 0%; padding-left: 6.5%; padding-top: 3.5%; width: 76%; left: 0; } .sec1-runner-music-hp .col-md-12 { position: absolute; top: 0%; padding-left: 21.5%; padding-top: 40.5%; width: 76%; left: 0; } .sec1-runner-music h2 { margin-bottom: 10px; } .sec1-spark-basic .col-md-10.pull-left { position: absolute; top: 0; padding-left: 6.5%; padding-top: 52.5%; } .sec1-spark-basic { background: url(imgs/corra-de-maneira-inteligente.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec1-spark-basic.runner2music .col-md-10.pull-left { position: absolute; top: 0; padding-left: 6.5%; padding-top: 32.5%; } .sec1-spark-runner .col-md-10.pull-left.bandit-col { position: absolute!important; top: 0!important; padding-left: 10.5%!important; padding-top: 41.5%; width: 100%; } .sec1-spark-basic.runner2music .col-md-10.pull-left.sec01 { position: absolute; top: 0; padding-left: 6.5%; padding-top: 35.5%; } .sec1-spark-basic.runner2music .col-md-10.pull-left h2 { margin-bottom: 10px; ; } .sec1-spark-basic .col-md-10.pull-left h2 { margin-bottom: 0; } .sec2-spark-basic {} .meca-progresso h2 { padding-top: 13%; } .sec2-spark-basic .rastreamento-por-gps h2 { padding-top: 33%; margin-bottom: 10px; } .relogio-spark img {} .relogio-spark { padding-left: 0; } .sec3-spark-basic { background: url(imgs/edicao-facil-em-alguns-minutos.jpg) no-repeat no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.68%; position: relative; } .sec3-spark-basic p {} .sec3-spark-basic .col-md-8.pull-right { position: absolute; top: 0; right: 0; padding-left: 5%; box-sizing: border-box; padding-top: 18.5%; } .sec3-spark-basic .col-md-8.pull-right p { padding-top: 20px; } .sec3-spark-basic .col-md-8.pull-right { width: 60%; } .sec3-spark-basic h2 { margin-bottom: 10px; } div.spark-basic { background: url(imgs/footer-runner-basic.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 41.67%; margin-top: 110px; } div.cardio-music { background: url(imgs/rodape-bandit.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 41.67%; margin-top: 1px; } .cardio-music p { font-size: 11px; text-align: center; font-family: 'gotham_bookregular'; font-weight: normal; } /*RUNNER BASIC===================================================================================================================*/ /*RUNNER CARDIO===================================================================================================================*/ .sec1-spark-cardio { background: url(imgs/meca-sua-frequencia-cardiaca.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec1-spark-cardio .col-md-12 { position: absolute; top: 0%; padding-left: 6.5%; padding-top: 50.5%; width: 76%; right: 0; } .sec1-spark-cardio.cardio-music2 .col-md-12 { position: absolute; top: 0%; padding-left: 30.5%; padding-top: 50.5%; width: 95%; left: 0; } .sec1-spark-cardio h2 { margin-bottom: 10px; } .sec2-spark-cardio {} .meca-progresso h2 { padding-top: 13%; } .corra-de-maneira-inteligente h2 { padding-top: 33%; } .relogio-cardio img { max-width: 80%; float: left; } .sec3-spark-cardio { background: url(imgs/registre-todos-os-seus-esportes.jpg) no-repeat no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec3-spark-cardio .col-md-8.pull-right { position: absolute; top: 0; right: 0; padding-left: 5%; box-sizing: border-box; padding-top: 5%; } div.spark-cardio { background: url(imgs/footer-spark-cardio-930.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 52.3%; } /*RUNNER CARDIO===================================================================================================================*/ /*RUNNER CARDIO MUSIC=============================================================================================================*/ .sec1-spark-cardio-music { background: url(imgs/sec1_spark_Cardio_Music_930px.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec1-spark-cardio-music .col-md-12 { position: absolute; top: 0%; padding-left: 6.5%; padding-top: 5.5%; width: 56%; right: 0; } .sec1-spark-cardio-music p { padding-top: 9%; } .sec1-spark-cardio-music h2 { margin-bottom: 10px; } .sec2-spark-cardio-music {} .meca-progresso h2 { padding-top: 13%; } .relogio-cardio-music img { max-width: 80%; float: left; } .sec3-spark-cardio-music { background: url(imgs/sec3-spark-Cardio_Music_930px.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec3-spark-cardio-music p { padding-top: 0%; } .sec3-spark-cardio-music .col-md-6.pull-right { position: absolute; top: 0; right: 0; padding-left: 5%; box-sizing: border-box; padding-top: 16.8%; width: 55%; } div.spark-cardio-music { background: url(imgs/footer-spark-cardio-930.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 52.3%; } /*RUNNER CARDIO MUSIC=============================================================================================================*/ /*RUNNER CARDIO MUSIC HP============================================================================================================*/ .sec1-spark-cardio-music-hp { background: url(imgs/sec1_spark_Cardio_Music_930px.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec2-spark-cardio-music-hp { position: static!important; } .sec03-spark-cardio-music-hp { background: url(imgs/sec1_spark_Cardio_930px.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec03-spark-cardio-music-hp p { padding-top: 0!important; } .sec03-spark-cardio-music-hp .col-md-12 { position: absolute; top: 0%; padding-left: 6.5%; padding-top: 22%; width: 56%; right: 0; } .sec1-spark-cardio-music-hp .col-md-12 { position: absolute; top: 0%; padding-left: 6.5%; padding-top: 22%; width: 56%; right: 0; } .sec1-spark-cardio-music-hp p { padding-top: 9%; } .sec1-spark-cardio-music-hp h2 { margin-bottom: 10px; } .sec2-spark-cardio-music-hp {} .meca-progresso h2 { padding-top: 13%; } .relogio-cardio-music-hp img { max-width: 80%; float: left; } .sec3-spark-cardio-music-hp { background: url(imgs/sec3-spark-Cardio_Music_930px.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec3-spark-cardio-music-hp p { padding-top: 0%; } .sec3-spark-cardio-music-hp .col-md-6.pull-right { position: absolute; top: 0; right: 0; padding-left: 5%; box-sizing: border-box; padding-top: 16.8%; width: 55%; } .sec2-spark-cardio-music-hp p { margin-bottom: 50px; } .sec2-spark-cardio-music-hp h2 { padding-top: 0%; margin-bottom: 0; } .fones-de-ouvido img { width: 100%; height: auto; margin-top: 140px; } .fones-de-ouvido { text-align: left } div.spark-cardio-music-hp { background: url(imgs/footer-park-basic-930.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 52.3%; margin-top: 120px; } .col-md-12.bluetooth { position: static; padding-top: 0; padding-left: 0; width: 100%; text-align: left; } .col-md-12.bluetooth h2 { padding-left: 6%; } .col-md-12.bluetooth p { margin-bottom: 10%; padding-left: 6%; } /*RUNNER CARDIO MUSIC HP============================================================================================================*/ /*RUNNER MUSIC======================================================================================================================*/ .sec3-spark-music { background: url(imgs/running-trax.jpg) no-repeat; max-width: 100%; background-size: 100% auto; padding-top: 66.67%; position: relative; } .sec3-spark-music .col-md-6.pull-left { position: absolute; top: 0; left: 0; padding-left: 5%; box-sizing: border-box; padding-top: 40.8%; width: 88%; } .sec3-spark-music p { padding-top: 0; } /*SPARK MUSIC======================================================================================================================*/