#bg { background-size: 163%; }
#benefits #bg, #benefits #bg, #card.classic #bg, #card.gold #bg, #card.platinum #bg { background-size: 100%; }


header nav { margin: 0 auto; }

#image_header { padding-left: 0px; width: 99%; }
#card #image_header, #benefits #image_header { height: 100%; }
#detalhe_campanha2015 .cards_join,
#benefits #image_header .cards_join { width: 100%; padding: 0; margin: 0; height: 100%; top: -86px; position: relative; }
#detalhe_campanha2015 .cards_join h2,
#benefits #image_header .cards_join h2 { width: 100%; margin-bottom: 10px; }
#detalhe_campanha2015 .cards_join article,
#benefits #image_header .cards_join article { width: 390px; left: auto; margin-top: 4%; }
#detalhe_campanha2015 .cards_join ul,
#benefits #image_header .cards_join ul { left: 0; }
#detalhe_campanha2015 .cards_join ul li,
#benefits #image_header .cards_join ul li { width: 30%; }
#detalhe_campanha2015 .cards_join ul li img,
#benefits #image_header .cards_join ul li img { width: 90%; }
.list_cards span.taeg { width: 90%; top: 73px; }
#card.platinum #image_header h2,
#card.gold #image_header h2,
#card.classic #image_header h2 { position: relative; float: right; right: 10px; left: auto; width: 25%; top: auto; bottom: 23px; }
#homepage #image_header .cards_join h2 { left: 61%; }
#homepage #image_header .list_cards { left: 47%; }
.cards_gca_container .list_cards li a { height: auto; }
#homepage #image_header p { left: 47%; }

#homepage.campanha2015 #image_header .campaign2016 .btn_container,
#detalhe_campanha2015 #image_header .campaign2016 .btn_container { display: none; }


hr { width: 100%; }

h1 { width: 83%; margin: 0 auto; }

section article { padding-left: 10px; padding-right: 10px; }
section.general article { padding: 33px 42px 12px; }
section.basic { width: 100%; }
section.basic article .right { width: 77%; }
section.basic article { width: 86%; }
section.benefits_features article { width: 98%; }
section.benefits_features article { background-size: 42%; background-position: 44% 46%; padding-bottom: 0; margin-bottom: 10px; }
section.benefits_features.platinum article  { background-position: 44% 46%; }
#homepage section.benefits_features article { background-position: 237px -16px; width: 100%; }
.card_benefits_feature { width: 100%; left: 0; margin: 0 auto; }
#card.platinum.campaign .card_benefits_feature .each,
#card.gold.campaign .card_benefits_feature .each,
#card.classic.campaign .card_benefits_feature .each { margin-left: 0px; margin-right: 6%; width: 30%; }
.card_benefits_feature .each { margin-left: 0px; margin-right: 6%; width: 27%; }
#card.platinum.campaign .card_benefits_feature .each.last,
#card.gold.campaign .card_benefits_feature .each.last,
#card.classic.campaign .card_benefits_feature .each.last { width: 21%; }
section.benefits_features, .card_benefits_feature .each .txts, .card_benefits_feature .each .description { height: auto; }
section .bottom, section .top { width: 100%; }
section.basic article .bottom, section.basic article .top { width: 93%; }

section.general { width: 96%; margin: 0 auto; }
section.about_cards { width: 98%; }
.cards_tables.container { width: 99%; padding: 0; }
.cards_tables .right { width: 74%; }
.cards_tables table.card { width: 83%; font-size: 80%; }
.cards_tables table.card td.shopping { width: 52%; }
.cards_tables .left { width: 25%; }
.cards_tables .left img { width: 100%; }
.cards_tables table.card td.card_year .icon_cards { background-size: 87%; top: -3px; }
.cards_tables table.card td.card_year .container { height: 56px; }
.cards_tables table.card td.shopping .container .miles { -webkit-border-radius: 48px; border-radius: 48px; width: 48px; height: 48px; line-height: 48px; font-size: 1.357rem; }
.cards_tables table.card td.shopping .container div { margin-right: 4px; top: 2px; }
.cards_tables table.card td.shopping .container .miles_label { top: 20px; }
.cards_tables table.card span { font-size: 1.357rem; }
.cards_tables table.card.platinum td.card_year .container { height: 62px; }

#card #image_header .each_card_join { margin-left: 8%; }
#card #image_header .cards_back { margin-left: 8%; height: auto; margin-bottom: 6px; }
#card.gold #image_header h2 { position: relative; right: 0; left: 56%; top: 0; }
#card.platinum #image_header h2 { position: relative; right: 0; left: 56%; top: 0; }

section.discover article { width: 87%; }
section.discover .choose_card .card { width: 25%; }
section.discover .choose_card .img { width: 100%; height: auto; }
section.discover .choose_card .img img { width: 100%; }
#homepage section.discover { top: 39px; }
#homepage section.discover .choose_card { width: 605px; margin: 0 auto; }
#homepage section.discover .choose_card .container { width: 203px; }

section.features article { width: 98%; position: relative; overflow: hidden; }
#card.platinum section.features article, #card.gold section.features article,
#card.classic section.features article { background-position: 84% 90px; background-image: none; }
#card.platinum section.features .features_container, #card.gold section.features .features_container,
#card.classic section.features .features_container { margin: 0 auto; height: 357px; width: 812px; position: relative; left: -11%; }
#card.platinum section.features .features_container { background: transparent url(../img/ticket_platinum.png) no-repeat 0px 0px; }
#card.gold section.features .features_container { background: transparent url(../img/ticket_gold.png) no-repeat 0px 0px; }
#card.classic section.features .features_container { background: transparent url(../img/ticket_classic.png) no-repeat 0px 0px; }
section.features table { position: relative; top: 4px; left: 138px; }
.features_container_fix { width: 700px; margin: 0 auto; }

.compare_table.container { width: 100%; }
table.compare_just_cards { width: 72%; }
.compare_table .container_table { width: 100%; padding: 0; margin: 0 auto; }
.compare_table .container_table .table_shadow { display: none; }

#join_now { width: 100%; margin: 60px 0 -65px 0; }
#join_now .top { width: 100%; left: 0; }
#join_now .container { width: 100%; padding: 0; margin: 0; left: 0; }
#join_now .txt { right: 0; left: auto; }
#join_now.compare .txt { width: 63%; left: 35%; }
#join_now .person { bottom: 2px; }
#join_now.cards_benefits { margin-top: 38px; }
#join_now.cards_benefits.classic { margin-top: 18px; }
#join_now.cards_benefits.gold { margin-top: 110px; }
#join_now.cards_benefits.platinum { margin-top: 20px; }

#join_now.homepage .container { width: 650px; margin: 0 auto; }

footer { width: 99%; }

#copyright div#copyr_container { width: 99%; }
#copyright #share_social { width: 477px; }

section#steps article { width: 98%; left: 0; }
section#steps article nav ol { width: 100%; background-size: 100%; }
section#steps article nav ol li { margin-left: 2%; }
section#steps article nav ol li a span { }
section#steps article nav ol li.step1 { width: 25%; }
section#steps article nav ol li.step1 a { width: 100%; }
section#steps article nav ol li.step1 a span { width: 80%; }
section#steps article nav ol li.step2 { width: 21%; }
section#steps article nav ol li.step2 a { width: 100%; }
section#steps article nav ol li.step2 a span { width: 80%; }
section#steps article nav ol li.step3 a { width: 100%; }
section#steps article nav ol li.step3 { width: 25%; }
section#steps article nav ol li.step3 a span { width: 80%; }
section#steps article nav ol li.step4 { width: 21%; }
section#steps article nav ol li.step4 a { width: 100%; }
section#steps article nav ol li.step4 a span { width: 80%; }

section#steps.nonbcp article nav ol li a { font-size: 1rem; }
section#steps.nonbcp article nav ol li.step1 { width: 20%; }
section#steps.nonbcp article nav ol li.step2 { width: 17%; }
section#steps.nonbcp article nav ol li.step3 { width: 15%; }
section#steps.nonbcp article nav ol li.step4 { width: 20%; }
section#steps.nonbcp article nav ol li.step5 { width: 16%; }

/* ########### 404 ########### */
#e404 section.e404 article .btns { left: -148px; }


#card.campaign .card_benefits_feature .each { width: 24%; }
body.campaign footer nav ul { width: 82%; margin: 0 auto 25px auto; left: 0; }

section.examples article { width: 98%; }
section.examples article #slide .slidesjs-control { width: 100% !important; }
section.examples article #slide .slidesjs-container { width: 99% !important; }
section.examples article #slide,
section.examples article .slide_container { width: 100%; }
section.examples article #slide .info_container { padding: 0 5%; }
section.examples article #slide .slidesjs-previous { position: absolute; right: 55px; top: auto; bottom: -23px; left: auto; }
section.examples article #slide .slidesjs-next { position: absolute; right: 17px; top: auto; bottom: -23px; }
section.examples article #slide .each { height: 94%; padding-bottom: 0; }
section.examples article #slide .each ol { width: 57%; left: auto; right: 0; position: relative; float: right; }
section.examples article #slide .each ol li { margin-bottom: 4%; }
section.examples article #slide .each .result { position: relative; float: right; bottom: -1%; }
section.examples article #slide .each ol.big li { margin-bottom: 23px; }
section.examples article #slide .each .person.big { left: -54px; }
section.examples article #slide .each.last ol li { margin-bottom: 4%; }

/* smaller */
@media screen and (min-width: 744px) and (max-width: 780px) {
    section.examples article #slide blockquote { width: 100%; }
    section.examples article #slide .each ol { width: 58%; }
    section.examples article #slide .each ol li { margin-bottom: 3%; }
    section.examples article #slide .each .result { right: 4%; }
    section.examples article #slide .each .person { left: -22px; bottom: -27px; }
    
    section.examples article #slide .each ol.big { width: 72%; }
    section.examples article #slide .each ol.big li { margin-bottom: 3%; }
    section.examples article #slide .each .person.big { left: -89px; }
}
/* medium */
@media screen and (min-width: 781px) and (max-width: 830px) {
    section.examples article #slide .each ol { width: 50%; }
    section.examples article #slide .each ol li { margin-bottom: 6%; }
    
    section.examples article #slide .each ol.big { width: 64%; }
    section.examples article #slide .each ol.big li { margin-bottom: 3%; }
    
    section.examples article #slide .each.last ol li { margin-bottom: 3%; }
}

/* larger */
@media screen and (min-width: 831px) and (max-width: 899px) {
    section.examples article #slide .each ol { width: 49%; }
    section.examples article #slide .each ol li { margin-bottom: 9%; }
    
    section.examples article #slide .each.last ol { width: 45%; }
    section.examples article #slide .each.last ol li { margin-bottom: 7%; }
}


section.examples article #slide .each .result.big p span { display: inline; }


/* ensurance */
.compare_table.ensurance .jump_top { position: relative; right: 0px; bottom: -5px; }
.compare_table.ensurance .container_table table thead th.guarantees.classic,
.compare_table.ensurance .container_table table thead th.guarantees.gold,
.compare_table.ensurance .container_table table thead th.guarantees.platinum,
.compare_table.ensurance .container_table table thead th.guarantees { width: 20%; }
.compare_table.ensurance .container_table table thead th.hedges.classic,
.compare_table.ensurance .container_table table thead th.hedges.gold,
.compare_table.ensurance .container_table table thead th.hedges.platinum,
.compare_table.ensurance .container_table table thead th.hedges { width: 40%; }
.compare_table.ensurance .container_table table thead th.capital.classic,
.compare_table.ensurance .container_table table thead th.capital.gold,
.compare_table.ensurance .container_table table thead th.capital.platinum,
.compare_table.ensurance .container_table table thead th.capital { width: 20%; }

.contacts .left { margin-right: 60px; }

#join_now.cards_benefits.classic .person { }
.cards_gca_container  p.disclaimer_cards { margin-left: 0px; }
.disclaimer { width: 89%; }

#card #image_header .each_card_join { margin-bottom: 10px; }
.main_taeg { left: 0; bottom: 0; position: relative; margin-left: 8%; }


#detalhe_campanha2015 #image_header .cards_join h2,
#homepage.campanha2015 #image_header .cards_join h2 { left: 4%; }
#detalhe_campanha2015 .cards_hp,
#homepage.campanha2015 .cards_hp { left: -184px; }

#detalhe_campanha2015 #image_header .cards_join article,
#detalhe_campanha2015 #image_header .cards_join h2,
#detalhe_campanha2015 #image_header .cards_join { width: auto; }
#detalhe_campanha2015 #image_header .cards_join ul li { margin-right: 2px; }
#detalhe_campanha2015 #image_header .cards_join ul { left: 0; }

#detalhe_campanha2015 #image_header .cards_join article { left: 5%; width: 62%; margin-top: 20%; }
#detalhe_campanha2015 #image_header .cards_join .list_cards span.taeg { top: 101px; }


/* campaign 2016 */
#homepage.campanha2015 #image_header .cards_join,
#detalhe_campanha2015 #image_header .cards_join { width: 100%; }
#homepage.campanha2015 #image_header .cards_join article,
#detalhe_campanha2015 #image_header .cards_join article {left: auto;width: auto;top: 71px;position: relative;padding-left: 52px;}
#detalhe_campanha2015 #image_header .cards_join article { margin-top:91px; }
#detalhe_campanha2015 .cards_hp, 
#homepage.campanha2015 .cards_hp {top: -380px;width: 570px;left: -104px;}
#homepage.campanha2015 #image_header,
#detalhe_campanha2015 #image_header {height: 542px;margin-bottom: 20px;padding: 0;width: 100%;max-width: 1260px;}
#homepage.campanha2015 #image_header { height: 644px; }
#detalhe_campanha2015 #image_header .campaign2016 { text-align: left; }
#homepage.campanha2015 #image_header .campaign2016 h2,
#detalhe_campanha2015 #image_header .campaign2016 h2 {width:100%;text-transform: uppercase;text-align: left;margin: 0;left: 0;top: 0;font-size: 36px;font-weight: 600;margin-bottom: 26px;line-height: 130%;}
#homepage.campanha2015 #image_header .campaign2016 h2 span,
#detalhe_campanha2015 #image_header .campaign2016 h2 span { display: block; }
#homepage.campanha2015 #image_header .campaign2016 h3,
#detalhe_campanha2015 #image_header .campaign2016 h3 {display:inline-block;vertical-align:top;text-transform: uppercase;text-align: left;margin: 0;left: 0;top: 0;font-weight: 300;font-size: 28px;width: 100%;line-height:130%;}

#homepage.campanha2015 .campaign2016 span.btn_container, #detalhe_campanha2015 .campaign2016 span.btn_container { display: none; }