.bg-black { background-color: #000 !important; }
.bg-gold { background-color: #FFDF00 !important; }
.bg-royal { background-color: #FADA5E !important; }

.img-fluid { max-width: 100%; height: auto; }
.w-100 { width: 100% !important; }

.float-left { float: left; }
.float-right { float: right; }

.m-0 { margin: 0 !important; }
.m-1 { margin: .25rem !important; }
.m-2 { margin: .5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.ml-0, .mx-0 { margin-left: 0 !important; } 
.mr-0, .mx-0 { margin-right: 0 !important; }
.mb-0, .my-0 { margin-bottom: 0 !important; } 
.mt-0, .my-0 { margin-top: 0 !important; }

.ml-1, .mx-1 { margin-left: .25rem !important; } 
.mr-1, .mx-1 { margin-right: .25rem !important; }
.mb-1, .my-1 { margin-bottom: .25rem !important; } 
.mt-1, .my-1 { margin-top: .25rem !important; }

.ml-2, .mx-2 { margin-left: .5rem !important; } 
.mr-2, .mx-2 { margin-right: .5rem !important; }
.mb-2, .my-2 { margin-bottom: .5rem !important; } 
.mt-2, .my-2 { margin-top: .5rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; } 
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; } 
.mt-3, .my-3 { margin-top: 1rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; } 
.mr-4, .mx-4 { margin-right: 1.5rem !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; } 
.mt-4, .my-4 { margin-top: 1.5rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; } 
.mr-5, .mx-5 { margin-right: 3rem !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; } 
.mt-5, .my-5 { margin-top: 3rem !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: .25rem !important; }
.p-2 { padding: .5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.pl-0, .px-0 { padding-left: 0 !important; } 
.pr-0, .px-0 { padding-right: 0 !important; }
.pb-0, .py-0 { padding-bottom: 0 !important; } 
.pt-0, .py-0 { padding-top: 0 !important; }

.pl-1, .px-1 { padding-left: .25rem !important; } 
.pr-1, .px-1 { padding-right: .25rem !important; }
.pb-1, .py-1 { padding-bottom: .25rem !important; } 
.pt-1, .py-1 { padding-top: .25rem !important; }

.pl-2, .px-2 { padding-left: .5rem !important; } 
.pr-2, .px-2 { padding-right: .5rem !important; }
.pb-2, .py-2 { padding-bottom: .5rem !important; } 
.pt-2, .py-2 { padding-top: .5rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; } 
.pr-3, .px-3 { padding-right: 1rem !important; }
.pb-3, .py-3 { padding-bottom: 1rem !important; } 
.pt-3, .py-3 { padding-top: 1rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; } 
.pr-4, .px-4 { padding-right: 1.5rem !important; }
.pb-4, .py-4 { padding-bottom: 1.5rem !important; } 
.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; } 
.pr-5, .px-5 { padding-right: 3rem !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; } 
.pt-5, .py-5 { padding-top: 3rem !important; }

.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; }
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important; }
.shadow-none { box-shadow: none !important; }

.rounded { border-radius: .25rem !important; }

.bg-white { background-color: #fff !important; }
.bg-blue { background-color: #007bff !important; }
.bg-indigo { background-color: #6610f2 !important; }
.bg-purple { background-color: #6f42c1 !important; }
.bg-pink { background-color: #e83e8c !important; }
.bg-red { background-color: #dc3545 !important; }
.bg-orange { background-color: #fd7e14 !important; }
.bg-yellow { background-color: #ffc107 !important; }
.bg-green { background-color: #28a745 !important; }
.bg-teal { background-color: #20c997 !important; }
.bg-cyan { background-color: #17a2b8 !important; }
.bg-gray { background-color: #6c757d !important; }
.bg-gray-dark { background-color: #343a40 !important; }
.bg-primary { background-color: #007bff !important; }
.bg-secondary { background-color: #28a745 !important; }
.bg-info { background-color: #17a2b8 !important; }
.bg-warning { background-color: #ffc107 !important; }
.bg-danger { background-color: #dc3545 !important; }
.bg-light { background-color: #f8f9fa !important; }
.bg-dark { background-color: #343a40 !important; }

.btn-outline-white { color: #fff; border-color: #fff; }
.btn-outline-blue { color: #007bff; border-color: #007bff; }
.btn-outline-indigo { color: #6610f2; border-color: #6610f2; }
.btn-outline-purple { color: #6f42c1; border-color: #6f42c1; }
.btn-outline-pink { color: #e83e8c; border-color: #e83e8c; }
.btn-outline-red { color: #dc3545; border-color: #dc3545; }
.btn-outline-orange { color: #fd7e14; border-color: #fd7e14; }
.btn-outline-yellow { color: #ffc107; border-color: #ffc107; }
.btn-outline-green { color: #28a745; border-color: #28a745; }
.btn-outline-teal { color: #20c997; border-color: #20c997; }
.btn-outline-cyan { color: #17a2b8; border-color: #17a2b8; }
.btn-outline-gray { color: #6c757d; border-color: #6c757d; }
.btn-outline-gray-dark { color: #343a40; border-color: #343a40; }
.btn-outline-primary { color: #007bff; border-color: #007bff; }
.btn-outline-secondary { color: #28a745; border-color: #28a745; }
.btn-outline-info { color: #17a2b8; border-color: #17a2b8; }
.btn-outline-warning { color: #ffc107; border-color: #ffc107; }
.btn-outline-danger { color: #dc3545; border-color: #dc3545; }
.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }
.btn-outline-dark { color: #343a40; border-color: #343a40; }

.btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; }
.btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; }
.btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; }
.btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; }
.btn-outline-warning { color: #ffc107; border-color: #ffc107; }
.btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
.btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff;  }
.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; }
.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; }
.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }
.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; }
.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8;  }
.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;  }
.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40;  }
.btn-link { font-weight: 400; color: #007bff; }

.btn-primary:focus, .btn-primary:hover { color: #fff !important; background-color: #0069d9 !important; border-color: #0062cc !important; }
.btn-secondary:hover, .btn-secondary:hover { color: #fff !important; background-color: #5a6268 !important; border-color: #545b62 !important; }
.btn-success:hover, .btn-success:hover { color: #fff !important; background-color: #218838 !important; border-color: #1e7e34 !important; }
.btn-danger:hover ,.btn-danger:hover { color: #fff !important; background-color: #c82333 !important; border-color: #bd2130 !important; }
.btn-warning:hover, .btn-warning:hover { color: #212529 !important; background-color: #e0a800 !important; border-color: #d39e00 !important; }
.btn-info:hover, .btn-info:hover { color: #fff !important; background-color: #138496 !important; border-color: #117a8b !important; }
.btn-light:hover, .btn-light:hover { color: #212529 !important; background-color: #e2e6ea !important; border-color: #dae0e5 !important; }
.btn-dark:hover, .btn-dark:hover { color: #fff !important; background-color: #23272b !important; border-color: #1d2124 !important; }
.btn-link:hover, .btn-link:hover { color: #0056b3 !important; text-decoration: underline !important; }

.card {
    position: relative;
    display: inline-block;;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.d-block { display: block !important; }
.rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important; }
.rounded-bottom { border-bottom-left-radius: .25rem !important; border-bottom-right-radius: .25rem !important; }
.rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important; }
.rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important; }

.border-left { border-left: 1px solid #dee2e6 !important; }
.border-right { border-right: 1px solid #dee2e6 !important; }
.border-top { border-top: 1px solid #dee2e6 !important; }
.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.h1, h1 { font-size: 2.5re; }
.h2, h2 { font-size: 2rem; }
.h3, h3 { font-size: 1.75rem; }
.h4, h4 { font-size: 1.5rem; }
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }

.navbar {
    position: relative;
    padding: .5rem 1rem;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
}

.media {
	display: inline-block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

body {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
}

/* html { font-size: calc(12px + 0.45vw); } */
body { min-width:320px; }
@media (max-width:360px){html{font-size:13px;}}
@media (min-width:361px) and (max-width:399px){html{font-size:13.5px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:14px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:14.5px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:15px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:15.5px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:16px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:16.5px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:17px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:17.5px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:18px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:18.5px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:19px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:19.5px;}}
@media (min-width:880px){html{font-size:20px;}}

header .navbar .navbar-nav { list-style: none; padding-left: 0.5rem; }
header .navbar .navbar-nav .nav-item { display:inline-block; }
header .navbar .navbar-nav .nav-item .nav-link {
	padding:0;
    margin: .3rem .3rem .1rem;
	color: #000;
}

header .navbar .navbar-nav a:focus, header .navbar .navbar-nav a:hover {
    color: #23527c;
    text-decoration: none;
}

header .navbar .navbar-nav .active .nav-link {
	font-weight:700;
	border-bottom: 2px solid #f363ad;
}

header img.img-responsive { margin:0 auto; }

.carousel .carousel-control { background-image: none; }

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}