@charset "UTF-8";


/* Reset CSS
 * -----------------
#9F999A silver text
#FF8652 orange hover
 ---------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,
.panel-group,.panel,.panel-collapse,.panel-default
 {
    padding: 0;
    margin: 0;
}
html,body { height: 100%; background-color: #000;}
body {background-color: #000; background-image: url("../images/brazil-burial.jpg"); background-position: center; background-size: auto;}

html { position: relative; min-height: 100%;}

a:focus, audio:focus,
button:focus,
input:focus,
textarea:focus, select:focus {outline: none !important;}

p a:last-of-type {}
.centText { text-align:center; }
.leftText { text-align:left }
.rightText { text-align:right; }
.text-justify { text-align: justify;}
.left { float: left !important; }
.right { float: right !important; }
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px !important; }
.pb10 { padding-bottom:10px;}

h1, h1 a { font-family: 'Open Sans',sans-serif; font-weight:500; color: #9F999A;}
h2, th { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#9F999A;}
h3, h3 a { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#9F999A; text-decoration:none; }
h4, h4 a { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#9F999A; }
h5, h5 a { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#9F999A; }
h6 { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#9F999A; }
td { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#9F999A;}
p, ul  { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#9F999A;}
.bg-success { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; font-size:14px; line-height: 14px; color:#9F999A;}
figcaption { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#9F999A;}
p a, td a, .backarrow a { font-family: monospace,monospace,sans-serif; font-weight:400;}

figcaption .shade { color:#a8a9ad;}
p em { font-style:italic;}
p strong { font-weight:400; color:#9F999A;}
.caps{ text-transform:uppercase;}

h1, h1 a { font-size:22px; line-height: 22px; text-transform: uppercase; letter-spacing: -2px; margin-top: 30px; margin-bottom: 15px; }
h1 a:hover, h1 a:focus { text-decoration: none; color:#FF8652;}
h2 { font-size:34px; line-height:34px;}
h3 { font-size:20px; line-height:24px; padding-bottom:10px;}
h4 { font-size:20px; line-height:22px;}
h4.panel-title { font-size:20px; line-height:22px;}
h5 { font-size:20px; line-height:20px;}
h6 { font-size:18px; line-height:20px;}
p, li { font-size:18px; font-weight: 400; line-height:22px; color:#9F999A;}

.panel-body ul.list-styled li { font-size: 18px; font-weight: 400; line-height:22px; color:#9F999A !important;}
.panel-body h3 { color:#9F999A;}

table { font-size:18px; line-height:22px;}
td { margin-left:0 !important; padding-left:0 !important; padding-top:2px; padding-bottom:2px; vertical-align:text-top;}
td.whitetxt { color:#fff;}
.backarrow a {font-size:20px; line-height:22px; color:#000;}
.backarrow a:hover { color:#fff;}
a:hover { text-decoration: none;}
p a { color:#59595b;}
p a:hover { color:#FF8652;}

/*floating divs*/
div.a, div.a1, div.a2, div.a3, div.a4, div.a5  {width: 75px; height:75px; background-image: url("../images/covid-red.png"); position:fixed;}
div.b, div.b1, div.b2 {width: 75px; height:75px; background-image: url("../images/covid-yellow.png"); position:fixed;}
div.c, div.c1, div.c2, div.c3 {width: 75px; height:75px; background-image: url("../images/covid-blue.png"); position:fixed;}
div.d, div.d1, div.d2 {width: 75px; height:75px; background-image: url("../images/covid-green.png"); position:fixed;}
div.e, div.e1 {width: 75px; height:75px; background-image: url("../images/covid-purple.png"); position:fixed;}
div.f, div.f1 {width: 75px; height:75px; background-image: url("../images/covid-orange.png"); position:fixed;}

@media only screen and (max-width : 992px) {
   .i30pt { padding-top:30px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  h1, h1 a { font-size:30px !important; line-height: 34px; }
  h2 { font-size:22px; line-height:26px;}
   .i30pt { padding-top:0;}
}
@media only screen and (max-width: 767px) {
  h1, h1 a { font-size:22px !important; line-height: 26px; margin-top: 20px; margin-bottom: 40px; }
  h2 { font-size:22px; line-height:26px;}
  p { font-size:16px; line-height:20px;}
  .panel-body ul.list-styled li { font-size: 18px; font-weight: 400; line-height:22px; color:#9F999A !important;}
  .mob-pr45 { padding-left:10px;}
  .pt50 { padding-top:20px;}
  .pt80 { padding-top:40px;}
  .pb80 { padding-bottom:40px;}
  .i30pt { padding-top:30px;}
  .m30pt { padding-top:30px;}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 700px) and (orientation : landscape) {
  h1, h1 a { font-size:26px !important; line-height: 30px; margin-top: 20px; margin-bottom: 40px; }
}
@media only screen and (max-width: 480px) {
  h1, h1 a { font-size:22px !important; line-height: 26px; margin-top: 20px; margin-bottom: 40px; }
  h2 { font-size:22px; line-height:26px;}
  p { font-size:16px; line-height:20px;}
  .panel-body ul.list-styled li { font-size: 18px; font-weight: 400; line-height:22px; color:#9F999A !important;}
  .pt80 { padding-top:40px;}
  .pb80 { padding-bottom:40px;}
  .m30pt { padding-top:30px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 370px) and (orientation : portrait) {
  h1, h1 a { font-size:22px !important; line-height: 26px; margin-top: 20px; margin-bottom: 40px; }
  h2 { font-size:22px; line-height:26px;}
  p { font-size:16px; line-height:20px;}
  .panel-body ul.list-styled li { font-size: 18px; font-weight: 400; line-height:22px; color:#9F999A !important;}
}
@media (min-width: 1025px) {.vertical-align { display: flex; align-items: center; }}

/*navbar*/
header { width: 100%; z-index: 100; top: 0;}

/*Toggle*/
.img-responsive2 { width: 100%; height: auto;}

/* Hide the second piece of text by default */
.hovertext,.hovertext:hover { transition: all 0.5s ease; }
.hovertext .scrolltext { display:none; font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#FF8652; text-transform:lowercase;}
/* Hide the first piece of text on hover */
.hovertext:hover .scrollarrow { display:none; font-weight:400; font-style:normal;}
/* Re-show the second piece of text on hover */
.hovertext:hover .scrolltext { display:inline; text-transform:lowercase; text-decoration:none; font-size:14px; line-height:25px;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.hovertext,.hovertext:hover { display:none;}
.hovertext .scrolltext { display:none;}
.hovertext:hover .scrollarrow { display:none;}
.hovertext:hover .scrolltext { display:none;}
}

/*accordion*/
.panel-outer { background-color: transparent; width: 100%; z-index: 5000;}
.panel-title > a { text-decoration: none; }
.panel-group .panel { border-radius: 0; box-shadow: none; border: none; background-color: transparent; }
.panel-default > .panel-heading {padding: 0 ;border-radius: 0; border:none; color: #9F999A;	background-color: transparent;}
.panel-default > .panel-heading + .panel-collapse > .panel-body { border: none;	}
.accordion-toggle:hover { text-decoration: none;}
.panel-heading .glyphicon { font-size:14px !important; color: #9F999A; padding-bottom:2px;}
.panel-heading .glyphicon { vertical-align: text-top; padding-top:2px;}
.panel-body ul { padding-left:0}
.panel-body li { list-style-type: none;}
.panel-body ul.list-styled { padding-left:18px}
.panel-body ul.list-styled li { list-style-type: disc; padding-bottom:5px;}

#upper { display: none;}

@media only screen and (max-width: 737px) {
.panel-outer { position: relative !important; bottom: auto; width: 100%; z-index: 5000;}
.table-responsive { border:none !important;}
}