/* Responsive font size 
@media (max-width: 767px) { * { font-size: 0.6rem; }}
@media (min-width: 768px) and (max-width: 991px)  { * { font-size: 0.6rem; }}
@media (min-width: 992px) and (max-width: 1599px)  { * { font-size: 0.6rem; }}
@media (min-width: 1600px) { * { font-size: 0.6rem;line-height:0.7rem; }}
*/


/* -------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
body, a {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}
h4 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
html {
  position: relative;
  min-height: 100%;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 45px; /* Set the fixed height of the footer here */
  line-height: 40px; /* Vertically center the text there */
}

#myB {
  position: fixed;
  bottom: 60px;
  right: 20px;
  display: none;
}

/* Body */
a, a:link, a:visited { text-decoration: none;  color: rgb(8,98,149)}
a:hover { color: rgb(79, 145, 211) !important; }
a.active { border-bottom: 1px solid rgb(8,98,149); }
/* h6 {font-size: 1.2rem;line-height: 2rem; font-family: sans-serif; } */

/* Navigation */
.nav-item { margin-left:5px; }
nav .navbar-nav li a { color: rgb(80,80,80) !important; }
nav .navbar-nav li a:hover { color: rgb(10,10,10) !important; }
nav .navbar-nav .active { color: rgb(8,98,149) !important; }

/* Containers */
.container-full {
  margin: 0 auto;
  width: 100%;
  background-color: rgb(255,255,255);
}

.oe-shadow {
	-webkit-box-shadow: 0 8px 6px -7px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 8px 6px -7px rgba(0,0,0,.2);
	        box-shadow: 0 8px 6px -7px rgba(0,0,0,.2);
}
.shadow {
  -moz-box-shadow:    3px 3px 5px 4px rgba(0,0,0,.15);
  -webkit-box-shadow: 3px 3px 5px 4px rgba(0,0,0,.15);
  box-shadow:         3px 3px 5px 4px rgba(0,0,0,.15);
}
.round {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/* Features */
.b-div {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  box-shadow: inset 0 .5em 0.5em -.5em rgba(0, 0, 0, .5);
}
.t-div {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  box-shadow: inset 0 -.5em 0.5em -.5em rgba(0, 0, 0, .5);
}
.grey-100, td.grey-100 {background-color: rgba(240,240,240);}
.grey-200, td.grey-200 {background-color: rgba(230,230,230);}
.grey-300 {background-color: rgba(204,204,204);}
.grey-500 {background-color: rgb(128,128,128);}
.grey-800 {background-color: rgb(76,76,76);}
.grey-900 {background-color: rgb(40,40,40);}
.bluish, td.bluish {background-color: rgb(237, 249, 255);}
.yellowish, td.yellowish {background-color: rgb(253, 253, 241);}
.orangish, td.orangish {background-color: rgb(253, 249, 241);}
.redish, td.redish {background-color: rgb(254, 238, 238);}
.greenish, td.greenish {background-color: rgb(237, 255, 240);}
.cad-blue, td.cadblue {background-color: rgb(0, 160, 250);}
.whitish, td.whitish {background-color: rgb(255, 255, 255);}
.cgrey-400 {color: rgba(150,150,150);}
.o-text {color: rgb(251, 163, 0);}
.g-text {color: rgb(71, 147, 122);}
.b-text {color: rgb(105, 205, 245);}
.cadblue {color: rgb(0, 160, 250);}
.dblue {color: rgb(8,98,149);}

/* Spacing */
.s-top {padding-top: 15px;}

/* Button */
.navbar .btn {margin-bottom:0;border:0px solid transparent;border-radius:2px;}

/* Form Elements */
.radio,.checkbox{min-height:20px;padding-left:20px;margin-top:2px;margin-bottom:2px}

/* Corousal */
/* Corousal */
.carousel-control{position:absolute;top:20%;bottom:auto;left:0;width:5%;color:rgb(0, 160, 250);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.6;filter:alpha(opacity=60)} /* */
.carousel-control.left{right:auto;left:0;background-image:none;} /* */
.carousel-control.right{right:0;left:auto;background-image:none;} /* */

.carousel-indicators{position:static;bottom:0;right:0;z-index:15;width:100%;padding-right:0;margin:0;text-align:center;list-style:none;}   /**/
.carousel-indicators [data-bs-target]{display:inline-block;width:12px;height:12px;margin:2px;text-indent:-999px;cursor:pointer;background-color:#ccc;border:1px solid #bbb;border-radius:2px;}  /* */
.carousel-indicators .active{width:12px;height:12px;margin:2px;padding:0px;background-color:#aaa;}  /* */
/*.carousel-caption {position:static;z-index:10;padding:0 0 0 0;margin:0px;color:#fff;text-align:left;background-color:rgba(40,40,40,1)}   */
.carousel-caption {position:absolute;z-index:10;top:auto;bottom:5%;left:11%;right:auto;background-color:#ccc;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,0.6);background-color:rgba(20,20,20,0.8)}
/*.carousel-caption {position:static;z-index:10;padding:0 0 0 0;margin:0px;color:#fff;text-align:left;background-color:rgba(40,40,40,1)}   */
.carousel-caption p {padding:0 10px 5px 5px;margin:0;opacity:.9;filter:alpha(opacity=90);}
.carousel-caption h4 {padding:5px 10px 5px 10px;margin:0;color:rgb(0, 160, 250);opacity:1;filter:alpha(opacity=90);}  /* */
.carousel .item {padding:5px;margin:0;}
.carousel-caption { padding:0;  }
@media (min-width: 320px) { 
  .carousel-caption h4 { font-size: 1.0em;}
  .carousel-caption p {font-size: 0.75em;}  
}
@media (min-width: 576px) {
  .carousel-caption h4 { font-size: 1.4em;}
  .carousel-caption p {font-size: 1.0em;}  
}

i.fab:hover{ opacity: 0.7; }
i.fab.fa-facebook-f { color: #3B5998; }
i.fab.fa-twitter { color: #55ACEE; }
i.fab.fa-google-plus-g { color: #dd4b39; }
i.fab.fa-linkedin-in { color: #007bb5; }
i.fab.fa-youtube {  color: #bb0000; }
i.fab.fa-pinterest { color: #cb2027; }
i.fab.fa-reddit-alien { color: #ff5700; }
i.fas.fa-rss { color: #ff6600; }