/*Add custom styles to the skin here */


.navbar-default {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	color: #fff;
}

.navbar-default .navbar-nav > li > a
{
color: #fff !important;
text-shadow: none !important;
font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
text-align:CENTER !IMPORTANT;
}

.dropdown-menu
{
	background-color: #244564 !important;
	border: 1px solid #5f8ca4  !important;

}

.dropdown-menu > li
{
		border-bottom: 1px solid #182e43  !important;
}

.dropdown-menu > li > a
{
	color: #fff !important;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif !IMPORTANT;
}

.dropdown-menu > li > a:hover
{
background-color: #5f8ca4 !important;
color: #244564 !important;
font-weight: bold !important;
}

.background {
	background:radial-gradient(circle at 100%,#132237,#2e5e86,#132237)
}

h1{
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif !important;
}

h2{
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif !important;
}

h3{
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif !important;
}

p{
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif !important;
}
.well
{
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.panel
{
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

body
{
	font-size: 14px !important;
	color: white !important;
}

.panel
{
	padding:0px !important;
	margin-bottom:5px;
}

.panel-body
{
	padding:0px !important
}

.product-page-top
{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.tab-pane
{
	background: none !important;
}


.logo-main-image
{
max-width: 100px;
}
.bgimg {
    background-image: url('/images/terpene_background.jpg');
    min-height: 100%;
    background-position: center;
    background-size: cover;
}
.responsive {
    width: 50%;
    max-width: 106px;
    height: auto;
}
.w3-myfont {
  font-family: "PT Sans Narrow", sans-serif;
  text-shadow:0px 0px 5px #FFFFFF;
}
.w3-myfont2 {
 font-family: "Cinzel", serif;
 text-shadow:0px 0px 5px #FFFFFF;
 }
.opacity_button
{
opacity: 0.85
}
@media only screen and (max-width: 900px) {
       body {
	   w3-mobile;
    }
 }
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}


.btn-doc {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 10px;
  line-height: 1.6;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
float:left;
}
.btn-doc:focus,
.btn-doc:active:focus,
.btn-doc.active:focus,
.btn-doc.focus,
.btn-doc:active.focus,
.btn-doc.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-doc:hover,
.btn-doc:focus,
.btn-doc.focus {
  color: #333;
  text-decoration: none;
}
.btn-doc:active,
.btn-doc.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-doc.disabled,
.btn-doc[disabled],
fieldset[disabled] .btn-doc {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-doc-default {
font-size: 16px;
  color: #333;
  background-color: #6CB744;
  border-color: #6CB744;
}
.btn-doc-default:focus,
.btn-doc-default.focus {
  color: #333;
  background-color: #00884E;
  border-color: #00884E;
}
.btn-doc-default:hover {
  color: #333;
  background-color: #00884E;
  border-color: #00884E;
}
.btn-doc-default:active,
.btn-doc-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #00884E;
  border-color: #00884E;
}
.btn-doc-default:active:hover,
.btn-doc-default.active:hover,
.open > .dropdown-toggle.btn-doc-default:hover,
.btn-doc-default:active:focus,
.btn-doc-default.active:focus,
.open > .dropdown-toggle.btn-doc-default:focus,
.btn-doc-default:active.focus,
.btn-doc-default.active.focus,
.open > .dropdown-toggle.btn-doc-default.focus {
  color: #333;
  background-color: #c3c3c3;
  border-color: #00884E;
}
.btn-doc-default:active,
.btn-doc-default.active,
.open > .dropdown-toggle.btn-doc-default {
  background-image: none;
}
.btn-doc-default.disabled:hover,
.btn-doc-default[disabled]:hover,
fieldset[disabled] ..btn-doc-default:hover,
.btn-doc-default.disabled:focus,
.btn-doc-default[disabled]:focus,
fieldset[disabled] ..btn-doc-default:focus,
.btn-doc-default.disabled.focus,
.btn-doc-default[disabled].focus,
fieldset[disabled] ..btn-doc-default.focus {
  background-color: #eeeeee;
  border-color: #e2e2e2;
}
.btn-doc-default .badge {
  color: #eeeeee;
  background-color: #333;
}


/* JAN grid variant listings */
.gridwithvariantlistings {}
.gridwithvariantlistings .product-variants li { margin: 0 0 0 0; color: #404040; font-size: 0.9em; border-top: 1px solid #f2f2f2; }
.gridwithvariantlistings .product-variants li .quantity-field { width: 3em; }
.gridwithvariantlistings .product-variants li button.add-to-cart { padding: 3px; }



@media print {

.page-wrap
{
	padding-right:20px;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 1px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
}









.main-menu>li{
    position:relative
}
.main-menu>li>a{
    display:block;
    padding:.5em .5em;
    background:#182e43;
    border-bottom:1px solid #485860;
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    outline:0
}
.main-menu>li>a:not(:only-child):after{
    display:inline-block;
    padding:0 0 0 .5em;
    font-family:Fontawesome;
    font-weight:400;
    content:"\f103"
}
.main-menu>li>a.open{
    background:#0b1c25
}
.main-menu>li>a.open:after{
    content:"\f102"
}
@media screen and (min-width:650px){
    .main-menu>li{
        box-sizing:border-box;
        float:left;
        padding:0 .5em .5em 0
    }
    .main-menu>li>a{
        border:1px solid #5f8ca4;
        border-radius:.3rem
    }
    .main-menu>li>a:hover{
        border-color:#79c3f5
    }
    .main-menu>li>a.open{
        background:#182e43
    }
    .main-menu>li:nth-child(n+3) a span{
        display:block
    }
}
@media screen and (min-width:650px) and (max-width:999px){
    .main-menu>li:nth-child(3){
        clear:left
    }
    .main-menu>li:nth-child(n+3){
        width:33.333333333%
    }
}
@media screen and (min-width:1000px){
    .main-menu>li:nth-child(n+3){
        margin-top:-.6em
    }
    .main-menu>li:nth-child(n+3) a span{
        display:block
    }
}

.main-menu ul li a{
    display:block;
    padding:.5em .5em;
    background:#244564;
    border-bottom:1px solid #0b1c25;
    text-transform:uppercase;
    color:#fff;
    text-align:center
}
.main-menu ul>li>a:not(:only-child):after{
    display:inline-block;
    padding:0 0 0 .5em;
    font-family:Fontawesome;
    font-weight:400;
    content:"\f103"
}
.main-menu ul>li>a.open{
    background:#153241
}
.main-menu ul>li>a.open:after{
    content:"\f102"
}
@media screen and (min-width:650px){
    .main-menu ul{
        box-sizing:border-box;
        padding:.5em 0 0;
        border-radius:0 0 .3rem .3rem;
        box-shadow:0 .2em .2em .1em rgba(0,0,0,.4);
        position:absolute;
        left:0;
        right:.5em;
        z-index:1;
        margin:-.5em 0 0
    }
    .main-menu ul li a{
        border-color:#182e43;
        text-align:left
    }
    .main-menu ul li a:hover{
        background:#5f8ca4
    }
    .main-menu ul li:last-child a{
        border-radius:0 0 .3rem .3rem
    }
    .main-menu ul>li{
        position:relative
    }
    .main-menu ul>li>a:not(:only-child):after{
        content:"\f101"
    }
    .main-menu ul>li>a.open:after{
        content:"\f100"
    }
}
.main-menu ul ul a{
    background-color:#2a4e6f
}
.main-menu ul ul a:focus,.main-menu ul ul a:hover{
    background-color:#2f577c
}
@media (min-width:650px){
    .main-menu ul ul{
        width:100%;
        padding:0;
        border-radius:.3rem;
        position:absolute;
        top:0;
        left:100%;
        margin:0 0 0 .5em;
        overflow:hidden
    }
}

.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}

.btn {
	font-size:0.8rem !important;
}

.btn a {
	color: #fff;
	font-size:.8rem;
}

.btn-primary {
	background-color:#182e43 !important;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	border: 1px solid #5f8ca4 !important;
	border-radius: 0.3rem !important;
	color: #fff !important;
}

.btn-default {
	background-color:#182e43 !important;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	border: 1px solid #5f8ca4 !important;
	border-radius: 0.3rem !important;
	color: #fff !important;
}


.dropdown>li>a:not(:only-child):after {
    display: inline-block;
    padding: 0 0 0 0.5em;
    font-family: Fontawesome;
    font-weight: 400;
    content: "\f103";
}

.btn:hover
{
	background-color: #5f8ca4 !important;
	border: 1px solid #182e43 !important;
}

.btn>a:hover
{
	color:#fff !important;

}

h1>a
{
	color:#fff
}

h2>a
{
	color:#fff
}

h3>a
{
	color:#fff
}

h4>a
{
	color:#fff
}

span>a
{
	color:#fff
}

body>a
{
	color:#fff
}

p>a
{
	color:#fff
}

@media print
{
.no-print {display:none}
}






/*.row {margin-bottom:20px}*/

.footer-row a
{
	color: #fff;
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif !important;
}

.footer-row li
{
	list-style:none;
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif !important;
}

.header-logo
{
	box-sizing:border-box;
	display:block;
	vertical-align:bottom;
	width:8em;
	height:8em;
	padding:5.6em 0 0;
	background:url(/images/perfumers-apprentice-logo.svg) no-repeat center;
	background-size:contain;
	font-size:1em;
	letter-spacing:.07em;
	color:#fff;
	text-transform:uppercase;
	text-align:right;
	margin:.5em auto;
	font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;
	}

.header-logo span
{
	display:block;
	letter-spacing:.05em
	}

.header-logo:hover
{
	color:#fff
	}
	@media screen and (min-width:650px)
	{
		.header-logo
		{
			float:left;
			margin:1em 2em 0 1em
		}
	}


.session-warning-top-line
{
	color:#fff;
}

.session-warning-middle-line
{
	color:#fff;
}
.session-warning-bottom-line
{
	color:#fff;
}
.grid-item-name-wrap a
{ color: #fff !important;
text-align: center;
font-weight:bold;
font-size: medium;
}

.grid-item{
	text-align:center;
}

.page-link a
{
	color: #fff;
}

.sub-entity-button {
	width:100%;
	height:60px;
	padding: 10px 10px 10px 10px !important;
	font-size:0.85rem !important;
}

.tsearch_results
{
	position:absolute;
	background-color: #132237;
}
.tsearch_results ul li a {
	color: #fff;
	text-decoration:none;
}

.modal-content
{
	background:radial-gradient(circle at 100%,#132237,#2e5e86,#132237);
	color: #fff;
}

.tab-content {
	border: solid;
	border-color: #fff;
	border-width: 1px;
	border-radius: 0;
	padding-left:20px;
}

.nav-item a {
	background-color: transparent !important;
	border: 1px solid #fff !important;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	color: #fff !important;
	font-weight:bold !important;
}

@media only screen and (max-width: 600px) {
	.btn-doc {
		margin-bottom:1em;
	}
	.grid-item-name-wrap {
		text-align:center !important;
	}
	.add-to-cart {
		display:block !important;
		margin:auto;
	}
}

.form-label {
	color: #fff !important;
}

select:disabled {
appearance:none;
color: #000;
}


/*--- GENERAL -----------------------------------------*/
body {
	min-width: 300px;
	background-color: #132237;
	background-image: radial-gradient(circle at 100%, #132237, #2e5e86, #132237);
	color: #fff
}

.background {
	background: none
}

/*--- fluid content column ---*/
.container {
	max-width: 1320px
}

/*--- content area ---*/
main {
	padding: 2em 0
}

/*--- breadcrumbs ---*/
.breadcrumb {
	color: #fff;
	margin-top: .5em
}

	.breadcrumb a {
		color: #fff
	}

/*--- links ---*/
a {
	color: #67caff;
	transition: color .2s
}

h1 > a, h2 > a, h3 > a, h4 > a, span > a, body > a, p > a {
	color: #67caff
}

p a {
	font-weight: bold
}

a:hover, a:focus {
	color: #95daff;
}


/*--- misc forms --------------------------*/


  /*--- form sections ---*/
  .form-group {margin:0 0 1em}
    .entry-feedback-wrapper {display:flex;gap:.5em}
      .has-success .form-control-feedback::before, .braintree-hosted-fields-valid + span::before {color:#62ef86}
      .has-error .form-control-feedback::before, .braintree-hosted-fields-invalid + span::before, .field-validation-error {color:#fa827f}

.form-label-suffix  {color:#fff}


/*--- required ---*/
.form-label-prefix-required, .form-label-suffix-required {
	color: #fa827f
}

/*--- note ---*/
.form-description {
	color: #c1c1c1
}

/*--- buttons ---*/
.btn:focus {
	background-color: #5f8ca4 !important;
	border: 1px solid #182e43 !important;
}











/*--- HEADER  -------------------------------------*/
.header-row {
}

/*--- sticky header (when room for expanded menu) ---*/
@media (min-width:1200px) and (min-height:540px), (min-width:410px) and (max-width:1199px) and (min-height:590px), (max-width:409px) and (min-height:640px) {
	.header-row {
		background-color: #132237;
		background-image: radial-gradient(circle at 100%, #132237, #2e5e86, #132237);
		background-size: 100vw 100vw;
		position: sticky;
		top: 0;
		z-index: 1000;
		box-shadow: 0 .1em .1em hsla(0, 0%, 0%, .1)
	}
}

/*--- full-width effect when sticky ---*/
@media (min-width:1320px) and (min-height:540px) {
	.header-row {
		max-width: none;
		padding-left: calc(((100vw - 1320px) / 2) + .5em);
		padding-right: calc(((100vw - 1320px) / 2) + .5em)
	}
}


/*--- navbar group  --------------------*/
.navbar {
	padding: .5em 0;
	box-shadow: none
}

	.navbar .container-fluid {
		gap: .5em 4em;
		padding: 0
	}


/*--- logo ---*/
.header-row .logo {
	transition: opacity .2s
}

	.header-row .logo img {
		display: block;
		width: 3.5em;
		height: auto
	}

	.header-row .logo:hover, .logo:focus {
		opacity: .8
	}


/*--- menu button ---*/
.navbar .navbar-toggler {
	border: 1px solid hsla(0, 0%, 100%, 0);
	transition: background-color .2s
}

.navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-toggler:hover {
	background-color: hsla(201, 27%, 51%, .2)
}

.navbar-toggler:focus {
	border-color: hsla(0, 0%, 100%, .8)
}

/*--- open state ---*/
.navbar-toggler[aria-expanded="true"] {
	background-color: hsl(201, 27%, 51%)
}


/*--- menu, utility menu & search group ---*/
.navbar-collapse {display:flex;flex-wrap:wrap;gap:.5em}



/*--- top-level menu items ---*/
.navbar .navbar-nav .btn {
	padding: .5em .5em;
	line-height: 1.2;
    min-height:3.55em;

}

	.navbar .navbar-nav .btn:focus {
		background-color: #5f8ca4 !important
	}

@media (min-width:1200px) {
	.navbar .btn {
		padding-left: 1em;
		padding-right: 1em
	}
}


/*--- submenus ---*/
.navbar .dropdown-menu {
	min-width: 8em;
	text-transform:uppercase;
	line-height:1.3;
}

	.navbar .dropdown-menu a:hover, .navbar .dropdown-menu a:focus {
		background-color: #5f8ca4 !important;
		color: #fff !important;
		font-weight: normal !important
	}


	/*--- sub-submenus ---*/
	.navbar .dropdown-menu .dropdown-menu {
		left: 100%;
		top: -7px
	}


/*--- utility menu --------------------*/
.Loginoutlink {flex:0 1 auto}
    .Loginoutlink .user-links {display:flex;flex-wrap:wrap;align-items:center;margin:0}
        .Loginoutlink .user-links li {display:flex;align-items:center;line-height:1;margin:0}
            .Loginoutlink .user-links a {padding:.5em .5em;line-height:1.2}
                .Loginoutlink .user-links a:not(:hover):not(:focus) {color:#fff}


/*--- search ---*/
.navbar form {position:relative}


    @media (max-width:1199px) {
        .navbar form {flex:0 0 100%}
    }

	.navbar form label {
		position: absolute;
		clip: rect(0,0,0,0);
		clip-path: inset(50%)
	}

	.navbar form input {
		padding: .5em .5em;
		margin: 0 .25em 0 0
	}

	.navbar form .search-go {
		padding: .5em 1em
	}

		.navbar form .search-go:focus {
			background-color: #5f8ca4 !important
		}

/*--- tsearch results ---------*/
.tsearch_results {
	top: calc(100% + .25em);
	z-index: 1;
	color: #fff
}

	.tsearch_results ul {
		list-style: none;
		max-height: 80vh;
		padding: 0;
		margin: 0;
		overflow-y: auto
	}

	.tsearch_results li {
		display: flex;
		align-items: center;
		gap: .5em;
		padding: .5em;
		border-bottom: 1px solid #5f8ca4;
		line-height: 1
	}

	/*--- content ---*/
	.tsearch_results img {
		width: 2em
	}

	.tsearch_results z {
		font-weight: bold;
		color: #74ceff
	}







/*--- PRODUCT LISTING ----------------------------------*/
.product-listing {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%/2, max(16em, 100%/5)), 1fr));
	gap: clamp(2em, 6vw, 4em) clamp(1em, 5vw, 2em);
	padding: 0;
	margin: 0 0 2em
}

	.product-listing li {
	}

	.product-listing a {
		display: block
	}

	/*--- image ---*/
	.product-listing img {
		display: block;
		max-width: 100%;
		height: auto;
		background-color: #fff;
		border: .1rem solid #fff;
		border-radius: .25rem;
		margin: 0 auto
	}

	/*--- title ---*/
	.product-listing h2, .product-listing h3 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		min-height: 2.4em;
		font-family: var(--mdb-font-roboto) !important;
		font-size: 1.2em;
		line-height: 1.2;
		font-weight: bold;
		color: #fff;
		text-align: center;
		margin: .75rem 0 0;
		overflow: hidden
	}

	.product-listing a:hover h2, .product-listing a:focus h2, .product-listing a:hover h3, .product-listing a:focus h3 {
		color: #afd4f7
	}

	/*--- summary ---*/
	.product-listing .product-summary {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 8;
		min-height: 13em;
		padding: 0;
		line-height: 1.2;
		margin: 0 0 .5em;
		overflow: hidden
	}

		/*--- hide empty HTML ---
                .product-listing .product-summary p:first-child.base, .product-listing .product-summary p:first-child.middle, .product-listing .product-summary p:first-child.top, .product-listing .product-summary p:first-child.base + br, .product-listing .product-summary p:first-child.middle + br, .product-listing .product-summary p:first-child.top + br {display:none}
                .product-listing .product-summary p:last-child {margin-bottom:0}
                .product-listing .product-summary p:empty {display:none}*/
		.product-listing .product-summary > br:last-child {
			display: none
		}


	/*--- add-to-cart ---------------------------*/
	.product-listing .addtocart {
		margin: .5em
	}

	.product-listing select {
		width: 100%;
		padding: .5em .5em;
		font-size: .875rem;
		line-height: 1;
		border-radius: 4px;
		margin: 0 0 .25em
	}

	.product-listing .addtocart > div {
	}

	/*--- quantity & button----*/
	.product-listing .add-to-cart-form {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		gap: .5em
	}

		.product-listing .add-to-cart-form label {
			display: block;
			font-size: .85714em
		}

		.product-listing .add-to-cart-form input {
			display: block;
			width: 3.5em;
			height: auto;
			padding: .725em .5em;
			font-size: .875rem;
			line-height: 1;
			margin: 0
		}

	.product-listing button {
		flex: 1;
		padding-left: .5em;
		padding-right: .5em;
		margin: 0
	}

	.product-listing .js-add-to-cart-errors {
		flex-basis: 100%;
		margin: 0 !important
	}

	.product-listing button:focus {
		background-color: #5f8ca4 !important
	}







/*--- PRODUCT PAGE ----------------------------------*/
.product-page {
}

.product-page-top {
	padding: 0
}

/*--- image ---*/
.product-image-column {
}

	.product-image-column button {
		color: #fff
	}

	.product-image-column .pop-large-link {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: .5em;
		padding: 0;
		background: none;
		margin: .5em 0 0
	}

		.product-image-column .pop-large-link::before {
			filter: invert(1);
			content: url(http://aspdotnetstorefront.perfumers.10026.compunix-staging.us/skins/default/images/magnify.png)
		}

/*--- doc links ---*/
.product-docs {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: .5em;
	padding: 0;
	margin: 0 0 1em
}

	.product-docs li {
	}

	.product-docs a {
		margin: 0 !important
	}


/*--- discount table ---*/
.quantity-discount-table {
	width: auto;
	background-color: hsla(215, 49%, 15%, .2);
	color: #fff
}

	.quantity-discount-table th, .quantity-discount-table td {
		padding: .5em .5em;
		border: 1px solid #4c6691;
		color: #fff !important
	}


/*--- variants ---------------*/
.product-page .panel {
	max-width: 60em;
	margin: 0 auto
}

.product-page .panel-body {
	display: grid;
	grid-template-columns: 1fr 1fr max-content;
	align-items: center;
	gap: .5em 1em;
	padding: 1.5em 0 .7em !important;
	border-top: 1px solid #4c6691;
	margin: 0
}

	.product-page .panel-body > div {
		width: auto;
		padding: 0
	}

	.product-page .panel-body .clearfix {
		display: none
	}

/*--- image ---*/
.product-page .variant-image-wrap {
	padding: 0;
	margin: 0
}

/*--- title ---*/
.product-page .panel-body .col-md-7 {
}

.product-page .variant-name-wrap {
	text-align: left !important;
	margin: 0
}

	.product-page .variant-name-wrap h4 {
		font-size: 1.25rem;
		line-height: 1;
		margin: 0
	}

/*--- price ---*/
.product-page .variant-price-wrap {
	text-align: left !important
}

	.product-page .variant-price-wrap .price-wrap {
		font-size: 1em;
		margin: 0
	}

		.product-page .variant-price-wrap .price-wrap span {
			display: none
		}

/*--- quantity & add ---*/
.product-page .add-to-cart-group {
	align-items: end;
	gap: .5em;
	margin: 0
}

	.product-page .add-to-cart-group > div {
		width: auto;
		padding: 0
	}

	.product-page .add-to-cart-group button {
		margin: 0
	}

	.product-page .add-to-cart-group .add-to-cart-quantity {
		margin-top: -1.1em;
		line-height: 1
	}

		.product-page .add-to-cart-group .add-to-cart-quantity > div {
			float: none !important;
			margin: 0 !important
		}

		.product-page .add-to-cart-group .add-to-cart-quantity label {
			margin: 0 0 .2em
		}

		.product-page .add-to-cart-group .add-to-cart-quantity input, .product-page .add-to-cart-group .add-to-cart-quantity select {
			display: block;
			width: 100%;
			max-width: 4em;
			height: auto;
			padding: .5em .5em;
			margin: 0
		}

@media (max-width:899px) {
	.product-page .panel-body {
		display: grid;
		grid-template-columns: 1fr .5fr max-content
	}
}

@media (max-width:599px) {
	.product-page .panel-body {
		grid-template-columns: auto max-content;
		align-items: start
	}

		/*--- price ---*/
		.product-page .panel-body .col-md-3 {
			text-align: right !Important
		}

		/*--- quantity & add ---*/
		.product-page .panel-body .col-md-4 {
			grid-column: 1/3
		}

	.product-page .add-to-cart-group .add-to-cart-quantity {
		margin-top: 0
	}
}

@media (max-width:399px) {
	.product-page .panel-body {
		grid-template-columns: 1fr
	}

		/*--- price ---*/
		.product-page .panel-body .col-md-3 {
			text-align: left !Important
		}

		/*--- quantity & add ---*/
		.product-page .panel-body .col-md-4 {
			grid-column: 1
		}
}


/*--- tabs ---*/
.product-page-footer {
}

.tab-content {
	padding: 0
}

	.tab-content > .tab-pane {
		border: 0
	}







/*--- MINICART ----------------------------------*/
.minicart-wrap {
}

/*--- header ---*/
.modal-header {
	border-bottom: 1px solid #4c6691
}

/*--- close button ---*/
.minicart-wrap .close {
	background-color: transparent;
	border: 0;
	color: #fff
}

	.minicart-wrap .close:hover, .minicart-wrap .close:focus {
		color: #95daff
	}


/*--- cart items ---*/
.minicart-item {
	display: flex;
	gap: .5em;
	border-color: #4c6691
}

	.minicart-item .media-body {
		flex: 1
	}

/*--- footer ---*/
.modal-footer {
	display: block;
	border-top: 1px solid #4c6691
}

	.modal-footer > .row {
	}

	.modal-footer .col-sm-6:last-child {
	}

		.modal-footer .col-sm-6:last-child > div {
			display: flex;
			flex-wrap: wrap;
			gap: .5em
		}

		.modal-footer .col-sm-6:last-child button {
			padding-left: 1em;
			padding-right: 1em
		}







/*--- CHECKOUT ----------------------------------*/
.checkout-page {
}

/*--- payment methods ---*/
.alternative-payment-methods {
}

	.alternative-payment-methods > .row {
		justify-content: center;
		margin-bottom: 0
	}

	.alternative-payment-methods .alternative-payment-button {
		width: auto;
		margin-bottom: 0
	}


/*--- sections -----------------*/
.checkout-block, .order-block, .optional-checkout-items {
	margin-bottom: 2em
}

/*--- headings ---*/
.checkout-header, .order-header {
	border-color: #5f8ca4;
	font-size: 1.4em
}

	.checkout-header span {
		font-size: .7em
	}

/*--- success version ---*/
.block-success .checkout-header {
	color: #fff;
	border-color: #5f8ca4
}


/*--- input/button group ---*/
.checkout-page .input-group {
}

	.checkout-page .input-group button {
		min-height: 100%;
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important
	}


/*--- shipping ---*/
.shipping-options {}

	.shipping-options .row {gap:.5em}
        .shipping-options .row:first-of-type {margin-bottom:1em}

/*--- account ---*/
#ShippingNumberContainer {
}

	#ShippingNumberContainer > div {
	}

	#ShippingNumberContainer input, #ShippingNumberContainer select {
		display: block;
		padding: .5em .5em;
		margin: 0 0 1em
	}

	#ShippingNumberContainer label {
		display: block
	}


/*--- sidebar/cart sections ---*/
.order-details, .shipping-estimator {
	background-color: hsla(215, 49%, 15%, .2);
	border: 0
}

/*--- order button ---*/
.place-order-button:not(:disabled) {
	border: 1px solid transparent
}


/*--- cart ---*/
.checkout-page .cart-item {
	border-color: #5f8ca4
}

	.checkout-page .cart-item .cart-sku {
		color: #c1c1c1
	}

.checkout-page .cart-item-quantity {
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

/*--- credit card form ------------------*/
.secured-form {padding-top:.5em;background-color:hsla(215, 49%, 15%, .2);border:0}

  .jp-card .jp-card-front, .jp-card .jp-card-back {background-color:hsla(215, 49%, 15%, .6) !important}




/*--- RAPID ORDER PAGE ----------------------------------*/
#RapidOrderFormContainer {
}

	#RapidOrderFormContainer .header {
		background-color: hsla(215, 49%, 15%, .2)
	}

	#RapidOrderFormContainer .SingleRow, #RapidOrderFormContainer .footer {
		background-color: transparent
	}


.base {
	Color: #a37155;
	font-family: 'segoe ui';
	font-size: 16px;
	font-weight: bold;
	font-style:normal !important;
}

.top {
	Color: #58bce0;
	font-family: 'segoe ui';
	font-size: 16px;
	font-weight: bold;
	font-style:normal !important;
}
.middle {
	Color: #42a45e;
	font-family: 'segoe ui';
	font-size: 16px;
	font-weight: bold;
	font-style:normal !important;
}

.base::before {
	content: "Base Note";
}
.top::before {
	content: "Top Note";
}
.middle::before {
	content: "Middle Note";
}

.alternative-payment-methods .alternative-payment-button {
	max-height: 3em;
	overflow: hidden;
}


div.sticky {
  position: sticky;
  top: 80px;
}

.cart-item-quantity label {
	float:left;
	  margin-right: 1em;
}

.table tbody tr
{color: #fff;
}

.table {
--mdb-table-striped-color: #fff !important;
}


#isearch3pagewrapper #ISearch3TextBoxContainer { display: none; }
#isearch3pagewrapper .crumbs { visibility: hidden; }
#isearch3pagewrapper #ProductHolder { margin-top: 2em; }

.user-links a span.levelname {
    font-size: 0.75em;
    display: block;
    margin-left: 1.5em;
}


.no-close .ui-dialog-titlebar-close {

	display: none;
}
#minicart-modal button.close{
	display: none;
}
.ui-widget {
	width: 100% !important;
	max-width: 500px !important;
	left: 50% !important;
	top: 5em !important;
	z-index: 1000 !important;
	transform: translateX(-50%) !important;
}