html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
  padding: 0 !important;
  font-family: arial;
  font-weight: 600;
  overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
a:hover {
  text-decoration: underline;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
a {
  outline: none !important;
  text-decoration: none !important;
}
.overflow-hidden {
  overflow: hidden
}
.row.m-0 {
  margin: 0;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0
}
.row.no-gutters>[class^="col"], .row.no-gutters>[class*=" col"] {
  padding-right: 0;
  padding-left: 0
}
.row.gutters-5 {
  margin-right: -5px;
  margin-left: -5px
}
.row.gutters-5>[class^="col"], .row.gutters-5>[class*=" col"] {
  padding-right: 5px;
  padding-left: 5px
}
.row.gutters-10 {
  margin-right: -10px;
  margin-left: -10px
}
.row.gutters-10>[class^="col"], .row.gutters-10>[class*=" col"] {
  padding-right: 10px;
  padding-left: 10px
}
.row-flax, .row-eq-height {
  display: flex;
}
.row-flax.content-center {
  justify-content:center;
  align-items: center;
}
.inline-block{ display: inline-block !important; }
.inline-flex{ display: inline-flex !important; }
.center {
  text-align: center;
}
.p10 {
  padding:10px!important;
}
.pt-10 {
  padding-top:10px!important;
}
.pt-5 {
  padding-top:5px!important;
}
.pt-2 {
  padding-top:2px!important;
}
.pt-8 {
  padding-top:8px!important;
}
.pt-15 {
  padding-top:15px!important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-2 {
  padding-left: 2px !important;
}
.m0 {
  margin:0px!important;
}
.mr-5 {
  margin-right: 5px!important;
}
.ml-10 {
  margin-left: 10px!important;
}
.mt-10 {
  margin-top:10px!important;
}
.mt-15 {
  margin-top:15px!important;
}
.mt-20 {
  margin-top:20px!important;
}
.mt-25 {
  margin-top:25px!important;
}
.mb-5 {
  margin-bottom: 5px!important;
}
.mb-15 {
  margin-bottom: 15px!important;
}
.p0 {
 padding: 0px !important;
}

.b0 {border:0px !important;}

.f-12 {
  font-size:12px !important;
}
.f-14 {
  font-size:14px !important;
}
.f-16 {
  font-size:16px !important;
}
.f-18 {
  font-size:18px !important;
}
/*	================================
			Common styles here 
	================================ */

.full-width {
  float: left;
  width: 100%;
}
.relative {
  position: relative;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {

  width: 100%;
  float: left;
}
select {
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  outline: none !important;
}

img {
  max-width: 100%;
}

/*	================================
			Header section
	================================*/

header {
  background: #fff;
  position: relative;
  height: 136px;
  padding: 0 30px;
  z-index: 0;
}
header.color_mode:before {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #ffc62f;
  z-index: -1;
}
header.color_mode:after {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background: #424242;
  z-index: -1;
}
.logo a {
  position: absolute;
  left: 0;
  top: 0;
}
.logo a img {
  max-width: 197px;
}

/*	================================
			Navigation section
	================================*/

.navigation {
  text-align: right;
}
.top_section {
  padding: 13px 0;
}
.top_section p {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 15px;
}
.top_section p span {
  font-weight: bold;
}
.top_section a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  width: 112px;
  background: #333;
  padding: 10px 10px;
  text-align: center;
  min-height: 50px;
}
a.logout {
  padding-top: 16px;
  margin-left: 15px;
}

.navigation .navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navigation .navbar-default .navbar-nav > .active > a,
.navigation .navbar-default .navbar-nav > .active > a:hover,
.navigation .navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #fff;
}
.navigation .navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.navigation .navbar-nav > li > a {
  padding: 19px 15px;
}
.navigation .navbar li:last-child a {
  padding-right: 0;
}

/*	================================
			Content section
	================================*/

.content_section {
  padding: 15px 0;
}
.form_field {
  text-align: right;
  padding: 15px 15px 30px 15px;
}
.form_field select {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #424242;
  padding: 0px 15px;
  font-size: 15px;
  height: 38px;
  width: 194px;
  font-weight: normal;
  background: url(../images/icons/drop_icon.png) right 15px top 13px no-repeat;
  margin: 0 15px;
}
.form_field > button{
  display: inline-block;
  vertical-align: top;
  border: 1px solid #424242;
  padding: 0px 15px;
  background: #fff;
  font-size: 15px;
  height: 38px;
  background-size: 17px;
  width: 150px;
  font-weight: normal;
}
.quick-search-wrap .custom-btn{
 display: inline-block;
  vertical-align: top;
  border: 1px solid #424242;
  padding: 0px 15px;
  background: #fff;
  font-size: 15px;
  height: 38px;
  background-size: 17px;
  width: 150px;
  font-weight: normal; 
} 
.input_wrap {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  vertical-align: top;
  position: relative;
}
.input_wrap input {
  border: 1px solid #424242;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: normal;
  height: 38px;
}
.input_wrap button {
  background: none;
  border: none;
  outline: none;
  position: absolute;
  top: 10px;
  right: 5px;
  width: 28px;
}

/*	================================
			Banner section
	================================*/

.banner {
  position: relative;
  float: left;
}
.banner img {
  width: 100%;
  float: left;
}

/*	========================================
		Upcomming Events section starts here
  	========================================*/

.upcomming_events {
  text-align: center;
  padding: 30px 0;
}
.upcomming_events h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #ff9900;
  font-weight: bold;
  padding-bottom: 15px;
}
.upcomming_events h2 {
  font-size: 28px;
  color: #000;
  padding: 20px 0;
  font-weight: bold;
}
.upcomming_events h2 span {
  display: block;
  font-weight: normal;
  font-size: 26px;
  padding-top: 10px;
}

.scroller_sec .col-lg-6 {
  border-top: 1px solid #8e8e8e;
}
.scroller_sec .col-lg-6:first-child {
  border-right: 1px solid #8e8e8e;
}
.scroll_div {
  padding: 30px 15px 20px 15px;
  height: 500px;
}
.scroll_div h3 {
  font-size: 30px;
  color: #ff9900;
  font-weight: bold;
  text-align: left;
  padding-bottom: 10px;
}
.scroll_div h4 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px 0 10px 0;
}
.scroll_div h4 span {
  text-transform: capitalize;
  display: block;
  padding-top: 6px;
}
.scroll_div p {
  font-size: 19px;
  font-weight: normal;
  line-height: 30px;
  padding-bottom: 30px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #8e8e8e;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #8e8e8e;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #8e8e8e;
}

/*	==========================================
		Inner pages section starts here
  	==========================================*/

.common_head {
  color: #424242;
  text-transform: uppercase;
  font-size: 30px;
  float: left;
  width: 100%;
  font-weight: bold;
  padding: 20px 0;
}
.contact-textarea:focus{
  outline: unset;
}
.footer-a-div a:focus {
    color: #fff;
}
.border_box {
  border: 1px solid #ccc;
  padding: 30px 15px;
  margin-top: 20px;
}
.border_box h3 {
  color: #000;
  font-size: 22px;
  display: inline-block;
  font-weight: bold;
}
.slide_bx {
  position: relative;
}
.slide_bx h3 {
  font-size: 15px;
  text-align: center;
  padding: 15px 0;
  width: 100%;
}
.slide_bx.full-width {
  padding: 15px 40px;
}
.slide_bx .owl-prev {
  float: left;
  margin-left: -30px;
}
.slide_bx .owl-next {
  float: right;
  margin-right: -30px;
}
.slide_bx .owl-nav {
  position: absolute;
  width: 100%;
  top: 34%;
}
.slide_bx .owl-nav img {
  max-width: 20px;
}

/*	========================================
			Footer section starts here
  	========================================*/

footer {
  background: #424242;
  text-align: left;
  margin-top: 30px;
  padding-top: 30px;
}
footer p {
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  padding-bottom: 20px;
  line-height: 22px;
}

.footer_logo {
  float: left;
  width: 140px;
  padding-left: 30px;
  margin-right: 30px;
}
footer ul li {
  list-style: none;
  color: white;
  font-size: 15px;
  padding: 7px;
}
footer ul li a,
footer ul li a:hover {
  color: #fff;
}
.copyright_div {
  background: #d4142d;
  text-align: center;
  margin-top: 20px;
}
.copyright_div p {
  color: #fff;
  font-size: 15px;
  padding: 20px 0;
  float: left;
  width: 50%;
}

.cent_head h3 {
  font-size: 30px;
  color: #000;
  float: left;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 40px 0 30px 0;
}

.cent_head h4 {
    color: #424242;
    font-size: 30px;
    float: left;
    width: 100%;
    font-weight: bold;
    padding: 40px 0;
}

.side_nav ul li {
  list-style: none;
  display: block;
}
.side_nav ul li a {
  display: block;
  color: #605f5e;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 500;
}

.side_nav ul li > ul {
  padding-left: 30px;
}
.side_nav ul li > ul li a {
  font-size: 15px;
  font-weight: normal;
}
.cate_list a {
  margin-bottom: 30px;
}
.cate_list .outer-presult-div {
  margin-bottom: 30px;
}
.cate_list a img {
  width: 100%;
  float: left;
}
.cate_list .inner-presult-div img {
  width: 100%;
  float: left;
}
.txt {
  background: #ff9900;
  min-height: 50px;
  float: left;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
.txt p {
  color: #000;
  font-size: 15px;
  padding-top: 15px;
}
.txt.lngt p {
  padding-top: 9px;
}
.cent_head h3 span {
  font-weight: normal;
  font-size: 20px;
}
.side_nav a.active {
  color: #000;
}
.shopC_list a {
  margin-bottom: 30px;
}
.shopC_list a h3 {
  color: #000;
  text-align: center;
  font-weight: bold;
  line-height: 21px;
  padding-bottom: 4px;
  font-size: 14px;
}

.shopC_list a span {
  display: inline-block;
  color: #000;
  font-size: 12px;
  border-right: 1px solid #000;
  padding: 0 10px;
}
.full-width.text-center span:last-child {
  border: none;
}
.shopC_list a p {
  font-size: 12px;
  color: #000;
  padding-top: 10px;
  text-align: center;
  line-height: 17px;
  display: inline-block;
  font-weight: normal;
}

.pagination_sec {
  text-align: center;
  padding-top: 30px;
}
.pagination_sec a {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 7px 10px;
  color: #424242;
  font-size: 13px;
}
.pagination_sec a:hover,
.pagination_sec a.active {
  border: 1px solid #ff9900;
  color: #ff9900;
}

.explr_page {
  padding-top: 40px;
}
.explrd_img {
  /*border: 1px solid #ccc;*/
  padding: 30px;
  margin-bottom: 30px;
}
.explrd_img img {
  width: 100%;
}
.shop_explore {
  text-align: center;
}
.shop_explore h3 {
  float: left;
  width: 100%;
  font-size: 30px;
  color: #000;
  font-weight: bold;
}
.shop_explore h3 span {
  display: block;
  font-weight: normal;
  font-style: italic;
  font-size: 25px;
  padding-top: 5px;
}
.shop_explore .full-width.text-center span {
  font-size: 18px;
  border-right: 1px solid #000;
  padding: 0 15px;
  margin-top: 15px;
  display: inline-block;
}
.shop_explore .full-width.text-center span:last-child {
  border: none;
}
.shop_explore .full-width.text-center span:first-child {
  font-weight: normal;
}
.shop_explore p {
  font-weight: normal;
  line-height: 22px;
  padding: 15px 20px;
  font-size: 17px;
}
.shop_explore button {
  border: 1px solid #605f5e;
  background: #fff;
  color: #605f5e;
  padding: 15px 30px;
  text-transform: uppercase;
  margin: 10px 10px;
  font-size: 18px;
}
.shop_explore button.ad_cart {
    background: #ffc62e;
    border-color: #333333;
    color: #333333;
    font-weight: bold;
    height: 37px;
    font-size: 13px;
}
.shop_explore button.ad_cart:hover {
  text-decoration: underline;
}

.widthDyna {
  width: calc(100% - 120px);
  float: left;
}
.widthDyna img {
  display: inline-block;
  vertical-align: middle; 
  padding: 0px;
  max-width: 115px;
      border: 6px solid #fff;
}
.widthDyna h3 {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  font-weight: bold;
  font-size: 18px;
}
.widthDyna .price {
     float: right;
    padding-top: 46px;
    font-size: 18px;
}
.inpNbutton {
  float: left;
  width: 120px;
}
.inpNbutton input {
  width: 31px;
  height: 31px;
  text-align: center;
  margin-top: 41px;
  margin-left: 22px;
}
.inpNbutton button.add {
  float: right;
  background: #ffc62f;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 13px;
  border: none;
  padding: 8px;
  height: 31px;
  margin-top: 41px;
}

button,
input {
  outline: none !important;
}
.ad_file {
  margin-bottom: 30px;
}
.widthDyna input {
  max-width: 400px;
  float: left;
  padding: 10px 15px;
  border: 1px solid #ccc;
  margin-top: 34px;
  font-weight: normal;
}
.del_items {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 30px;
      margin-bottom: 30px;
}

button.del {
  background: no-repeat;
  border: none;
  width: 46px; 
  float: right;
}

h3.subtot {
  float: left;
  padding: 20px 0;
  font-size: 20px;
}
h3.subtot span {
  display: block;
  font-weight: bold;
  font-size: 35px;
  padding-top: 10px;
}
.checkout {
  float: right;
  background: #ffc62f;
  color: #333333!important;
  width: 100%;
  display: inline-block;
  height: 37px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
  line-height: normal;
  border: 1px solid #333333;
  max-width: 170px;
  min-width: 126px;
}
.btn-custom{ 
  background: #ffc62f;
  color: #333333!important;
  width: 100%; 
  height: 37px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
  line-height: normal;
  border: 1px solid #333333;
  max-width: 170px;
  min-width: 126px;
}
.btn-custom:hover {
  text-decoration: underline !important;
}
.bread_crumbs a {
  color: #605f5e;
  font-weight: normal;
  font-size: 18px;
  padding: 0 15px;
  display: inline-block;
  border-right: 1px solid #605f5e;
}
.bread_crumbs a:last-child {
  border-right: none;
}
.bread_crumbs a.active {
  color: #000;
}
.quick_entry.with_orders hr {
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
}
.quick_entry.with_orders .inpNbutton {
  padding-top: 10px;
  width: 250px;
}
.quick_entry.with_orders .widthDyna {
  width: calc(100% - 250px);
  float: left;
}

.quick_entry.with_orders .inpNbutton button,.quick_entry.with_orders .inpNbutton .button {
  width: 126px;
  float: right;
  border: 1px solid #ccc;
  margin-top: 10px;
  background: #fff;
  color: #424242;
  font-weight: normal;
  font-size: 14px;
  padding: 8px 10px;
  text-align: center;
}
.my_account .widthDyna img {
  max-width: 182px;
  border: none;
  padding: 0;
}
.customer_details {
  display: inline-block;
  vertical-align: middle;
  /*padding-left: 30px;*/
}
.num_id {
  margin: 0 -15px;
}
.num_id span {
  font-size: 17px;
  font-weight: normal;
  padding: 0 15px;
  border-right: 1px solid #ccc;
}
.num_id span:last-child {
  border-right: none;
}
.customer_details h4 {
  font-size: 30px;
  font-weight: bold;
  padding: 10px 0;
}

.customer_details p {
  font-size: 21px;
  font-weight: normal;
  line-height: 26px;
}

.quick_entry.with_orders .my_account .inpNbutton {
  padding-top: 30px;
}

.text_nly .widthDyna h3 {
  padding: 28px 0 5px 0;
  font-weight: normal;
}
.quick_entry.with_orders .text_nly hr {
  margin: 25px 0 0 0;
}

.checkout_page h3 {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  padding: 15px 0;
}

.checkout_page input[type="text"], .checkout_page input[type="password"] {
  padding: 10px 15px;
  border: 1px solid #ccc;
  font-weight: normal;
  margin: 15px 0;
}
.right_calc ul li {
  list-style: none;
  font-weight: normal;
  padding: 10px 0;
  display: block;
  font-size: 17px;
}
.right_calc ul li b {
  font-size: 22px;
}
.right_calc ul li span {
  float: right;
}

ul.sec_ul li {
  float: left;
  width: 100%;
}
ul.sec_ul li span {
  width: auto;
  /* width: 243px; */
}
ul.sec_ul li span label {
  line-height: 32px;
  font-weight: normal;
}
ul.sec_ul li span input[type="radio"] {
  margin-top: 0;
}
.price_bold span {
  font-size: 50px;
  font-weight: bold;
}
.price_bold b {
  padding-top: 15px;
  display: inline-block;
}

.right_calc hr {
  float: left;
  width: 100%;
}
.cards {
  text-align: right;
}
.cards a {
  display: inline-block;
  width: 60px;
  margin: 15px 0;
}
button.place_order {
  float: left;
  width: 100%;
  padding: 25px 15px;
  border: none;
  font-size: 24px;
  text-transform: uppercase;
  color: #000;
  background: #ffc62f;
  margin: 20px 0;
}

.new_form input[type="checkbox"] {
  display: none;
}

.new_form input[type="checkbox"] + label {
  background: url(../images/icons/checkbox.png) left top no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0 0 0 0px;
  background-size: 100% 100%;
  margin-left: 40px;
  margin-top: 10px;
  position: relative;
  top: 3px;
}
.new_form input[type="checkbox"]:checked + label {
  background: url(../images/icons/checkbox_active.png) left top no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0 0 0 0px;
  background-size: 100% 100%;
}
.ship_check label {
  margin: 15px 0 0 0;
  font-size: 22px;
}

.sec_ul input[type="radio"] {
  display: none;
}

.sec_ul input[type="radio"] + label {
  background: url(../images/icons/radio.png) left top no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0 0 0 0px;
  background-size: 100% 100%;
  margin-left: 0px;
  margin-top: 10px;
  position: relative;
  top: 3px;
}
.sec_ul input[type="radio"]:checked + label {
  background: url(../images/icons/radio_active.png) left top no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0 0 0 0px;
  background-size: 100% 100%;
}
select.moq {
  border: 1px solid #605f5e;
  background: #fff;
  color: #605f5e;
  padding: 15px 30px;
  text-transform: uppercase;
  margin: 10px 10px;
  font-size: 18px;
  vertical-align: inherit;

  appearance: menulist !important;
  -webkit-appearance: menulist !important;
  -ms-appearance: menulist !important;
  -moz-appearance: menulist !important;
}
.product-details .alert{ text-align: left; } 

.product-details .alert span{ margin-top:0px !important; border: none !important; width:82%; }
 
.view_cart{ width:18%; float: right; line-height: 1.5;}

button.ad_cart.processing:after, button.add_to_cart_btn.processing:after {border: 3px solid #c00e25; /* border-top: 5px solid #c00e25; */ /* border-radius: 15%; */ width: 13px; height: 13px; animation: spin 2s linear infinite; content: ""; position: absolute; margin: 3px 0 0 10px; background: #424242; }


.widthDyna input{ float: right !important; padding: 0 !important; margin-top: 41px !important; }

.inpNbutton{ float: right !important; width: auto !important; max-width: 250px; }

.inpNbutton button.add { margin-left: 10px; }

.widthDyna .total { float: right; padding-top: 48px; font-size: 18px; padding-left: 20px;
  padding-right: 10px; }

h3.subtot{ float:right !important; }

.vdi-empty-cart h3{ padding: 20px 0; font-size: 20px; }

.widthDyna-new{ margin-top: 20px;}

.update{ float: right; background: #ffc62f; padding: 10px 30px; border: none; font-size: 20px; font-weight: bold; }
  
.sub-total{ display: inline-block; }

.update.processing:after {border: 3px solid #c00e25; /* border-top: 5px solid #c00e25; */ /* border-radius: 15%; */ width: 13px; height: 13px; animation: spin 2s linear infinite; content: ""; position: absolute; margin: 3px 0 0 10px; background: #424242; }

@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 

/*button.delele_item {background: no-repeat !important; border: none !important; width: 46px !important; margin-top: 40px; float: right; }*/

/*  .cart-wrapper {position: relative;}*/

.cart-loader{position:absolute; background-image:url('https://web.varietydistributors.com/public/images/clock.png'); background-size:auto; background-position: center; background-repeat: no-repeat; opacity: 0.8; top: 0; right: 0; bottom: 0; left: 0; z-index:9; display: none; } 

.cart_p h3 {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: bold;
  text-align:center;
}
.cart_p h3 span {
    display: block;
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    padding-top: 5px;
}
.cart_p .full-width.text-center span:first-child {
    font-weight: normal;
}
.cart_p .full-width.text-center span {
    font-size: 14px;
    padding: 0 15px;
    margin-top: 0px;
    display: inline-block;
}
.cart_p .explrd_img {
  margin-bottom:11px;
}
.cart_p h4 {
  font-weight:bold;
}
.cart_p h4 span {
  text-decoration:line-through;
}

.cart_p .mobile-cart-h4 {
  float: left;
  width: 100%;
}

.vt button.ad_cart {
    background: #ffc62e;
    border-color: #ffc62e;
    color: #000;
    font-weight: bold;
}

.vt button {
    border: 1px solid #605f5e;
    background: #fff;
    color: #605f5e;
    padding: 9px 9px;
    text-transform: uppercase;
    margin: 15px 2px;
    font-size: 11px;
    display: inline-block;
}

.cart_p h2 {
    font-size: 14px;
    color: #050708;
    font-weight: 700;
    padding: 10px 0;
}
.cart_p h2 span {
    font-weight: 400;
    color: #737373;
    text-decoration: line-through;
    padding-left: 5px;
}
.cart_p .full-width > label {
    font-size: 14px;
    text-transform: capitalize;
    padding-top: 13px;
    padding-bottom: 10px;
}
.cart_p .price {
    font-size: 18px;
    font-weight: 700;
    color: #000222;
    display: block;
    width: 100%;
  padding-top:15px !important;
}

.summary_design h1 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    background: #424242;
    padding: 15px;
    text-align: center;
}
.summary_box {
    background: #f1f1f1;
    text-align: center;
    padding-bottom: 22px;
}
.summary_box ul li {
    list-style: none;
    padding: 15px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
    border-bottom: 1px dashed #999;
    text-align: left;
    float: left;
    width: 100%;
}
.summary_box ul li span {
    font-size: 15px;
    float: right;
}
.bold_text {
    font-weight: 700 !important;
    padding: 22px 10px !important;
}
.summary_box label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
    display: block;
    padding: 15px 0 5px 0;
}
.white_bx {
    background: #fff;
    margin-top: 9px;
}
.fifty {
    float: left;
    width: 50%;
    text-align: center;
}
.fifty input {
    display: inline-block;
    position: relative;
    top: 14px;
}
.summary_box a {
    float: left;
    width: 100%;
    padding: 14px 15px;
    border: none;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}
.gold2 {
    background: #ffc62e;
    border: 1px solid #333333!important;
    font-weight: bold;
    color: #333333!important;
    font-size: 13px!important;
}
.silver {
    background: #ccc;
    margin-bottom: 0px;
}

.invoice table {
  float:left;
  width:100%;
}
.invoice table tr th {
  background:#ffc62f;
  padding:10px;
  color:#fff;
}
.invoice table tr td {
  background:#fff;
  padding:15px 10px;
  border-bottom:1px solid #ddd;
}
.invoice h4 {
    font-size: 25px;
}
.invoice h4 span {
    float:right;
  font-weight:bold;
}

.log ul li {
    list-style: none;
    color: #000;
    font-size: 15px;
    padding: 7px;
}
.log ul li a {
  color:#000;
}
.log .footer_logo {
  padding:0;
}
.log {
  padding-bottom:30px;
}

.member img {
  width:100%;
}
.member .w500 {
  margin-bottom:15px;
}
.member h4 {
  font-size:18px;
  font-weight:bold;
  padding:15px 0;
}
.member ul li {
    color: #575757;
    font-size: 15px;
    font-weight: normal;
    list-style: none;
    position: relative;
    padding: 4px 20px;
    line-height: 22px;
}
.member ul li:before {
  content:"";
  position:absolute;
  left:0;
  top:12px;
  background:#575757;
  width:6px;
  height:6px;
  border-radius:50%;
}
.member p {
    color: #575757;
    font-size: 15px;
    font-weight: normal;
    position: relative;
    padding: 4px 0px;
    line-height: 22px;
}
.cent_head h4 span {
  display:block;
  font-size:15px;
  color:#000;
  padding-top:20px;
}

.member input[type="text"], .member input[type="tel"], .member input[type="email"] {
    padding: 10px 15px;
    border: 1px solid #ccc;
    font-weight: normal;
    margin: 15px 0;
}

.member textarea {
    padding: 10px 15px;
    border: 1px solid #ccc;
    font-weight: normal;
    margin: 15px 0;
  min-height:200px;
  width:100%;
}
.member button {
    float: left;
    width: 100%;
    padding: 15px 15px;
    border: none;
    font-size: 17px;
    text-transform: capitalize;
    color: #000;
    background: #f79800;
    margin: 20px 0;
}
.member .ful_lab {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0;
  text-align:center;
  width:100%;
  float:left;
  background: #f79800;
  text-transform:uppercase;
  color:#000;
}

.table_over table {
  float:left;
  width:100%;
  border:1px solid #d0d0d0;
  margin:5px 0 15px 0;
}
.table_over table tr {
  border:1px solid #d0d0d0;
}
.table_over table tr td {
  font-size:15px;
  padding:10px 15px;
  border-right:1px solid #d0d0d0;
}
.cent_head h5 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 17px;
   /* margin-top: -18px;*/ /* edited for the last comment*/
   font-size:18px;
}
.cent_head p {
  font-weight:400;
  padding-bottom:15px;
}
.mbtm15 {
  margin-bottom:15px;
}
.vertical_tab ul li {
  width:100%;
  text-align:right;
  list-style:none;
  position:static;
}
.vertical_tab ul li:before {
  display:none;
}
.vertical_tab .nav-tabs > li.active > a, .vertical_tab .nav-tabs > li.active > a:hover, .vertical_tab .nav-tabs > li.active > a:focus {
    color: #767676;
    cursor: default;
    background-color: transparent;
    border:none;
    border-bottom-color: transparent;
}
.vertical_tab ul li a {
    color: #f79800;
    font-size: 16px;
    font-weight: bold;
  border:none;
  padding:2px 0;
}
.vertical_tab .tab-content {
  /*border:1px solid #858585;*/
}
.vertical_tab .nav > li > a:hover, .vertical_tab .nav > li > a:focus {
  border:none;
  background-color:transparent;
}
#sync2 .item {
  border:1px solid #6f6f6f;
  margin-top:20px;
}
#sync2 .owl-item.current .item {
  border:2px solid #000;
}
.vertical_tab .owl-carousel {
  padding-top:13px;
}
.vertical_tab .nav-tabs {
  border-bottom:none;
}

.footer-cls .nav > li > a:hover, .footer-cls .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #fff;
}

.sixelem {
  padding:0 0px;
}
.sixelem h3 {
  font-size:30px;
  color:#424242;
  font-weight:500;
  padding:30px;
}
.sixelem h3 span {
  display:block;
}
.sixelem button {
    font-size: 19px;
    font-weight: 800;
    color: #ffc630;
    background: #333;
    padding: 10px 25px;
    /* float: left; */
    border: none;
    margin-left: 30px;
  height:46px;
}
a.wi20 {
    width: 20%;
    float: left;
}
a.wi20 img {
  float:left;
  width:100%;
  padding: 5px;
}
.new_banner img {
    float: left;
    width: 100%;
}
.im_ic {
  padding-right:0;
}
.dbl_sec {
  padding:50px 30px;
}
.dbl_sec .lft h3 {
    font-size: 24px;
    color: #000;
    position: relative;
    padding: 0 0 12px 0;
  font-weight:500;
  display: inline-block;
}
.dbl_sec .lft h3:before {
  position:absolute;
  bottom:0;
  left:0;
  /* width:132px; */
  width: 100%;
  height:4px;
  background:#d4132d;
  content:"";
}

.dbl_sec .lft h4 {
  font-size:19px;
  color:#000;
  font-weight:500;
  text-transform:uppercase;
  padding:15px 0;
}
.dbl_sec .lft p {
  font-size:14px;
  color:#5d5d5d;
  font-weight:500;
  padding-bottom:15px;
  line-height:21px;
}

.dbl_sec .lft h5 {
  font-size:19px;
  color:#5d5d5d;
  font-weight:500;
  padding:15px 0 9px 0;
}
.dbl_sec .lft ul li {
    list-style: none;
    font-size: 19px;
    color: #5d5d5d;
    font-weight: 500;
    background: url(../images/icons/li_style.png) left top 8px no-repeat;
    padding: 10px 0 10px 37px;
}
.dbl_sec .lft button {
    font-size: 19px;
    font-weight: 800;
    color: #ffc630;
    background: #333;
    padding: 10px 25px;
    float: left;
    border: none;
    margin: 30px 0 0 0;
    height: 46px;
}
.w50 {
  float:left;
  width:50%;
  padding:0 10px;
  border:1px solid #f6bf30;
  margin-left:-1px;
  margin-top:-1px;
  text-align:center;
  height:225px;
}
.w50.one h4 {
  color:#080808;
  font-weight:500;
  text-transform:uppercase;
  font-size:17px;
  padding:35px 0 20px 0;
}
.w50.one h4 span {
  display:block;
}
.w50.two h4 {
  color:#080808;
  font-weight:500;
  text-transform:uppercase;
  font-size:17px;
  padding:35px 0 18px 0;
}
.w50.two h4 span {
  display:block;
  font-size:16px;
}
.w50.three h4 {
    color: #080808;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    padding: 19px 0 18px 0;
}
.w50.three h4 span {
  display:block;
  font-size:16px;
  text-transform:capitalize;
}
.w50.four {
  padding-top:5px;
}
.w50.four h4 {
    color: #080808;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    padding: 9px 0 16px 0;
}
.order-search-fillter {
  margin-bottom: 15px;
}


.probtn {
    float: right;
    position: relative;
    top: 39px;
    padding: 12px;
    background: #f79800;
    z-index: 99;
    color: #fff;
    border: none;
    margin-right: 15px;
    text-transform: uppercase;
    font-size: 15px;
}

.all_modals .modal-content {
    display: inline-block;
    width: 100%;
}
.new_help {
    padding: 10px 0 0 0;
}
.table_outer_des table tr th {
    font-size: 15px;
    padding: 10px 15px;
    border-right: 1px solid #d0d0d0;
    vertical-align: middle;
    background: #f79800;
    color: #fff;
    }
    

     .cusmod .modal-dialog {
    width: 90%; 
    }
    .sbmt {
    width: 150px !important;
    float: right !important;
    color: #fff !important;
    margin: 0 10px !important;}
    #addRow {
    float: right !important;
    width: 160px !important;
    padding: 15px 15px !important;
    font-size: 17px !important;
    color: #fff !important;
    color: #fff !important;
    margin: 0px 0 !important;}
    .likeaccor {
    font-size: 16px !important;
    font-weight: bold;
    padding: 15px 30px 15px 0 !important;
    text-align: left !important;
    float: left;
    background: #fff url(../images/icons/drop_icon.png) right center no-repeat;
    text-transform: capitalize;
    color: #000;
    margin-top: 30px;
    cursor: pointer;
}
.termcond ol {
    padding-left: 20px;
}
.termcond ol li {
    list-style: decimal !important;
    font-size: 15px;
    font-weight: normal !important;
    padding: 7px !important;
    line-height: 25px;
}
.new_help li {
    
    position: static;}
    .frmef h4 {
    text-transform: uppercase;
    text-decoration: underline;
}
.new_help h4 {
    text-align: center;
    padding-top: 20px;
}
.member h4 {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0;
}
.termcond ul {
    padding-top: 37px;
}
.member ul li {
    color: #575757;
    font-size: 15px;
    font-weight: normal;
    list-style: none;
    position: relative;
    padding: 4px 20px;
    line-height: 22px;
}
.termcond ul li span {
    text-decoration: underline;
    display: block;
    font-weight: bold !important;
    padding-top: 20px;
    text-transform: uppercase;
}
.new_help li {
    list-style: none;
    font-weight: bold !important;
    padding: 4px 0 !important;
}
.new_help li:before{content: none !important; }
.table_over table tr td a {
    color: #000;
}

/**
  Scanner styles
*/
.for_mob {
  display:none;
}
.text_center_mb_5 {
  text-align: center;
  margin-bottom: 5px;
}

.table_over table tr td a:hover {
  text-decoration: underline !important;
}

.srch-inp {
    border: 1px solid #424242;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: normal;
    height: 38px;
}
.srch-btn{
    background: none;
    border: none;
    outline: none;
    position: absolute;
    top: 20px;
    right: 5px;
    width: 28px;
    margin-right: 9em;
}
.srch-form{
    margin-right: 9em;
  margin-top: 10px;
}

.product-accordion-divider {
  display: block;
    content: "";
    width: 97%;
    height: 1px;
    background: #000;
    margin: 5px auto;
    border: none;
}

div.product_parent {
  float: left;
  width: 100%;
  text-align: center;
}

div.product_parent .panel.panel-default {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; 
  margin-bottom: 0;
}

div.product_parent .panel.panel-default .panel-heading {
  background: none;
  border: 0;
}

.panel-title-custom-style {
  background: #ffc62f!important;
    color: #333333!important;
    border: 1px solid #333333!important;
    height: 37px !important;
    width: 125px;
    border-radius: 0;
    display: inline-block;
    line-height: normal;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}

/*  ================================
      Media Query section
    ================================*/


@media (min-width: 1400px) {

  .offer_slider li img {

    height: auto;

  }
  .w50.two h4 , .w50.one h4 { font-size:25px; }
  .w50.two h4 { padding-bottom:19px; }
  .w50.three h4 { font-size:29px; }
  .w50.four h4 {font-size: 24px; padding: 14px 0 18px 0;}
  .w50 { height:272px; }
  .w50.four {
      padding-top: 2px;    remove
  }
  .dbl_sec .lft {
    padding-top: 79px;}

} /* end query */

@media (min-width: 1380px) {
  .offer_slider li img {
    height: auto;
  }
} /* end query */

@media (min-width: 1024px) {
  .premium_width {
    width: 996px;
  }
} /* end query */

@media (min-width: 768px) {
  .navigation .navbar-collapse,
  .navigation .container-fluid {
    padding: 0;
  }
  .navigation .navbar-nav {
    float: right;
  }
  .srrr { padding:0; }
} /* end query */

@media (max-width: 1200px) {
.sixelem button { font-size:17px; }
.sixelem h3 { font-size:24px; padding:25px; }


} /* end query */

@media (max-width: 1024px) {

  .for_mob { display:block; float:left; }
  .for_mob a {
    background: #ffc62f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    height: 46px;
    width: 146px;
    margin: 0px 0px 20px 0px;
    border: 1px solid #333333!important;
    float:left;
    color:#000;
    text-align:center;
    padding:15px 8px 8px 8px;
  }
  .search_pr {
    width:calc( 100% - 25px ) !important;
    float:left;
  }
  .cst_space {
    width:100%;
    padding:15px;
  }
  .cst_space h1 {
    font-size: 23px;
    font-weight: 600;
    padding-bottom: 15px;
  }
  .inline_btn button {
    margin: 15px 0 0 0;
    background: #ffc62f;
  }
  .search_bx { width:60% !important; }


} /* end query */

@media (max-width: 992px) {
  .dbl_sec .lft { padding-bottom:30px; }
  
  .w50 { height:253px; }
  .navigation .navbar-default .navbar-nav > li > a {
    font-size: 12px;
    padding: 19px 8px;
  }
  .logo a img {
    max-width: 178px;
  }
  .upcomming_events h2 {
    font-size: 20px;
  }
  .upcomming_events h2 span {
    font-size: 18px;
  }
  .footer_logo {
    padding-left: 0;
  }
  .widthDyna {
    width: 100%;
  }
  .widthDyna img {
    display: block;
    margin: 0 auto;
  }
  .widthDyna h3 {
    padding: 15px 0;
    text-align: center;
    display: block;
  }
  .widthDyna .price {
    float: none;
    display: block;
    text-align: center;
    padding-top: 6px;
  }
  .inpNbutton {
    text-align: center;
    width: 100%;
  }
  .inpNbutton button.add,
  .inpNbutton input {
    float: none;
    display: inline-block;
    margin: 18px 5px 15px 5px;
    vertical-align: top;
  }
  .widthDyna input {
    float: none;
    margin: 0 auto 10px auto;
    display: block;
  }
  button.del {
    float: none;
    display: inline-block;
    margin: 18px 5px 15px 5px;
  }
  .quick_entry.with_orders .widthDyna {
    width: 100%;
  }
  .quick_entry.with_orders .inpNbutton {
    width: 100%;
  }
  .quick_entry.with_orders .inpNbutton button {
    float: none;
    display: inline-block;
    margin: 10px 15px 0 15px;
  }
  .customer_details {
    width: 100%;
    text-align: center;
    float: left;
    padding-top: 25px;
  }
  .right_calc ul li {
    font-size: 13px;
  }
  ul.sec_ul li span {
    width: 194px;
  }
  .ship_check label {
    font-size: 18px;
  }
  .invoice { overflow-x:scroll; }
  .invoice table { width:992px; }
  
  .im_ic { padding:25px 0 0 0; }
  .sixelem { text-align:center; }
.sixelem button { float:none; display:inline-block; margin-left:0; }
  
.table_outer_des { overflow-x:scroll; }
.table_outer_des table { width:1000px; }
  .search_pr , .search_bx { width:100% !important; }
  .search_bt {
    width: 25%;
    float: left!important;
    margin-left: 10px;
  }
} /* end query */

@media (max-width: 800px) {
} /* end query */

@media (max-width: 768px) {
} /* end query */

@media (max-width: 767px) {
  .logo {
    text-align: center;
  }
  .logo a {
    position: static;
  }
  header {
    height: auto;
    min-height: 279px;
  }
  header.color_mode:before {
    height: 220px;
  }
  header.color_mode:after {
    height: 100%;
    z-index: -2;
  }
  .top_section {
    text-align: center;
  }
  .navigation .navbar {
    min-height: 0;
    margin-bottom: 0;
    margin-top: 1px;
    text-align: center;
  }
  .navbar-default .navbar-toggle {
    margin: 18px auto;
    display: block;
    float: none;
  }
  .navigation .navbar-default .navbar-nav > li > a {
    font-size: 15px;
    padding: 15px;
  }
  .scroller_sec .col-lg-6:first-child {
    border-right: none;
  }
  .input_wrap,
  .form_field select {
    float: left;
    width: 46%;
    max-width: 48%;
    margin: 2%;
  }
  .form_field > button {
    display: block;
    margin: 0 auto;
  }
  .shop_explore h3 {
    font-size: 23px;
  }
  .shop_explore h3 span {
    font-size: 18px;
  }
  .quick_entry {
    padding-top: 30px;
  }
  .side_nav,
  .common_head {
    text-align: center;
  }
  .side_nav ul li > ul {
    padding-left: 0;
  }
  .cent_head h4 {
    font-size:24px;
  }
  .table_over {
    overflow-x:scroll;
  }
  .table_over table {
    width:767px;
  }
  .vertical_tab ul li { width:auto; }
  .srrr { padding:0 15px; }
  .search_pr { width:100% !important; }
  
} /* end query */

@media (max-width: 700px) {
}

@media (max-width: 667px) {
} /* end query */

@media (max-width: 627px) {
} /* end query */

@media (max-width: 568px) {
  .w500 { width:100%; }
} /* end query */

@media (max-width: 562px) {
  .top_section p {
    display: block;
    margin-bottom: 30px;
  }
  header.color_mode:before {
    height: 266px;
  }
  .footer_logo {
    width: 116px;
  }
   .w50 { height:auto; width:100%; margin-left:0; }
} /* end query */

@media (max-width: 480px) {
  .for-small {
    width: 100%;
  }
  .probtn {
    top: 0;
  }
  .footer_logo {
    width: 100%;
    margin-bottom: 20px;
  }
  .shopC_list a img {
    width: 120px;
    display: block;
    margin: 0 auto;
  }
  .shop_explore {
    padding-top: 25px;
  }
  h3.subtot {
    width: 100%;
    text-align: center;
  }
  .checkout {
    float: none;
    display: block;
    margin: 0 auto;
  }
} /* end query */

@media (max-width: 375px) {
  .input_wrap,
  .form_field select {
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 5px 0;
  }
} /* end query */

@media (max-width: 360px) {
  .vl {
    width: 100%;
  }
  .top_section a {
    width: 90px;
  }
  .right_calc ul li span {
    padding: 12px 0;
    width: 100%;
  }
  ul.sec_ul li span {
    width: 100%;
  }
  .ship_check label {
    font-size: 16px;
  }
} /* end query */

@media (max-width: 320px) {
  .top_section a {
    width: 89px;
  }
} /* end query */
.sm-btn-yellow {
  float: right;
    background: #ffc62f;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    border: none;
    padding: 8px;
    height: 31px;
    margin-top: 41px;
    margin-left: 10px;
    color: #000;
    line-height: normal;
}

.pt-40 {
  padding-top: 40px;
}
.md-image {
      width: 50%;
    margin: 0 auto;
}
.save-order-list .row >[class^="col"] > span.custom_title {
  display:inline-block;
  padding-top: 10px;
}
.save-order-list .row {
  padding-bottom: 15px;
}
.order-saved-wrap{ 
    padding-top: 15px;
  }
.order-saved-wrap h3 , .order-saved-wrap span.price{
    margin-top: 10px;
    display: inline-block;
} 
.order-saved-wrap input {text-indent: 5px;}
 
/*  .csv_products .cart-item h3, .csv_products .cart-item span.total, .csv_products .cart-item span.price{
    padding-top: 10px; 
    display: inline-block;
 } 
 */ 
 .csv_products .cart-item input{
      height: 35px;
      text-indent: 5px;
}

.suggested-action-block span.dolar {
  
}

/*****************2018-12-30***************/
.common_cont {
    color: #333333;
    text-transform: none;
    font-size: 14px;  
    font-weight: normal;
    padding: 5px 0;
}
.file_bg { padding:12px; 
    background: #ecf0f1;
}

.file_bg1 { padding:12px 12px 43px 12px; 
    background: #ecf0f1; 
}

.pr_img{ width:115px; float:left;}

.pr_con{ width:60%; float:left;  display: inline-block;
    vertical-align: middle;
  padding: 33px 0px 0px 0px;
  }

.widthDyna_id{ 
    vertical-align: middle; 
    font-weight: normal;
    font-size: 16px;
  color:#333333;
  padding:8px 0px 0px 20px;
  text-align:left;
}

.sub_head {
    color: #ff9900;
    text-transform: none;
    font-size: 19px;
    float: left;
    width: 100%;
    font-weight: bold;
    padding: 35px 0px 10px 0px;
}


.inpNbutton1 {
  float: left;
  width: 225px;
}

.inpNbutton1 input {
    width: 77px;
    height: 37px;
    text-align: center;
    margin-top: 36px;
    margin-left: 22px;
  border:1px solid #333333;
}

.inpNbutton2 {
  float: left;
  width: 225px;
}

.inpNbutton2 input {
    width: 77px;
    height: 37px;
    text-align: center;
    margin-top: 36px;
    margin-left: 22px;
}

.search_bx{ width:80%; float: left}
.search_pr { width: 100%;
    height: 46px;
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 15px;
  border:1px solid #333333;
    
}
.search_bt{ width:17%; float: right}
button.search { 
    background: #ffc62f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px; 
    height: 46px;
    width: 100%;
    margin:0px 0px 20px 0px; 
    border: 1px solid #333333!important;
}

.inpNbutton1 button.add {
    float: right;
    background: #ffc62f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border: none;
    padding: 8px;
    height: 37px;
  width:71px;
    margin-top: 36px;
  border:1px solid #333333;
}

.inpNbutton2 button.upload {
    float: right;
    background: #ffc62f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border: none;
    padding: 8px;
    height: 37px;
  width:85px;
    margin-top: 35px;
  border:1px solid #333333;
}
.close_icon{ float:right; margin: 44px 0px 0px 18px;}
.close_icon1{ float:right; margin: 43px 0px 0px 18px;border: 0;
    background: transparent;}

.supported_file{ font-size:14px; font-style:italic; padding:5px 0px 0px 0px;}

.hr{ border-top:1px solid #000;}

.select_file{
    width: 250px !important;
    margin:30px 0px 0px 0px;
  padding:0px;
   
}
   .inpNbutton button.add {
    float: right;
    background: #ffc62f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border: none;
    padding: 8px;
    height: 37px;
    width: 71px;
    margin-top: 41px;
    border: 1px solid #000;
}
.inpNbutton input {
    width: 77px;
    height: 37px;
    text-align: center;
    margin-top: 41px;
    margin-left: 22px;
    border: 1px solid #333333;
}
.widthDyna {
    width: calc(86% - 120px);
    float: left;
}
@media (max-width: 1200px) {
.widthDyna {
    width: 69%;
    float: left;
}

.pr_con {
    width: 44%;
    float: left;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}
.widthDyna h3 { text-align:left; padding:10px 0px 0px 0px; 
    font-size: 16px;
}
.widthDyna_id { 
    font-size: 14px; 
    padding: 8px 0px 0px 0px;
    text-align: left;
}
.widthDyna img { 
    border: 4px solid #fff; 
    max-width: 90px;
  margin:0px;
}

.inpNbutton {
    float: left;
    width: 123px;
}
.inpNbutton input {
    width: 40px;
    height: 37px; 
  margin: 18px 5px 15px 5px;
}
.inpNbutton button.add { 
    width: 47px;
  margin: 18px 5px 15px 5px;
 
}

.inpNbutton1 {
    float: left;
    width: 144px;
}
.inpNbutton1 input {
    width: 40px;
    height: 37px; 
  margin: 18px 5px 15px 5px;
}
.inpNbutton1 button.add { 
    width: 47px;
  margin: 18px 5px 15px 5px;
 
}

.inpNbutton2 {
    float: left;
    width: 145px;
}

.widthDyna .price {
    float: none;
    display: block;
    text-align: center;
    padding-top: 26px;
}
.pr_img {
    width: 105px;
    float: left;
}

.close_icon {
    float: right;
    margin: 25px 0px 0px 12px;
}
}

@media (max-width: 767px) {
  .pr_img {
    width: 100%;
    float: none;
    display: inline-block;
}

  .pr_con {
    width:100%;
    float:  none;
    display: inline-block;
    vertical-align: middle;
    padding: 20px 0px 0px 0px;
}
.widthDyna {
    width: 100%;
    float: none;
}
.widthDyna img {
    border: 4px solid #fff;
    max-width: 115px;
    margin: 0px auto;
    text-align: center;
}
  .widthDyna h3 { 
    padding: 15px 0px 0px 10px; 
    text-align: center; 
    display: block;
  font-size:16px;

  }
  .widthDyna_id{  
  text-align: center; padding:10px 0px 15px 0px
}

.sub_head { 
    padding: 35px 0px 10px 15px;
}

.pr_img {
    width: 100%;
    float: none;
    display: inline-block; text-align:center;
}

.inpNbutton {
    float: none;
    width: 189px;
    margin: 0px auto;
}
.inpNbutton input {
    width: 77px;
    height: 37px;
    text-align: center;
    margin-top: 41px;
    margin-left: 22px;
    border: 1px solid #333333;
}

.inpNbutton button.add {
    width: 77px;
}

.inpNbutton1 {
    float:  none;
    width:220px;
  margin:0px auto;
}
.inpNbutton1 input {
    width: 77px;
    height: 37px; 
  margin: 18px 5px 15px 5px;
}
.inpNbutton1 button.add { 
    width: 77px;
  margin: 18px 5px 15px 5px;
 
}

.inpNbutton2 {
    float:  none;
    width:136px;
  margin:0px auto;
}
.inpNbutton2 input {
    width: 77px;
    height: 37px; 
  margin: 18px 5px 15px 5px;
}
.inpNbutton2 button.add { 
    width: 77px;
  margin: 18px 5px 15px 5px;
 
}


  .search_bx {
    width: 100%;
    float: left;
  }

  .search_bt {
    width: 200px;
    float: none !important;
    display:inline-block;
    vertical-align:middle;
    margin-left:0 !important;
  }
  .srrr { text-align:center; }
  .for_mob { float:none; display:inline-block; vertical-align:middle; }
  .for_mob a { width:200px; float:none; display:inline-block; padding-top:16px;  color:#000; }

}
.btn {
   background: #ffc62f;
    text-transform: uppercase;
      border-radius: 0;
    width: 127px;
    height: 37px;
    font-weight: bold;
    font-size: 13px;
    border: none;
    color: #333333!important;
    border: 1px solid #333333!important; 
    padding: 10px;
}  
#sliderBanner.owl-carousel {
  z-index: -1 !important;
}
.moq {
    width: 77px;
    height: 37px;
    text-align: center; 
    border: 1px solid #333333;
}
.details-page .moq {
  margin-top: -12px;
}
.btn-edit {
      background: #ffc62f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border: none;
    padding: 8px;
    height: 37px;
    width: 71px; 
    border: 1px solid #333333;
    color: #333333!important;
}
.btn-edit:hover {
  text-decoration: underline !important;
}
.text-input,.save-order-list input,.checkout_page .qtybox input[type="text"] {
    width: 77px;
    height: 37px;
    text-align: center; 
    border: 1px solid #333333;
        border-radius: 0;
}
.form-control,.input-group-addon {
  border: 1px solid #333333;
   color: #333333!important;
}
.input-group-addon {
   background: #ffc62f; 
}
.save-order-list .button,.save-order-list .btn  {
    background: #ffc62f!important;
    color: #333333!important;
    border: 1px solid #333333!important;
    height: 37px !important;
    font-size: 14px!important;
    font-weight: bold !important; 
    padding-top: 8px;
    width: 125px;
    border-radius: 0;
}
.myorder-wrap .quick_entry.with_orders .inpNbutton .button {
  display: inline-block;
  float: none !important;
  padding:10px!important;
}
 
.qtybox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.qtybox .product-cart-action {
    margin-left: 15px;
} 
.qtybox .product-cart-action .button{
    background: #ffc62f!important;
    color: #333333!important;
    border: 1px solid #333333!important;
    height: 37px !important;
    width: 125px;
    border-radius: 0;
    display: inline-block;
    line-height: normal;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.modal-content{border-radius: 0px !important;} 
.form-control{border-radius: 0px !important;} 
.order-search-fillter button:hover{background-color: #ffc62f !important; border: 1px solid #333333!important}
.order-search-fillter button:active{background-color: #ffc62f !important; border: 1px solid #333333!important}
.order-search-fillter button:focus{background-color: #ffc62f !important; border: 1px solid #333333!important}
.modal-footer button:hover{background-color: #ffc62f !important; border: 1px solid #333333!important}
.modal-footer button:active{background-color: #ffc62f !important; border: 1px solid #333333!important}
 
/************ 18/01/2019 **********/
.search-page .ad_file{margin-bottom:35px;width: 25%;min-height: 279px; max-height: 280px;}
.search-page .widthDyna{width: 100%;float: left; min-height: 310px; text-align: center;}
.search-page .widthDyna img{border: 4px solid #fff; max-width: 100%; margin: 0px; max-height: 250px; text-align: center;}
.search-page .widthDyna h3{ padding: 10px 0px 0px 0px;font-size:16px;text-align:center;padding-bottom: 15px;display: block;}
@media (max-width: 767px) {
 .search-page .ad_file{width: 50%!important;min-height: 175px;max-height: 175px;}
}
 
 /************ 01/05/2019 label **********/
.item-lable {}
.item-lable > span{
    display: inline-block;
    text-align: center;
    background: #ff9900;
    color: #000;
    font-size: 14px;
    padding: 12px 10px; 
    margin: 0 auto;
    width: auto;
    float: none!important;
    text-transform: none;
}

/************ 01/05/2019 quick entry page hover tooltip **********/
.like_tooltip {
  width:90%;
  min-height:257px;
  background:#fff;
  border:1px solid #ff9901;
  position:absolute;
  bottom:100%;
  left:0;
  padding:15px;
  display:none;
}
.like_tooltip:before {
  position:absolute;
  bottom: -33px;
    left: 152px;
  content:"";
  background:url(../images/icons/tooltip.png) left top no-repeat;
  width:32px;
  height:34px;
}

/*.file_bg:hover .like_tooltip {
  display:block;
}*/

.like_tooltip h3 {
  color:#050505;
  font-size:21px;
  line-height:31px;
  font-weight:600;
}
.like_tooltip h3 span {
  display:block;
  font-size:18px;
  font-weight:normal;
}
.like_tooltip .col-lg-4 {
    width: 30.333333%;
}
.like_tooltip p {
  display:block;
  font-size:18px;
  color:#050505;
  font-weight:normal;
  line-height:29px;
}



/*Hover*/
a.checkout:hover, .inpNbutton button.add:hover ,button.place_order:hover, .summary_box a:hover, .qtybox .product-cart-action .button:hover, .member button:hover,.txt p:hover, .button.btn.btn-warning.text-right:hover , button.btn:hover , .save-order-list .button:hover, .save-order-list .btn:hover , .probtn:hover, .inpNbutton2 button.upload:hover , button.search:hover , .common_head .item-lable > span:hover  /* ,.sixelem button:hover , .dbl_sec .lft button:hover*/{ text-decoration: underline !important; }
.product-block .overlap a:hover{ text-decoration: underline !important; color: #fff !important; }
.quantity-break-text{ text-align: center; }

.row.row-flax.content-center.no-gutters.second-meta {padding-right: 10%; } 

.p-single-model .inpNbutton1 {float: left; width: 150px; }
.p-single-model .inpNbutton1 a{ color:#333;  }
.p-single-model .pr_con{ padding-top: 5px;  }
.p-single-model .close_icon1{ margin-top: 35px;  }

.delete_w_list_button { color: red; }
button.confirm.btn.btn-lg.order-delete {background: #ffc62f !important; }
.content_section.full-width.details-page.product-single-page {padding-bottom: 0; }
small.checkout-page {font-size: 13px; font-weight: bold; }
small.checkout-page.recept {display: block; }

/* new styles */


.img_bx__ {
	text-align:center;
}
.img_bx__ img  {
	display:inline-block;
	max-width:300px;
}
.shop_explore__ h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
	text-align:center;
	padding-top:30px;
}
.shop_explore__ ul {
    float: left;
    width: 100%;
	text-align:center;
	padding-bottom:8px;
}
.shop_explore__ ul li {
    list-style: none;
    display: inline-block;
    padding-top: 8px;
	font-size:18px;
	vertical-align:middle;
	padding: 0 12px;
	position:relative;
}
.shop_explore__ ul li:after {
    content: "";
    height: 13px;
    width: 1px;
    background: #000;
	position:absolute;
	right:0;
	top:2px;
}
.shop_explore__ ul li:last-child:after {
	display:none;
}
.shop_explore__ ul li span {
    font-weight: normal;
}
.shop_explore__ p {
	font-weight:normal;
}
.pd_11 {
    padding: 11px 0;
}
.pdt_20 {
	padding-top:20px;
}
.pdt13 {
	padding-top:13px;
}
.inp_bx_btn {
	text-align:center;
	margin-top:35px;
}
.inp_bx_btn input[type="text"] {
	width:47px;
	height:42px;
	display:inline-block;
	float:none;
	border:1px solid #000;
	text-align:center;
}
.inp_bx_btn button {
    display: inline-block;
    background: #ffa63c;
    text-transform: uppercase;
    height: 42px;
    vertical-align: middle;
    border: 1px solid #ffa63c;
    padding: 0 15px;
	margin-left:7px;
}

.margin_calcu {
	width:100%;
	max-width:534px;
	margin:50px auto 20px auto;
}
.margin_calcu h4 {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.margin_calcu h4:after {
    display: block;
    content: "";
    width: 97%;
    height: 1px;
    background: #000;
    margin: 5px auto;
}
.margin_calcu li {
    font-size: 15px !important;
	padding:2px 0 !important;
	display:block !important;
}
.margin_calcu button {
	display:inline-block;
    font-size: 15px !important;
}
.margin_calcu li:after {
	display:none !important;
}
.margin_calcu li button {
    display: inline-block;
    background: #ffa63c;
    text-transform: uppercase;
    height: 34px;
    vertical-align: middle;
    border: 1px solid #ffa63c;
    padding: 0 8px;
    margin-left: 2px;
    font-size: 14px !important;
}

.shop_explore__ div#suggested-new-price-block {
  max-width: 363px;
  display: inline-block;
  vertical-align: middle;
}
.shop_explore__ div#suggested-new-price-block .col-md-4 {
  width: 157px;
}
.shop_explore__ div#suggested-new-price-block .col-md-8 {
  width: 80px;
  padding-top: 0;
  line-height: 0;
}

.shop_explore__ div#suggested-new-price-block .pt-10 { padding-top: 0px!important; }

.shop_explore__ .input-group-addon, .shop_explore__ .btn-edit { background: #ffa63c;}

.shop_explore__ #edit-suggested { height: auto; }

@media(max-width:767px) {
	.shop_explore__ h3 { font-size:17px; }
	.shop_explore__ ul li { font-size:14px; }
	.shop_explore__ p { line-height: 22px; font-size: 14px;}
	
}

@media(max-width:550px){
  .shop_explore__ div#suggested-new-price-block {
  margin: 15px 0;
  }
}
p.cat-expiery-date-text {
    line-height: 19px;
    padding-top: 7px;
}

@media(max-width:767px) {
.pr_img.pr_img_app {
  float: left;
  width: 120px;
  }
  .pr_con.pr_con_app {
  float: left;
  width: calc(100% - 120px);
  }
  .widthDyna.widthDyna_app h3 { text-align:left; }
  .inpNbutton1.inpNbutton1_app {
    float: none;
    width: 220px;
    margin: 15px auto;
    float: left;
    position: relative;
    left: -48px;
  }
  .inpNbutton1.inpNbutton1_app button {
    margin: 24px;
  }
  .subtot_text_app,
  .subtot_symbol_app,
  .subtot_value_app {
    width: auto;
    float: left;
  }
  .mb-5 { margin-bottom: 5px;}
}

@media(max-width:412px) {
  .inpNbutton1.inpNbutton1_app { left:0; }

}

.text-red { color: red !important;}
.text-green { color: green !important;}
.text-yellow { color: yellow !important;}
.text-black { color: black !important;}

.adj_elem .col-md-3 {
  text-align: right;
  float: right;
  margin-top: -25px;
  margin-bottom: 25px !important;
}

.adj_elem .subtot {
  display: inline-block;
  }

.checkout {
  text-transform: uppercase;
}

.explrd_img img {
height:100px;
object-fit: contain;
}

@media( max-width:992px){
  .search_bx.adj_width { width: 80% !important;}
}

@media( max-width:767px){
.adj_elem .col-md-3 { margin-top: 10px; text-align: center; }
.cv_pro .pr_con.pr_con_app { width:100% !important; }
.search_bx.adj_width {width: 100% !important;}

.cv_pro .pr_img.pr_img_app { text-align:center; width:100%; }
.cv_pro .widthDyna.widthDyna_app h3 {text-align: center;}
.cv_pro .inpNbutton1.inpNbutton1_app { float:none; display:inline-block; left: 0; }
.adj_cent { text-align:center; }
.adj_elem { text-align:center; }
.adj_elem .subtot {display: inline-block; float: none; margin-bottom: 20px;}
select.cstm_select { margin: 0 2% !important;}
}

@media( max-width:375px ) {
select.cstm_select { margin: 7px 0;}
}

@media(max-width:767px) {
  .right_calc ul li b {
    font-size: 15px;
    }
    .receipt_shipping, .receipt_total {
      font-size: 15px !important;
      }
    .price_bold span {
    font-size: 22px;
    font-weight: bold;
    text-align: right;
    }
    .price_bold b {
      padding-top: 6px;
      }
      #print_receipt { display: none;}

      .invoice::-webkit-scrollbar { -webkit-appearance: none; } 
      .invoice::-webkit-scrollbar:vertical { width: 10px; } 
      .invoice::-webkit-scrollbar:horizontal { height: 10px; } 
      .invoice::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 10px; border: 2px solid #eee; } 
      .invoice::-webkit-scrollbar-track { background-color: #eee; }
}

button.go_back_btn {
  float: left;
  width: 88px;
  border: none;
}