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

/* mustard yellow #e1c022 */
/* header grey #212529 */
/* derek blue #2061a2 */
/* light blue #007bff */

a
{
    color: #0069d9;
}

a:hover
{
    /*color: #2061a2;*/
    color: #007bff;
}

.logo_101
{
    height:80px;
}

.customer_logo
{
    width:120px;
}

.popup101
{
    z-index:1;
    font-size:22px;
    position:absolute; top:88px; left:98px;
    background-color:#e1c022; color:#212529;
    padding:3px 6px 3px 6px;
    visibility:hidden;
    border-radius: 6px;
    text-align: center;
    /*width:200px;*/
}

.highlight1 {
  color: #000;
  background-color: #FF3;
  padding: 1px 3px;
  font-size:22px;
}

.first-letter
{
  font-size: 35px;
  /*line-height: 70px;*/
}
.first-letter2
{
  font-size: 24px;
  /*line-height: 70px;*/
}

.container-fluid
{
    padding:0px;
}


/* SEARCH BUTTON */
.btn-outline-success {
  color: #e1c022;
  border-color: #e1c022;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #e1c022;
  border-color: #e1c022;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #e1c022;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #e1c022;
  border-color: #e1c022;
}

/* PRIMARY BUTTON */
.btn-primary {
  color: #fff;
  background-color: #2061a2;
  border-color: #2061a2;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #2061a2;
  border-color: #2061a2;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* OTHER BUTTON */
.btn-success {
  color: #fff;
  background-color: #e1c022;
  border-color: #e1c022;
}

.btn-success:hover {
  color: #fff;
  background-color: #f1c022;
  border-color: #f1d022;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #f1c022;
  border-color: #f1d022;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #e1c022;
  border-color: #e1c022;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #f1d022;
  border-color: #f1d022;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

/* Fade-In Image */
.fade-in {
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.media_image1
{
    max-width:50%;
}

/* 2. Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/* ********************************************************************** */

@media only screen and (min-width: 481px)
{
.media_image1
{
    max-width:55%;
}
}

/* 3. Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/* **************************************************************************************************** */

@media only screen and (min-width: 769px) {
.media_image1
{
    max-width:60%;
}
}

/* 4. WIDE Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/* **************************************************************************************************** */

@media only screen and (min-width: 1232px)
{
.media_image1
{
    max-width:70%;
}
}