/* 
	Colors:
	#93f1e4
	#f40452
	#ffa500
	#18003e
	#2e0053
	#e0ccff
	
*/

html {
  width: 100%;
  height: 100%;
  min-width: 320px;
}

body {
	position: relative;
	width: 100%;
	height: 100%;
	background: #18003e;
	color:#fff;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
}

a, a img, .submit input, input.submit, a.alpha, a.btn span, button,
a.img-col .overlay, .trans-all, .btn, li.nav-item a { 
	transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;	
}
a:hover, a:hover img, .submit input:hover, input.submit:hover, a.alpha:hover, a.btn:hover span, button:hover,
a.img-col:hover .overlay, .trans-all:hover, .btn:hover, li.nav-item:hover a { 
	transition: .15s ease-in;
	-moz-transition: .15s ease-in;
	-webkit-transition: .15s ease-in;
	-o-transition: .15s ease-in;
}
img { 
	border: none; outline: none; display:block;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	font-size: 1em;
	transform: translateZ(0);
}
a { 
	color:#6610f2; text-decoration:none;
}
a.link-red { color:#d40027; }
a.link-purple { color:#6610f2; }
a img {
	display:block;
	-webkit-backface-visibility: hidden;
}
a:hover { text-decoration: underline; }
a:hover img { opacity: 0.6; }
/* a:focus, a:hover { text-decoration: underline; } */

h1, h2, h3, h4, h5,
h6, p.h2, p.h3, p.h4, p.h5, p.h6 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 1rem;
}
h1, p.h1 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 200; text-transform:uppercase; font-size: 2.125rem; }
h2, p.h2 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 200; font-size: 1.750rem; }
h3, p.h2 { font-size: 1.5rem; }
h2, h3 { font-weight: 600; }
h4, h5, h6, p.h4, p.h5, p.h6 { text-transform:uppercase; }
h4, p.h4 { font-size: 1.25rem; margin-bottom: 1em; }
h5, p.h5 { font-size: 1.125rem; margin-bottom: 1rem; }
h6, p.h6 { font-size: 1rem; }

strong, .strong { font-weight: 600 !important; }
.stronger { font-weight: 900 !important; }
.italic { font-style: italic; }
.underline { text-decoration:underline; }

bg-light-purple { background: #e0ccff !important; }
.bg-dark { background: #18003e !important; }
.bg-darker { background: #0c001f; }
.bg-nav, .bg-yellow { 
	background: #ffa500; 
}
.bg-gradient-primary {
	background: #b30059 !important;
	background: linear-gradient(0deg, #f40452 , #2e0053) !important;
}
.bg-gradient-secondary {
	background: #18003e !important;
	background: linear-gradient(0deg, #330184, #18003e) !important;
}
.bg-gradient-light {
	background: #e0ccff  !important;
	background: linear-gradient(0deg, #f7f0ff , #e0ccff ) !important;
}
.navbar.bg-yellow .navbar-toggler { color:#000 !important; border-color:#000 !important; border-width: 2px; }
.navbar.bg-yellow .navbar-toggler .navbar-toggler-icon { 
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar.bg-yellow .navbar-toggler:hover { opacity: 0.5; outline: none; }

.text-dark { color:#18003e !important; }
.text-light-purple { color: #e0ccff !important; }
.font-gradient-primary {
    background: #f40452;
	background: linear-gradient(to right, #f40452 , #2e0053 );
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.font-gradient-primary.to-right {
	/* background: linear-gradient(to right, #f40452 , #2e0053 ); */
}

.tt-up { text-transform: uppercase; }
.tt-c { text-transform:capitalize; }
.tt-none { text-transform:none; }
.posr { position:relative; }
.italic { font-style: italic; }
.strong { font-weight: 600 !important; }
.stronger { font-weight: 900 !important; }
.fw-normal { font-weight: 400 !important; }

.fz-xs { font-size: .75rem !important; }
.fz-sm { font-size: .85rem !important; }
.fz-default { font-size: 1rem !important; }
.fz-md { font-size: 1.15rem !important; }
.fz-lg { font-size: 1.25rem !important; }
.fz-xl { font-size: 1.5rem !important; }
.fz-2xl { font-size: 2rem !important; }
.fz-3xl { font-size: 2.5rem !important; }
.fz-4xl { font-size: 3rem !important; }
.fz-5xl { font-size: 3.5rem !important; }

.btn-outline-dark { color:#18003e !important; border-color:#18003e !important;}
.btn-outline-dark:hover { color:#fff !important; background: #18003e !important; border-color:#18003e !important;}
.btn.close { line-height: 1; font-size: 1.5rem !important; }
.btn.close:hover { opacity: 0.5; }
.btn-purple { color:#fff; background: #18003e;}
.btn-link { text-decoration:none; opacity: 1 !important; }
.btn-link:hover { text-decoration: underline !important; opacity: 0.8 !important; }
.rounded-14 { border-radius: 14px !important; }
.rounded-top-14 { border-radius: 0 !important; border-top-left-radius: 14px !important; border-top-right-radius: 14px !important; }
.rounded-bottom-14 { border-radius: 0 !important; border-bottom-left-radius: 14px !important; border-bottom-right-radius: 14px !important; }
.btn-primary { background-color:#31007d; border-color:#31007d; color:#fff; }
.btn-primary:hover { background-color:#f30452; border-color:#f30452; color:#fff; }

.transitions-all, .transition-all, .trans-all {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.icon-lg { font-size: 7rem !important; line-height: 1;}
.border-1 { border-width: 1px !important; }
.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }
.nobd { border: none !important;}
.box-sh { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.transparent {  opacity: 0.1; }
.hide { display:none; }
.invisible { opacity: 0; }
.visible { opacity: 1; }
.fa { min-width: 17px; margin-right: 0px; }
.bd { border: 1px solid #ccc; }
.bd-5 { border-width: 5px !important; }
.bdb { border-bottom: 1px solid #ccc; }
.bd-primary { border-color: #31007d !important; }
.bd-lighter { border-color: #e6e6e6 !important; }
.bd-highlight { border-color: #f30452 !important; }
.bd-highlight-2 { border-color: #ffa500 !important; }
.bd-dark { border-color: #18003e !important; }
.bg-light { background: #eee !important; }
.same-col-height { height: 100%; }

ul.list-default li, ol.list-default li { line-height: 1.4; margin-bottom: 5px; }
ul.list-unstyled li, ol.list-unstyled li { line-height: 1.4; margin-bottom: 5px; }
ul.list-unstyled li em, ol.list-unstyled li em { line-height: 1.4; }
ul.list-inline li, ol.list-inline li { margin-bottom: 0; }

.text-underline { border-bottom: 1px solid #eee;}
a.btn, a.btn:hover,a.nav-link, a.nav-link:hover { text-decoration: none; }

img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

.scroll-target { scroll-margin-top: 120px; }

#flashContent #flashMessage {
	margin-top: 0;
	width: 100%;
}
#flashMessage {
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0, 0.5);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0, 0.5);  /* Firefox 3.5 - 3.6 */
	box-shadow: 0px 0px 15px 5px rgba(0,0,0, 0.5);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	z-index: 1030;
}
#closeFlash { 
	position:absolute; top: 5px; right: 5px;
	color:#d3350b;
	border: 1px solid #d3350b;
	-webkit-border: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 3px;
}
#closeFlash:hover { background: #d3350b; color:#fff; }

.gmap {
  width: 100%;
  min-height: 366px;
  overflow: hidden;
}

.overlay { 
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;  
	background: #f40452 !important;
	/* background: linear-gradient(0deg, #f40404 , #150b19) !important; */
	background: linear-gradient(0deg, #f40452 , #2e0053) !important;
    opacity: 0.5;
	color:#fff;
	font-weight: 400;
	font-style:italic;
	padding: 20px 30px;
}
.overlay.overlay-hover:hover {
	opacity: 0;
}

#masthead {
	display: block;
	/* padding: 20px 0; */
	/* height: 100vh; */
	/* box-shadow: rgba(0, 0, 0, 0.4) 0px 5px, rgba(0, 0, 0, 0.3) 0px 10px, rgba(0, 0, 0, 0.2) 0px 15px, rgba(0, 0, 0, 0.1) 0px 20px, rgba(0, 0, 0, 0.05) 0px 25px; */
	min-height: 90px;
}
/* .nav-section { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 10px -20px;} */
header #aboveMenu a:hover { text-decoration:underline; opacity: 0.7; }
header #aboveMenu a.btn:hover { text-decoration: none; opacity: 1; }
#headerImages { min-height: 180px;}
/* #headerImages img { display:block; margin-bottom: -120px;} */
#headerImages .img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 180px; }
/* #headerImages .no-img { height: 20vh; } */
#headerImages .img::after { 
	content: "";
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	background: #b30059 !important;
	background: linear-gradient(0deg, #f40452 , #2e0053) !important;
	opacity: 0.8;
	box-shadow: inset 0 0 40px #18003e;
}
#headerImages h1, #headerImages .page-title {
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color:#fff;
	width: 100%;
	height: inherit;
	margin: auto;
	line-height: 3.5;
	font-size: 3rem;
}

#mainMenu { display: block;}
#mainMenuMobile { display: none; }
#mainMenuMobile ul.list-group-nav { background: #18003e !important; border-radius: 0 !important; }
.list-group-nav li { padding: 2px 0; background: none; border: none; border-bottom: 1px solid #280a58;}
.list-group-nav li a { padding: 2px 1rem; color:#fff; font-size: 1.15rem; }
.list-group-nav li:hover { background: #0c001f; }
.list-group-nav li a:hover, .list-group-nav li a:focus { color:#9a81ca;  }
.list-group-nav li a:focus {  outline: none; box-shadow: none;}
.list-group-nav li ul.sub-menu { background: #0c001f; padding: 0; margin-bottom: -2px; }
.list-group-nav li ul.sub-menu li { border-bottom: 1px solid #1e122f; }
.list-group-nav li ul.sub-menu li:last-child { border: none; }
.list-group-nav li ul.sub-menu li a { display: block; text-decoration:none; font-family: 'Roboto', Arial, sans-serif; font-weight: 300; font-size: 1rem;}
.list-group-nav li ul.sub-menu li a:hover { text-decoration: underline; opacity: 0.5;}

ul.nav {
	
}
ul.nav li.nav-item {
	padding: .4rem 0;
}
ul.nav li.nav-item { margin-right: .3rem; }
ul.nav li.nav-item a {
	color:#000;
	font-weight: 600;
	padding: .2rem 1rem;
	text-transform:uppercase;
	border-radius: 6px;
}

ul.nav li.nav-item a:hover, ul.nav li.nav-item a.active {
	background: #f40404 !important;
	background: linear-gradient(to right, #f40404 , #150b19) !important;
	color:#fff;
	border-radius: 6px;
	/* padding: .3rem 1.3rem; */
}
ul.nav li.nav-item ul { 
	box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 36px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
}
ul.nav li.nav-item ul li a { border-radius: 0px; }
ul.nav li.nav-item ul li a:hover, ul.nav li.nav-item ul li a.active {
	background: #000 !important;
	color:#fff;
	border-radius: 0px;
	/* padding: .3rem 1.3rem; */
}

#carouselDark  {
	/* min-height: 1060px; */
	/* height: 100vh; */
	padding-bottom: 3.5rem !important;
	z-index: 0 !important;
}

#carouselDark .carousel-item .carousel-caption {
	/* width: 718px; */
	z-index: 0 !important;
	opacity: 0;
	/* display: none !important; */
	transition: .15s ease-in;
	-moz-transition: .15s ease-in;
	-webkit-transition: .15s ease-in;
	-o-transition: .15s ease-in;
}

#carouselDark .carousel-item.active .carousel-caption {
	opacity: 1;
	/* display: block !important; */
	transition: .15s ease-in;
	-moz-transition: .15s ease-in;
	-webkit-transition: .15s ease-in;
	-o-transition: .15s ease-in;
}
#carouselDark .carousel-inner { 
	box-shadow: rgba(17, 12, 46, 0.5) 0px 48px 100px 0px;
	z-index: 0 !important;
}

.carousel-caption {
	background: #18003e !important;
	background: rgba(24, 0, 62, 0.8) !important;
    border-radius: 65px !important;
	color:#fff !important;
	margin-bottom: 20px;
	z-index: 0 !important;
}

#carouselDark .carousel-indicators {
	margin: 0 auto;
	bottom: 10px;
	/* background: #fff; */
}
#carouselDark .carousel-indicators button {
	background-color: #fff !important;
	opacity: 1;
	border-radius: 20px;
}
#carouselDark .carousel-indicators button:hover { opacity: 0.5; }
#carouselDark .carousel-indicators .active {
	background-color: #13002b !important;
}

#sectionImgRows { padding-top: 30px !important; }
.img-row { margin-top: -50px;}
.img-row.img-row-second { margin-top: 30px; }
.img-row .img-col
{
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 36px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
	border-radius: 8px;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100%;
	position:relative;
}
.img-row a.img-col {
	text-decoration:none;
	width: 100%;
	height: 250px;
	display: block;
	z-index: 99;
	overflow:hidden;
}
.img-row a.img-col .title { border-bottom: 1px solid #ccc; background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; font-family: 'Montserrat', Arial, sans-serif; font-style: italic; }
.img-row a.img-col .overlay { 
	position:relative;
	height: 100%;  
	background: #f40452 !important;
	/* background: linear-gradient(0deg, #f40404 , #150b19) !important; */
	background: linear-gradient(0deg, #f40452 , #2e0053) !important;
    opacity: 0.5;
	color:#fff;
	font-weight: 400;
	font-style:italic;
	padding: 20px 30px;
}
.img-row a.img-col:hover { height: 300px; margin-top: -50px; background-position: bottom -20px center; }
.img-row a.img-col:hover .overlay { opacity: 1; padding-top: 50px; }
.img-row.img-row-second a.img-col:hover { height: 300px; margin-top: -50px; }

.show-only-to-xs { display:none; }
.show-only-sm { display:none; }
.show-only-md { display:none; }
.show-only-lg { display:none; }
.show-only-from-lg { display:none; }

section.py-5 { padding-top: 100px !important; padding-bottom: 100px !important; }

.notification { border: 1px solid #ccc;}
.notification .notification-header {display: flex; align-items: center; border-bottom: 1px solid #ccc; background: #fff; color:#18003e; }
.notification .notification-header strong { font-size: 1.25rem;  }
.notification .btn.close { margin-right: -.75rem;}
.notification .notification-body { background: #fff; color:#18003e;}
.notification.important { border: 1px solid #ffd34e; color:#18003e; }
.notification.important .notification-header { background: #ffc107; border-color:#ffd34e; }
.notification.important .notification-body { background: #fff3cd; color:#3c2d00; }

.testimonial { position:relative; }
.testimonial::before { }

.testimonial .testimonial-body { position:relative; background: #e0ccff; }
.testimonial .testimonial-body::after { 
	content: "\f10e"; /*.ic-triangle-tr*/
	position:absolute; bottom: -31px; left: 33px; width: 33px; height: 33px; 
	font-family: "icons"; font-size: 1.3rem; color: #e0ccff; text-align: center; line-height: 1;
}
.testimonial .testimonial-body .title {  }
.testimonial .testimonial-body .content {  }
.testimonial .testimonial-footer { 
	position:relative; 
	padding-left: 3rem;
	padding-top: 1.3rem;
	font-size: 1.25rem;
	font-weight: 600;
}
.testimonial .testimonial-footer::before { 
	content: "\f10b"; /*.ic-quotes-o*/
	position: absolute; top: 16px; left: 4px; width: 33px; height: 33px; 
	font-family: "icons"; font-size: 2.15rem; color: #18003e; text-align: center; line-height: 1;
	font-weight: 200;
}

/* .doc-box {border: 1px solid #bf7c00; background: #ffa500; padding: .5rem; border-radius: 10px;} */
.doc-box {border: 1px solid #ddd; background: #fff; padding: .5rem; border-radius: 10px; height: 100%; }
.doc-box .doc-img { display: block; width: 64px; height: 64px; font-size: 4.3rem; line-height: 1;}
.doc-box .doc-body { text-align: right; }
.doc-box .doc-body p { font-size: 1.25rem; text-align:left; }
.doc-box .doc-body .btn { margin-left: auto;}

footer a { color:#e0ccff; }
footer a:hover { text-decoration:underline; opacity: 0.7; }

.pill {
	border-radius: 14px;
	/* background: #f40452 !important; */
	/* background: linear-gradient(0deg, #f40452 , #2e0053) !important; */
	color:#fff;
	background: #fff;
    color: #18003e;
	max-width: 356px;
}
.pill h3, .title-gradient { 
	font-size: 1.2rem; font-style: italic; font-family: 'Montserrat', Arial, sans-serif;  border-color: #f20452; 
	background: linear-gradient(0deg, #f40452 , #2e0053) !important;
    color: #fff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
	height: 79px;
}
.pill p {  }
.pill.fixed-h {
	min-height: 167px;
}
.pill.box-sh {  box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px; }
.pill.next-step::after { 
	content: "";
	position:absolute;
	top: 15px;
	right: -66px;
	width: 49px;
	height: 28px;
	background: url(../img/arrow-right.png) 0 0 no-repeat;
	z-index: 999;
}

.title-gradient {
	height: auto;
	padding: 1rem;
}
.title-h2 {
	font-family: 'Montserrat', Arial, sans-serif; 
	font-style: italic;
	font-size: 1.2rem;
}

#contactWidget {
	position:fixed;
	background: transparent;
	color:#fff;
	right: 15px;
	bottom: 15px;
	z-index: 9999;
}
#contactWidget button { color:#fff; padding: 0 !important; }
/* #contactWidget .icon, #contactWidget .icon .fa { */
	/* transition: .3s ease-out; */
	/* -moz-transition: .3s ease-out; */
	/* -webkit-transition: .3s ease-out; */
	/* -o-transition: .3s ease-out; */
/* }	 */
#contactWidget .icon { 
	background: #f40452 !important; 
	background: linear-gradient(0deg, #f40452 , #2e0053) !important; 
	color:#fff;
	padding: 5px 10px;
	margin-bottom: 10px;
	border: 1px solid #fff;
}

#contactWidget button { 
	text-decoration: none !important; opacity: 1 !important;
	background: #18003e !important;
	padding: 3px 15px !important;
	border-radius: 20px !important;
	border: 1px solid #fff !important;
	font-size: 1rem;
}
#contactWidget button:hover { background: #f40452 !important; border-color:#18003e !important; font-size: 1.25rem; }
/* #contactWidget:hover button { font-size: 1.25rem; } */
/* #contactWidget:hover .icon {  */
	/* padding: 7px 13px;  */
	/* transition: .15s ease-in; */
	/* -moz-transition: .15s ease-in; */
	/* -webkit-transition: .15s ease-in; */
	/* -o-transition: .15s ease-in; */
/* } */
/* #contactWidget:hover .icon .fa {  */
	/* font-size: 3.25rem !important;  */
/* } */
/* #contactWidget:hover .icon, #contactWidget:hover .icon .fa {  */
	/* transition: .15s ease-in; */
	/* -moz-transition: .15s ease-in; */
	/* -webkit-transition: .15s ease-in; */
	/* -o-transition: .15s ease-in; */
/* } */

/* ::-moz-selection { /* Code for Firefox */ */
  /* color: #fff !important; */
  /* background: #ef0453; */
/* } */

/* ::selection { */
  /* color: #fff !important; */
  /* background: #ef0453; */
/* } */

.scroll-target { scroll-margin-top: 50px; }

/* ==== Media ==== */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
	.btn:focus, button:focus { outline: none; box-shadow: none; }
	.show-only-from-lg { display: block; }
	.contact-list .fz-lg { font-size: 1rem !important;}
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }

/* MAX */
/* xs */
@media (max-width: 575px) {  
	.mobile-hide { display:none; }
	.show-only-to-xs { display: block; }
	#headerImages h1, #headerImages .page-title {
		line-height: 4.5;
		font-size: 2.5rem;
	}
}
/* sm */
@media (max-width: 767px) {  
	#carouselDark .carousel-caption { width: 100%; left: 0; right: 0; margin: 0 auto; bottom: 0px; padding: 1rem 1rem; border-radius: 0 !important;}
	
}
/* md */
@media (max-width: 991px) { 
	#mainMenu { display: none;}
	#mainMenuMobile { display: block; }
	#homeSlider { padding-top: 20px; padding-bottom: 50px !important; }
	.fixed-top { position: relative;}
	
	.img-row a.img-col { height: 300px; margin-top: 0px; background-position: bottom center !important; }
	.img-row.img-row-second { margin-top: 0px; }
	.img-row a.img-col .overlay { opacity: 0.7; padding-top: 3rem; }
	.img-row.img-row-second a.img-col { margin-top: 0px; }
	.img-row a.img-col:hover { margin-top: 0px; }
	.img-row a.img-col:hover .overlay { padding-top: 3rem; background-position: bottom center !important; }
	.img-row.img-row-second a.img-col:hover { margin-top: 0px; }
	.rounded-mobile-none { border-radius: 0 !important;}
	
	/* === responsive tables */
	/* Force table to not be like tables anymore */
	table.responsive .mobile-hide { 
		display: none !important;
	}
	
	table.responsive.border { 
		border: none !important;
	}
	table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive tr { border: 1px solid #ccc !important; margin-bottom: 10px; }
	
	table.responsive tr td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #ccc !important; 
		position: relative;
		padding-left: 40% !important;
		background: #fff;
		text-align:left;
	}
	table.responsive tr:hover td { background: #ddd; border-color: #bbb; }
	
	table.responsive tr td.first {
		padding-left: 15px !important;
		color:#fff;
		background: #6c757d;
		border-color: #525b63 !important;
	}
	
	table.responsive tr td.first.td-success {
		background: #28a745;
		border-color: #1a8232 !important;
	}
	table.responsive tr td.first.td-danger {
		background: #dc3545;
		border-color: #c12837 !important;
	}
	table.responsive tr td.first.td-info {
		background: #17a2b8;
		border-color: #0f899c !important;
	}
	table.responsive tr td.first.td-secondary {
		background: #6c757d;
		border-color: #525b63 !important;
	}
	table.responsive tr td.first.td-secondary .border-secondary {
		border-color: #fff !important;
	}
	table.responsive tr td.first.td-dark {
		background: #121c25;
		border-color: #121c25 !important;
	}
	table.responsive tr.clicked td {
		background: #9bcbf9;
		border-color: #9bcbf9 !important;
	}
	
	
	table.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 11px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:right;
		font-weight: bold;
	}
	table.responsive .mobile-hide { display:none !important; }
	table.responsive tr.hidden { display:none !important; }
	
	/*
	Label the data
	*/
	/* table#orderTable td:nth-of-type(1):before { content: "#"; display:none; } */
	table#orderTable td.td-label-1:before { content: "Price"; }
	table#orderTable td.td-label-2:before { content: "Select to Order"; }
	
	table.responsive td.first:before { display:none; }
	/* == == */
}
/* xl */
@media (max-width: 1399px) { 
	.pill { max-width: 296px; }
	.pill.fixed-h { min-height: 191px; }
	.pill.fixed-h h3 { height: 79px; }
 }
 
/* lg */
@media (max-width: 1199px) {  
	.pill.fixed-h { min-height: 191px; }
	.pill.next-step::after {
		right: -36px;
	}
}
/* md */
@media (max-width: 991px) {  
	.pill { max-width: none; }
	.pill.fixed-h { min-height: 144px; }
	.pill.fixed-h h3 { height: auto; }
	.pill.next-step::after {
		top: auto;
		bottom: -40px;
		right: 0;
		left: 0;
		margin: 0 auto;
		background: transparent url(../img/arrow-bottom.png) center center no-repeat;
	}
	#flashMessage { top: 190px;}
}

/* md */
@media (max-width: 575px) {  
	/* ol { padding-left: ;} */
	#flashMessage { top: 0; width: 90%; padding-top: 30px;}
	footer.py-5 { padding-bottom: 120px !important; }
}


@media (min-width: 576px) and (max-width: 767px) {
	.show-only-sm { display: block; }
	/* #carouselDark .carousel-caption { left: 7%; right: 7%; } */
}
@media (min-width: 768px) and (max-width: 991px) {
	.show-only-md { display: block; }
	#carouselDark .carousel-caption { left: 7%; right: 7%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.show-only-lg { display: block; }
	#carouselDark .carousel-caption { left: 7%; right: 7%; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
	
}
@media (min-width: 1400px) {
	
}