footer {
  background: rgb(0, 89, 149);
  color: rgb(204, 204, 204);
}

h4.title {
  color: rgb(204, 204, 204);
}

.btn-primary {
  color: #ffffff;
  background-color: rgb(0,205,122);
  border-color: rgb(0,205,122);
}

.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: rgb(0, 157, 92);
  border-color: rgbrgb(1, 142, 81);
}
  
.btn-primary:hover {
  color: #ffffff;
  background-color: rgb(0, 157, 92);
  border-color: rgb(1, 142, 81);
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: rgb(0, 157, 92);
  border-color: rgb(1, 142, 81);
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: rgb(1, 137, 80);
  border-color: rgb(1, 100, 57);
}

#thatsawrap{
  word-wrap: break-word;
}

.page-footer .fa{
  color: #dddddd;
  font-size: 4.0em;
}

.panel{
  height: 477px;
  padding: 0px;
  margin-bottom:10px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #000000;
  background-color: rgb(0,205,122);
}

.panel-body{
  padding: 25px;
}

.breadcrumb{
  width:275px;
}

.smaller{
  font-size: 0.80em;
}

.smaller:hover{
  color: #727272;
}

.logo{
  width: 43px;
}

.tab-content{
  height: 400px;
}

.headpic{
  width: 100%;
  margin-top: -30px;
  margin-bottom: 20px;
}

.carousel-control {
  margin-bottom:8px;
}

.left {
  margin-left:14px;
  margin-bottom:11px;
}

.right {
  margin-right:14px;
  margin-bottom:11px;
}

.navbar-brand:hover{
  background-color: #ffffff !important;
}

.sized{
  width: 100%;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

.mono {
  font-family: monospace;
  font-size: 1.1em;
}

.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #d8ca08;
  border-color: #f5e625;
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: rgb(0, 89, 149);
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #727272;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  background-color: #0071bd;
  border-color: #0069af;
}

.navbar{
  background-color: #0071bd;
}

.navbar > a:hover{
  color: rgb(0,205,122);
}

ul.dropdown-menu > li > a:hover{
  color: rgb(0,205,122);
  background-color: #336699;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #1d3d5d;
  background-color: rgb(0,205,122);
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    /* color: #e2e2e2;
    background-color: #b73836; */
    color: #1d3d5d;
    background-color: rgb(0,205,122);
}

.navbar-brand:hover{
  background-color: #143863 !important;
}


a{
   color:rgb(0,205,122);

}

.site-footer .nav-item{
  padding: 12px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: rgba(128, 128, 128, 0.165);
  font-size: 1.1em;
  font-weight: 370;
}

.site-footer .nav-item > a{
  color: rgb(195, 211, 227);
}

.site-footer .nav-item:hover{
  background-color: #0a4580;
}

.site-footer .nav-item > a:hover{
  color: rgb(0,205,122);
}

a:hover {
  color:rgb(6, 181, 111);
  text-decoration: none;
}

.site-newsletter .h4{
  color: #0a4580;
}

.bg-light{
  background-color: #143863 !important;
}

.navbar-light .navbar-brand {
  font-size: 0.7em;
}

.navbar-light .navbar-brand:hover {
  color: black;
}

img {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 768px) {
  .navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 12;
  }
}

@media (min-width: 1000px) {
  #ipad {
    display: none;
  }
}

@media (min-width: 1000px) {
  #ipad2 {
    display: none;
  }
}

@media (min-width: 768px) {
  #sml {
    display: none;
  }
}

@media (min-width: 768px) {
  #smll {
    display: none;
  }
}


@media (max-width: 768px) {
  #mid {
    display: none;
  }
}

#flowerj {
  background-image: url(../images/f1.JPG);
  background-color: rgba(0, 0, 0, 10);
  color: white;
  font-size: 1.2em;
  opacity: 0.78;
}

#accolades {
  text-align: center;
}

.highlight a:hover {
  background-color: #0069af;
}

a.dropdown-item:hover {
  background-color: rgb(0,205,122);
  color: #0069af;
}

.aaa {
  background-image: url(../images/f3.JPG)

}

.bbb {
  background-image: url(../images/f7.JPG)
}

.ccc {
  background-image: url(../images/f8.JPG)
}

.site-newsletter {
  background-color: rgba(33, 198, 132, 0.924);
}



.site-footer {
  background-color: #03314f;
  font-size: 1.15em;
}

.blue{
  background-color: #0b1830;
}

.ggg {
  background-color: #2982be;
}

.modal-body {
  color: #0069af;
  background-color: #f1f1f1;
}

#modal {
  list-style: none;
}

.abcde {
  background-color: rgb(252,252,252);
}

.abc {
  color: #0069af;
}

.headpic {
  padding:0px 15px;
}

.ti {
  color: #03314f;
}

#notsmall{
  font-size: 1.2em;
}

.fas {
  color: grey;
}

.fa-chevron-right{
  font-size: 73%;
  color: rgb(0,205,122);
}

.av{
  width: 100%;
  text-align: left;
}

.fa-facebook-square:hover{
  color: rgb(59,89,152);}

.fa-twitter-square:hover{
  color: rgb(8,160,233);
}

.fa-linkedin-square:hover{
  color: rgb(0, 119, 181);
}
.fa-tumblr-square:hover{
  color: rgb(54,70,93);
}

.fa-google-plus-square:hover{
  color: rgb(219, 68, 55);
}

.btn-light{
  margin-bottom: 4px;
}

.fa-commenting{
  font-size: 110%;
  color: #03314f;
}

.dada {
  background-color: rgba(255, 255, 255, 0);
  outline-color: rgba(255,255,255,0)
}

.a12:hover{
  color: rgb(0,205,122);
}

.navbar{
  background-color: #113248;
}

.btn-link {
  text-decoration: none;
}

.ab{
  margin-left: 5px;
  margin-right: 5px;
}

.backback {
  background-color: rgb(248, 248, 248);
}

.abcd{
  background-color: white;
  width: 100%;
}

.case-study .card-body, .bg-image  {
  background-image: url("../photo-man-box.jpg");
  background-color: #cccccc;
}

.fa-facebook{
  color: #3b5998;
}

.fa-linkedin{
  color: #007bb6;
}

.fa-twitter{
  color: #00aced;
}

.fa-tumblr{
  color: #32506d;
}

.fa-google-plus{
  color: #dd4b39;
}


.avvv {
  font-size: 12pt;
}

.asdf {
  font-size: 24pt;
}

.card-img-right {
  background-color: rgb(11, 31, 53);
}
.card-img-top {
  height: 600px;
}

.xyz{
  padding-top: -100px;
  z-index: +1;
}