.hidden {
  display: none !important;
}
/*****************************************************************   Link CCS Starts *****************************************************************/
body a:visited,
body .alink:visited,
body a,
body .alink,
body a:visited,
body .alink:visited {
  color: #333333 !important;
}
/*****************************************************************   Link CCS Ends *****************************************************************/
/*****************************************************************   Header CCS Starts *****************************************************************/

.header-login {
  float: left;
  display: inline-block;
  padding-right: 5px;
}
.header-login-main {
  float: right;
  display: inline-block;
  padding-right: 5px;
  padding-top: 20px;
}
.header-login1 {
  float: left;
  display: inline-block;
  padding-right: 5px;
  padding-top: 3.5%;
}
.minicart-wrapper {
  display: none;
}
body > div.page-wrapper > header > div.panel.wrapper {
  display: none;
}
.minicart-wrapper .action.showcart .counter.qty {
  background: #8b0013;
}
body .page-header {
  border-bottom: 1px solid #e8e8e8;
}
._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
  box-shadow: 0 0 3px 1px #8b0013;
}

/*****************************************************************   Header CCS Ends *******************************************************************/

/*****************************************************************   Footer CSS Starts *****************************************************************/

.page-footer {
  text-align: center;
}

/******************************************************************* Footer CSS Ends *******************************************************************/

/*****************************************************************   Home Page CSS Starts *****************************************************************/

.home-box-cell {
  float: left;
  width: 31%;
  min-height: 420px;
  border: 1px solid #e7ebee;
  margin-right: 15px;
}
.home-box-right {
  float: right;
  width: 50%;
}
.home-box-right p {
  margin: 0px 6px 0px 0px;
  text-align: right;
  font-size: 12px;
  font-style: italic;
}
.home-box-bullet {
  list-style-image: url("../images/bulletarrow.png");
  padding-left: 16px;
}
.home-box-bullet-inner {
  list-style-image: none;
  list-style-type: none;
  padding-left: 20px;
}
ul.home-box-bullet-inner > li:before {
  content: "-";
  font-weight: bold;
}
.home-box-title {
  text-transform: uppercase;
  font-weight: bolder;
  padding: 5px 0px;
  font-size: 14px;
  color: #8b0013;
  text-decoration: underline;
}
.home-box {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 12px;
  height: auto;
  line-height: 22px;
  width: 100%;
}
.home-box-content {
  padding: 10px;
}
.home-box-full-contents {
  border-top: 1px solid #ccc;
  clear: both;
  padding-top: 5px;
}

#homepage_without_login > div:nth-child(2) > div:nth-child(3) > img {
  width: 100%;
}
#homepage_without_login > div:nth-child(2) > div:nth-child(4) > img {
  width: 100%;
}
#homepage_without_login > div:nth-child(2) > div:nth-child(5) > img {
  width: 100%;
}

.process-flow {
  color: #8b0013;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
}
.product-items.widget-product-grid
  .product-item-info
  .product-item-details
  .action.primary {
  float: right;
  margin-right: 15%;
}
@media (min-width: 1024px) {
  body.page-layout-1column .block.widget .products-grid .product-item {
    width: calc((100% - 8%) / 4);
  }
}

body > div.page-wrapper > footer > div > small.bugs {
  display: none;
}

@media(max-width:500px){
  .home-box-cell{
    width: 28%;
  }
  .header-login1{
    padding-top: 6%;
  }
  .header-login{
    padding-bottom: 4px;
  }
  .home-box-content{
    padding: 0px;
    word-wrap: break-word;
  }
  .section-item-title.nav-sections-item-title.active{
    background-color: #8b0013 !important;
  }
  }
/******************************************************************* Home Page CSS Ends *******************************************************************/

/*****************************************************************   Product Page CSS Starts *****************************************************************/
body
  #product_addtocart_form
  > div
  > div
  > div.input-custom-fields.control
  > span:nth-child(1) {
  width: 100%;
  display: inline-block;
  text-align: left;
}
body label.goodwill-tip {
  display: block;
  width: 100%;
  font-size: 12px;
}
span.goodwill-radio input {
  margin-left: 10px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 20px;
}
.price-label {
  font-size: 18px;
  font-weight: bold;
}

.input-custom-fields {
  display: inline-flex;
  width: 100%;
  margin-bottom: 3%;
}

.input-custom-fields label {
  width: 45%;
}

.input-custom-fields span {
  width: 55%;
  /*float: right;*/
}

.product-social-links {
  display: none;
}

/*#product_addtocart_form > div > div > div.input-custom-fields.control > span:nth-child(1) { width: 5%; }*/
#product_addtocart_form
  > div
  > div
  > div.input-custom-fields.control
  > span:nth-child(3) {
  width: 5%;
}

#product_addtocart_form
  > div
  > div
  > div.input-custom-fields.control
  > label:nth-child(2) {
  width: 20%;
}

#service {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}

.required-field {
  color: red;
  display: contents;
}
.product-info-main .product-info-stock-sku .stock {
  display: none;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (min-width: 992px) {
  .input-custom-fields span {
    width: 80%;
    /*float: right;*/
  }
}

/*Start Hide Zoom in and zoom out */
div.fotorama__zoom-in.zoom-in-loaded {
  display: none !important;
}
div.fotorama__zoom-out.zoom-out-loaded {
  display: none !important;
}
/*ENDS Hide Zoom in and zoom out */

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  width: 53%;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  width: 47%;
  margin-right: 0%;
}

/******************************************************************* Product Page CSS Ends *******************************************************************/
/******************************************************************* Cart Page CSS Starts *******************************************************************/
.cart-container .cart-summary #block-shipping {
  display: none;
}
.cart-container .cart.main.actions #empty_cart_button {
  display: none;
}
#shopping-cart-table
  > tbody:nth-child(3)
  > tr.item-actions
  > td
  > div
  > a.use-ajax.action.towishlist.action-towishlist {
  display: none;
}
.cart.table-wrapper .col.qty{
	text-align: center;
}


/******************************************************************* Cart Page CSS Ends *******************************************************************/
/******************************************************************* Checkout Page CSS Starts *******************************************************************/
.opc-progress-bar .opc-progress-bar-item._active:before {
  background: #8b0013;
}
.opc-progress-bar .opc-progress-bar-item._active > span:before {
  background: #8b0013;
}
.checkout-success .actions-toolbar .primary a span {
  color: #fff;
}
body .opc-wrapper .step-content {
  padding-left: 17px;
}
#rfr-comm-out {
  border-top: 1px solid #ddd;
  padding: 17px 0px 0px 17px;
  font-weight: bold;
}

.checkout-index-index .field .message.warning {
  display: none;
}
fieldset.field.validate-custom-pobox.admin__control-fields.required
  input[type="text"]:first-child {
  margin-bottom: 15px;
}

@media (min-width: 1024px) {
  span.co-red {
    display: inline-block;
    width: 100%;
    padding-left: 250px;
    margin: 0;
    padding-top: 10px;
    box-sizing: border-box;
  }

  .field.street.required span.emsg2.co-red,
  .field.street.required span.emsgpo2.co-red,
  .field.street.required span.emsgst1.co-red {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin: 0;
    padding-top: 10px;
    box-sizing: border-box;
  }

  body .form-address-edit .fieldset > .field {
    margin: 0 0 20px;
  }
  .field.street.required span.emsg22.co-red,
  span.emsg3.co-red {
    display: inline-block;
    width: 100%;
    padding-left: 250px;
    margin: 0;
    padding-top: 10px;
    box-sizing: border-box;
  }
}
/* checkout payment design credit card */
.checkout-payment-method .credit-card-types.braintree-credit-card-types img{
  width: auto;
}
.checkout-payment-method .credit-card-types{
  padding-left: 194px;
}
.payment-method-braintree .cvv {
    max-width: 100%;
}
.checkout-payment-method .ccard > .field.cvv > .control{
  width: 18%;
}
#braintree_cc_number{
  width: 50%;
}
.checkout-index-index .field.fieldset-wide._required .control {
    margin-bottom: 15px;
}
div#braintree_cc_type_cvv_div .label:after {
margin: 0px;
}
/******************************************************************* Checkout Page CSS Ends *******************************************************************/
/******************************************************************* Customer Account CSS Start *******************************************************************/
.columns .account-nav .item.current a,
.columns .account-nav .item.current strong {
  border-color: #8b0013;
}
.columns .account-nav .item .delimiter {
  border-top: none;
}
.box-actions {
  font-weight: bold;
}
.s_ordersearch {
  float: right;
}
#customerDataShare .button:hover {
  background-color: #8b0013;
  color: #fff;
}
#customerDataShare #loader-img {
  display: none;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#ChangeEmailAddressDiv {
  display: none;
  width: 125%;
  float: right;
}
#ChangeEmailAddressDiv #changeemailCustomer {
  height: 32px;
  width: 50%;
}
#ChangeEmailAddressDiv #ChangeEmailAddress,
#ChangeEmailAddressDiv #CancelEmailAddress {
  vertical-align: top;
}
#maincontent
  > div.columns
  > div.column.main
  > div.actions-toolbar
  > div.secondary
  > a {
  display: none;
}
.account .block-collapsible-nav .item.current > strong,.account .block-collapsible-nav .item.current a {
  border-color: #8b0013 !important;
}
/******************************************************************* Customer Account CSS End ******************************************************************
/******************************************************************* Sales Order View CSS Start *******************************************************************/
.custom-shipping.block {
  border: 1px solid #d1d1d1;
  overflow: hidden;
  padding: 17px 20px;
}
.custom-shipping.block .box.box-order-shipping-method {
  width: 41%;
}
body.sales-order-view
  .column.main
  .block.block-order-details-view
  .box.box-order-billing-method,
body.sales-order-shipment
  .column.main
  .block.block-order-details-view
  .box.box-order-billing-method {
  float: none;
  border: 1px solid #d1d1d1;
  padding: 17px 20px;
  width: 95.7%;
}

/* for go back button new address form */
.customer-address-form .actions-toolbar > .secondary .action.back,
.customer-account-edit .actions-toolbar > .secondary .action.back,
.sales-order-view .actions-toolbar > .secondary .action.back,
.newsletter-manage-index .actions-toolbar > .secondary .action.back,
.sales-order-shipment .actions-toolbar > .secondary .action.back,
.customization-order-viewshipment .actions-toolbar > .secondary .action.back,
.customization-order-vieworder .actions-toolbar > .secondary .action.back{
  display: block;
}

.customization-order-vieworder .customstatus, .customization-order-viewshipment .customstatus,
.customization-order-vieworder .customdate, .customization-order-viewshipment .customdate{
  position: initial !important;
}

/* for all order view page */
@media(max-width:500px){
  #customerDataShare{
    position: initial  !important;
    padding: 0 !important;
  }
  .customization-order-vieworder .customdate{
    position: absolute !important;
    top: 11% !important;
    left: 4% !important;
  }
  .order-details-items .order-title > strong{
    margin-top: 5.5rem;
  }
  .customization-order-viewshipment .customdate
  {
    position: absolute !important;
    top: 14% !important;
    left: 4% !important;
  }
}

@media(max-width:768px){
  .sales-order-view tfoot span.price {
    padding-left: 55px;
  }
.customization-order-vieworder tfoot span.price {
    padding-left: 55px;
  }
  #customerDataShare{
    position: initial  !important;
    padding: 0 !important;
  }
}
.account .order-actions-toolbar .action.print {
  display: none !important;
}
.account a.action.track span,div#track_popup_custom .track_popup_content a  {
  color: #8b0013 !important;
}
.sales-order-view ul.items.order-links{
margin-top: -0.2em;
}
.customization-order-vieworder .block-order-details-comments{
  margin-top: 40px;
}
/******************************************************************* Sales Order View CSS End *******************************************************************/

.required_field {
  font-size: 10px;
  color: #f00;
}

/******************************************************************* Address Validation- Start *******************************************************************/

.addressValidation {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 500;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 1.5em;
  overflow: auto;
}
.addressValidation ul {
  padding: 10px;
}
.addressValidation .ir-validationpopup {
  position: relative;
  background: #fff;
  border-radius: 5px;
  border: 2px solid;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
  margin: 1.5em auto;
  padding: 3em;
  width: 32em;
}

.addressValidation .ir-bclose {
  color: #fff;
  background-color: #8b0013;
  padding: 6px 8px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  width: 37px;
  cursor: pointer;
}
.ir-li-close {
  margin-top: 22px;
  text-align: center;
}
.addressValidation ul li {
  margin-bottom: 4px;
  list-style: none;
}
.addressValidation ul li input {
  margin-right: 10px;
}
.ir-close {
  font-weight: bold;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 22px;
  cursor: pointer;
  color: #8b0013;
}
/* for table allign issue address entities */
.customer-address-index .table-wrapper{ 
  white-space: nowrap;
}
/******************************************************************* Address Validation- End *******************************************************************/
/******************************************************************* Repair Notes - Start *******************************************************************/
/*#wrapper-thumbnail {display: block;margin: 0 auto; }
#content-thumbnail {display: block; background: #fff; }
.photos-thumbnail {display: block; }*/

.table-caption {
  font-weight: 300;
  line-height: 1.1;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.order-info-box {
  border: 1px solid #d0cbc1;
  padding: 12px 15px;
  margin: 0 0 15px;
}
.repairnotes {
  border: 1px solid #dddddd;
  padding: 20px;
  width: 100%;
  border-collapse: collapse;
}
.repairnotesth {
  border: 1px solid #dddddd;
  background-color: #e7ebee;
  width: 33.33%;
  text-align: left;
  padding: 8px;
  border-collapse: collapse;
  font-weight: bold;
}
.repairnotestd {
  border: 1px solid #dddddd;
  width: 33.33%;
  text-align: left;
  padding: 8px;
  border-collapse: collapse;
}
.order-info-box h2 {
  font-weight: bold;
  font-size: 13px;
}
.repair_main.table-caption {
  font-size: 1.8rem;
  border-top: 1px solid #d0cbc1;
  padding-top: 15px;
}
.repairdetailstd {
  border: 1px solid #dddddd;
  width: 14.28%;
  text-align: left;
  padding: 8px;
  border-collapse: collapse;
}
.repairdetailsth {
  border: 1px solid #dddddd;
  background-color: #e7ebee;
  width: 14.28%;
  text-align: left;
  padding: 8px;
  border-collapse: collapse;
  font-weight: bold;
}
.photos-thumbnail ul li a {
  display: block;
  float: left;
  padding: 4px;
  margin-right: 10px;
  margin-bottom: 7px;
  opacity: 0.75;
  transition: all 0.3s linear;
}
.order-info-box .photos-thumbnail .clearfix {
  list-style: none;
}
/******************************************************************* Repair Notes - End *******************************************************************/
