@charset "UTF-8";
/* CSS Document */

p, blockquote, form, label, ul, ol, dl { margin-bottom: 15px; }  
header h1, header h2, footer h1, footer h2, 
html, html * { 
    box-sizing: border-box; 
    padding: 0; margin: 0; 
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
    font-weight: normal; 
}
img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width:100%; }
h1, h2, h3, h4, .makeTimes { 
    margin:0; padding:0; 
    font-family: Times, "Times New Roman", "serif"; 
}
img, audio { width:100%; }
strong { font-weight: bold; }
ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
}
body { margin: 0; padding: 0; font-size: 20px; }
    .black { color: black; }
    .red { color: red; }
    .green { color: green; }
    .blue { color: blue; }
    .purple { color: purple; }
    .txt8 { font-size: 8px; }
    .txt9 { font-size: 9px; }
    .txt10 { font-size: 10px; }
    .txt12 { font-size: 12px; }
    .txt14 { font-size: 14px; }
    .txt16 { font-size: 16px; }
    .txt18 { font-size: 18px; }
    .txt20 { font-size: 20px; }
    .clearB { clear: both; }
    .item { margin-bottom: 15Px; }
    .txtLeft { text-align: left; }
    .centerText { text-align: center; }
    .caps { text-transform: capitalize; }
    a.noDeco, a.noDeco:visited { text-decoration:none; color: #06F; }
    a.noDeco:hover { color: #c0c; }

img.turn2grayIMG {
  filter: none;
  cursor: grab;
  cursor: -webkit-grab;
  -webkit-filter: grayscale(0%);
}
img.turn2grayIMG:hover, img.makeIMGgray {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.rounded_corners10 { 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.rounded_corners60L { 
	-moz-border-radius: 60px 0 0 60px; 
	-webkit-border-radius: 60px 0 0 60px; 
	-khtml-border-radius: 60px 0 0 60px;
	border-radius: 60px 0 0 60px;
}

.rounded_corners20L { 
	-moz-border-radius: 20px 0 0 20px; 
	-webkit-border-radius: 20px 0 0 20px; 
	-khtml-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}

.rounded_corners20R { 
	-moz-border-radius: 0 20px 20px 0; 
	-webkit-border-radius: 0 20px 20px 0; 
	-khtml-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
}
ol { list-style-type: lower-alpha; }
.box2show { float: left; width: 150%; vertical-align: top; display: inline-block; }
.container {
  white-space: nowrap; /* Prevents the text from wrapping to the next line */
  overflow: hidden;    /* Hides the content that extends beyond the div's boundaries */
  text-overflow: ellipsis; /* Displays an ellipsis (...) for the clipped text */
  width: 200px; /* Or any other fixed width for your div */
}
.divSwrape {
    float: left;
    vertical-align: top;
    
    width:108px; 
    height:auto;
    background-color:#fff;
    display:block;
    margin:-8px;
    /* outline-offset:-6px; */
    /* outline: 1px solid red; */
}
.divS0 {
 writing-mode:sideways-rl;
 display:block;
 padding:calc(50px / 2 - 8px);
 font-size:20px;
 color: #06F;
}
.divS1 {
writing-mode:sideways-rl;
 display:block;
 padding:calc(50px / 2 - 20px);
 font-size:20px;
 color: #c0c;
}
.blinking-text { animation: blinker 1s linear infinite; }
.blinking-text2 { animation: blinker2 0.7s linear infinite; }

@keyframes blinker { 50% { opacity: 0; }}
@keyframes blinker2 { 35% { opacity: 0; }}
    
.parent-div-flex {
    float: left;
    position: relative;
    width: 320px; 
    min-height: 290px; 
    padding: 5px 0; 
    margin: 0 0 12px 12px;
    /* width: 300px; Example width */
    /* height: 200px; Example height */
    /* border: 1px solid #c0c; */ 
}
.child-div-flex {
    position: absolute;
    top: 2px;
    /* left: 0; */
    right: 4px;
    height: 28px; /* Example height for the child */
    color: aliceblue;    /* background-color: #c0c; */    /* border-top: 1px solid black; */
}
#weHaveNOW {
    float: right;
    text-align: left;
    font-size: 20px;
    width: 84%;
    margin: 2px 0 15px 0;
    padding: 50px 0;
    background-color: #bbb; 
    display: inline-block;
}
.disDIV2, .disDIV3 {
    font-size: 12px; /* Example font size */
    /* border: 1px solid #aaa; */
}
.disDIV1 {
    /* text-align: center; */
    font-size: 16px; /* Example font size */
    line-height: 1.25; /* Example line height (1.5 * 16px = 24px) */
    height: 2.5em; /* 2 rows * 1.5 line-height = 3em total height */
    overflow: hidden; /* Optional: Hide overflowing text */
     /* border: 1px solid #aaa; */
}