html {
	font-family:sans-serif;
	font-size:1rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 font-family:sans-serif;
}
h1, .h1{
 font-size:2rem;
}
.bg-dark {
  background-color: #2861ad !important;
}
.ornament-white {
 background:#ffffff url('../images/back/element-white-bg.jpg') no-repeat center top;
 min-height:100px; 
}
.ornament-dark-on-dark {
 background:url('../images/back/element-dark-blue-bg.jpg') no-repeat center top;
}
.blue {
 color:#007ac3;
}
.title{
 font-weight:bold;
 font-style: italic;
}
.ornament-light-blue {
 background:#c3e5f8 url('../images/back/element-light-blue-bg.jpg') no-repeat center top;
}
.light-blue {
 background-color:#c3e5f8 ;
}
.ornament-lighter-blue {
 background:#eaf6fd url('../images/back/element-lighter-blue-bg.jpg') no-repeat center top;
}
.lighter-blue {
 /*background-color:#f2f2f2;*/
 background-color:#eaf6fd;
}
.white {
 background-color:#ffffff;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
 font-family:arial;
	
}
.btnH {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 10px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.schedule-appt {
  padding-top: .8rem;
  padding-bottom: .8rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5;
  /*transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.nav-bck-gradient {
  background: linear-gradient(to top, #2861ad 0%, #00a9e1 105%);
}
.nav-link, .nav-item {
 color:#ffffff;	
 font-size:15px;
 font-weight: bold;
}
.navbar-nav {
 margin-left:auto;
 margin-right:auto;
}

/* stylelint-disable selector-list-comma-newline-after */

.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 33px;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}
// originally 40em
@media (min-width: 640px) {
  .blog-title {
    font-size: 3.5rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

@media (min-width: 576px) { 
 .container {
	max-width:100%;
	
	}
}
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 
 .container {max-width:100%;}
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 
 .container {max-width:100%;}
 }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 
 .container {max-width:100%;}
 }
 
.border-5 {
  border: 6px solid #ffffff;
}

.clickMe:hover{
 cursor:pointer;
 border-color:#2861ad;
}
.image-white-frame{ 
border:5px #ffffff solid;
}
.white-frame{
	border:6px #ffffff solid;	
}

.img-fluid-video-NOT-USE {
  max-width: 100%;
}

    
.review-stars ul {
  display: inline-block;
  list-style: none;
}

.review-stars ul li {
  float: left;
  margin-right: 5px;
}

.review-stars ul li i {
  color: #E4B248;
  font-size: 12px;
}
/*color: #E4B248;*/
.review-stars ul li i.inactive {
  color: #c6c6c6;
}
.star:after {
  content: "\2605";
}
/*Quote texts
alt: <link href="https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap" rel="stylesheet"> 
     font-family: 'Kaushan Script', cursive; from https://fonts.google.com/specimen/Kaushan+Script?selection.family=Kaushan+Script
https://www.canva.com/learn/stylish-fonts/*/
@font-face
{
font-family: HelloletterF;    
src: url('/font/Helloletter.ttf');
}
.quotation {
	font-family: HelloletterF;
	font-size: 2.5rem;
	font-weight:400;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232861ad' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232861ad' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators li {
  /*background-color: #2861ad;*/
  background-color: #adb5bd;
}
.carousel-control-prev,
.carousel-control-next {
  opacity: 0.95;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 4px solid rgba(40, 97, 173, 0.9);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-header {
  border-bottom: 1px solid #f7f7f7;
  background-color:#fff;
}
.modal-footer {
  border-top: 1px solid #f7f7f7;
  background-color:#fff;
}
.low-roman{
 list-style-type:lower-roman;
}
.upper-roman{
 list-style-type:upper-roman;
}
.blue-gradient{
  background: linear-gradient(40deg,#45cafc,#303f9f) !important;
}
.btn-primary {
 color: #fff;
 background-color: #2861ad;
 border-color: #2861ad;
}
.text-light{
 color:#e4e4e4 !important;
}
small{
 font-size:75%;
}
.shadow {
  box-shadow:0 .0625rem .125rem rgba(0,0,0,.11),0 .1875rem .4375rem rgba(0,0,0,.13)
}
.border-dazzling{
 padding:10px;
}
.btn-outline-action{
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-action:hover {
  color: #212529;
  background-color: #f4ae00;
  border-color: #f4ae00;
}

.btn-outline-action:focus, .btn-outline-action.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-action.disabled, .btn-outline-action:disabled {
  color: #f4ae00;
  background-color: transparent;
}

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

.btn-outline-action:not(:disabled):not(.disabled):active:focus, .btn-outline-action:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-action.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-make-apptmt {
  color: #212529;
  background-color: #ffc107;
  border-color: #e5a403;
}

.btn-make-apptmt:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-make-apptmt:focus, .btn-make-apptmt.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-make-apptmt.disabled, .btn-make-apptmt:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-make-apptmt:not(:disabled):not(.disabled):active, .btn-make-apptmt:not(:disabled):not(.disabled).active,
.show > .btn-make-apptmt.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-make-apptmt:not(:disabled):not(.disabled):active:focus, .btn-make-apptmt:not(:disabled):not(.disabled).active:focus,
.show > .btn-make-apptmt.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.mt-4.5, .my-4.5 {
    margin-top: 2.0rem !important;
}