/*============= RESET STYLE =============

/*-- Body Resets --*/
body {
   background: #ffffff;
   font-family: Georgia, serif;
   font-size: 0.85rem;
   color: #ffffff;
}
.text-justify { /*-- Class Dropped in Bootstrap 5 --*/
   text-align: justify;
}

/*-- Option: Add Extra Bootstrap Column Padding --*/
[class*="col-"] {
   padding: 0.021rem;
}


.row {
   width: 100%;
   margin: 0 auto;
   padding: 0;
   background-color:#e7e7e7;
   overflow: hidden;
}

/*-- 2-Buttons --*/
.btn2 {
   font-size: small;
   border-width: 0.5rem;
   padding: 0.8rem 4.9rem;
   margin: 0.1rem;
 
   border-radius: 2.70rem;
   box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
   transition: all .3s ease;
 }
.btn2-blue {
   background-color: #4694b9;
   color: white;
 }
.btn2-blue:hover,
.btn2-blue:focus  {
   border-color: #3a3a3a;
   background-color: #239294;
   color: white;
}

/*-- Buttons --*/
.btn {
   font-size: small;
   border-width: .05rem;
   padding: .20rem .62rem;
   margin: .1rem;
   
   border-radius: 2.80rem;
   box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
   transition: all .3s ease;
   
 }
.btn-blue {
   background-color: #4694b9;
   color: rgb(255, 255, 255);
 }
.btn-blue:hover,
.btn-blue:focus  {
   border-color: #ffffff;
   border-width: .2rem;
   background-color: #4398b7;
   color: #ffffff;
}

/*-- Remove Blue Browser Outline Around Buttons in Chrome --*/
a:focus,
button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

/*-- Pointer Cursor On Links & Buttons --*/
a, .btn, button {
   cursor: pointer!important;
}
a, .btn2, button {
   cursor: pointer!important;
   outline: 0 !important;
}

a:link {
   color: rgb(255, 255, 255);
   text-decoration: none;
 }

/*-- Max-width Container For Elements
other than navbar, carousel, banner & footer --*/
.wrapper {
	max-width: 1500px;
   background-repeat: no-repeat;
   overflow: hidden;
   position: relative;
}

/*-- Headings --*/
h1 {
  
	text-align: center;
	font-size: 150%;
	text-transform: uppercase;
	letter-spacing: .1rem;
	padding: .6rem 0;
   font-family: "Times New Roman", Times, serif;
   color: #061d23;

}
h2, h3, h4 {
   font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	text-transform: uppercase;
}
h5 {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;
}
/*-- Make Paragraph 'lead' Class Text Larger--*/
p.lead {
   font-size: 1.8rem;
   color: #061d23;
}
p{
   font-size: 2.8rem;
   color: #727272;
}

/*-- Remove Link Color/Underline from Phone #s --*/

a:hover {
    color: #1381ad;
   
   text-decoration: none;
}

/*-- Center All Images & Set Max Width --*/
img {
   display: block;
	margin: 0 auto;
   max-width: 100%;
 
}

/*============= nav NAVIGATION =============*/

.navbar-brand img {
   height: 5.2rem;
 }
 

.navbar {
   font-size: 1.35rem;
   font-weight: 400;
   letter-spacing: .01rem;
   box-shadow: 0 .5rem .5rem rgba(0, 0, 0, 0);
   z-index: 1;
 }
 .nav-item {
   padding: .3rem;
 }
 .nav-link {
   color: #000000!important;
 }
 .nav-link.active,
 .nav-link:hover {
   color: #046f87!important;
 }


/*============= FOOTER (all pages) =============*/
.footer {
    background-color: rgba(200, 200, 200, 0.9)!important;
}

.footer h3 {
   text-decoration: none;
   font-size: 1.5rem;
   
}
.footer img { /*-- (logo) --*/
   max-width: 15rem;
   padding-bottom: .05rem;
}
.footer a {
   color: #044e79;
   text-decoration: none;
}

/*-- Footer Social Icons --*/
.footer ul.social li {
   padding: .1rem .1rem;
}
.footer .svg-inline--fa {
   color: #000000;
   font-size: 1.0rem;
   transition: all 0.5s ease 0s;
   
}
.footer .svg-inline--fa:hover {
   color: #061d23;
}

/*-- Footer List Group --*/
.footer .list-group {
   box-shadow: none;
}
.footer .list-group-item {
   border-radius: 0!important;
}
.footer .list-group li {
   background-color: #d18f02;
   text-align: center;
   padding: .1rem 0 .1rem;
   color: #FFF;
   border: .05rem solid #ffffff;
   font-size: 1.00rem;
   letter-spacing: .1rem;
}
.footer .list-group .svg-inline--fa {
   font-size: 1.0rem;
   margin-right: .7rem;
   color: #1061bc;
}

/*-- Socket Copyright --*/
.socket {
   background-color: rgba(128, 136, 114, 0.9)!important;
   color: #ffffff;
}
.socket a {
   color: #ffffff;
   text-decoration: none;
}


/*============= MEDIA QUERIES =============*/

/* Large (lg) devices (desktops, 992px and under) */
@media (max-width: 991.98px) {

   .btn {
      font-size: small;
      border-width: .05rem;
      padding: .120rem .162rem;
      margin: .1rem;

      border-radius: 2.80rem;
      box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
      transition: all .3s ease;
    }

   .btn2 {
      font-size: small;
      border-width: .5rem;
      padding: .5rem 3.9rem;

      margin: .3rem;
      border-radius: 2.80rem;
      box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
      transition: all .3s ease;
      
    }
   .navbar {
      padding: .25rem 5rem;
   }
   .navbar-nav .nav-link {
      font-size: 1.2rem;
   }
   .navbar-nav .nav-link.active,
   .navbar-nav .nav-link:hover {
      border-bottom: 0;
      text-decoration: underline;
   }
   .dropdown-menu {
      background-color: #046f87;
      background-color: transparent!important;
      margin-top: 0!important;
   }
   li.nav-item.dropdown.show ul {
      background-color: transparent;
      margin-top: .3rem!important;
   }
   .dropdown.show ul li.dropdown-submenu ul {
      background-color: transparent;
      margin-top: 0!important; 
   }
   a.dropdown-item {
      text-align: center;
   }
   .carousel-caption h2 {
      font-size: 1.7rem;
   }
}

/* Medium (md) devices (tablets, 768px and under) */
@media (max-width: 767.98px) {

/*-- Max-width Container For Elements
other than navbar, carousel, banner & footer --*/
.wrapper {
	max-width: 1500px;
   background-repeat: no-repeat;
  
   position: relative;
}
   header img {
      max-width: 20rem;
   }
   .navbar {
      padding: .2rem 2.5rem;
   }
   .navbar-nav .nav-link {
      font-size: 1.1rem;
   }
   .dropdown-menu, .dropdown-item {
      font-size: 1rem;
    }

    a.dropdown-item {
      text-align: center;
   }

    .dropdown-menu {
      background-color: #046f87;
    
      margin-top: 0!important;
   }

   .carousel-caption {
      top:38%;
   }
   .carousel-caption h2 {
      font-size: 1.5rem;
   }

   .btn {
      font-size: small;
      border-width: .05rem;
      padding: .120rem .1262rem;
      margin: .01rem;

      border-radius: 1.80rem;
      box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
      transition: all .3s ease;
      
    }

   .btn2 {
      font-size: small;
      border-width: .05rem;
      padding: .618rem 0.8139rem;
      margin: .0141rem;

      border-radius: 1.80rem;
      box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
      transition: all .3s ease;
     
    }

   h1.title {
      font-size: 2.2rem;
   }
   p.lead {
      font-size: 1.05rem;
   }
   th, td {
      font-size: .9rem;
   }
   td .svg-inline--fa {
      font-size: 1.1rem;;
   }
   

   
   
}

/* Small (sm) devices (landscape phones, 576px and under) */
@media (max-width: 575.98px) {
   .navbar {
      padding: .2rem .5rem;
   }
   .navbar-nav li {
      border-top: 0;
   }
   .carousel-caption {
      top:32%!important;
   }
   .carousel-caption h2 {
      font-size: 1.3rem;
   }
   .btn {
      padding: .120rem .162rem;
   }
   
   .btn2 {
      font-size: small;
      border-width: .05rem;
      padding: .318rem 0.8139rem;
      margin: .0141rem;

      border-radius: 1.80rem;
      box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
      transition: all .3s ease;
     
    }
   
   h1.title {
      font-size: 1.9rem;
   }
   h2 {
      font-size: 1.8rem;
   }
   h3 {
      font-size: 1.7rem;
   }
}

@media (max-width: 767px) {
   .row {
     overflow-x: hidden;
     overflow-y: hidden;
   }
 }
 
/*-- Don't modify waypoints CSS below,
this is required for waypoints to work --*/
.os-animation{
   opacity: 1;
   margin: 0!important;
   max-width: 100%;
}
.os-animation.animated {
   opacity: 1;
}