@charset "utf-8";
body {margin:0; padding:0; min-width: initial;}
/*--------------------------------------------------
	00. FONT FACE 1.1
---------------------------------------------------*/
@font-face {
	font-family: 'Diodrum';
	src: url('font/web/Diodrum-Semibold.eot');
	src: url('font/web/Diodrum-Semibold.eot?#iefix') format('embedded-opentype'),
		url('font/web/Diodrum-Semibold.woff') format('woff'),
		url('font/web/Diodrum-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Diodrum';
	src: url('font/web/Diodrum-Medium.eot');
	src: url('font/web/Diodrum-Medium.eot?#iefix') format('embedded-opentype'),
		url('font/web/Diodrum-Medium.woff') format('woff'),
		url('font/web/Diodrum-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Diodrum';
	src: url('font/web/Diodrum-Bold.eot');
	src: url('font/web/Diodrum-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/web/Diodrum-Bold.woff') format('woff'),
		url('font/web/Diodrum-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Diodrum';
	src: url('font/web/Diodrum-Regular.eot');
	src: url('font/web/Diodrum-Regular.eot?#iefix') format('embedded-opentype'),
		url('font/web/Diodrum-Regular.woff') format('woff'),
		url('font/web/Diodrum-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Diodrum';
	src: url('font/web/Diodrum-Extralight.eot');
	src: url('font/web/Diodrum-Extralight.eot?#iefix') format('embedded-opentype'),
		url('font/web/Diodrum-Extralight.woff') format('woff'),
		url('font/web/Diodrum-Extralight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Diodrum';
	src: url('font/Diodrum-Light.eot');
	src: url('font/Diodrum-Light.eot?#iefix') format('embedded-opentype'),
		url('font/Diodrum-Light.woff') format('woff'),
		url('font/Diodrum-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


#hotsite-cartao {font-size:18px;}

/*--------------------------------------------------
	01. Typografy
---------------------------------------------------*/

#hotsite-cartao .btn, #hotsite-cartao .servBox-overlay .btn-primary, #hotsite-cartao .btn-default {font-family:'Diodrum'; text-decoration:none;}

#hotsite-cartao h1, #hotsite-cartao h2, #hotsite-cartao h3, #hotsite-cartao h4, #hotsite-cartao h5, #hotsite-cartao h6 {
font-weight:bold;
font-family:'Diodrum';
color: inherit;
}

#hotsite-cartao p {
font-size:18px;
color: inherit;
font-weight:normal;
}

#hotsite-cartao .titulo {
width:100%;
height:auto;
margin:0 0 30px 0;
}

#hotsite-cartao .titulo h2 {
color:inherit;
font-weight: normal;
line-height: 1.2em;
display: table;
letter-spacing:-4px;
margin:0 auto;
}

#hotsite-cartao .titulo h2 span {
display:table-cell;
vertical-align: middle;
padding:0 15px 20px 15px;
}

#hotsite-cartao .titulo h2 strong {
color:inherit;
font-size:3em;
font-weight:bold;
text-transform:uppercase;
}

#hotsite-cartao #sDescontos .titulo h2, #hotsite-cartao #sBeneficios .titulo h2, #hotsite-cartao #sPerguntas .titulo h2 {color:#505050;}
#hotsite-cartao #sDescontos .titulo h2 strong, #hotsite-cartao #sBeneficios .titulo h2 strong, #hotsite-cartao #sPerguntas .titulo h2 strong {color:#792ab6;}
#sFacilidades .titulo h2 {color:#FFF;}

#hotsite-cartao h1,#hotsite-cartao h2,#hotsite-cartao h3,#hotsite-cartao h4,#hotsite-cartao h5,#hotsite-cartao h6,#hotsite-cartao p {
 line-height: 1.5;
}

#hotsite-cartao h1 { font-size: 4em; color:inherit; line-height:4em;}
#hotsite-cartao h2 { font-size: 2.2em; color:inherit; line-height:3em;}
#hotsite-cartao h3 { font-size:1.8em; color:inherit; line-height:1em; }

/*--------------------------------------------------
	01. Icons
---------------------------------------------------*/

#hotsite-cartao .icon {
	width:90px;
	height:90px;
	padding:30px;
	border-radius:120px;
	background-color:#d8d8d8;
	margin:0 auto;
	position:relative;
}

#hotsite-cartao .icon.icon-fatura {
	background-size:60px 60px;
	background-repeat:no-repeat;
	background-position:15px 15px;
	background-image: url(icons/original/color1-01.svg);
}

#hotsite-cartao .icon.icon-parcelamento {
	background-size:60px 60px;
	background-repeat:no-repeat;
	background-position:15px 15px;
	background-image: url(icons/original/color1-02.svg);
}

#hotsite-cartao .icon.icon-delivery {
	background-size:60px 60px;
	background-repeat:no-repeat;
	background-position:15px 15px;
	background-image: url(icons/original/color1-03.svg);
}

#hotsite-cartao .icon.icon-desconto {
	background-size:60px 60px;
	background-repeat:no-repeat;
	background-position:15px 15px;
	background-image: url(icons/original/color1-04.svg);
}

#hotsite-cartao .icon.icon-surpreenda {
	background-size:60px 60px;
	background-repeat:no-repeat;
	background-position:15px 15px;
	background-image: url(icons/original/color1-05.svg);
}

#hotsite-cartao .icon.icon-clubeExtra {
	background-size:81px 69px;
	background-repeat:no-repeat;
	background-position:6px 10px;
	background-image: url(../images/logo-clubeExtra.png);
}

#hotsite-cartao .icon-seta {
	width:170px;
	height:170px;
	background-size:170px 170px;
	background-repeat:no-repeat;
	background-position:6px -30px;
	background-image: url(../images/seta.svg);
}

#hotsite-cartao #sPerguntas .container .seta-pos {top:-81px; left:-60px;}
#hotsite-cartao #sFacilidades .container .seta-pos {top:-81px; right:-150px;}
#hotsite-cartao #sBeneficios .container .seta-pos {top:-101px; left:-70px;}
#hotsite-cartao #sDescontos .container .seta-pos {top:-101px; right:-40px;}
#hotsite-cartao .flip {-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}

#hotsite-cartao #sDescontos .container, #hotsite-cartao #sPerguntas .container, #hotsite-cartao .sCallToAction .container, #hotsite-cartao #sBeneficios .container {position:relative;}

#hotsite-cartao #sDescontos, #hotsite-cartao #sPerguntas, #hotsite-cartao .sCallToAction, #hotsite-cartao #sBeneficios { overflow:hidden;}

/*--------------------------------------------------
	05. Botões
---------------------------------------------------*/

#hotsite-cartao .btn {
	border:0;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
	text-transform:uppercase;
}

#hotsite-cartao .btn-primary {
    color: #ed162a;
    background-color:#FFF;
    border-color: transparent;
}

#hotsite-cartao .btn-default {
    color: #FFF;
	font-size:16px;
	font-weight:bold;
    background-color:#ed162a;
    border-color: transparent;
}

#hotsite-cartao .btn-default:hover {
    color: #FFF;
    background-color:#505050;
    border-color: transparent;
}

#hotsite-cartao .btn-primary:hover {
    color: #FFF;
    background-color:#fcce00;
    border-color: transparent;
}

/*--------------------------------------------------
	05. Sessão Hero Topo
---------------------------------------------------*/
#hotsite-cartao .background-image-holder,
#hotsite-cartao .foreground-image-holder {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:0;
background-size: cover !important;
background-position: 50% 50% !important;
}

#hotsite-cartao .background-image-holder.parallax-background {
height: 110%;
top: -10%;
}

.overlay:before {
left:0;
top:0;
position: absolute;
width: 100%;
height: 100%;
content: '';
opacity: 0.7;
z-index: 2;
background-color:#5b3874;
}

#hotsite-cartao .overlay .container {
position: relative;
z-index: 3;
}
  
#hotsite-cartao .hero {
width: 100%;
position: relative;
overflow: hidden;
min-height:600px;
}
#hotsite-cartao .hero .container {
position: relative;
z-index:3;
}
#hotsite-cartao .hero .header {
margin: 0;
padding: 0;
padding: 120px 0px;
}

#hotsite-cartao .hero .hero-content {
padding-top:3%;
color:#FFF;
font-family:'Diodrum';
}

#hotsite-cartao .hero-content h1 {
top:60px;
left:30%;
position:relative;
font-size:6em;
line-height:0;
margin:0;
width:300px;
text-transform:uppercase;
letter-spacing:-0.1em;
}

#hotsite-cartao .hero-content h1 span {
display:block;
font-size:20px;
font-weight:normal;
line-height:20px;
position:absolute;
letter-spacing:0;
}

#hotsite-cartao .hero-content .price {
left:30%;
top:165px;
height:300px;
position:relative;
color:#fcce00;
font-weight:bold;
font-size:8em;
letter-spacing:-0.1em;
line-height:0;
}

#hotsite-cartao .price span {
font-size:20px;
font-weight:normal;
line-height:0;
position:absolute; 	
letter-spacing:0;
}

#hotsite-cartao .header .btn-hero {
    color: #4d216f;
    font-size: 20px;
    font-weight: bold;
	margin-top:20px;
    background-color: #fcce00;
    border-color: transparent;
}

#hotsite-cartao .header .btn-hero i {
	font-size:15px;
}

#hotsite-cartao .header .btn-hero:hover {
	opacity:0.8;
}

/*--------------------------------------------------
	05. Sessão Descontos
---------------------------------------------------*/

#hotsite-cartao #sDescontos {
  	background:#e6e6e6;
  	padding: 100px 0 50px 0;
}

#hotsite-cartao #sDescontos .btn-info {
    color: #792ab6;
    background-color: #FFF;
    border-color: transparent;
	margin-bottom:23px;
}

#hotsite-cartao #sDescontos .icon-seta, #hotsite-cartao #sBeneficios .icon-seta {
	background-position:6px 0px;
}



/*--------------------------------------------------
	05. Sessão Beneficios
---------------------------------------------------*/

#hotsite-cartao #sBeneficios {
  	background:#f2f2f2;
  	padding: 100px 0 50px 0;
}

#hotsite-cartao .servBox {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
    transition: all 350ms ease-out;
    cursor: pointer;
    margin-bottom: 15px;
    min-height: 260px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

#hotsite-cartao .servBox-overlay > span h3{
font-size: 1.6em;
}

#hotsite-cartao .servBox-overlay {
	top:0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
	transition: all 200ms ease-out;
    color: white;
    display: block;
    font-weight: bold;
    height: 100%;
	width: 100%;
    position: absolute;
    z-index: 10;
	border-radius:6px;
}

#hotsite-cartao .servBox:hover .servBox-overlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.95;
    background-color: #792ab6;
    z-index: 15;
}

#hotsite-cartao .servBox-overlay span {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#hotsite-cartao .servBox-overlay p {
	color:#FFF;
	font-size:18px;
    font-weight: normal;
	padding-left:7%;
	padding-right:7%;
}

#hotsite-cartao .servBox-overlay .btn-primary {
    color:#792ab6;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
    background-color: #f7f7f7;
    border-color:transparent;
}

#hotsite-cartao .servBox-overlay .btn-primary:hover {
	color:#505050;
    background-color: #e4cc43;
}

#hotsite-cartao .servBox h3 { text-transform:uppercase;}

/*--------------------------------------------------
	05. Sessão CTA
---------------------------------------------------*/

#hotsite-cartao .sCallToAction {
  	background-color: inherit;
	min-height:150px;
	padding:15px 0;
}

#hotsite-cartao .sCallToAction.red {
	background-color:#ed162a;
	}
	
#hotsite-cartao .sCallToAction.blue {
	background-color:#48bac5;
	}

#hotsite-cartao .sCallToAction .container a{
	margin-top:40px;
}

#hotsite-cartao .overflow {
	position: absolute;
    transition: all 350ms ease-out;
    overflow: hidden;
	z-index:0;
}
	
#hotsite-cartao .maozinha {
	top:-15px;
	width:443px;
	height:350px;
	z-index:20;
	background: url(../../v3/images/cartao-gold-hand.png) no-repeat top left;
}

#hotsite-cartao .sCallToAction .titulo {
padding-top:30px;
color:#f0eaea;
}

#hotsite-cartao .sCallToAction .titulo h2 span {
font-size:36px;
letter-spacing:-3px;
}

#hotsite-cartao .sCallToAction .titulo h2 strong {
font-size:90px;
}

/*--------------------------------------------------
	05. Sessão Facilidades
---------------------------------------------------*/

#hotsite-cartao #sFacilidades {
background:#48bac5;
padding:80px 0 0 0;
}

#hotsite-cartao #sFacilidades.overlay:before {
opacity: 0.7;
background-color:#48bac5;
}

#hotsite-cartao #sFacilidades.hero {
min-height:450px;
}

#hotsite-cartao #sFacilidades.hero .header {
padding:0px;
}

#hotsite-cartao .owl-carousel {position:relative;}

#hotsite-cartao .owl-item h3 {
color:#FFF;
letter-spacing:-2px;
font-weight:normal;
}

#hotsite-cartao .owl-item h3.title {
	margin-top:150px;
	padding-right:30px;
}

#fslider-01 h3 {
	margin-top:50px;
}

#hotsite-cartao .owl-item {
background:#792ab6;
min-height:500px;
padding-left:35px;
padding-right:35px;
padding-top:15px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}

#hotsite-cartao .owl-item p {color:#FFF;}

.owl-item h4 {
color:#fbce01;
font-weight:bold;
text-transform:uppercase;
margin-bottom:0;
}

#hotsite-cartao .owl-item ul {
	margin:0;
	padding:0;
}

#hotsite-cartao .monitor-data {
	width:100%;
	height:100%;
	margin-top:70px;
	display: inline-flex;
	flex-direction:row;
	flex-wrap:nowrap;
	font-family:'Diodrum';
	font-weight:bold;
}

#hotsite-cartao .monitor-data img {
	left: -255px;
	min-width:842px;
	position: absolute;
	z-index:0;
}
	
#hotsite-cartao .monitor-data select {
	width: 210px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	letter-spacing:-10px;
	background:transparent;
	font-size:8em;
	border:0;
	height: 100%;
}

#hotsite-cartao .monitor-data .data-a {
	font-size:8em;
	z-index:300;
	color:#792ab6;
	letter-spacing:-15px;
	padding-top:30px;
}

#hotsite-cartao .monitor-data .item {
	z-index:300;
	padding-top:30px;
}

#hotsite-cartao .monitor-data .data-a select:focus {border:0;}

#hotsite-cartao .monitor-data select option{
	font-size:22px;
	letter-spacing:0;
	background-color:#FFF;
	color:#505050;
}

#hotsite-cartao .monitor-data p{
	display:block;
	color:#505050;
	font-weight:bold;
	letter-spacing:0;
	text-align:center;
	text-transform:uppercase;
	margin-top: -40px;
}

#hotsite-cartao .owl-item li {
	position:relative;
	font-size:16px;
	line-height: 130%;
	color:#FFF;
	list-style-type:none;
	padding-left:60px;
}

#hotsite-cartao .owl-item li i {
font-size:50px; position:absolute; top:0; left:0;
}

#hotsite-cartao .img-ncartao {position: absolute; min-width:640px; top:30px; right:-140px;}

#hotsite-cartao .monitor {
bottom:-100px;
left:-230px;
position:absolute;
}

#hotsite-cartao .icone-01 {
top:-5px;
right:-25px;
width:118px;
height:118px;
position: absolute;
background: url(../images/icones.png) 0px 0px;
}

/*--------------------------------------------------
	05. Sessão Perguntas Frequentes
---------------------------------------------------*/

#hotsite-cartao #sPerguntas {
  	background:#f0f0f0;
  	padding:80px 0 0 0;
}

#hotsite-cartao #sPerguntas h2.titulo strong, #hotsite-cartao #sFacilidades h2.titulo strong {
	padding-right:15px;
}
#hotsite-cartao #sPerguntas .btn-info {
    color: #48bac5;
    background-color: #FFF;
    border-color: transparent;
	margin-bottom:23px;
}

#hotsite-cartao .panel-default>.panel-heading {
color: #FFF;
background-color: #acacac;
border-color: transparent;
}

#hotsite-cartao .panel-title>a {
font-size:22px;
font-weight:normal;
text-decoration: none;
}

#hotsite-cartao .panel-heading .accordion-toggle:after {
font-family: 'Glyphicons Halflings';
content: "\e159";
float: right;
color:#FFF;
}
#hotsite-cartao .panel-heading .accordion-toggle.collapsed:after {
content: "\e158";  /* adjust as needed, taken from bootstrap.css */
}

#hotsite-cartao #sLegal {
	color:#f0f0f0;
	z-index:9999;
  	background:#3ca2ac;
  	padding:50px 0;
	font-size:0.6em;
	position:relative;
	text-align:justify;
}

/*--------------------------------------------------
	05. Icones
---------------------------------------------------*/

@font-face {
    font-family: 'icomoon';
    src:    url('font/icomoon.eot?nxspjx');
    src:    url('font/icomoon.eot?nxspjx#iefix') format('embedded-opentype'),
        url('font/icomoon.ttf?nxspjx') format('truetype'),
        url('font/icomoon.woff?nxspjx') format('woff'),
        url('font/icomoon.svg?nxspjx#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
    content: "\e901";
}
.icon-calendar:before {
    content: "\e902";
}
.icon-talk:before {
    content: "\e903";
}
.icon-doc:before {
    content: "\e905";
}
.icon-lock:before {
    content: "\e904";
}
.icon-phone-card:before {
    content: "\e906";
}
.icon-nice:before {
    content: "\e900";
}
.icon-tag:before {
    content: "\e907";
}
.icon-phone-card-color .path1:before {
    content: "\e908";
    color: rgb(255, 255, 255);
}
.icon-phone-card-color .path2:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(239, 205, 48);
}
.icon-phone-card-color .path3:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(237, 22, 42);
}
.icon-phone-card-color .path4:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(237, 72, 72);
}
.icon-phone-card-color .path5:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(236, 217, 126);
}
.icon-phone-card-color .path6:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(54, 54, 54);
}
.icon-delivery-color .path1:before {
    content: "\e90e";
    color: rgb(206, 234, 234);
}
.icon-delivery-color .path2:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(109, 103, 100);
}
.icon-delivery-color .path3:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(109, 103, 100);
}
.icon-delivery-color .path4:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(239, 205, 48);
}
.icon-delivery-color .path5:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(109, 103, 100);
}
.icon-delivery-color .path6:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(109, 103, 100);
}
.icon-delivery-color .path7:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(54, 54, 54);
}
.icon-gift-color .path1:before {
    content: "\e915";
    color: rgb(239, 205, 48);
}
.icon-gift-color .path2:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(54, 54, 54);
}
.icon-gift-color .path3:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(54, 54, 54);
}
.icon-desktop-color .path1:before {
    content: "\e918";
    color: rgb(255, 255, 255);
}
.icon-desktop-color .path2:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-desktop-color .path3:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(239, 205, 48);
}
.icon-desktop-color .path4:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(237, 72, 72);
}
.icon-desktop-color .path5:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(54, 54, 54);
}
.icon-ticket-color .path1:before {
    content: "\e91d";
    color: rgb(228, 204, 67);
}
.icon-ticket-color .path2:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(54, 54, 54);
}

/*--------------------------------------------------
	05. Media Queries
---------------------------------------------------*/

/* Custom, iPhone Retina */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
#hotsite-cartao .owl-item li {
font-size: 15px;
}
	
#hotsite-cartao .owl-item p {
font-size: 15px;
}
.sCallToAction .titulo h2 {
font-size: 3em;
}

#hotsite-cartao .owl-item li:last-child,
#hotsite-cartao .owl-item p:last-child {
margin-bottom: 30px;
padding-bottom: 30px;
}
body .list-text .list-link:before {
border-width:0;
	}
#hotsite-cartao .titulo h2 span {font-size:120%; letter-spacing:0;}
#hotsite-cartao .titulo h2 strong {font-size:3em;}
#hotsite-cartao .sCallToAction .container a{margin-top:-10px;}
#hotsite-cartao .sCallToAction .titulo {padding-top:15px; margin-bottom:0;}
#hotsite-cartao .sPerguntas .titulo h2 strong {
    font-size: 1.8em;
}
#hotsite-cartao .sCallToAction .titulo > div { margin-top:-25px; margin-bottom: 20px;}

#hotsite-cartao #sDescontos .titulo h2,
#hotsite-cartao #sBeneficios .titulo h2,
#hotsite-cartao #sPerguntas .titulo h2,
#sFacilidades .titulo h2 {font-size: 1em; margin-bottom: 30px;}
#hotsite-cartao #sBeneficios {padding:70px 0 50px 0;}
#hotsite-cartao .sCallToAction .titulo h2 strong {font-size: 100%;}
#hotsite-cartao .sCallToAction .titulo h2 span {font-size:50%; letter-spacing:0;}
#sDescontos {display:none;}
#hotsite-cartao .btn {float:none !important;}
#hotsite-cartao #sPerguntas .btn-info {margin: 0 auto;display: table; margin-bottom: 20px;}
#hotsite-cartao .panel-title>a {
    font-size: 100%;
	line-height:100%;
	display: inline-flex;
}
	#sPerguntas .panel-body a {color: #48bac5;}
#hotsite-cartao #sDescontos .container,
#hotsite-cartao #sPerguntas .container,
#hotsite-cartao .sCallToAction .container,
#hotsite-cartao #sBeneficios .container {
margin:0 15px;
}

#hotsite-cartao .background-image-holder,
#hotsite-cartao .foreground-image-holder {
background-position: 40% 50% !important;
}
#hotsite-cartao .hero-content h1 {left:1%;}
#hotsite-cartao .hero-content h1 span + span { left:0; top:50px; right:inherit; position:inherit; display:block; }
#hotsite-cartao .hero-content h1 span + span > br {display:none; }
#hotsite-cartao .owl-item h3 {font-size: 120%;letter-spacing:0;}

#hotsite-cartao .monitor-data {
    margin-top:0;
}

#hotsite-cartao .owl-item h3.title {
    margin-top:30px;
    padding-right: 30px;
}

#hotsite-cartao .monitor-data img {
    top: 20px;
    left: -50px;
    min-width: 400px;
}

#hotsite-cartao .monitor-data select {
    width: 140px;
    font-size: 7em;
}

#hotsite-cartao .monitor-data .data-a {
    font-size: 7em;
}
#hotsite-cartao .titulo {margin:0;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
#hotsite-cartao .sCallToAction .overflow { top:-20px !important; right:-230px !important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
#hotsite-cartao .sCallToAction .overflow { top:-20px !important; right:-150px !important;}
#hotsite-cartao h2 {font-size: 1.5em;}
#hotsite-cartao .titulo h2 span {letter-spacing:0;}
#hotsite-cartao .hero-content h1 {left: 0%;}
#hotsite-cartao .hero-content .price {left:0%;}
#hotsite-cartao .sCallToAction .container a{margin-top:0;}
}
 
  /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#hotsite-cartao .sCallToAction .overflow { top:-20px !important; right:-230px !important;}
 }
 
   /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#hotsite-cartao .sCallToAction .overflow {right:-120px !important;}
#hotsite-cartao .titulo span {display:table-cell !important;}
}