@charset "utf-8";

/* CSS Document */
html {
  scroll-behavior: smooth;
}

body {}
#kabum { max-width:720px;}
#kabum.green1 { background-color: #00ead0; }
body.green1 { background-color: #00ead0; }
body.green2 { background-color: #60beb9; }
body.green3 { background-color: #dcfd00; }
body.blue1 { background-color: #00b8fc; }
body.blk { background-color: #000; }
body.grey1 { background-color: #e9e9e9; }
body.grey2 { background-color: #f3f3f3; }
body.white, .bg-white { background-color: #fff; }

body.astro { background:#020a0a url(../image/fundo-astro.png) no-repeat top right }
body.astro2 { background:#020a0a url(../image/fundo-astro2.jpg) no-repeat top center; background-size:cover }
body.astro3 { background:#020a0a url(../image/fundo-astro3.jpg) no-repeat top center; background-size:cover }

.font-blue { font-family:Georgia, "Times New Roman", Times, serif !important; letter-spacing:-1px}

.indice p { line-height:10px}
.indice p span { font-size:10px; color:#F30; text-transform:uppercase}
.indice a { margin:5px 3px; background:#fff; display:block; border-radius:6px; padding:10px 0}
.indice a:hover {background: #69F; text-decoration:none}

body.gradient1 {
  background-image:
    linear-gradient(
      to bottom right, 
      #141314, #29222b, #85558e
    );
}

body.gradient2 {
  background-image:
    linear-gradient(
      to bottom right, 
      #85b3fc, #c7d2e8, #d9dbe2
    );
}

.logo { margin:30px 0 }
.big-tt { padding-top:50px; display:block}

.big-tt strong { font-weight: bold}
.big-tt span{ font-weight: 100}

.big-tt1 { font-size:70px; padding-top:50px; display:block}

.border-blk { border:#000 solid 4px}
.border-blk1 { border:#000 solid 2px}

.border-wht { border:#fff solid 4px}
.border-wht1 { border:#fff solid 2px}

.border-blue { border:#14a9e1 solid 4px}
.border-blue1 { border:#14a9e1 solid 2px}

.border-grey { border:#3c3c3b solid 2px}

.card,
.card-body,
.card-footer,
.card-footer { border-top:none !important; border:none !important}

p { color: #000; line-height:20px; margin-bottom:0px !important; padding-bottom:0 !important}
p.premio { max-width:260px;}

a {position:relative;z-index:1000; color:#000}
a:hover { color:#FFF}

ul.green { list-style:url(../image/bullet.png)}

.txt-blue { color:#14a9e1}

.txt-gradient1 {background: -webkit-linear-gradient( #ff7932, #ffa923);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
  
.txt-gradient2 {background: -webkit-linear-gradient( #1a99f2, #cb479d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
  
.txt-peso { font-weight:900}

h1, h2, h3, h4, h5 { font-weight:700; padding:0 !important; margin:0px !important}
.spacer { padding-top: 90px; padding-bottom:90px }


.p-50 { padding-top:-50px}
.p50 { padding:50px 0 }
.p40 { padding:40px 0}
.p30 { padding:30px 0}
.p20 { padding:20px 0}

.oversection { margin-top:-30px; margin-bottom:-30px;}

.text-blue { color:#17b1ed}
.text-blue1 { color:#1c3e93}
.text-blue3 { color:#3563ff}
.text-red { color:#e63021}
.text-grey { color:#575756}
.text-grey2 { color:#bcbdbd}


.coluna img {min-width:100%}
.coluna h5 { padding:10px 0 !important}

.transparent-w {background: rgba(255, 255, 255, 0.7); padding:20px; margin:30px }
.transparent-b {background: rgba(0, 0, 0, 0.7); padding:20px; margin:30px }

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50%; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 50%; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 50%; 
}
.bg77a { background:url(../image/77a.jpg) no-repeat ; background-position: 150px top}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.container { max-width:800px}
.oversection { margin-top:-30px; }	
.oversection2 { margin-top:-120px; }
.bg77a { background:url(../image/77a.jpg) no-repeat top left;}

	}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.oversection { margin-top:-30px; }
.oversection2 { margin-top:-120px; }
.bg77a { background:url(../image/77a.jpg) no-repeat top right}
	}


