body {
  font-family: "Poppins",normal;
  font-weight: 300;
  }
.content {
  min-height: calc(100vh - 168px);
  padding-top: 2rem;
}
footer {
  background-color: #202225;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.footer {
  text-align: center;
  color: #C0C0C0;
}
/* Text Styles */
h1 {
  font-size:2rem;
  color: #1B1B1B;
  margin-bottom: 2rem;
}
.gold {
  color: #ab956a;
}

.box-background {
  background-color: #faf6f6;
  padding:1rem;
}
.box-divider {
  width:5rem;
  border-top:5px solid #ab956a;
  margin:0 auto;
  margin-top:2rem;
  margin-bottom:2rem;
}
h2.box-header {
  color: #ab956a;
  font-size: 1.4rem;
}
.entryFormTabHead {
  font-weight: 400;
  font-size: 1.3rem;
}
select, option {
  font-family: "poppins",sans-serif;
  font-weight: normal;
}
textarea {
  min-height: 160px;
}
.fieldOptional {
  color:#9C9C9C;
}
.tableSocialHandels,tbody.tableSocialHandels {
  border:hidden;
  border-bottom:none;
}
.text-small {
  font-size: 0.8rem;
}

/* Top Bar and navigation */
.title-bar {
  padding: .5rem;
  background: rgba(255,255,255,0.95);
  color: #0a0a0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #d5d5d5;
}
.title-bar-imposer {
  position: fixed;
  top:0;
  width: 100%;
  max-height: 20px;
  background-color: #FF0000;
  z-index: 100;
  text-align: center;
  font-size: 0.9rem;
}
.title-bar-logo {
  height: 4rem;
  padding: .2rem 1rem;
}
.title-bar-left {
  flex: initial;
}

.title-bar-right {
  flex: auto;
  margin-right: 2rem;
}
.title-bar a {
  font-size: 1.3rem;
  color: #ab956a;
}
.is-dropdown-submenu {
  min-width: 250px;
  }
.title-bar .userBadge {
  border: 2px solid #ab956a;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin: 0;
  text-align:center;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;  
}
.title-bar .userBadgeText {
  margin: auto;
}
.title-bar .dropdown.menu > li.is-dropdown-submenu-parent > a.userBadge,
.title-bar .dropdown.menu > li > a.userBadge {
  padding:0;
}
.title-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none;
}
.title-bar .dropdown.menu > li.is-active > a {
  color: #ab956a;
}
.title-bar .loginInfo {
  width: 100%;
  padding:1rem;
  color: #ab956a;
  text-align: left;
}



.filepond--item {
 /*  width: calc(25% - 0.5em) !important; */
  
}
.read-more-content,
.read-more {
  display: none;
  margin-top: 1rem;
}
.read-more-content.expanded .read-more,
.read-more.expanded .read-more {
  display: block;
}

/* Cart Symbol */
.button-badge {
  background-color: none;
  text-decoration: none;
  padding: 1rem 1.5rem;
  position: relative;
  display: inline-block;
  border: 1px solid #ab956a;
  border-radius: .2rem;
  transition: all ease 0.4s;
  margin-right: 2rem;
  margin-left: 1.5rem;
}
.button-badge:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.badge-cartSymbol {
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: .8em;
  background-color: #ab956a;
  color: #0a0a0a;
  width: 1.3rem;
  height: 1.3rem;
  padding-top: .1rem;
  border-radius: 50%;
  text-align: center;

}
.fa {
  color: white;
}

/* Tables*/
.clickable {
  cursor: pointer;
}
table .dropdown-pane {
  width:100px;
}
.button-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 0.2em 0.2em;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1.2rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  color: #ab956a;
}


/* Order Progress Bar  */
.progress-indicator {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  margin-bottom:3rem;
  padding: 0;
  display: table;
  table-layout: fixed;
}

.progress-indicator > li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 1.5em;
}

.progress-indicator > li span {
  position: absolute;
  color: #e6e6e6;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.05px;
  text-transform: uppercase;
}

.progress-indicator > li::before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #e6e6e6;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 1.5em;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}

.progress-indicator > li::after {
  content: '';
  position: absolute;
  display: block;
  background: #e6e6e6;
  width: 100%;
  height: 0.15em;
  top: 50%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  left: 50%;
  margin-left: 1.5em\9;
  z-index: 0;
}

.progress-indicator > li:last-child:after {
  display: none;
}

.progress-indicator > li.is-complete {
  color: #000000;
}

.progress-indicator > li.is-complete::before, .progress-indicator > li.is-complete::after {
  color: #fefefe;
  background: #ad9462;
}

.progress-indicator > li.is-complete span {
  color: #ad9462;
}

.progress-indicator > li.is-current {
  color: #000000;
}

.progress-indicator > li.is-current::before {
  color: #fefefe;
  background: #e6e6e6;
  border: 2px solid #ad9462;
}

.progress-indicator > li.is-current span {
  color: #000000;
  font-weight: bold;
}

/* Stripe Form  */ 
*{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
::placeholder {
  color: #7a7a7a !important;
}
/*.container{
	padding: 20px;
}
h1{
	color: #7a7a7a;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
}*/
#payment.panel {
	width: 375px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-color: #ddd;
}
#payment .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#payment .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#payment .panel > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
#payment .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  color: #333;
	font-weight: 600;
}
#payment .panel-body { padding: 15px; }
#payment .form-group { margin-bottom: 15px; }
#payment label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
#payment .field {
  display: block;
  width: 100%;
  padding: 0.75rem;
  font-size: 15px;
  color: #333333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#payment div.field{ padding-bottom: 0; }
#payment .field:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#payment .row .left {
  width: 45%;
  float: left;
}
#payment .row .right {
  width: 35%;
  float: right;
}
#payment .right .field{
	width: 75%;
}
#payment .form-group iframe { height: 30px !important; }
#payment #paymentElement { margin-bottom: 10px; }
#payment .hidden { display: none; }
#payment .btn {
	width: 100%;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
	border: none;
	cursor: pointer;
}
#payment .btn-success {
  color: #fff;
  background-color: #095cfa;
  border-color: #095cfa;
}
#payment .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
#payment .btn-primary i.rload{
	background: url(../images/reload.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	width: 24px;
	height: 24px;
}
#payment .btn-primary:hover i.rload {
  transform: rotate(360deg) scale(1.2);
}
/*.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: #387dff;
    border-color: #387dff;
}*/

#payment button:hover {
  filter: contrast(80%);
  background-color: #095cfa !important;
}
#payment button:disabled {
  opacity: 0.5;
  cursor: default;
  background-color: #095cfa !important;
}
/* spinner/processing state, errors */
#payment .spinner,
#payment .spinner:before,
#payment .spinner:after {
  border-radius: 50%;
}
#payment .spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
#payment .spinner:before,
#payment .spinner:after {
  position: absolute;
  content: "";
}
#payment .spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #095cfa;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
#payment .spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #095cfa;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#payment #frmProcess{
	font-size: 18px;
  color: #666;
}
#payment .ring {
  display: inline-block;
  width: 75px;
  height: 75px;
	vertical-align: middle;
}
#payment .ring:after {
  content: " ";
  display: block;
  width: 48px;
  height: 48px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #095cfa;
  border-color: #095cfa transparent #095cfa transparent;
  animation: ring 1.2s linear infinite;
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#payment #paymentResponse {
	font-size: 17px;
  border: 1px dashed;
  padding: 10px;
	color: #EA4335;
	margin-top: 0;
	margin-bottom: 10px;
}
#payment .status {
	padding: 15px;
	color: #000;
  background-color: #f1f1f1;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	margin-bottom: 20px;
}
#payment .status h1 { font-size: 1.8em; }
#payment .status h4 { 
	font-size: 1.3em;
	margin-bottom: 0;
}
#payment .status p {
	font-size: 1em;
	margin-bottom: 0;
  margin-top: 8px;
}
#payment .btn-link {
	display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-decoration: none;
}
#payment .btn-link {
  color: #007bff;
  background-color: transparent;
  border-color: #007bff;
}
#payment .btn-link:hover, #payment .btn-link:active, #payment .btn-link:focus {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
	text-decoration: none;
}
#payment .success{ color: #34A853; }
#payment .error{ color: #EA4335; }