/*------------------------------------
 - COLOR oc-blue
 ------------------------------------*/
.alert-oc-blue {
  color: #1f5271;
  background-color: #e1eef6;
  border-color: #d1e5f2;
}
.alert-oc-blue hr {
  border-top-color: #bddaec;
}
.alert-oc-blue .alert-link {
  color: #143549;
}
.badge-oc-blue {
  color: #212529;
  background-color: #4296ca;
}
.badge-oc-blue[href]:hover, .badge-oc-blue[href]:focus {
  color: #212529;
  background-color: #2f7aa9;
}
.bg-oc-blue {
  background-color: #4296ca !important;
}
a.bg-oc-blue:hover, a.bg-oc-blue:focus, button.bg-oc-blue:hover, button.bg-oc-blue:focus {
  background-color: #2f7aa9 !important;
}
.border-oc-blue {
  border-color: #4296ca !important;
}
.btn-oc-blue {
  color: #212529;
  background-color: #4296ca;
  border-color: #4296ca;
}
.btn-oc-blue:hover {
  color: #212529;
  background-color: #3283b5;
  border-color: #2f7aa9;
}
.btn-oc-blue:focus, .btn-oc-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(66, 150, 202, 0.5);
}
.btn-oc-blue.disabled, .btn-oc-blue:disabled {
  color: #212529;
  background-color: #4296ca;
  border-color: #4296ca;
}
.btn-oc-blue:not(:disabled):not(.disabled):active, .btn-oc-blue:not(:disabled):not(.disabled).active, .show > .btn-oc-blue.dropdown-toggle {
  color: #212529;
  background-color: #2f7aa9;
  border-color: #2c729d;
}
.btn-oc-blue:not(:disabled):not(.disabled):active:focus, .btn-oc-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-oc-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(66, 150, 202, 0.5);
}
.btn-outline-oc-blue {
  color: #4296ca;
  background-color: transparent;
  border-color: #4296ca;
}
.btn-outline-oc-blue:hover {
  color: #212529;
  background-color: #4296ca;
  border-color: #4296ca;
}
.btn-outline-oc-blue:focus, .btn-outline-oc-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(66, 150, 202, 0.5);
}
.btn-outline-oc-blue.disabled, .btn-outline-oc-blue:disabled {
  color: #4296ca;
  background-color: transparent;
}
.btn-outline-oc-blue:not(:disabled):not(.disabled):active, .btn-outline-oc-blue:not(:disabled):not(.disabled).active, .show > .btn-outline-oc-blue.dropdown-toggle {
  color: #212529;
  background-color: #4296ca;
  border-color: #4296ca;
}
.btn-outline-oc-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-oc-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-oc-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(66, 150, 202, 0.5);
}
.list-group-item-oc-blue {
  color: #1f5271;
  background-color: #d1e5f2;
}
.list-group-item-oc-blue.list-group-item-action:hover, .list-group-item-oc-blue.list-group-item-action:focus {
  color: #1f5271;
  background-color: #bddaec;
}
.list-group-item-oc-blue.list-group-item-action.active {
  color: #212529;
  background-color: #1f5271;
  border-color: #1f5271;
}
.table-oc-blue, .table-oc-blue > th, .table-oc-blue > td {
  background-color: #d1e5f2;
}
.table-hover .table-oc-blue:hover {
  background-color: #bddaec;
}
.table-hover .table-oc-blue:hover > td, .table-hover .table-oc-blue:hover > th {
  background-color: #bddaec;
}
.text-oc-blue {
  color: #4296ca !important;
}
a.text-oc-blue:hover, a.text-oc-blue:focus {
  color: #2f7aa9 !important;
}



/*------------------------------------
 - COLOR oc-grey
 ------------------------------------*/
.alert-oc-grey {
  color: #0b0b0b;
  background-color: #afafaf;
  border-color: #a4a4a4;
}
.alert-oc-grey hr {
  border-top-color: #989898;
}
.alert-oc-grey .alert-link {
  color: #000000;
}
.badge-oc-grey {
  color: #fff;
  background-color: #494949;
}
.badge-oc-grey[href]:hover, .badge-oc-grey[href]:focus {
  color: #fff;
  background-color: #2f2f2f;
}
.bg-oc-grey {
  background-color: #494949 !important;
}
a.bg-oc-grey:hover, a.bg-oc-grey:focus, button.bg-oc-grey:hover, button.bg-oc-grey:focus {
  background-color: #2f2f2f !important;
}
.border-oc-grey {
  border-color: #494949 !important;
}
.btn-oc-grey {
  color: #fff;
  background-color: #494949;
  border-color: #494949;
}
.btn-oc-grey:hover {
  color: #fff;
  background-color: #373737;
  border-color: #2f2f2f;
}
.btn-oc-grey:focus, .btn-oc-grey.focus {
  box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5);
}
.btn-oc-grey.disabled, .btn-oc-grey:disabled {
  color: #fff;
  background-color: #494949;
  border-color: #494949;
}
.btn-oc-grey:not(:disabled):not(.disabled):active, .btn-oc-grey:not(:disabled):not(.disabled).active, .show > .btn-oc-grey.dropdown-toggle {
  color: #fff;
  background-color: #2f2f2f;
  border-color: #272727;
}
.btn-oc-grey:not(:disabled):not(.disabled):active:focus, .btn-oc-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-oc-grey.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5);
}
.btn-outline-oc-grey {
  color: #494949;
  background-color: transparent;
  border-color: #494949;
}
.btn-outline-oc-grey:hover {
  color: #fff;
  background-color: #494949;
  border-color: #494949;
}
.btn-outline-oc-grey:focus, .btn-outline-oc-grey.focus {
  box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5);
}
.btn-outline-oc-grey.disabled, .btn-outline-oc-grey:disabled {
  color: #494949;
  background-color: transparent;
}
.btn-outline-oc-grey:not(:disabled):not(.disabled):active, .btn-outline-oc-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-oc-grey.dropdown-toggle {
  color: #fff;
  background-color: #494949;
  border-color: #494949;
}
.btn-outline-oc-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-oc-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-oc-grey.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5);
}
.list-group-item-oc-grey {
  color: #0b0b0b;
  background-color: #a4a4a4;
}
.list-group-item-oc-grey.list-group-item-action:hover, .list-group-item-oc-grey.list-group-item-action:focus {
  color: #0b0b0b;
  background-color: #989898;
}
.list-group-item-oc-grey.list-group-item-action.active {
  color: #fff;
  background-color: #0b0b0b;
  border-color: #0b0b0b;
}
.table-oc-grey, .table-oc-grey > th, .table-oc-grey > td {
  background-color: #a4a4a4;
}
.table-hover .table-oc-grey:hover {
  background-color: #989898;
}
.table-hover .table-oc-grey:hover > td, .table-hover .table-oc-grey:hover > th {
  background-color: #989898;
}
.text-oc-grey {
  color: #494949 !important;
}
a.text-oc-grey:hover, a.text-oc-grey:focus {
  color: #2f2f2f !important;
}



/*------------------------------------
- COLOR oc-orange
------------------------------------*/
.alert-oc-orange {
    color: #5c441e;
    background-color: #efe4d1;
    border-color: #eadbc1;
}

.alert-oc-orange hr {
    border-top-color: #e4cfae;
}

.alert-oc-orange .alert-link {
    color: #352811;
}

.badge-oc-orange {
    color: #212529;
    background-color: #B8893D;
}

.badge-oc-orange[href]:hover, .badge-oc-orange[href]:focus {
    color: #212529;
    background-color: #916c30;
}

.bg-oc-orange {
    background-color: #B8893D !important;
}

a.bg-oc-orange:hover, a.bg-oc-orange:focus,
button.bg-oc-orange:hover,
button.bg-oc-orange:focus {
    background-color: #916c30 !important;
}

.border-oc-orange {
    border-color: #B8893D !important;
}

.btn-oc-orange {
    color: #212529;
    background-color: #B8893D;
    border-color: #B8893D;
}

.btn-oc-orange:hover {
    color: #212529;
    background-color: #9d7534;
    border-color: #916c30;
}

.btn-oc-orange:focus, .btn-oc-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(184, 137, 61, 0.5);
}

.btn-oc-orange.disabled, .btn-oc-orange:disabled {
    color: #212529;
    background-color: #B8893D;
    border-color: #B8893D;
}

.btn-oc-orange:not(:disabled):not(.disabled):active, .btn-oc-orange:not(:disabled):not(.disabled).active, .show > .btn-oc-orange.dropdown-toggle {
    color: #212529;
    background-color: #916c30;
    border-color: #86632c;
}

.btn-oc-orange:not(:disabled):not(.disabled):active:focus, .btn-oc-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-oc-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(184, 137, 61, 0.5);
}

.btn-outline-oc-orange {
    color: #B8893D;
    background-color: transparent;
    border-color: #B8893D;
}

.btn-outline-oc-orange:hover {
    color: #212529;
    background-color: #B8893D;
    border-color: #B8893D;
}

.btn-outline-oc-orange:focus, .btn-outline-oc-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(184, 137, 61, 0.5);
}

.btn-outline-oc-orange.disabled, .btn-outline-oc-orange:disabled {
    color: #B8893D;
    background-color: transparent;
}

.btn-outline-oc-orange:not(:disabled):not(.disabled):active, .btn-outline-oc-orange:not(:disabled):not(.disabled).active, .show > .btn-outline-oc-orange.dropdown-toggle {
    color: #212529;
    background-color: #B8893D;
    border-color: #B8893D;
}

.btn-outline-oc-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-oc-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-oc-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(184, 137, 61, 0.5);
}

.list-group-item-oc-orange {
    color: #5c441e;
    background-color: #eadbc1;
}

.list-group-item-oc-orange.list-group-item-action:hover, .list-group-item-oc-orange.list-group-item-action:focus {
    color: #5c441e;
    background-color: #e4cfae;
}

.list-group-item-oc-orange.list-group-item-action.active {
    color: #212529;
    background-color: #5c441e;
    border-color: #5c441e;
}

.table-oc-orange,
.table-oc-orange > th,
.table-oc-orange > td {
    background-color: #eadbc1;
}

.table-hover .table-oc-orange:hover {
    background-color: #e4cfae;
}

.table-hover .table-oc-orange:hover > td,
.table-hover .table-oc-orange:hover > th {
    background-color: #e4cfae;
}

.text-oc-orange {
    color: #B8893D !important;
}

a.text-oc-orange:hover, a.text-oc-orange:focus {
    color: #916c30 !important;
}





body {

    margin:0 auto;
}

.login-page h2 {display: none;}


a {text-decoration:none;}


#interactive-map-div { height: 450px; }

    .description {margin-top:20px;padding-top:20px;}

 

    #logo img {max-height:80px;}


    #head-office-container {margin:25px 0;text-align:center}
    #head-office-container .icon {height:50px;}
    #staff-container {display: flex;justify-content:center;flex-wrap:wrap;text-align:center; margin:25px 10px;}
    #staff-container .icon {height:30px;} 
    
    .staff-image img {border-radius:100%; max-width:200px;}
    
    #staff-profile-container {text-align:center; margin:25px 10px;}
    #staff-profile-container .icon {height:30px;}
    .staff1 {margin:0 10px;}
    .staff-image1  {height:200px;}
    .staff-image1 img {max-width:200px;}
    .staff-name {font-size:20px;font-weight:bold;}
    

   .job-title {font-style: italic;} 
 
    #staff-address {margin:10px 0;}

    #download-container {text-align:center;margin:25px 10px;}
    #download-links {display: flex;justify-content:center;flex-wrap:wrap;text-align:center; }
    .download-link {margin: 0 20px;}

    #calendly-container {text-align:center;margin:25px 10px;}
    .calendly-button {appearance:button; -moz-appearance:button; -webkit-appearance:button;  border: 1px solid grey;padding:10px 15px; margin: 10px auto; color: #fff;background-color:grey; text-decoration: none;font-size:30px;width:80%;}
    .calendly-button:hover {color:grey;	background-color:white;	border: 1px solid grey;}

    #buy-now-container {text-align:center;margin:25px 10px;}
    .buy-now-button  {appearance:button; -moz-appearance:button; -webkit-appearance:button;  border: 1px solid #b8893d;padding:10px 15px; margin: 10px auto; color: #fff;background-color:#b8893d; text-decoration: none;font-size:30px;width:80%;}
    .buy-now-button:hover {	color:#b8893d;	background-color:white;	border: 1px solid #b8893d;}
    
    #map-container {text-align:center;margin:25px 10px;}



    #form_container  {text-align:left;}
    
    #thank-you-message {display: none;}
    #thank-you-message.show { display: block;}
    #form_container h2 {text-align:center;margin:25px 50px;}
    #contact-form {max-width:90%;margin: 0 auto;list-style: none}
    #contact-form ul {list-style: none}
    #form-downloads {display: flex;justify-content:center;flex-wrap:wrap;text-align:center;align-items:center;margin-bottom:15px; }
    .dl {margin: 0 20px;  display: flex;
  justify-content: center;
  align-items: center;}
    .checkbox-inline {float:left;margin:5px;}
    .checkbox- {width:26px;height:26px;}
    #country-container {text-align:center;}
    #country {margin:25px 0;}    



     #location-current { font-weight:bold;text-align:center;}
    
    #location-page-container {text-align:center;}

    #location-page-container .icon {height:30px;}   
    
#staff-fixed-footer {position: fixed;bottom:0px;left:0px;width:100%;z-index:9999;border-top:5px solid white;}

#staff-fixed-footer-social {display: flex;justify-content:center;flex-wrap:wrap;text-align:center;background:#ffffff;}
#staff-fixed-footer-social .social-icon {margin:5px;}
#staff-fixed-footer-social .fab {font-size:45px;}
#staff-fixed-footer-social .fas {font-size:45px;}
#staff-fixed-footer-social .fa-brands {font-size:45px;}
.fa-facebook-square {color:#3b5998;}
.fa-linkedin {color:#0177b5;}
.fa-instagram-square {color:#2a5b83;}
.fa-twitter-square {color:#00abf0;}
.fa-whatsapp-square {color:#25D366;}
.fa-external-link-square-alt {color:#444444;}
.fa-pinterest {	color:#ca2026;}
.fa-youtube {color:#E32C28;}
.fa-skype {	color:#00aff0;}
.fa-tiktok {color:#ff0053;}

#vcard-download {font-size:30px;color:#ffffff;background:#444444; text-align: center;}
#vcard-download a {color:#ffffff;}

    
    
    
    
    #footer {text-align:center; padding:30px 10px;border-top:1px solid #444444;}