@font-face {
    font-family: customFont;
    src: url("../fonts/HelveticaNeue-Medium.ttf");
}

@font-face {
    font-family: customFont2;
    src: url("../fonts/HelveticaNeue-Light.ttf");
}

@font-face {
    font-family: customFont3;
    src: url("../fonts/HelveticaNeue.ttf");
}

html, body {
	width:100%;
	height:100%;
	font-family: customFont2;/*'EB Garamond' ,Helvetica, sans-serif;*/
	color:#0e0e40;
	letter-spacing:1px;
}

body {
	width:100%;
	margin:0 auto;
}

.dropdown-submenu li a {
	display:inline-block;
}

a.share-link {
	border-radius:50%;
	width:36px;
	height:36px;
	display:inline-block;
	background-color:#555;
	text-align:center;
	padding:6px 0 6px;
	font-size:18px;
}

a.share-link span.fa {
	color:#fff !important;
}

a.share-link:hover {
	background-color:#333;
}


p { margin-bottom:0 !important; }

input[type=text], input[type=password], textarea.form-control, select.form-control {
		border:1px solid #0e0e40;
		outline:none;
		border-radius:0;
}
input[type=text]:focus, input[type=password]:focus, textarea.form-control:focus, select.form-control {
		border:1px solid #0e0e40;
		outline:none;
		box-shadow:none;
}

a {
	color:#0e0e40 !important;
}

img {
	max-width:100%;
}

.modal-title {
	font-family:customFont;
}

.nav-tabs>li>a {
	border-radius:0;
}

label.option-col  {
	text-align:right;
	padding-top:7px;
}

.fixed-h {
	/*min-height:185px;
	height:185px;*/
}

.popover {
	width:393px;
	max-width:100% !important;
}

.icheck-desc {
	margin-left:32px;
	margin-top:-20px;
	font-size:12px;
}

.btn-custom {
	outline:none;
	border:1pt solid #0e0e40;
	background-color:transparent;
	color:#0e0e40;
	padding:4px 16px;
	font-family:customFont;
}

.btn-custom:hover {
	background-color:#0e0e40;
	color:#fff;
}

ul.nav li {
	text-align:center;
}

ul.nav li a {
	color:#333;
	font-family:customFont;
}

#p-order-body tr td span {
	word-wrap:break-word;
}

#myNavbar.collapse {
	display:block !important;
	max-height:1px;
	overflow-y:hidden;
}

#myNavbar.collapse.in {
	max-height:none;
}

.navbar {
	padding:10px 0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	border-radius:0 !important;
	z-index:99;
	background-color:#fff;
	box-shadow:2px 0 15px 0 #ddd;
}

.navbar-brand {
	padding:0;
	padding-top:3px;
	padding-left:16px;
}

.navbar-brand img {
	height:50px;
}

.navbar-toggle .fa {
	font-size:16px;
}

.dropdown-menu>li>a {
	line-height:2;
}

.menu {
	background-color:#eee;
	border-radius:0;
}

.menu.collapsed {
	background-color:transparent;
}

#cart {
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
}

#cart:hover, #cart.active {
	background-color:#eee;
}

#cart-label {
	display:inline-block;
	font-family:customFont;
}

.cart .label {
	color:red;
	padding:0 2px;
}

.cart .items-in-cart {
	color:#fff;
	position:absolute;
	margin-top:1px;
	margin-left:-14px;
	width:14px;
	font-size:10px;
	line-height:14px;
	max-height:14px;
	overflow:hidden;
	text-align:center;
}

.cart-content {
	overflow:auto;
	z-index:99;
}

#cart-table {
	font-family: customFont;/*'EB Garamond' ,Helvetica, sans-serif;*/
	margin-bottom:0;
}

#cart-table img {
	min-width:100px;
}

#cart-table tbody tr:nth-child(2) td  {
	border-top:none;
}

#cart-table tbody tr td:nth-child(2) {
	line-height:1.3;
}

#cart-table tbody tr td:nth-child(2) span {
	display:inline-block;
}

#cart-table .desc, #cart-table .price {
	height:38px;
	min-height:38px;
	max-height:38px;
	overflow:hidden;
}

#cart-table tbody tr td:nth-child(3) span {
	display:inline-block;
}

#cart-table tbody tr td:nth-child(2) span.fa {
	vertical-align:middle;
}

#cart-table tr td:last-child {
	text-align:center;
	min-width:90px;
	line-height:1.3;
}

#calc-table {
	width:calc(100% - 20px);
	min-width:250px;
	margin:10px auto;
	font-family: customFont;/*'EB Garamond' ,Helvetica, sans-serif;*/
}

#calc-table tr th, #calc-table tr td {
	text-align:right;
	padding-top:6px;
	padding-bottom:6px;
}

#calc-table tr td:last-child {
	width:90px;
	line-height:1.3;
}

.table.checkout thead tr th, .table.checkout tbody tr td {
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}

.btn-in-cart {
	outline:none;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	font-family:'Open Sans', sans-serif;
	padding:7px 12px;
}

#clear {
	border-color:#ddd;
	background-color:#eee;
	color:#333;
	margin-right:15px;
	float:left;
}

#checkout {
	border-color:#0e0e40;
	background-color:#1D2877;
	color:#fff;
}

button.del {
	outline:none;
	background:linear-gradient(to bottom, #ee5f5b, #bd362f);
	color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:#bd362f #bd362f #802420;
	padding-top:2px;
	padding-bottom:3px;
	width:40px;
	display:inline-block;
}

button.plus, button.minus {
	outline:none;
	border:none;
	background-color:#eee;
	text-align:center;
	padding:0;
	width:26px;
	color:#888;
	max-height:24px;
	line-height:22px;
	transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-webkit-transition:background-color 0.15s ease-in-out;
}

button.plus:hover, button.minus:hover {
	background-color:#ddd;
}

button.plus {
	border-left:1px solid #ddd;
}

button.minus {
	border-right:1px solid #ddd;
}

input.qty {
	border:none;
	outline:none;
	box-shadow:none;
	line-height:20px;
	max-height:24px;
	text-align:center;
	display:inline;
	padding:1px;
	width:50px;
	font-size:16px;
}

.popover.hidden {
	display:none !important;
}

.popover, .popover-title {
	border-radius:0;
	background-color:#fff;
	max-width:none;
}

.popover-title {
	border:none;
	padding:0;
}

.popover-content {
	display:none;
}

.container {
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

.title {
	font-size:14px;
	padding:30px 0 22px;
	font-family:customFont;
	font-weight:bold;
}

.pd-box {
	width:100%;
	border:1px solid #ddd;
	margin-bottom:50px;
}

.pd-img {
	width:100%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

.pd-cover {
	width:100%;
	height:100%;
	/*background-color:rgba(0,0,0,0.7);*/
	opacity:0;
	display:table;
	table-layout:fixed;
	text-align:center;
	cursor:pointer;
	transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-webkit-transition:opacity 0.3s ease-in-out;
}

.pd-cover:hover {
	opacity:1;
}

.pd-cover .fa {
	color:#fff;
	font-size:36px;
}

.pd-name {
	padding:16px 12px 10px;
	white-space:nowrap;
	font-weight:600;
	font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#1D2877;
}

.pd-desc {
	color:#333;
	font-size:14px;
	padding:0 12px;
	max-height:42px;
	min-height:42px;
	overflow:hidden;
	margin-bottom:10px;
}

.box-1 {
	padding:10px 12px 8px;
	text-align:left;
}

.pd-qty {
	border:1px solid #ddd;
	display:inline-block;
	/*float:left;*/
	max-width:100%;
	overflow:hidden;
}

.pd-price {
	/*font-family:'Open Sans', sans-serif;*/
	display:inline-block;
	font-size:18px;
	font-weight:600;
	color:#444;
	float:right;
	width:100%;
	overflow-x:hidden;
	white-space:nowrap;
}

#total { white-space:nowrap; }

.pd-price:hover {
	overflow-x:visible;
}

.pd-cart {
	width:100%;
	outline:none;
	border:none;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	background-color:#eee;
	border-top:1px solid #ddd;
	color:#888;
	padding:8px 12px;
	margin-top:18px;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.pd-cart:hover {
	background-color:#ddd;
	color:#444;
}

.pd-opt {
	padding:10px 12px 5px;
	height:49px;
	min-height:49px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left:15px;
	padding-right:15px;
}

.modal-header {
	padding:10px 15px;
}

.modal-body {
	padding-bottom:0px;
}

.modal-content {
	border-radius:0 !important;
}

.close {
	outline:none;
}

.select2 {
	width:100% !important;
}
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px;
}
.select2-container--default.select2-container--open {
  border-color: #3c8dbc;
}
.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0;
  margin-top:70px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: white;
}
.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}
.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de;
}
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
  border: 1px solid #3c8dbc;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #444;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d2d6de;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #367fa9;
  padding: 1px 10px;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}

@media screen and (max-width: 480px) {
	.navbar {
		padding:5px 0;
	}
	.navbar-brand {
		max-width:160px;
		overflow:hidden;
	}
	.banner {
		display:none;
	}
	.col-xs-6 {
		padding-left:5px;
		padding-right:5px;
	}
	.row {
		padding:5px !important;
	}
	.hidden-on-mobile {
		display:none !important;
	}
	.pd-qty input.qty {
		width:calc(100% - 52px);
	}
	.pd-price {
		padding-top:6px;
		text-align:center;
		width:100%;
	}
	.pd-box {
		margin-bottom:12px;
	}

	#inv-div {
		width:80px;
	}
	label.option-col  {
		text-align:left;
	}
}

@media screen and (max-width: 767px) {
	.w-100-on-tablet {
		width:100% !important;
	}
	.hidden-on-tablet {
		display:none !important;
	}
}

@media screen and (min-width: 768px) {
	.popover .arrow {
		left:50% !important;
	}
	#modal .col-sm-6:last-child {
		padding-left:0px !important;
	}
}

@media screen and (min-width: 1200px) {
	#content {
		padding-left:5% !important;
		padding-right:5% !important;
	}
}


/* utilities */

.w-100 {
	width:100% !important;
}

.p-a-0 {
	padding:0 !important;
}

.m-a-0 {
	margin:0 !important;
}

.m-lr-0 {
	margin-left:0px !important;
	margin-right:0px !important;
}

.table-layout {
	display:table;
	table-layout:fixed;
}

.table-cell {
	display:table-cell;
	vertical-align:middle;
}

.bg-gray {
	background-color:#eee;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu li a {
	padding-left:0;
	padding-right:0;
	white-space:nowrap;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.has-error::after {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	content:"\f06a";
	color:red;
	font-size:18px;
	margin-top:-26px;
	margin-right:6px;
	float:right;
}