.content-hero, .content-section {
    position:relative;
    padding:40px 16px;
}

.content-section {
    border-bottom:1px solid #c8cbd4;
}

.content-section.no-border {
    border-bottom:none;
}

.top-link {
    position:absolute;
    top:16px;
    right:16px;
    font-family:"FuturaWeb", sans-serif;
    font-size:1rem;
    color:#1c62aa;
    border:none;
}

.top-link:before {
    display:inline-block;
    font-size:.7rem;
    margin:0 8px;
}

.top-link:hover {
    border:none;
}

/*
    PRODUCT HERO
*/
.content-hero {
    background:#fff;
    border-bottom:1px solid #c8cbd4;
    overflow:hidden;
}

.content-hero > .breadcrumb {
    font-size:1rem;
    font-weight:500;
    margin: .75em 0 1em;
    color: #a5aab5;
}

.breadcrumb > a {
	margin-left: .25em;
	padding-right: .25em;
}

.content-hero > h1 {
    margin:15px 0;
}

.content-hero > .hero-illustration {
    max-width:65%;
}

.content-hero.bottom-image > .hero-illustration {
    margin-bottom:-40px;
}

.content-hero > .hero-description {
    line-height:1.8rem;
}

.content-hero.blue-hero {
    background:#277eb6;
    border-bottom:none;
}

.content-hero.blue-hero > .breadcrumb {
    color:#fff;
}

.content-hero.blue-hero > .breadcrumb > a {
    color:#e8e9ec;
}

.content-hero.blue-hero > h1 {
    color:#fff;
}

.content-hero > .hero-description {
    color:rgba(31, 42, 71, 0.7);
}

.content-hero.blue-hero > .hero-description {
    color:rgba(255, 255, 255, 0.7);
}

.content-hero.gray-hero {
    background:#f4f4f6;
}

.governo .content-hero {
    box-shadow:inset 0 8px #fda814;
}

.product-hero-bleed-right  {
	margin: 0 -16px;
	text-align: right;
}

.product-hero-bleed-right img {
	display: inline-block;
	max-width: 100%;
}


/* > 600px */
@media screen and (min-width: 37.5em) {
    .content-hero > .hero-description,
    .content-hero > h1  {
        width:60%;
    }    

    .content-hero .hero-illustration {
        position:absolute;
        top:80px;
        right:16px;
        max-width:35%;
    }

    .content-hero.bottom-image > .hero-illustration {
        top:auto;
        bottom:0;
        margin-bottom:0;
    }
    
    .product-hero-bleed-right  {
    	position:absolute;
    	top: 20%;
    	right:0;
    	max-width:35%;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .content-hero > .hero-illustration {
        position:absolute;
        top:50px;
    }

    .content-hero.bottom-image > .hero-illustration {
        top:auto;
    }

    .content-hero > .hero-description {
        max-width:600px;
    }
}

/* > 1200px */
@media screen and (min-width: 75em) {
    .content-hero > .hero-illustration {
        right:2%;
        width:auto;
    }
}

/* > 1300px */
@media screen and (min-width: 81.25em) {
    .content-hero > .hero-illustration {
        right:5%;
    }
}

/*
    LANDING HERO
*/

.hero-landing .content-wrapper {
    padding-top: .5em;
}

.special-theme .hero-landing .content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
.produto.special-theme .hero-landing .content-wrapper {
    max-width: 950px;
    margin: 0 auto;
}
.special-theme .content-wrapper {
	position: relative;
}

.no-hero {
	border-bottom: 0;
	padding-bottom: 0;
}

.hero-landing > h1  {
    text-align:center;
	margin: 0 auto;
    width:100%;
}

.hero-landing > .hero-description {
    text-align:center;
    line-height:1.4rem;
}

.hero-landing .mobile-illustration {
    width:100%;
    margin:0 auto;
}

.seguros .hero-landing .mobile-illustration {
    width: 90%;
}

.landing-hero-title {
    font-weight: normal;
    margin-top: 1em;
    margin-bottom: 1em;
}

.blue-hero .landing-hero-title {
    color: #fff;	
}

.blue-hero .hero-description a {
	color: #fff;
}

.hero-landing-cta {
    position: relative;
    box-shadow: 0 -15px 20px -14px rgba(0, 0, 0, 0.25);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.blue-hero .hero-landing-cta h1 {
    color: #fff;
}

.hero-landing-cta-no-shadow {	
	box-shadow: none;
}
.special-theme .wrapper {
    background:url(../images/landing/especial/special-bg.png) repeat;
}

.special-theme .content-hero.hero-landing.blue-hero.special-hero {
    background: url(../images/landing/especial/hero-special-wrapper-bg.png) center bottom no-repeat;
    width: 100%;
    min-height: 550px;
}
.produto.special-theme .wrapper {
    background:url(../images/landing/especial/special-bg.png) repeat;
}
.produto.special-theme .content-hero.hero-landing.blue-hero{
    background: url(../images/produtos/especial/hero-special-product-bg.png) repeat;
    width: 100%
}
.special-theme .content-section {
    background: #fff
}

.special-theme .special-hero {
    background: transparent;
}
.content-hero.hero-landing.blue-hero.special-hero {
    background: url(../images/landing/especial/hero-special-wrapper-bg.png) center bottom no-repeat;
}

.special-theme .section-services {
   background:url(../images/landing/especial/hero-special-service-bg.png) top repeat-x; 
}

.hero-landing-related {
	display: none;
}

.related-warning {
    background:#fffddb;
    border:1px solid #e5e3c5;
    box-shadow:inset 6px 0 #f2f0d0;
    padding:16px 22px;
    font-size:.9rem;
}
.special-theme .section-products .content-wrapper.social-media-box {
    margin-top: 7%;
    margin-bottom: 5%;
    padding: 15px 5%;
    background: #f4f4f6 !important;
    border-left: 10px solid #fdaa1a;
}
.social-media-box .social-wrapper > .column-title {
    font-family:"FuturaWeb", sans-serif;
    font-size:1.4rem;
    font-weight:normal;
    color:#1f2a47;
    float: left;
    margin-top: 25px;
}


.social-wrapper .social-column {
    float: left; 
    position: relative;
}
.social-wrapper .social-column > li {
   display: table-cell;
    cursor: pointer !important;
    padding: 8px 3% 10px 0;
    width: 41% !important;
    text-align: center;
}
.social-wrapper .social-column  li:last-child {
    text-align: right;
    width: 40%;
}


.special-theme .hero-landing-cta {
    width: 100%;
}


.social-wrapper .social-column .visible-mobile { 
    top: 10px;
    position: relative;
}

.produto.special-theme .hero-landing-cta {
    width: 100%;
}
.produto.special-theme .hero-landing-cta img {
    width: 240px;
}

.produto.special-theme .hero-landing-cta .mobile-illustration {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    
    .social-wrapper .social-column {
        float: right;
        position: relative;
        left: 5%;
        top: 10px;
        width: 68%;
    }
    .social-wrapper .social-column > li {
        display: table-cell;
        cursor: pointer !important;
        padding: 8px 6% 10px 0;
        width: 180px;
        text-align: center;
    }
    .social-wrapper .social-column .visible-mobile { 
        display: block !important;
    }

    .social-wrapper .social-column .hidden-mobile { 
        display: none;
    }

	.hero-landing {
		padding-bottom: 0;
	}
	
    .hero-landing > .hero-description {
        width: 100%;
    }
    	
	.hero-landing .content-wrapper {
		padding-top: 1em;
	}
	
	.no-hero {
		padding-bottom: 2em;
	}
	
    .hero-landing-cta {
        display: table-cell;
        width: 50%;
        padding-bottom: 3em;
        vertical-align: middle;
        box-shadow: none;
        text-align: left;
    }
    .special-theme .hero-landing-cta {
		position: absolute;
	}
	.special-theme .hero-landing-cta {
        width: 46%;
    }
	.hero-landing-img-wrapper {
		display: table-cell;
		width: 50%;
		vertical-align: bottom;

	}	
	
     .special-theme .hero-landing-img {
       width: 67%;
        min-width: 450px;
        margin-left: 36%;
    }
    .special-theme .hero-special-img-wrapper {
        margin-bottom: 40px;
        height: auto;
    }
    
    .produto.special-theme .blue-hero .hero-landing-cta h1 {
        color: #fff;
    }
      
    .produto.special-theme .blue-hero .hero-landing-cta h1 img {
        width: 75%;
        min-width: 210px;
    }
    .produto.special-theme .hero-landing-cta {
        width: 42%;
    }
	.produto.special-theme .hero-landing-cta {
        width: 46%;
        max-width: 400px;
        margin-top: 9%;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .hero-landing.blue-hero {
        background:#296ca4;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2781ba), color-stop(50%,#2878b0), color-stop(100%,#296ca4));
        background:-webkit-linear-gradient(top,  #2781ba 0%,#2878b0 50%,#296ca4 100%);
        background:linear-gradient(to bottom,  #2781ba 0%,#2878b0 50%,#296ca4 100%);
    }
    .social-wrapper .social-column {
        width: 78%;
    }
    
    .social-wrapper .social-column .visible-mobile { 
        display: none !important;
    }

    .social-wrapper .social-column .hidden-mobile { 
        display: block;
    }
    .hero-landing > .hero-description {
        max-width:100%;
    }
    
    .hero-landing-cta {
        width: 30%;
    }
    
    .hero-landing-img-wrapper {
        width: 39%;
    }
    
    .no-related .hero-landing-img-wrapper {
        width: 70%;
        text-align: center;
    }
	
	.no-related .hero-landing-img-wrapper > img {
        max-width: 700px;
	}
	
    .hero-landing-related {
        display: table-cell;
        width: 31%;
        vertical-align: middle;
        padding-bottom: 3em;
    }

    .hero-landing-related .related-warning > p {
        font-size:.9rem;
    }

    .hero-landing-related > form {
        background: #efefef;
        padding: 30px 40px;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    }

    .hero-landing-related .title {
        color:#1f2a47;
        margin-bottom:10px;
    }

    .hero-landing-related .soft {
        color:rgba(120, 123, 126, 0.9);
        margin:0 0 20px;
    }

    .hero-landing-related input,
    .hero-landing-related .select-button {
        margin:0 0 20px;
    }

    .hero-landing-related .signup {
        color:#787b7e;
        font-size:.9rem;
    }

    .hero-landing-related .signup > a {
        font-weight:bold;
    }

    .hero-landing-related .access-help {
        font-size:.9rem;
        width:70px;
        line-height:1.3rem;
        margin-top:0.3rem;
        margin-left:1rem;
    }

    .special-theme .hero-landing-img {
        max-width: 920px;
        margin-left: 35%;
    }
    .produto.special-theme .hero-landing-img {
        max-width: 500px;
        margin-left: 47%;
    }
    .special-theme .hero-special-img-wrapper {
        margin-bottom: 40px;
        height: auto;
    }

}

/*
    PODER PÚBLICO
*/
.white-header #main-logo > a{
    background-position: 0 0;
}


.content-hero.hero-poder-publico {
    background-image:url(../images/landing/poder-publico/hero.jpg);
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size:cover;
    min-height:680px;
}
.white-header .main-menu > ul > li.has-submenu > a:after {
    background-position: -112px -100px;
}

.hero-poder-publico .hero-landing-cta {
    padding-top:5em;
    box-shadow:none;
}

/*
    HERO LOTERIAS
*/
.content-hero.hero-loteria {
    background:url(../images/landing/loterias/hero.jpg) no-repeat center bottom;
    background-size:cover;
}

.content-hero.hero-loteria h1 {
    text-align:center;
    width:100%;
}

.content-hero.hero-loteria .hero-description {
    text-align:center;
    width:100%;
    max-width:100%;
}

.hero-loteria .mega-sena {
    position:relative;
    width:220px;
    margin:0 auto;
}

.hero-loteria .mega-sena:before {
    content:'';
    display:inline-block;
    background:url(../images/icon-loteria.png) no-repeat;
    width:37px;
    height:37px;
    float:left;
    margin-top:7px;
    margin-right:15px;
}

.hero-loteria .mega-sena > p:first-child {
    font-family:"FuturaWeb", sans-serif;
    font-size:1.4rem;
    font-style:italic;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    margin:0;
}

.hero-loteria .mega-sena > .description {
    margin:0;
    color:rgba(255, 255, 255, 0.6);
    font-size:0.8rem;
}

.hero-loteria .numbers {
    padding:0;
    list-style:none;
    text-align:center;
    width:70%;
    margin:30px auto;
}

.hero-loteria .numbers > li {
    display:inline-block;
    margin:3px;
    font-family:"FuturaWeb", sans-serif;
    font-size:1.8rem;
    color:#0369b9;
    background:#fff;
    border-radius:36px;
    width:64px;
    height:64px;
    padding:12px 0;
    text-align:center;
}

.hero-loteria .action {
    text-align:center;
}

.hero-loteria .action .description {
    color:#fff;
    font-size:.9rem;
    margin-bottom:40px;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .hero-loteria .content-wrapper {
        max-width:740px;
        margin:0 auto;
    }

    .hero-loteria .numbers {
        width:100%;
    }

    .hero-loteria .mega-sena {
        width:100%;
    }

    .hero-loteria .numbers > li {
        margin:5px 8px;
        font-size:3rem;
        border-radius:60px;
        width:105px;
        height:105px;
        padding:18px 0;
    }

    .hero-loteria .numbers > li:first-child {
        margin-left:0;
    }

    .hero-loteria .numbers > li:last-child {
        margin-right:0;
    }

    .hero-loteria .action {
        text-align:left;
        margin:40px 0;
    }

    .hero-loteria .action > p {
        float:left;
        width:50%;
        margin:0;
    }

    .hero-loteria .action .description {
        font-size:1.1rem;
    }

    .hero-loteria .action .button {
        text-align:right;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
}

/*
   ÍNDICE
*/
.section-index {
    background:#f3f4f7;
    padding-top: 10px;
}

.section-index-fixed {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

.section-index ul > li {
    margin-bottom: 2em;
}

.section-index ul > li a {
    font-family:"FuturaWeb", sans-serif;
    font-size:1.1rem;
    color:#1c62aa;
}

.section-index > .special {
    margin-top:30px;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-index {
        background:#fff;
        padding-top:30px;
        padding-bottom:30px;
    }

    .section-index .content-wrapper {
        position:relative;
    }

    .section-index ul {
        padding-right:180px;
    }

    .section-index.no-special ul {
        padding-right:0;
    }

    .section-index ul > li {
        display: inline-block;
        margin-bottom: 0;
    }

    .section-index ul > li a {
        color:#8e949a;
        margin-right: 2em;
    }
    
    .section-index ul > li .hidden-mobile {
        display: inline;
    }
    .produto.special-theme .section-index  .hidden-mobile {
		display: none;
	}

    .section-index ul > li a.current {
        color:#1c62aa;
    }

    .section-index .special {
        display:inline-block;
        margin-top: -10px;
        position:absolute;
        top:0;
        right:0;
    }
    
    .section-index-visible {
    	visibility: visible;
    }

}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-index > ul > li a {
        margin-right:20px;
    }

    .section-index > ul > li a {
        margin-right:30px;
        font-size:1.1rem;
    }
    .white-header #main-nav .main-menu > ul > li > a.soft {
        color: #f8931b;
    }
    .white-header #main-nav .main-menu ul li a,
    .white-header .header-content > .hotlinks > ul > li > a {
        color: #0164a8;
    }
    .white-header #main-nav .main-menu ul li a:hover,
    .white-header .header-content > .hotlinks > ul > li > a:hover {
        
        border-bottom: 1px solid transparent;
    }
}

/*
    VANTAGENS
*/
.section-vantagens > h2 {
    position:relative;
    z-index:2;
}

.section-vantagens > h2.no-margin {
    margin-bottom:10px;
}

.section-vantagens > h2 > span {
    position:relative;
    display:block;
    font-weight:normal;
    color:#7f8182;
    font-size:1rem;
    margin:15px 0;
    letter-spacing:0;
    line-height:1.6rem;
    z-index:2;
}

.section-vantagens > h2 > span > a {
    display:inline-block;
    color:#1c62aa;
}

.section-vantagens .description {
    position:relative;
    z-index:2;
    color:rgba(38, 42, 45, 0.7);
    max-width:700px;
}

.section-vantagens .vantagens {
    margin:0;
    padding:0;
    list-style:none;
}

.section-vantagens .vantagem {
    background:no-repeat 5px top;
    background-size:44px 44px;
    padding-left:65px;
    margin:40px 0;
}

.section-vantagens .vantagem.no-icon {
    padding-left:0;
}

.section-vantagens .vantagem.anuidade {
    background-image:url(../images/produtos/cartao-azul/icon-anuidade.png);
}

.section-vantagens .vantagem.juros {
    background-image:url(../images/produtos/cartao-azul/icon-juros.png);
}

.section-vantagens .vantagem.parcelamento {
    background-image:url(../images/produtos/cartao-azul/icon-parcelamento.png);
}

.section-vantagens .vantagem.recompensas {
    background-image:url(../images/produtos/cartao-azul/icon-recompensas.png);
}

.section-vantagens .vantagem > p {
    font-size:1rem;
    color:#7f8182;
}

.section-vantagens .vantagens-illustration {
    display:none;
}

.section-vantagens .action {
    margin-left:65px;
}

.section-vantagens .action.no-margin {
    margin-left:0;
}


#limite-compras table {
    border: 1px solid #d2d4da;
    max-width: 800px;
    margin-top: 3em;

}
#limite-compras table th, #limite-compras table td {
    padding: 1em;
    border-bottom: 1px solid #d2d4da;
    border-right: 1px solid #d2d4da;
    text-align: left;
    width: 50%;
}
#limite-compras table th {
    background: #f3f5f9;
}



/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-vantagens > h2 > span {
        display:inline-block;
        font-size:1rem;
        margin:15px 0 0 20px;
        line-height:1.6rem;
    }
    
    .section-text h2 > .title-login-shortcut {
    	margin-left: 20px;
    	color: #7f8182;;
    }

    .section-vantagens .vantagens {
        max-width:570px;
    }

    .section-vantagens .vantagem {
        background-size:auto auto;
        padding-left:85px;
    }

    .section-vantagens .action {
        margin-left:85px;
    }

}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-vantagens {
        padding-top:70px;
        padding-bottom:70px;
    }

    .section-vantagens .vantagens {
        width:50%;
    }
    .produto.special-theme .section-vantagens .vantagens {
        width:47%;
    }

    .section-vantagens .vantagem {
        margin:60px 0;
    }

    .section-vantagens .vantagens-illustration {
        position:absolute;
        bottom:0;
        right:0;
        display:block;
        width:50%;
        z-index:1;
    }

    .section-vantagens .vantagens-illustration > img {
        width:100%;
        max-width:640px;
    }
    .produto.special-theme .section-vantagens .vantagens-illustration > img {
        width:100%;
        max-width:490px;
    }
}

/*
    TEXTO
*/
.section-text h2 > span {
    font-weight:normal;
    color:#4c556c;
    font-size:1rem;
    margin:15px 0;
    letter-spacing:0;
    line-height:1.6rem;
}

.section-text .description {
    max-width:770px;
}

.section-text .content p {
    color:#707070;
    line-height:1.6rem;
    margin:20px 0;
}

.section-text .content .action {
    margin:30px 0;
}

.section-text .related-box {
    background:#f4f4f6;
    padding:30px;
    margin-top:40px;
}
.cartoes .section-text .related-box {
    padding:30px 0 ;
}

.section-text .related-box.no-margin-top {
    padding-top:0;
}

.section-text .related-box.white {
    background:#fff;
}

.section-text .related-box.has-warning {
    padding:0;
}

.section-text .related-box.has-warning > form {
    padding:10px 30px 30px;
}

.section-text .related-box.has-warning > form h3 {
    margin-bottom:20px;
}

.section-text .related-box h3.with-secondary {
    display:inline;
    margin-right:20px;
}

.section-text .related-box .from-title {
    margin-left:0;
}

.section-text .related-box.gray-text .description {
    color:#7f8182;
    margin:20px 0 30px;
}

.section-text .related-box form {
    margin:20px 0 40px;
}

.section-text .related-box form:last-child {
    margin-bottom:20px;
}

.section-text .related-box .select-button,
.section-text .related-box .field-d {
    margin-bottom:20px;
}

.section-text table {
    border:1px solid #d5d9df;
    width:100%;
    margin:40px 0;
}

.section-text .responsive-table > table {
    margin:0;
}

.section-text table thead tr {
    background:#f3f5f9;
}

.section-text table tr.highlight {
    background:#e6f6ff;
}

.section-text table tr.highlight.light-blue {
    background:#f3f5f9;
}

.section-text table th,
.section-text table td {
    font-size:1rem;
    padding:18px;
    border-bottom:1px solid #d5d9df;
    border-right:1px solid #d5d9df;
}

.section-text table th:last-child,
.section-text table td:last-child {
    border-right:none;
}

.section-text table th {
    text-align:left;
}

.section-text table tr:last-child td {
    border-bottom:none;
}

.section-text .table-nav {
    margin:40px 0 0;
}

.section-text .table-nav > h3 {
    float:left;
    margin-top:10px;
}

.section-text .table-nav > .filter {
    float:right;
}

.section-text .table-nav > .filter .month {
    display:block;
    float:left;
    line-height:2.7rem;
    margin-right:20px;
}

.section-text .table-nav > .filter .button-group {
    float:left;
    margin:0;
}

.section-text .table-nav > .filter .submit-d {
    min-width:3em;
}

.section-text .table-nav > .filter .button-group-item {
    font-size:1em;
}

.section-text ul {
    padding:0;
    margin:20px 0 0;
    list-style:none;
}

.section-text ul > li {
    color:#4c556c;
    font-size:.9rem;
    line-height:1.6rem;
    margin:20px 0;
}
.section-text .article-with-bullets ul > li:before {
    margin-right: .5em;
    content: "•";
    color: #b3b3af;
}
.section-text .article-with-bullets ul > li {
    margin:5px 0;
}

.section-text .article-with-numbers ul > li:before {
    
    content: counters(decimal, ".");
    counter-increment: decimal;
    display: inline-block;
    width: 1em;
    margin-right: .5em;
    color: #b3b3af;
    text-align: right;

}
.section-text .article-box{
    height: 160px
}
.section-text .article-box img {
    float: left;
    margin-right: 20px;
}
.section-text ul.bullets {
    padding:0 0 0 15px;
    margin:0;
    list-style:disc;
}

.section-text ul.bullets > li {
    font-size:1rem;
    margin:30px 0;
}

.section-text ul > li > .title {
    font-size:1.1rem;
}

/* Resultados da loteria */
.section-text .nav-results {
    border-top:1px solid #e8e9ec;
    border-bottom:1px solid #e8e9ec;
    margin-bottom:30px;
}

.section-text .nav-results > ul {
    margin:0;
}

.section-text .nav-results > ul > li {
    float:left;
    display:inline-block;
    width:35%;
    text-align:right;
    margin:20px 0;
}

.section-text .nav-results > ul > li a {
    font-family:"FuturaWeb", sans-serif;
    font-size:1rem;
}

.section-text .nav-results > ul > .filter {
    display:inline-block;
    width:30%;
    text-align:left;
}

.section-text .nav-results > ul > .filter .search {
    display:none;
}

.section-text .form-calculator ul > li {
	margin: 0;
}

.form-calculator input {
	margin-bottom: 0;
}

.resultado-loteria {
    border-bottom:1px solid #e8e9ec;
    padding:20px 0;
}

.resultado-loteria > h3 {
    margin-bottom:10px;
}

.resultado-loteria > p.description {
    font-size:.9rem;
    color:#4c556c;
    margin:0;
}

.resultado-loteria > .numbers {
    margin-bottom:30px;
}

.resultado-loteria > .numbers > li {
    display:inline-block;
    margin:3px;
    font-family:"FuturaWeb", sans-serif;
    font-size:1.4rem;
    color:#fff;
    background:#209869;
    border-radius:25px;
    width:50px;
    height:50px;
    padding:12px 0;
    text-align:center;
    font-weight:600;
}

.resultado-loteria > .next-prize > p {
    font-size:.9rem;
    color:#4c556c;
    margin:5px 0;
}

.resultado-loteria > .next-prize > p.value {
    font-size:2.2rem;
    margin:10px 0 30px;
}

.resultado-loteria > .totals > p {
    font-size:.9rem;
    margin:5px 0;
    color:#4c556c;
}

.resultado-loteria > .totals > p > span {
    display:inline-block;
    width:200px;
}

.resultado-loteria > .totals > p > span.value {
    font-weight:bold;
    width:auto;
    font-size:1rem;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-text > h2 {
        margin-bottom:20px;
    }

    .section-text .nav-results > ul > li {
        width:25%;
    }

    .section-text .nav-results > ul > .filter {
        width:50%;
    }

    .section-text ul > li {
        margin:30px 0;
    }

    .section-text .related-box .select-button,
    .section-text .related-box .field-d {
        max-width:420px;
    }

    .section-text .related-box .field-d {
        display:block;
    }

    .resultado-loteria > .next-prize > p {
        max-width:150px;
        float:left;
    }

    .resultado-loteria > .next-prize > p.value {
        max-width:100%;
        padding-top:10px;
    }

}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-text .title-bar h2 {
        float:left;
        margin-bottom:30px;
    }

    .section-text .title-bar {
        border-bottom:1px solid #e8e9ec;
        margin-bottom:30px;
    }

    .section-text .nav-results {
        border:none;
        float:right;
        width:465px;
        margin:10px 0 0;
    }

    .section-text .nav-results > ul {
        margin:0;
    }

    .section-text .nav-results > ul > li {
        float:left;
        display:inline-block;
        width:155px;
        text-align:right;
        margin:0;
        line-height:2.4rem;
    }

    .section-text .nav-results > ul > .filter {
        width:145px;
    }

    .section-text .nav-results > ul > .filter > .mobile-search {
        display:none;
    }

    .section-text .nav-results > ul > .filter > .search {
        display:block;
    }

    .section-text .nav-results > ul > .filter > .search > .field-d {
        width:80px;
        margin-left:10px;
    }

    .section-text.with-box .content {
        float:left;
        width:55%;
    }

    .section-text.with-box .related-box {
        float:right;
        width:40%;
        margin-top:20px;
        padding:40px;
    }

    .section-text .related-box.no-margin-top {
        padding-top:0;
    }


    .section-text.with-box .related-box.has-warning {
        padding:0;
    }

    .section-text.with-box .related-box.has-warning > form {
        padding:10px 40px 40px;
    }

    .section-text table.limited {
        max-width:770px;
    }

    .section-text ul > li {
        margin:40px 0;
    }

    .section-text .nav-results {
        margin-top:24px;
    }
}

/*
    APPS
*/
.section-apps {
    background:#006bae;
}

.section-apps > h2 {
    color:#fff;
    margin-bottom:10px;
}

.section-apps .description {
    color:#fff;
}

.section-apps .content {
}

.section-apps .action {
    margin:40px 0 0;
}

.section-apps .action > .submit-d {
    display:block;
    margin-bottom:20px;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-apps .content {
        width:50%;
        padding-top:30px;
        float:left;
    }

    .section-apps .illustration {
        width:45%;
        float:right;
        padding-bottom:40px;
    }

    .section-apps .illustration > img {
        width:100%;
        max-width:460px;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {}

/*
    COMO CONTRATAR
*/
.section-steps, .special-theme .section-steps  {
    background:#f3f5f9;
}

.section-steps > h2 {
    margin-bottom:30px;
}

.section-steps > p {
    font-family:"FuturaWeb", sans-serif;
    font-size:1rem;
    color:#7f8182;
}

.product-how-to-numbered {
    counter-reset: li;
}

.product-how-to li {
    margin-bottom: 3em;
    margin-top: 3em;
}

.product-how-to-numbered li {
    position: relative;
    padding-left: 3em;
}

.product-how-to-numbered li:before {
    position:absolute;
    top:-5px;
    left:0;
    content:counter(li);
    counter-increment:li;
    font-family:"FuturaWeb", sans-serif;
    font-size:2.2rem;
    font-weight:bold;
    color:#f8931b;
}

.section-steps .action-numbered {
    padding-left: 3em;
}


.section-steps .action-numbered.no-margin {
    padding-left: 0;
}

.section-steps .steps-description {
    background:#fff;
    margin:40px 0 0;
    padding:46px 25px 16px;
}

.section-steps .steps-description > h3 {
    font-size:1.3rem;
}

.section-steps .steps-description > ul {
    margin:10px 0 30px;
    padding:0;
    list-style:inside;
}

.section-steps .steps-description > ul:last-child {
	margin-bottom: 0;
}

.section-steps .steps-description > ul > li {
    margin:0;
    color:#7f8182;
    line-height:1.8rem;
    padding:4px 0;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-steps .numbered-steps {
        width:70%;
        margin-right:10%;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-steps {
        padding-bottom:40px;
    }

    .section-steps .numbered-steps {
        width:90%;
        margin-right:10%;
    }

    .section-steps .steps-description {
        margin:30px 0 0;
        padding:30px 30px;
        width:40%;
        float:right;
    }

    .left-column {
        float:left;
        width:50%;
    }
}

/*
    DÚVIDAS
*/
.section-faq > h2 {
    position:relative;
    z-index:2;
}

.section-faq .faq-column {
    margin:40px -16px 0;
    padding:0 16px;
    border-bottom:1px solid #e8e8e8;
}

.section-faq .faq-column > .column-title {
    font-family:"FuturaWeb", sans-serif;
    font-size:1.1rem;
    font-weight:bold;
    color:#1f2a47;
}

.section-faq .faq-column > .column-title > span {
    font-weight:normal;
}

.section-faq .faq-column > ul {
    padding:0;
    margin:0 0 40px;
    list-style:none;
}

.section-faq .faq-column > ul > li {
    padding:0;
    line-height:2.4rem;
}

.section-faq .faq-column > ul > li > a {
    font-size:1rem;
    color:#1c62aa;
}

.section-faq .faq-column > ul > li.see-more > a {
    font-family:"FuturaWeb", sans-serif;
    font-size:.8rem;
    font-weight:bold;
    color:#ff7200;
}

.section-faq > .faq-channels > ul {
    margin:0;
    padding:20px 0 10px;
    list-style:none;
}

.section-faq > .faq-channels > ul > .channel {
    background:no-repeat 5px 2px;
    background-size:34px 34px;
    padding-left:65px;
    margin:30px 0;
    font-family:"FuturaWeb", sans-serif;
    font-size:1.1rem;
    line-height:1.8rem;
}

.section-faq > .faq-channels > ul > .channel:last-child {
    margin-bottom:0;
}

.section-faq > .faq-channels > ul > .channel.visita {
    background-image:url(../images/produtos/cartao-azul/icon-visita.png);
}

.section-faq > .faq-channels > ul > .channel.sala-prefeituras {
    background-image:url(../images/produtos/cartao-azul/icon-prefeituras.png);
}

.section-faq > .faq-channels > ul > .channel.ligue {
    background-image:url(../images/produtos/cartao-azul/icon-ligue.png);
}

.section-faq > .faq-channels > ul > .channel.chat {
    background-image:url(../images/produtos/cartao-azul/icon-chat.png);
}

.section-faq > .faq-channels > ul > .channel.email {
    background-image:url(../images/produtos/cartao-azul/icon-email.png);
}

.section-faq > .faq-channels > ul > li > span {
    font-family:sans-serif;
    font-size:.9rem;
    color:rgba(38, 42, 45, 0.7);
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-faq .faq-column:last-child {
        border-bottom:none;
    }

    .section-faq > .faq-channels > ul {
        width:96%;
        margin-left:2%;
        padding:0;
        border:1px solid #d7dbe7;
    }

    .section-faq > .faq-channels > ul > .channel {
        display:inline-block;
        float:left;
        width:50.4%;
        min-height:135px;
        background-position:25px 30px;
        margin:0;
        padding:20px 20px 20px 85px;
        border-right:1px solid #e7e9f1;
        border-bottom:1px solid #e7e9f1;
    }

    .section-faq > .faq-channels > ul > .channel:nth-child(even) {
        width:49.6%;
        border-right:none;
        margin-left:-4px;
    }

    .section-faq > .faq-channels > ul > .channel:nth-child(n+3) {
        border-bottom:none;
        min-height:100px;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-faq .faq-column {
        position:relative;
        float:left;
        width:33.333336%;
        min-height:500px;
        border-bottom:none;
        margin:0;
        padding:0;
    }

    .section-faq.two-columns .faq-column {
        width:50%;
        min-height:100%;
    }

    .section-faq .faq-column.illustration > img {
        position:absolute;
        bottom:0;
        left:0;
        width:98%;
        max-width:420px;
    }
    .landing.special-theme .section-faq .faq-column.illustration > img {
        bottom:-10px;
    }
    .produto.special-theme .section-faq .faq-column.illustration > img {
        left: 60px;
        max-width: 300px;
    }

    .section-faq .faq-column > .column-title {
        border-bottom:1px solid #e7e8eb;
        padding:10px 0;
        margin-bottom:30px;
    }

    .section-faq > .faq-channels > ul {
        width:100%;
        margin-left:0;
    }

    .section-faq > .faq-channels > ul > .channel {
        width:25%;
        min-height:260px;
        background-position:center 50px;
        background-size:auto auto;
        padding:130px 20px 20px;
        border-right:1px solid #e7e9f1;
        border-bottom:none;
        text-align:center;
    }

    .section-faq > .faq-channels > ul > .channel:nth-child(even) {
        width:25%;
        border-right:1px solid #e7e9f1;
        margin-left:0;
    }

    .section-faq > .faq-channels > ul > .channel:nth-child(n+3) {
        min-height:260px;
    }

    .section-faq > .faq-channels > ul > .channel:last-child {
        border-right:none;
    }
}

/*
    SLIDER
*/
.section-slider {
    background:#3579b8;
    border-bottom-color:#2f6aa2;
}

.section-slider.gray-slider {
    background:#f4f4f6;
    border-bottom-color:#c8cbd4;
}

.section-slider > .top-link {
    color:#fff;
}

.section-slider > h2 {
    color:#fff;
    text-align:center;
}

.section-slider.gray-slider > h2 {
    color:#1f2a47;
}

.section-slider .slider {
    position:relative;
}

.section-slider .slider-wrapper {
    position:relative;
    width:100%;
    min-height:530px;
    overflow:hidden;
}

.section-slider.no-illustration .slider-wrapper {
    min-height:230px;
}

.section-slider .slider-itens {
    -webkit-transition: left 0.5s ease-in;
    position:absolute;
    top:0;
    left:0;
    padding:0;
    margin:0;
    list-style:none;
}

.section-slider .slider-itens > li {
    float:left;
    padding:0;
}

.section-slider .slider-itens .slider-illustration {
    background:#3273af;
    text-align:center;
    width:100%;
    padding:30px;
}

.section-slider .slider-itens .slider-illustration > img {
    width:100%;
    max-width:175px;
}

.section-slider .slider-itens .slider-text {
    background:#fff;
    padding:35px;
}

.section-slider .slider-itens .slider-text > p {
    color:rgba(38, 42, 45, 0.9);
    font-size:.9rem;
    line-height:1.6rem;
}

.section-slider .slider-itens .slider-text > .title {
    color:#0d5eab;
    font-size:1.1rem;
}

.section-slider .slider-nav {
    display:none;
}

.section-slider .slider-pagination {
    padding:25px 0;
    text-align:center;
}

.section-slider .slider-pagination > .pagination-item {
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:4px;
    margin:2px;
    background:#fff;
    opacity:0.4;
    text-indent:5000em;
    overflow:hidden;
}

.section-slider.gray-slider .slider-pagination > .pagination-item {
    background:#4c556c;
}

.section-slider .slider-pagination > .pagination-item.current {
    opacity:1;
}

.section-slider > .action {
    text-align:center;
}

/* > 600px */
@media screen and (min-width: 37.5em) {

    .poder-publico .section-simple-list .simple-list > ul {
            display: table-cell;
        }
        .poder-publico .section-simple-list .simple-list > ul + ul {
            padding-left: 100px;
        }
    .section-slider .slider-wrapper {
        width:86%;
        margin-left:7%;
        min-height:560px;
    }

    .section-slider .slider-wrapper:before {
        content:'';
        display:block;
        width:1px;
        background:#3579b8;
        min-height:inherit;
        position:relative;
        z-index:2;
    }

    .section-slider.gray-slider .slider-wrapper:before {
        background:#f4f4f6;
    }

    .section-slider.no-illustration .slider-wrapper {
        min-height:290px;
    }

    .section-slider .slider-itens {
        margin-left:1px;
    }

    .section-slider .slider-itens .slider-illustration {
        border-right:1px solid #2d679d;
    }

    .section-slider .slider-itens .slider-text {
        min-height:260px;
        border-right:1px solid #e5e5e5;
    }

    .section-slider .slider-itens .slider-text > p {
        line-height:1.2rem;
    }

    .section-slider .slider-itens .slider-text > .title {
        font-size:1rem;
    }

    .section-slider .slider-nav {
        position:absolute;
        top:50%;
        left:0;
        display:block;
        width:100%;
    }

    .section-slider.no-illustration .slider-nav {
        top:30%;
    }

    .section-slider .slider-nav > a {
        -webkit-transform:scale(0.9);
        position:absolute;
        top:0;
        background:url(../images/sprites.png) no-repeat 0 -160px;
        width:49px;
        height:49px;
        display:block;
    }

    .section-slider.gray-slider .slider-nav > a {
        background-position:0 -220px;
    }

    .section-slider .slider-nav > .slider-prev {
        left:-10px;
    }
    
    .section-slider .slider-nav > .slider-next {
        background-position:-49px -160px;
        right:-10px;
    }

    .section-slider.gray-slider .slider-nav > .slider-next {
        background-position:-49px -220px;
    }
}

/* > 800px */
@media screen and (min-width: 50em) {
    .section-slider .slider-nav > a {
        -webkit-transform:none;
    }

    .section-slider .slider-nav > .slider-prev {
        left:0px;
    }
    
    .section-slider .slider-nav > .slider-next {
        right:0px;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-slider .slider-wrapper {
        width:90%;
        margin-left:5%;
    }
    
    .section-slider .slider-nav > .slider-next {
        right:-10px;
    }

    .section-slider .slider-itens .slider-text > p {
        line-height:1.6rem;
    }

    .section-slider .slider-itens .slider-text > .title {
        font-size:1.1rem;
    }
    
    .section-slider .slider-nav > a {
        -webkit-transform:none;
    }

    .section-slider .slider-nav > .slider-prev {
        left:-10px;
    }
}

/*
    RELATED
*/
.aviso {
	background: #f3f5f9;
	border: 1px solid #d5d7db;
	box-shadow: inset 7px 0 #216fb9;
	padding: 25px 25px 25px 30px;
	font-family: "FuturaWeb", sans-serif;
	margin: 0 0 30px;
}
.section-related .feedback {
    background:#f3f5f9;
    border:1px solid #d5d7db;
    box-shadow:inset 7px 0 #216fb9;
    padding:25px 25px 25px 30px;
    font-family:"FuturaWeb", sans-serif;
    margin:0 0 30px;
}

.section-related .feedback.margin-top {
    margin-top:30px;
}

.section-related .feedback > p {
    font-size:1rem;
    line-height:1.6rem;
}
.results .section-related .feedback > p {
    margin-left: 30px;
}

.section-related .feedback > p > a {
    display:inline-block;
    margin:0 10px;
    color:#0162a9;
}

.section-related .feedback > p > a:first-child {
    margin-left:20px;
}

.section-related > h2 {
    padding-top:10px;
    font-weight:normal;
    font-size:1.6rem;
}

.section-related > .related-content {
    margin:0;
    padding:0;
    list-style:none;
}

.section-related > .related-content > li {
    padding:0;
    margin:50px 0;
}

.section-related > .related-content > li:last-child {
    margin-bottom:0;
}

.section-related > .related-content > li > h3:after {
    content:'';
    background:#e9ecf0;
    width:50px;
    height:4px;
    display:block;
    margin:20px 0 0;
}

.section-related > .related-content > li > p {
    color:rgba(38, 42, 45, 0.7);
    font-size:.9rem;
    line-height:1.6rem;
    max-width:260px;
}

.section-related > .related-content > li > .see-more {
    margin:20px 0;
}

.section-related > .related-content > li > .see-more > a {
    font-family:"FuturaWeb", sans-serif;
    font-size:.8rem;
    font-weight:bold;
    color:#ff7200;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-related > .related-content > li {
        display:inline-block;
        width:49.5%;
        margin:20px 0;
    }

    .section-related > .related-content > li > h3:after {
        margin:30px 0 0;
    }

    .section-related > .related-content > li:nth-child(n+3) {
        margin-bottom:0;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-related > .related-content > li {
        width:24.6%;
    }
}

/*
    SIMPLE LIST
*/
.section-simple-list > h2 {
    margin-bottom:10px;
}

.section-simple-list > .description {
    color:rgba(38, 42, 45, 0.7);
    font-size:1rem;
}

.section-simple-list .simple-list {
    padding:20px 0;
}

.section-simple-list .simple-list.double {
    padding:20px 0;
    width:66.6%;
}

.section-simple-list .simple-list > h3:after {
    content:'';
    background:#e9ecf0;
    width:50px;
    height:4px;
    display:block;
    margin:20px 0 0;
}

.section-simple-list .simple-list > ul {
    margin:0;
    padding:0;
    list-style:none;
}


.section-simple-list .simple-list > ul > li {
    padding:0;
    line-height:2.2rem;
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-simple-list .simple-list {
        float:left;
        width:33.3%;
    }
    .section-simple-list .simple-list.double {
        float:left;
        width:66.6%;
    }

    .section-simple-list .simple-list > h3:after {
        margin:30px 0 40px;
    }
}

/*
    TOOLS
*/
.section-tools {
    background:#f4f4f6;
}

.section-tools > h2 {
    margin-bottom:10px;
}

.section-tools > .description {
    color:rgba(38, 42, 45, 0.7);
    font-size:1rem;
}

.section-tools .tools {
    margin:30px 0 0;
    padding:0;
    list-style:none;
}

.section-tools .tools > .tool {
    background:no-repeat;
    padding-left:70px;
    margin:40px 0;
}

.section-tools .tools > .tool.downloads {
    background-image:url(../images/atendimento/icon-downloads.png);
}

.section-tools .tools > .tool.impressao {
    background-image:url(../images/atendimento/icon-impressao.png);
}

.section-tools .tools > .tool.apps {
    background-image:url(../images/atendimento/icon-apps.png);
    background-position:5px 0;
}


.section-tools .tools > .tool > h3 {
    margin-bottom:10px;
}
.section-tools .tools > .tool > .description {
    color:rgba(38, 42, 45, 0.7);
    font-size:.9rem;
    margin:0;
}

/* > 800px */
@media screen and (min-width: 50em) {
    .section-tools .tools > .tool {
        float:left;
        width:32%;
        margin-right:2%;
    }

    .section-tools .tools > .tool:last-child {
        margin-right:0;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-tools .tools > .tool {
        width:30%;
        margin-right:5%;
        padding-left:80px;
    }
}

/*
    FOOTER
*/
#footer {
    position:relative;
    padding:50px 16px 0;
}

#footer a {
    font-size:1rem;
    line-height:2rem;
    color:#616971;
}

.footer-content > .footer-column  > ul {
    margin:40px 0;
    padding:0;
    list-style:none;
}

.footer-column > p {
    line-height:2.2rem;
}

.footer-column > p > .phone {
    color:#666b6f;
    font-size:1.5rem;
}

.footer-column > p > .soft {
    color:#abb0b4;
}

.footer-content .icon {
    background:no-repeat center center;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 20px -5px 0;
}

.footer-content .icon.twitter {
    background-image:url(../images/icon-twitter.png);
}

.footer-content .icon.facebook {
    background-image:url(../images/icon-facebook.png);
}

.footer-content .icon.youtube {
    background-image:url(../images/icon-youtube.png);
}

.footer-content .icon.gplus {
    margin-left:3px;
    margin-right:17px;
    background-image:url(../images/icon-gplus.png);
}

#footer > .hotlinks {
    background:#f9fafd;
    position:relative;
    padding:40px 16px 125px;
    margin:0 -16px;
}

#footer > .hotlinks > ul {
    margin:0;
    padding:0;
    list-style:none;
}

#footer > .hotlinks > ul > li > a {
    font-family:Arial;
    color:#80868c;
    font-size:.9rem;
}

#footer > .hotlinks > ul.languages {
    position:absolute;
    bottom:50px;
    left:16px;
    padding-bottom:0;
}

#footer > .hotlinks > ul.languages > li {
    display:inline-block;
    margin:0 10px;
}

#footer > .hotlinks > ul.languages > li:first-child {
    margin-left:0;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    #footer a {
        font-size:.9rem;
    }

    .footer-content {
        margin-bottom:40px;
    }

    .footer-content > .footer-column {
        width:25%;
        float:left;
    }

    .footer-content > .footer-column > ul {
        margin:0;
    }

    .footer-column > p {
        line-height:1.8rem;
    }

    .footer-column > p > .phone {
        font-size:1.3rem;
    }

    .footer-column > p > .soft {
        font-size:.9rem;
    }

    #footer > .hotlinks {
        padding-bottom:40px;
        bottom:auto;
        left:auto;
    }

    #footer > .hotlinks > ul {
        width:33.3%;
        float:left;
    }

    #footer > .hotlinks > ul.languages {
        position:relative;
        bottom:auto;
        left:auto;
    }

    #footer > .hotlinks > ul.languages > li {
        display:block;
        margin:0 0 10px;
    }

    #footer > .hotlinks > ul.languages > li > a {
        line-height:2rem;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    #footer {
        padding-top:120px;
    }

    #footer a {
        font-size:1rem;
    }

    .footer-content {
        margin-bottom:50px;
    }

    #footer > .hotlinks > ul {
        display:inline-block;
        width:auto;
        margin-left:10px;
    }

    #footer > .hotlinks > ul > li {
        display:inline-block;
        margin:0 10px;
    }

    #footer > .hotlinks > ul > li:last-child {
        margin-right:0;
    }

    #footer > .hotlinks > ul.languages {
        width:30%;
    }

    #footer > .hotlinks > ul.languages > li {
        display:inline-block;
        margin:0 10px;
    }

    #footer > .hotlinks > ul.languages > li:first-child {
        margin-left:0;
    }
}

/* > 1200px */
@media screen and (min-width: 75em) {
    #footer > .hotlinks > ul.languages {
        width:40%;
    }
}

/* > 1400px */
@media screen and (min-width: 87.5em) {
    #footer > .hotlinks > ul.languages {
        width:45%;
    }
}

/*
    SERVICES
*/
.section-services {
    padding-top:10px;
    padding-bottom:10px;
}

.section-services .service {
    position:relative;
    padding:30px 0;
    border-bottom:1px solid #d9d9d9;
    min-height:160px;
}

.section-services .service:last-child {
    border-bottom-width: 0;
}

.section-services .service > p {
    color:rgba(38, 42, 45, 0.7);
    font-size:.9rem;
}

.section-services .service .picture {
    float:left;
    width:100px;
    height:100px;
    margin-right:25px;
    overflow:hidden;
}

.section-services .service .picture > img {
    width:200px;
    margin-left:-50px;
}

.section-services .service .title {
    margin:0;
    font-family:"FuturaWeb", sans-serif;
    font-size:1.1rem;
}

.section-services .service-4:last-child {
	border-bottom-width: 1px;
}

.section-services .service-wrapper:last-child .service-4:last-child {
	border-bottom-width: 0;
}


.special-theme .section-products .content-wrapper {
    background: #fff;
} 

.special-theme .section-services {
    padding-top: 60px;
}
.special-theme .section-services .service {
    background:#1f2948;
    padding: 50px 20px 0 ;
    border: none; 
}

.special-theme .section-services .service p:last-child {
    border-bottom: 1px solid #4c546d;
    padding-bottom: 50px;
}

.special-theme .section-services .service:last-child p:last-child {
    border: none;
}

.special-theme .section-services .service > p.title a {
    color: #fff;
}

.special-theme .section-services .service > p {
    color:#d2d4da;
    padding-left: 125px;
}
.special-theme .special-hero .top-link {
    color:#fff;
}
.special-theme .special-hero h3 {
    color: #fff;
    padding: 0 0 2%;
}



/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-services {
        padding-top:40px;
        padding-bottom:40px;
    }

    .section-services .service {
        float:left;
        padding:0;
        border-bottom:none;
        width:31%;
        margin-right:3.5%;
        background:#f2f3f6;
    }
    .special-theme .section-services .service .picture {
        height: auto;
    }
    
    .section-services .service-wrapper {
    	margin-bottom: 2em;
    }
    
    .section-services .service-4 {
    	width: 48.5%;
    	margin-right:3%;
    }

    .section-services .service:last-child {
        margin-right:0;
    }

    .section-services .service .picture {
        position:relative;
        width:100%;
        height: auto;
        margin-right:0;
    }
    .special-theme .section-services .service:last-child .picture {
        width: 105%;
        margin-bottom: -28px;
    }
    .special-theme .section-services .service p {
        padding-left: 20px;
    }
    .special-theme .section-services .service p:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .section-services .service .picture > img {
        width:100%;
        margin-left:0;
        margin-top:-5%;
    }

    .special-theme .section-services .service .picture > img {
        margin-top:0;
    }

    .section-services .service .picture.no-margin > img {
        margin-top:0;
    }

    .section-services .service > p {
        padding:0 20px;
        margin:0 0 20px;
        font-size:.9rem;
    }
    .section-services .service > p.title {
        clear:both;
        padding-top:20px;
        margin-bottom:10px;
    }
    .section-services .service.video .picture:after {
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        margin-left:-31px;
        margin-top:-31px;
        background:url(../images/landing/educacao-financeira/play.png) no-repeat;
        display:block;
        width:62px;
        height:62px;
    }
    .special-theme .section-services .service {
        background:#1f2948;
        padding: 0;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-services .service .picture {
        height: 200px;
    }
      
    .section-services .service-wrapper {
    	float: left;
    	width: 48.5%;
    	margin-left: 3%;
    }
    
     .section-services .service-wrapper:first-child {
     	margin-left: 0;
     }
    
    .section-services .service-4 {
    	float: left;
    	width: 47%;
    	margin-right: 6%;
    }
    
    .section-services .service.video .picture:after {
        top:40%;
    }
    .special-theme .section-services .service:last-child .picture {
        width: 105%;
        margin-bottom: -26px;

    }
    .special-theme .section-services .service {
        background:#1f2948;
        
    }
    .special-theme .section-products .content-wrapper {
        background: #fff !important;
    } 
}

/* > 1300px */
@media screen and (min-width: 81.25em) {
    .section-services .service.video .picture:after {
        top:45%;
    }
}

/*
    PRODUCTS, SERVICES
*/
.section-products > h2 {
    margin-bottom:0;
}

.section-products .products {
    margin:0;
    padding:0;
    list-style:none;
}

.section-products .products .product {
    padding:20px 0;
    min-height:220px;
    border-bottom:1px solid #d9d9d9;
}

.section-products .products .product:last-child {
    border-bottom:none;
}

.section-products .product.with-image .product-column:first-child {
    float:left;
    width:30%;
    max-width:239px;
    margin-right:20px;
}
.special-theme .section-products .product.with-image .product-column:first-child {
    display: block;
    width: 40%;
    max-height: 238px;
    float: none;
}

.special-theme .section-products .product.with-image:nth-child(4) .product-column:first-child {
    height: 180px
}

.section-products .product .product-column:first-child > img {
    width:100%;
    position: relative;
}
.special-theme .section-products .product.with-image:first-child  .product-column:first-child > img {
    top: -30px;
    position: relative;
}
.special-theme .section-products .product.with-image:nth-child(2)  .product-column:first-child > img {
    width:85%;
    left: 30px; 
    top: 0;
}
.special-theme .section-products .product.with-image:nth-child(4)  .product-column:first-child > img {
    width:100%;
    top: -20px;
}

.section-products .product h3 {
    font-size:1.1rem;
    margin-top:20px;
}

.section-products .product .product-column.textual h3 {
    margin-bottom:10px;
    font-weight:bold;
}

.section-products .product .product-column.textual h4 {
    font-weight:normal;
    font-size:1rem;
    color:#666;
    letter-spacing:0;
    margin-bottom:10px;
}

.section-products .product .description {
    color:rgba(38, 42, 45, 0.7);
    font-size:.9rem;
    max-width:640px;
}

.section-products .product .see-more > a {
    font-family:"FuturaWeb", sans-serif;
    font-size:.8rem;
    font-weight:bold;
    color:#ff7200;
}

.section-products .product .resultado-loteria {
    padding:0;
    list-style:none;
    border:none;
}

.section-products .product .resultado-loteria > li {
    display:inline-block;
    margin:3px;
    font-family:"FuturaWeb", sans-serif;
    font-size:1.1rem;
    color:#fff;
    background:#209869;
    border-radius:25px;
    width:45px;
    height:45px;
    padding:9px 0;
    text-align:center;
    font-weight:600;
}

.section-products .product .resultado-loteria > li:first-child {
    margin-left:0;
}

.section-products .other-services {
    background:#f3f5f9;
    padding:40px 30px;
}


.section-products .other-services > p {
    color:rgba(38, 42, 45, 0.7);
    font-size:.9rem;
    margin-bottom:50px;
}

.section-products .other-services > ul {
    margin:0;
    padding:0;
    list-style:none;
}

.section-products .other-services > ul > li {
    position:relative;
    padding:15px 30px 15px 0;
    margin:0;
}

.section-products .other-services > ul > li:after {
    content:'';
    position:absolute;
    top:50%;
    right:0;
    background:url(../images/sprites.png) no-repeat -101px -100px;
    display:block;
    width:8px;
    height:14px;
    margin-top:-7px;
}
.special-theme .section-products .other-services > ul > li:after {
    background:url(../images/sprites.png) no-repeat -125px -100px;
}

.section-products .other-services > ul > li > h4 {
    margin-bottom:0;
    font-size:1.1rem;
    font-weight:normal;
    letter-spacing:0;
}

.special-theme .section-products .other-services > ul > li > h4 > a {
    color: #fff;
}

.section-products .other-services > ul > li > p {
    color:rgba(38, 42, 45, 0.7);
    font-size:.9rem;
    margin:10px 0;
}
.special-theme .section-products .other-services > p,
.special-theme .section-products .other-services > ul > li > p {
    color: #d2d4da;
}

/* Box relacionado */
.product-related-content {
    padding: 2.5em;
    background: #f4f4f6;
}
.results .indice-sidebar {
    padding: 0;
    background: transparent;
}
.results .indice-letter-group{
    border: 0;
    padding-top: 0;     
}
.results .indice-sidebar ul li.selected a{
    color: #444;
}
.results .indice-sidebar ul{
    width: 220px;
}
.results .indice-sidebar ul li{
    padding: 1.6em 0;
    border-top: 1px solid #ccc
}

.results .indice-sidebar ul li:first-child{
    border-top: 0;
}

.results .indice-list li {
    padding: 30px 0;
}
.results .indice-list li a{
    
    font-family:"FuturaWeb", sans-serif;
    font-size:1.4rem;
}
.results .pagination{
    padding: 1.5em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.results .feedback{
    padding: 1.5em 0;
    border-top: 0;
    border-bottom: 1px solid #ccc;
}

.link-group {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #d2d4da;
}

.link-group-last {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.special-theme .section-products .other-services {
    background:#1f2948;
    margin-top: 30px;
    height: 100%;
    position: relative;
    right: 0;
}
.special-theme .section-products .product.with-image .product-column:nth-child(2) {
    margin-left: 30px
}


/* > 600px */
@media screen and (min-width: 37.5em) {
    .special-theme .section-products .content-wrapper {
        background: transparent;
    }
    .special-theme .section-products .content-wrapper .products {
        background: #fff;
        padding: 0 10px
    }
    .section-products .product h3 {
        margin-top:50px;
    }

    .section-products .product {
        display:table;
        width:100%;
    }

    .section-products .product .product-column {
        display:table-cell;
    }

    .section-products .product .product-column:first-child {
        width:40%;
    }

    .section-products .product.with-image {
        display:block;
    }

    .section-products .product.with-image .product-column:first-child {
        display:block;
        width:30%;
    }
    .special-theme .section-products .product.with-image .product-column:first-child {
        float: left;
    }

    .section-products .product.no-title {
        padding-top:30px;
    }
    .special-theme .section-products .products .product {
        max-height: 259px;
    }
    .special-theme .section-products .product.with-image:first-child  .product-column:first-child > img {
        width:228px;
    }
    .special-theme .section-products .product.with-image:nth-child(2)  .product-column:first-child > img {
        top: 40px;
    }
    .special-theme .section-products .product.with-image:nth-child(4) .product-column:first-child {
        height: 201px
    }

    .special-theme .section-products .product.with-image:nth-child(4)  .product-column:first-child > img {
        width:110%;
        top: -48px;
    }
    .special-theme .section-products .product.with-image .product-column:nth-child(2) {
        margin-left: 0
    }

}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .results .indice-sidebar {
        float: left;
    }
    .section-products .products {
        float:left;
        width:67%;
        margin-right:3%;
    }

    .section-products .products .product {
        padding:0;
    }
    .special-theme .section-products .products .product {
        max-height: 240px;
    }

    .section-products .product.no-title {
        padding-top:30px;
    }

    .section-products .product h3 {
        font-size:1.3rem;
        margin-top:60px;
    }


    .section-products .other-services {
        float:left;
        width:30%;
        margin-top:20px;
    }
    .special-theme .section-products .other-services {
    background:#1f2948;
    margin-top: 0;
    height: 100%;
    position: absolute;
    right: 0;
    }
    .special-theme .section-products .product.with-image:nth-child(4) .product-column:first-child {
        height: 201px
    }

    .special-theme .section-products .product.with-image:nth-child(4)  .product-column:first-child > img {
        width:110%;
        top: -41px;
    }
}

/*
    HIGHLIGHTS
*/
.section-highlight {
    padding-top:10px;
    padding-bottom:10px;
}

.section-highlight .product {
    position:relative;
    padding:30px 0;
    border-bottom:1px solid #d9d9d9;
    min-height:160px;
}

.section-highlight .product:last-child {
    border-bottom:none;
}

.section-highlight .product .picture {
    float:left;
    width:100px;
    height:100px;
    overflow:hidden;
    margin-right:25px;
}

.section-highlight .product .picture > img {
    width:100%;
}

.section-highlight .product .title {
    font-weight:normal;
    color:#1f2a47;
}

.section-highlight .product .description {
    color:rgba(38, 42, 45, 0.7);
    font-size:.9rem;
}

.section-highlight .product .see-more > a {
    font-family:"FuturaWeb", sans-serif;
    font-size:.8rem;
    font-weight:bold;
    color:#ff7200;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-highlight {
        padding-top:10px;
        padding-bottom:40px;
    }

    .section-highlight .product {
        float:left;
        padding:0;
        border-bottom:none;
        width:31%;
        margin-right:3.5%;
    }

    .section-highlight .product:last-child {
        margin-right:0;
    }

    .section-highlight .product .picture {
        width:100%;
        height:100px;
    }

    .section-highlight .product .picture > img {
        height:100%;
        width:auto;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
    .section-highlight .product .picture {
        height:200px;
        text-align:center
    }

    .section-highlight .product .picture > img {
        height:100%;
        width:auto;
    }

    .section-highlight .product > p {
        text-align:center;
    }

    .section-highlight .product .title {
        font-weight:bold;
        margin-bottom:0;
    }
}

/*
    INTERACTIVE MAP
*/

.section-map > h2 {
    margin-bottom:10px;
}

.section-map > .description {
    color:rgba(38, 42, 45, 0.7);
    font-size:1rem;
}

.interactive-map > .filters .select-button {
    margin-bottom:20px;
}


.interactive-map > .filters .search {
    position:relative;
}

.interactive-map > .map {
    background:url(../images/atendimento/mapa.jpg) no-repeat center center;
    margin:40px -16px 0;
    height:200px;
}


.interactive-map > .places > ul {
    margin:0;
    padding:0;
    list-style:none;
}

.interactive-map > .places > ul > li {
    background:url(../images/atendimento/icon-map.png) no-repeat 10px 0;
    padding-left:40px;
    margin:30px 0;
}

.interactive-map > .places > ul > li > .title {
    margin:0 0 10px;
    color:#1f2a47;
}

.interactive-map > .places > ul > li > address {
    font-size:.9rem;
    font-style:normal;
    color:#4c556c;
}

.interactive-map {
    position:relative;
    /*background:url(../images/atendimento/mapa.jpg) no-repeat center center;
    background-size:cover;*/
    margin-top:40px;
    margin-left:-16px;
    margin-right:-16px;
    padding:0;
    border-top:none;
}

.interactive-map > .places {
    position:relative;
    top:0;
    right:0;
    width:100%;
    min-height:inherit;
    background:#f9f9fa;
    border-left:1px solid #d2d4da;
}

.interactive-map > .places > ul > li {
    background-position:30px 35px;
    padding:35px 20px 35px 60px;
    margin:0;
    border-bottom:1px solid #d2d4da;
}

.interactive-map > .places > ul > li:last-child {
    border-bottom:none;
}
.interactive-map > .filters {
    margin:40px 15px;

}
.section-map {
    padding-bottom:0;
    overflow:hidden;
}

/* > 600px */
@media screen and (min-width: 37.5em) {
    .section-map {
        padding-bottom:0;
        overflow:hidden;
    }

    .interactive-map {
        position:relative;
        background:url(../images/atendimento/mapa.jpg) no-repeat center center;
        background-size:cover;
        margin-top:40px;
        margin-left:-16px;
        margin-right:-16px;
        padding:0 16px;
        height:680px;
        border-top:1px solid #c8cbd4;
    }
    .interactive-map > .map {
        margin:40px -16px;
    }
    .interactive-map > .filters {
        width:50%;
        margin:40px 0;
        box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);
    }

    .interactive-map > .filters > .select-button {
        float:left;
        width:35%;
        background:#fff;
        font-size:.9rem;
        min-height:3.95em;
        color:#5c5f68;
        border:none;
        border-right:1px solid #d6d9de;
        border-top-right-radius:0;
        border-bottom-right-radius:0;
    }

    .interactive-map > .filters .search {
        float:left;
        width:56%;
    }

    .interactive-map > .filters .field-d {
        border:none;
        border-top-left-radius:0;
        border-bottom-left-radius:0;
        box-shadow:none;
        min-height: 4em;
    }

    .interactive-map > .places {
        position:absolute;
        top:0;
        right:0;
        width:30%;
        min-width:350px;
        min-height:inherit;
        background:#f9f9fa;
        border-left:1px solid #d2d4da;
    }

    .interactive-map > .places > ul > li {
        background-position:30px 35px;
        padding:35px 20px 35px 60px;
        margin:0;
        border-bottom:1px solid #d2d4da;
    }

    .interactive-map > .places > ul > li:last-child {
        border-bottom:none;
    }
}

/* > 1000px */
@media screen and (min-width: 62.5em) {
	
	/* Related content */	
	
	.product-related-content {
		float: right;
		width: 30%;
	}

}

/* > 1200px */
@media screen and (min-width: 75em) {
    .interactive-map {
        margin-left:-4%;
        margin-right:-4%;
        padding:0 4%;
    }
}

/* > 1300px */
@media screen and (min-width: 81.25em) {
    .interactive-map {
        margin-left:-7%;
        margin-right:-7%;
        padding:0 7%;
    }
}

/*
    LOTERIAS
*/
.title-loteria {
    background:no-repeat left center;
    padding-left:50px;
    font-family:"FuturaWeb", sans-serif;
    font-size:1.5rem;
    font-style:italic;
    font-weight:bold;
    text-transform:uppercase;
    line-height:2.6rem !important;
}

.title-loteria a,
.title-loteria a:hover {
    border:none;
}

.title-loteria.loteca { 
    background-image:url(../images/icon-loteca.png);
    color:#fb1f00 !important;
}

.title-loteria.loteca a { color:#fb1f00 !important; }

.title-loteria.lotofacil { 
    background-image:url(../images/icon-lotofacil.png);
    color:#930089 !important;
}

.title-loteria.lotofacil a { color:#930089 !important; }

.title-loteria.lotogol { 
    background-image:url(../images/icon-lotogol.png);
    color:#0086b7 !important;
}

.title-loteria.lotogol a { color:#0086b7 !important; }

.title-loteria.lotomania { 
    background-image:url(../images/icon-lotomania.png);
    color:#f78100 !important;
}

.title-loteria.lotomania a { color:#f78100 !important; }

.title-loteria.mega-sena { 
    background-image:url(../images/icon-mega-sena.png);
    color:#209869 !important;
}

.title-loteria.mega-sena a { color:#209869 !important; }

.title-loteria.federal { 
    background-image:url(../images/icon-federal.png);
    color:#103099 !important;
}

.title-loteria.federal a { color:#103099 !important; }

.title-loteria.quina { 
    background-image:url(../images/icon-quina.png);
    color:#260085 !important;
}

.title-loteria.quina a { color:#260085 !important; }

.title-loteria.timemania { 
    background-image:url(../images/icon-timemania.png);
    color:#049645 !important;
}


.title-loteria.timemania a { color:#049645 !important; }

.title-loteria.dupla-sena { 
    background-image:url(../images/icon-dupla-sena.png);
    color:#a61324 !important;
}

.title-loteria.dupla-sena a { color:#a61324 !important; }


.special-theme #footer{
        background: #fff;  }        

/* 
    GERAL
*/

/* > 1200px */
@media screen and (min-width: 75em) {
    .content-hero, .content-section, #footer, #footer > .hotlinks {
        padding-left:3.5%;
        padding-right:3.5%;
    }

    #footer > .hotlinks {
        margin-left:-3.5%;
        margin-right:-3.5%;
    }
}

/* > 1300px */
@media screen and (min-width: 81.25em) {
    .content-hero, .content-section, #footer, #footer > .hotlinks {
        padding-left:6%;
        padding-right:6%;
    }

    #footer > .hotlinks {
        margin-left:-6%;
        margin-right:-6%;
    }
}