/* $Id$ */
/* ========================================================================== 
 
  Responsive Theme branch styles sheet 

 ========================================================================== */
/**
 * Common styles
 ========================================================================== */
.bubble-divider {
    height: 20px;
    margin: 25px auto;
    position: relative;
}
.bubble-divider:before {
    background-color: #ddd;
    content: "";
    clear: both;
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 10px;
}
.bubble-divider:after {
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    bottom: 0;
    content: '';
    display: block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.or-divider {
    height: 30px;
    margin: 15px auto;
    position: relative;
}
.or-divider:before {
    background-color: #ddd;
    content: "";
    clear: both;
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 15px;
}
.or-divider span {
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    bottom: 0;
    color: #999;
    content: '';
    display: block;
    font-size: 0.75rem;
    height: 30px;
    line-height: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 30px;
}
.scrollable-box{
    overflow: auto;
}
/* buttons */
button.checkout,
.button.checkout {
    background-color: #F07C34;
    color: #fff;
}
button.checkout:after,
.button.checkout:after {
  background-color: #D36724;
  color: #fff;
}
.error { 
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;    
    display: block; 
    padding: 10px; 
    margin-bottom: 15px; 
}
.status-box {
    background-color: #c8f0cc;
    border:  1px solid  #bee1c5;
    color: #489f4c;    
    display: block; 
    padding: 10px; 
    margin-bottom: 15px;      
}
.warning-box {
    background-color: #FFDCAA;
    border: 1px solid #F5C581;
    color: #CA8212;    
    display: block; 
    padding: 10px; 
    margin-bottom: 15px;     
}
.ada-hidden {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* Info table */
.info-table {
    margin: 15px 0;
    width: 100%;
}
.info-table th,
.info-table td {
    padding: 5px;
}
.info-table th {
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.info-table td {border-bottom: 1px solid #ddd;}
.info-table .reorder-form-line td:nth-child(5),
.info-table .reorder-form-line td:nth-child(6) {
    min-width: 55px;
}

/* CC icons */
[class^="cc-icon-"],
[class*="cc-icon-"]{
    background-image: url(../images/smlcreditcards.png);
    background-position: -160px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 20px;
}
.cc-icon-visa, .cc-icon-v {background-position: 0 0;}
.cc-icon-master-card, .cc-icon-mc {background-position: -20px 0;}
.cc-icon-american-express, .cc-icon-ae {background-position: -40px 0;}
.cc-icon-maestro {background-position: -60px 0;}
.cc-icon-jcb {background-position: -80px 0;}
.cc-icon-discover, .cc-icon-d {background-position: -100px 0;}
.cc-icon-diners-club, .cc-icon-dc {background-position: -120px 0;}
.cc-icon-solo, .cc-icon-s {background-position: -140px 0;}

.info-icon {
    color: #000;
    position: relative;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    vertical-align: middle;
}
.info-icon:hover {color: #000;}
.info-icon:after {
    content:"\f05a";
    line-height: 1;
}

/**
 * TIP TIP CSS                                                                       
 */
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content {
    padding: 5px 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 1px 1px 2px 0 #999;
    -webkit-box-shadow: 1px 1px 2px 0 #999;
    -moz-box-shadow: 1px 1px 2px 0 #999;
}
#tiptip_arrow, 
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent; 
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #ddd;}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #ddd;}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #ddd;}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #ddd;}
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #fff;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: #fff;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #fff;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #fff;
}

/* REVIEWS STARS RATING  */
#stars-rating-box {margin: 10px 0;}
#stars-rating-box a {
    background: url(../images/stars.png) center left no-repeat;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0px;
    padding-right: 3px;
    width: 20px;
}
#stars-rating-box a.star-hover {background-position: -30px 0;}
#stars-rating-box #stars-note {
    display: inline-block;
    padding-left: 10px;
}

/* Modal box */
#simplemodal-container {
    max-height: 80%;
    max-width: 95%;
}
#simplemodal-container .store-box-loading {
    border: 0;
    font-size: 0.85rem;
}
#simplemodal-container .store-box-spinner {margin: 0 auto;}
#simplemodal-container .modalCloseImg {
    background: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 1.5rem;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    height: initial;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: initial;
    z-index: 1;
}
#simplemodal-container .modalCloseImg:before {content: "\f00d";}
#simplemodal-data {
    max-width: 100%;
    width: 640px;
}
#simplemodal-container #simplemodal-data {
    height: 100%;
    width: 100%;
}
#simplemodal-data .store-box {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    height: 100%;
    min-width: initial;
    max-width: 100%;
    overflow: hidden;
    padding: 0; 
    position: relative;
}
/* Chris: using #simplemodal-data bc it's first appended to the body to get the sizes, after that it's added to the container... */
#simplemodal-data .store-box .store-box-title {
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    height: initial;
    margin: 0;
    padding: 10px 45px 10px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Chris: ...after it is appended to the container, then position it with absolute. Same for the content below */
#simplemodal-container .store-box .store-box-title {
    position: absolute;
    width: 100%;
}
#simplemodal-data .store-box .store-box-content {
    border: 0;
    bottom: 0;
    clear: initial;
    padding: 15px;
    max-height: initial;
    overflow: auto;
    top: 0;
}
#simplemodal-container .store-box .store-box-content {
    position: absolute;
    width: 100%;
}
#simplemodal-container .store-box .store-box-title + .store-box-content {top: 51px;}

/* Browser update prompt */
body #buorg {font-size: 0.85rem;}
body #buorgclose {
    font-size: 1.3rem;
    top: 0;
}

/**
 * Set the responsive max-width to 1200px; 
 * it can be overwritten for different custom themes 
 */
.container {max-width: 1170px;}

/**
 * Site Header
 ========================================================================== */
.site-header {background-color: #fafafa;}
.top-links {
    margin-top: 5px;
    text-align: right;
}
.top-links a {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0 5px;
}
.logo-placeholder {
    font-size: 3rem;
    font-weight: bold;
    float: left;
    line-height: 3.5rem;
    text-transform: uppercase;
}
.header-actions {
    padding: 10px 0 0;
    position: relative;
    text-align: right;
}
.header-actions .cart-toggle {
    color: #000;
    font-size: 2rem;
    padding: 0 5px;
    text-decoration: none;
}
/* changing glyphicon to fontAwesome*/
.glyphicon {
    position: relative;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}
.glyphicon-refresh:before {content: "\f021";}
.glyphicon-search:before{content: "\f002";}
.glyphicon-shopping-cart:before{content: "\f07a";}
.glyphicon-user:before{content:"\f007";}
.glyphicon-menu-hamburger:before{content: "\f0c9";}
.glyphicon-remove:before{content: "\f00d";}
.glyphicon-heart:before{content: "\f08a";}
.glyphicon-shopping-cart:before{content: "\f07a";}
.glyphicon-triangle-print:before{content: "\f0da";}
.glyphicon-print:before{content: "\f02f";}
.glyphicon-envelope:before{content: "\f0e0";}
/* end of changing glyphicon to fontawesome*/

.header-actions .cart-toggle .glyphicon-shopping-cart {margin: 0 5px;}
.header-actions .cart-toggle .incart-items-count {font-size: 1rem;}
.header-actions .goto-checkout-btn {vertical-align: baseline;}
.welcome-box {display: inline-block;}
.welcome-box .glyphicon {vertical-align: middle;}
.welcome-box a {
    color: #000;
    display: inline-block;
    font-size: 1rem;
    padding: 0 5px;
    text-decoration: none; 
}
.welcome-box .welcome-msg {
    font-size: 1rem;
    font-style: oblique;
}
.header-actions .mobile-nav-toggle {
    display: inline-block;
    font-size: 2.1rem;
    padding: 0 0 0 7px;
}
.header-search {
    background-color: #fff;
    border: 1px solid #ddd;
    clear: both;
    margin: 10px auto;
    max-width: 200px;
}
.header-search .search-field {border: 0px;}
.header-search button {
    background-color: transparent;
    color: #999;
    padding: 5px;
    font-size: 1.35rem;
}
.header-links {margin-top: 10px;}
.header-links a {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0 5px;
}
.site-nav {
    display: none;
    font-size: 0px;
    text-align: justify;
    width: 100%;
}
.site-nav > li { 
    display: block;
    font-size: 0.85rem;
    margin: 0;
}
.site-nav > li > a {
    display: block;
    padding: 10px 0px;
    text-decoration: none;
}
.site-nav > li > a:hover {text-decoration: underline;}

/**
 * Site Footer
 ========================================================================== */
.site-footer {
    background-color: #fafafa;
    padding-top: 15px;
}
.site-footer .footer-subscribe {
    margin: 0 auto 20px auto;
    max-width: 300px;
}
.footer-links {text-align: center;}
.footer-links a {
    display: inline-block;
    padding: 0 5px;
}
.copyright-box {
    font-size: 0.7rem;
    text-align: center;
}

/**
 * Breadcrumb
 ========================================================================== */
.breadcrumb-wrap .breadcrumbs {
    padding-bottom: 5px;
    padding-top: 5px;
}

/**
 * Address boxes
 ========================================================================== */
.address-grid-box {}
.address-grid-box .address-prop-title {
    display: block;
    font-weight: bold;
}
.address-grid-box .address-prop-row {display: block;}

/**
 * Homepage
 ========================================================================== */

/**
 * Authentication
 ========================================================================== */
.auth-page,
.reset-pass-page {
    margin: 0 auto;
    max-width: 700px;
    padding: 30px 0;
}
.auth-page .signin-btn {margin-right: 15px;}
.auth-page .fb-login,
.auth-page .g-login {
    margin: 15px;
    /*width: 202px;*/
    display: inline-block;
}
.field > label > .fa-info-circle {
    font-size: 1.2rem;
    vertical-align: middle;
}
.field #pass_str span,
.field #pass_match span {
    bottom: 0px;
    line-height: 36px;
    position: absolute;
    right: 0px;
    top: -1px;
}
.forgot-pass-page {
    margin: 0 auto;
    max-width: 700px;
    padding: 30px 0;
}
.store-box-content .forgot-pass-page {
    max-width: initial;
    padding: 0;
}

/**
 * Account
 ========================================================================== */
.account-page .edit-btn,
.account-page .delete-btn {
    color: #000;
    position: relative;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;  
    vertical-align: middle;  
}
.account-page .edit-btn:hover {color: #107A10;}
.account-page .delete-btn:hover {color: #B40000;}
.account-page .edit-btn:after {content:"\f044";}
.account-page .delete-btn:after {content:"\f00d";}
.account-page {padding: 15px 0 30px 0;}
.account-page:after {
    clear: both;
    content: '';
    display: table;
}
.account-menu {
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fafafa;
}
.account-menu h4 {margin: 0;}
.account-menu .account-links {margin-top: 15px;}
.account-menu ul {list-style: none;}
.account-menu a {
    display: inline-block;
    padding: 3px 0;
}
.account-content > h1 {margin-top: 0;}

/* Order pages */
.orders-list tbody td:last-of-type {text-align: right;}
.print-order-pdf {
    color: #BB0706;
    cursor: pointer;
    display: inline-block;
    font-size: 1.3rem;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    vertical-align: middle;
}
.print-order-pdf:hover {color: #B10706;}
.print-order-pdf:before {content: "\f1c1";}

/* Subscribe page */
.account-subcribe-page button {margin-top: 30px;}

/* Addressbook page */
.addressbook-page .address-box {
    background-color: #fafafa;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
}
.addressbook-page .address-box .address-actions {
    position: absolute;
    right: 15px;
    top: 15px;
}
.addressbook-edit-wrap .save-address-btn {margin-top: 20px;}
.addressbook-delete-page address{
    border: 1px solid #ddd;
    background: #fff;
    margin: 10px 0 20px;
    padding: 10px;
    max-width:380px;
}

/* Payment page */
.account-payment-page .cc-box {
    background-color: #fafafa;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
}
.account-payment-page .cc-box .cc-actions {
    position: absolute;
    right: 15px;
    top: 15px;
}
.account-payment-page .cc-box .cc-info,
.account-payment-page .cc-box .billing-info {margin-bottom: 15px;}
.account-new-cc select[name*="cc_exp_"] {width: 32%;}

.cc-icons{
    background: url(../images/smlcreditcards.png) no-repeat;
    background-position: -160px 0px;
    display: inline-block;
    height: 13px;
    position: relative;
    vertical-align: middle;
    width: 20px;
}
    .accepted-cards .cc-icons{
    margin: 0 2px;
    line-height: 1.5;
}
.cc-number-field {
    position: relative;
}
.cc-number-field .cc-icons{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.cc-icons.V{
    background-position: 0px 0px;
}
.cc-icons.MC{
    background-position: -20px 0px;
}
.cc-icons.AE{
    background-position: -40px 0px;
}
.cc-icons.JCB{
    background-position: -80px 0px;
}
.cc-icons.D{
    background-position: -100px 0px;
}
.cc-icons.DC{
    background-position: -120px 0px;
}
.cc-icons.SW{
    background-position: -160px 0;
}
.cc-icons.S{
    background-position: -140px 0px;
}

/* Wishlists */
.wishlists-list-page .info-table td:last-of-type {text-align: right;}
.wishlist-page .move-to-box {float: left;}
.wishlist-page .sort-order {float: right;}
.wishlist-page .thumb-wishlist {
    background-color: #fafafa;
    border: 1px solid #ddd;
    margin-top: 15px;
    padding: 15px;
    position: relative;
}
.wishlist-page .thumb-wishlist:after {
    clear: both;
    content: '';
    display: block;
}
.wishlist-page .thumb-wishlist img {
    float: left;
    width: 100px;
}
.wishlist-page .thumb-wishlist .thumb-content {padding-left: 115px;}
.wishlist-page .thumb-wishlist .actions {
    margin-bottom: 15px;
    padding-right: 30px;
}
.wishlist-page .thumb-wishlist .actions .delete-btn {
    position: absolute;
    top: 20px;
    right: 15px;
}
.wishlist-page .thumb-wishlist .sku {
    display: block;
    padding: 5px 0;
}
.wishlist-page .thumb-wishlist .price {
    display: block;
    padding: 5px 0;
}
.wishlist-page .thumb-wishlist input[type="checkbox"] {
    bottom: 15px;
    position: absolute;
    right: 15px;
}
.wishlist-page .add-all-bottom {
    display: block;
    margin: 30px auto 0 auto;
    padding: 15px 30px;
    text-align: center;
    width: 200px;
}
.added-to-wishlist {
    background-image: none;
    float: none;
    height: auto;
    text-indent: 0;
    width: auto;
}
/* Registries */
.edit-registry-page .registry-form .registry-description {
    margin-bottom: 15px;
    width: 100%;
}
.registries-page .info-table td:last-of-type {text-align: right;}
.registry-page .sort-order {float: right;}
.registry-page .thumb-registry {
    background-color: #fafafa;
    border: 1px solid #ddd;
    margin-top: 15px;
    padding: 15px;
    position: relative;
}
.registry-page .thumb-registry:after {
    clear: both;
    content: '';
    display: block;
}
.registry-page .thumb-registry img {
    float: left;
    width: 100px;
}
.registry-page .thumb-registry .thumb-content {padding-left: 115px;}
.registry-page .thumb-registry .actions {
    margin-bottom: 15px;
    padding-right: 30px;
}
.registry-page .thumb-registry .actions .delete-btn {
    position: absolute;
    top: 20px;
    right: 15px;
}
.registry-page .thumb-registry .item-info {float: left;}
.registry-page .thumb-registry .sku {
    display: block;
    padding: 5px 0;
}
.registry-page .thumb-registry .price {
    display: block;
    padding: 5px 0;
}
.registry-page .thumb-registry input[type="checkbox"] {
    bottom: 15px;
    position: absolute;
    right: 15px;
}
.registry-page .thumb-registry input[name*="qty"] {width: 50px;}
.registry-search-page {padding-bottom: 30px;}
.registry-search-page .registry-search-box {max-width: 700px;}
.registry-search-page .registry-search-box:after {
    clear: both;
    content: '';
    display: block;
}
.registry-search-page .registry-search-box .show-search {cursor: pointer;}
.registry-search-page .registry-search-box button {float: right;}
.registry-share-page .registry-share-form {margin-bottom: 30px;}
.edit-registry-confirm-page,
.edit-registry-done-page {padding-bottom: 30px;}
.view-registry-page .add-selected-bottom {
    float: right;
    margin-top: 30px;
}
.registry-tabs {
    border-bottom: 1px solid #ddd;
    margin: 15px 0;
}
.registry-tabs a {
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: -1px;
  text-decoration: none;
  color: #777;
}
.registry-tabs a:hover {color: #000;}
.registry-tabs a.selected {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #fff;
  color: #000;
}

.lists-search .fa-search {line-height: 1.42857143;}

/* Digital downloads */
.manage-shelf select {
    width: 100%;
}
.manage-shelf .button {
    width: 48%;
    text-align: center;
}

/* Download User Data */
.download-data-links{
    float: left;
    padding: 10px;
}
.download-data-links .button{
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
}
.download-data-links .fa-file-text-o{
    display: inline-block;
    font-size: 4rem;
    vertical-align: bottom;
}
.download-data-links .fa-download{
    font-size: 0.8rem;
    margin-right: 5px;
}
/**
 * Search page
 ========================================================================== */
.search-page {padding-bottom: 30px;}

/**
 * Category page
 ========================================================================== */
.category-page {padding-bottom: 30px;}
.category-page .subcategories-list {margin-bottom: 20px;}
.category-sort-order {
    display: inline-block;
    margin-right: 10px;
}

.category-actions {margin: 10px 0;}
.category-actions:after {
    clear: both;
    content: '';
    display: table;
}
.thumb-navigation-links {
    margin: 10px auto 0 auto;
}
.thumb-navigation-links a {
    color: #000;
    margin-left: 5px;
    text-decoration: none;
}
.thumb-navigation-links a:hover {text-decoration: underline;}
.thumb-navigation-links a.active {
    font-weight: bold;
    text-decoration: underline;
}
.results-per-page-list a {
    color: #000;
    margin-left: 5px;
    text-decoration: none;
}
.results-per-page-list a:hover {text-decoration: underline;}
.results-per-page-list a.active {
    font-weight: bold;
    text-decoration: underline;
}

/* Subcategories thumbs */
.subcat-thumbs-wrap {margin: 0 -15px;}
.subcat-thumbs-wrap:before,
.subcat-thumbs-wrap:after {
    clear: both;
    content: '';
    display: block;
}
.subcat-thumbs-wrap .subcat-thumb {
    float: left;
    padding: 15px;
    position: relative;
    width: 50%;
}
.subcat-thumbs-wrap .subcat-thumb .image-wrap {display: block;}
.subcat-thumbs-wrap .subcat-thumb .title {
    display: block;
    font-size: 1rem;
    margin-bottom: 10px;
    text-decoration: none;
}

/**
 * Thumbs
 ========================================================================== */
.thumbs-wrap {margin: 0 -15px;}
.thumbs-wrap:before,
.thumbs-wrap:after {
    clear: both;
    content: '';
    display: block;
}
.thumb-grid {
    float: left;
    padding: 15px;
    position: relative;
    width: 50%;
}
.thumb-grid .new-arrival-badge {position: absolute;}
.thumb-grid .img {
    display: block;
    margin-bottom: 10px;
}
.thumb-grid .img img {
    display: block;
    margin: 0 auto;
}
.thumb-grid .name {
    display: block;
    margin-bottom: 10px;
}
.thumb-grid .prices-wrap .retail-price,
.thumb-grid .prices-wrap .old-price {text-decoration: line-through;}

.thumb-lists-wrap {margin: 0 -15px;}
.thumb-lists-wrap:after {
    clear: both;
    content: '';
    display: block;
}
.thumb-lists {
    float: left;
    padding: 15px;
    text-align: center;
    width: 50%;
}
.thumb-lists .item-image {
    display: block;
    margin-bottom: 15px;
}
.thumb-lists .item-name {
    display: block;
    margin-bottom: 15px;
}

/**
 * Product page
 ========================================================================== */
.product-page {padding: 15px 0 30px 0;}
.product-page .product-gallery img {cursor: pointer;}
.product-page .product-img-wrap {
    cursor: crosshair;
    display: block;
}
.product-page .product-main-image {width: 100%;}
.product-page .zoomImg {background-color:#fff;}
.product-page .product-title {margin-bottom: 15px;}
.product-page .sku {
    color: #555;
    font-style: oblique;
}
/* Prices */
.product-page .product-prices {padding-bottom: 15px;}
.product-page .product-prices .retail-price {text-decoration: line-through;}
.product-page .product-prices .price {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 10px 0;
}
.product-page .product-prices .old-price {
    font-size: 1.2rem;
    margin-right: 10px;
    text-decoration: line-through;
}
.product-page .product-prices .new-price {color: #A90D0D;}
.product-page .product-prices .you-save .saved-money {font-weight: bold;}
.product-page .product-prices .volume-price-table td {
    padding: 3px 10px 3px 0;
}
.product-page .product-prices .volume-price-table td:last-of-type {
    border-left: 1px solid #ddd;
    font-weight: bold;
    padding-left: 10px;
}
.add-to-wishlist,
.added-to-wishlist {
    background: initial;
    float: initial;
    height: initial;
    text-indent: initial;
    width: initial;
}
.add-to-wishlist:hover i:before,
.added-to-wishlist i:before {content: "\f004";}
.add-to-wishlist.button,
.added-to-wishlist.button {background-color: #ddd;}

/* Reviews */
.write-a-review-page .reviewed-item-data .reviewed-item-img {
    width: 100px;
}
.write-a-review-page .reviewed-item-data{
    display:flex;
    align-items:center;
}
.write-a-review-page .reviewed-item-data .reviewed-item-title{
    font-size:1.4em;
    font-weight:bold;
    padding-left: 10px;
}
.product-page .product-actions {margin-bottom: 30px;}
.product-page .product-actions .qty-box {margin-bottom: 15px;}
.product-page .product-actions .qty-box input {width: 45px;}
.product-page .preorder-countdown-wrapper {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.product-page .preorder-nrd,
.product-page .preorder-message,
.product-page .waitlist-message {margin-bottom: 15px;}
.product-page .add-to-cart-box {margin-bottom: 15px;}
.product-page .add-to-cart {
    text-transform: uppercase;
    font-weight: bold;
    /* font-size: 0.7rem; */
    padding: 15px 45px;
    background-color: #f07c34;
    color: #fff;
}
.product-page .add-to-cart:hover {background-color: #D36724;}
.product-page .bundle-wrap {margin-bottom: 15px;}
.product-page .bundle-wrap .title {
    font-weight: bold;
    margin-bottom: 10px;
}
.product-page .bundle-wrap .items {margin-bottom: 10px;}
.product-page .bundle-wrap .savings {margin-bottom: 10px;}
.product-page .bundle-wrap .price {
    font-weight: bold;
    margin-bottom: 10px;
}
.product-page .bundle-wrap .add-to-cart {padding: 10px 35px;}

/* PDP tabs */
.product-tabs {
    background-color: #fafafa;
    padding: 10px;
    margin-bottom: 30px;
}
.product-tabs .item-tab-loaded .item-tab-content {
    background-color: #fff;
    padding: 15px;
}
.product-tabs .item-tab .item-tab-content .item-tab-spinner {
    padding-left: 35px;
    line-height: 30px;
    height: 30px;
    background: url(../../../toolkit/autocomplete/loading/7.gif) no-repeat left center;
    display:none; /* it is visable only under loaded tabs */
}
.product-tabs .item-tab-loaded .item-tab-content .item-tab-spinner {display:block;}
.product-tabs .item-tab-content {overflow: hidden;}
.product-tabs .item-tab-nav {
    display: inline-block;
    font-size: 0.9rem;
    margin: 0;
    padding: 10px 15px;
}
.product-tabs .item-tab-nav a {
    color: #000;
    display: block;
    font-size: 0.75rem;
    font-weight: bold; 
    text-decoration: none;
    text-transform: uppercase;
}
.product-tabs .item-tab-selected {background-color: #fff;}

#edit-review{cursor: pointer;}
/* Reviews */
.product-page .reviews .review .reviewer-avatar {
    float: left;
    height: 40px;
    margin-right: 10px;
    width: 40px; 
}
.product-page .reviews .review .review-vote-yes,
.product-page .reviews .review .review-vote-no {
    background: none;
    font-weight: normal;
    padding: 0 3px;
}
.product-page .reviews .review .review-vote-yes:hover,
.product-page .reviews .review .review-vote-no:hover {color: inherit;}

.reaction{
    border-top: solid 1px #ccc;
    background:#f5f5f5;
    margin:20px 0;
    padding:1em;
    position: relative;
}
.reaction .arrow{   
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;  
    border-bottom: 10px solid #ccc;
    position:absolute;
    top: -10px;
    left: 15px;
    width: 0; 
    height: 0; 
}
.reaction p{
    font-style: oblique;
    margin-bottom: 0px;
}

/**
 * Cart
 ========================================================================== */

/* Ajax Cart */
#shopping-cart-container {
    background: #fff;
    /*border: 3px solid #ddd;*/
    min-width: 290px;
    padding: 15px;
    text-align: left;
    top: 0px!important;
    right: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 9000;
    position: fixed!important;
}
#shopping-cart-container.loading {
    background: #fff url(../../../toolkit/autocomplete/loading/2.gif) no-repeat center center;
    min-height: 60px;
}
#shopping-cart-container.submitting {
    background: #fff url(../../../toolkit/autocomplete/loading/2.gif) no-repeat 50% 95%;
    padding-bottom: 60px;
}
#shopping-cart-container .shipping-counter{
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.ajax-cart{height: 100%;}

    #otto-cloak-face{left:0}

    /*flexbox for vertical stretching*/
    .ajax-cart form {height: calc(100% - 50px);} /*the subtracted value has to contain the shopping cart title + shipping message in any*/

    .ajax-cart-content{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
        .ajax-cart-content .cart-items-wrap{
            flex: 1;
            overflow-y: auto;
        }
        .ajax-cart-content .cart-footer{
            text-align: center;
            border-top: 1px solid #eee;
            flex-shrink: 0;
            position: relative;
        }
    /*end */
    #ajax-cart-overlay{
         background:#000;
         opacity: 0.7; 
         position:fixed; 
         top:0; 
         bottom:0; 
         left: 0; 
         right:0; 
         z-index:999;

    }

/*ajax cart thumbs*/
.ajax-cart .ajax-empty-content{
    border-top: 1px solid #eee;
    height: calc(100% - 60px);
    overflow-y:auto;
    overflow-x: hidden;
}
.ajax-cart .thumb-grid{width: 50%;}

.ajax-cart .close {
    color: #000;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 1.5rem;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ajax-cart .close:before {content: "\f00d";}
.ajax-cart .shopping-cart-title {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.ajax-cart .cart-items-wrap::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.ajax-cart .cart-items-wrap::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .4);
}
.ajax-cart .cart-items {width: 100%;}
.ajax-cart .cart-items td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    vertical-align: top;
}
.ajax-cart .cart-items tr:last-of-type td {border-bottom: 0;}
.ajax-cart .cart-items .image {
    padding-right: 5px;
    width: 50px;
}
.ajax-cart .cart-items .image > a {
    display: block;
    width: 50px;
}
.ajax-cart .cart-items .item-info {padding-right: 15px;}
.ajax-cart .cart-items .item-info .item-link {
    display: block;
    margin-bottom: 5px;
    white-space: normal;
}
.ajax-cart .cart-items .item-info select {width: 100%;}
.ajax-cart .cart-items .qty-wrap {display: block;}
.ajax-cart .cart-items .qty-wrap input {
    padding: 2px 4px;
    width: 50px;
}

.ajax-cart .subtotal {
    float: right;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}
.ajax-cart .subtotal-line .info {
    padding-top: 5px;
    text-align: left;
}

.ajax-cart .cart-btn {
    font-style: oblique;
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
    width: 70px;
}

.ajax-cart .checkout-btn {
    background-color: #f07c34;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
}

.ajax-cart .checkout-btn:hover {
    background-color: #f07c34;
    color: #fff;
}

/* Normal cart */
.empty-cart-page {padding-bottom: 30px;}
.clear-cart-page {padding-bottom: 30px;}
.cart-page {padding-bottom: 30px;}

.cart-page .shipping-counter{
    background-color: #fafafa;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: 15px;
    padding: 10px;
}
.cart-page .cart-items {width: 100%;}
.cart-page .cart-items .item:after {
    content: '';
    clear: both;
    display: block;
}
.cart-page .cart-items {
    background-color: #fafafa;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 0 15px;
}
.cart-page .cart-items .item {
    border-bottom: 1px solid #ddd;
    padding: 15px 30px 15px 65px;
    position: relative;
}
.cart-page .cart-items .item:last-of-type {border-bottom: 0;}
.cart-page .cart-items .item img {
    float: left;
    margin-left: -65px;
    width: 50px;
}
.cart-page .cart-items .item input[name*="qty"] {width: 50px;}
.cart-page .cart-items .item .info .name {
    display: inline-block;
    margin-bottom: 10px;
}
.cart-page .cart-items .item .info .sku {
    display: block;
    margin-bottom: 10px;
}
.cart-page .cart-items .item .remove {
    color: #000;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 1.5rem;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    bottom: 17px;
    text-decoration: none;
}
.cart-page .cart-items .item .remove:before {content:"\f00d";}
.cart-page .cart-items .item .remove:hover {color: #B40000;}

.cart-page .cart-actions {margin-bottom: 15px;}
.cart-page .promo-box {
    margin-bottom: 15px;
    max-width: 300px;
}
.cart-page .cart-totals {
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
}
.cart-page .cart-totals table {width: 100%;}
.cart-page .cart-totals table td {padding: 5px 0;}
.cart-page .cart-totals table td:last-of-type {
    padding-left: 10px;
    text-align: right;
    white-space: nowrap;
}
.cart-page .cart-totals table tr:nth-last-child(2) td {padding-bottom: 15px;}
.cart-page .cart-totals table .grandtotal {
    border-top: 1px solid #ddd;
    font-weight: bold;
}
.cart-page .cart-totals table .grandtotal td {padding-top: 15px;}
.cart-page .tax-estimate .view-tax-form {
    color: #2347B8;
    cursor: pointer;
    font-style: oblique;
    text-decoration: underline;
}
.cart-page .tax-estimate .tax-estimate-form {display: none;}
.cart-page .cart-shipping-quote .ship-options-trigger {
    color: #2347B8;
    cursor: pointer;
    /*font-style: oblique;*/
    text-decoration: underline;
}
.cart-page .cart-shipping-quote .ship-options-trigger .fa{
    margin-left: 5px;
}
.cart-page .cart-shipping-quote .update-shipping-options {margin-bottom: 10px;}
.cart-page .cart-shipping-quote .shipping-package {margin-bottom: 10px;}
.cart-page .cart-shipping-quote .cart-shipping-quote-form {display: none;}
.cart-page .cart-shipping-quote .hide-options.ship-options-trigger {display: none;}

.cart-page .checkout-btn {
    background-color: #f07c34;
    color: #fff;
    float: right;
    padding: 15px 50px;
}
.cart-page .checkout-btn:hover {
    background-color: #D36724;
    color: #fff;
}
/**
 * Checkout
 ========================================================================== */
.checkout-page .checkout-btn {
    background-color: #f07c34;
    color: #fff;
    padding: 15px 50px;
}
.checkout-page .checkout-btn:hover {
    background-color: #D36724;
    color: #fff;
}
.pay-with-paypal {
    margin: 20px 0px;
}
.pay-with-paypal .paypal-checkout{
    float: right;
}
.pay-with-paypal label{
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.8;
}
.cart-page .paypal-checkout {
    margin: 0 0 0 auto;
}
.cart-page .paypal-checkout,
.checkout-start-page .paypal-checkout{
    width:200px;
}

/* Checkout steps*/
.checkout-steps {
    display: table;
    margin: 0 auto 20px auto;
    max-width: 600px;
    width: 100%;
}
.checkout-steps .checkout-step {
    display: table-cell;
    padding-bottom: 60px;
    position: relative;
    text-align: center;
    vertical-align: bottom;
}
.checkout-steps .checkout-step:first-of-type:before,
.checkout-steps .checkout-step:last-of-type:after,
.checkout-steps .checkout-step.first:before,
.checkout-steps .checkout-step.last:after {display: none;}
.checkout-steps .checkout-step:before,
.checkout-steps .checkout-step:after {
    background: #ddd;
    bottom: 27px;
    content: '';
    display: block;
    height: 6px;
    position: absolute;
    width: 50%;
}
.checkout-steps .checkout-step:before {left: 0;}
.checkout-steps .checkout-step:after {right: 0;}
.checkout-steps .checkout-step.passed:before,
.checkout-steps .checkout-step.passed:after,
.checkout-steps .checkout-step.current:before {background-color: #f07c34;}
.checkout-steps .checkout-step .title-link {
    color: #000;
    display: block;
    font-size: 0.65rem;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.checkout-steps .checkout-step.current .title-link {color: #f07c34;}
.checkout-steps .checkout-step.passed .title-link:hover + .icon-link:before {color: #333;}
.checkout-steps .checkout-step .icon-link {
    background-color: #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    bottom: 10px;
    display: block;
    height: 40px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-decoration: none;
    width: 40px;
    z-index: 1;
}
.checkout-steps .checkout-step .icon-link:before {
    color: #fff;
    display: block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.2rem;
    line-height: 40px;
}
.checkout-steps .checkout-step.sign-in-sign-up .icon-link:before {
    content: "\f007";
    font-size: 1rem;
}
.checkout-steps .checkout-step.shipping .icon-link:before {content:"\f0d1";}
.checkout-steps .checkout-step.payment .icon-link:before {content:"\f09d";}
.checkout-steps .checkout-step.place-order .icon-link:before {content:"\f00c";}
.checkout-steps .checkout-step.passed .icon-link {background-color: #f07c34;}
.checkout-steps .checkout-step.passed .icon-link:hover:before {color: #000;}
.checkout-steps .checkout-step.current .icon-link {background-color: #f07c34;}
.checkout-steps .checkout-step.current .icon-link:before {color: #333;}

.opc_wrap {
  padding-left: 0;
  background: none;
}
.checkout-page {padding: 30px 0;}
.checkout-page:after {
    content: '';
    display: table;
    clear: both;
}
.checkout-page .page-title {
    display: block;
    font-size: 1.5rem;
    margin-bottom: 30px;
    margin-top: 0;
}
/* Sidebar */
.checkout-page .sidebar_summary {
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 30px;
}
.checkout-page .summary-title {
    font-size: 1.3rem;
    margin: 0;
}
.checkout-page #checkout-summary-box-loading {
    display: block;
    margin: 5px auto;
}
.checkout-page .sidebar-summary-inner .shopping-cart {
    margin: 15px 0;
    max-height: 300px;
    overflow: auto;
}
.checkout-page .sidebar-summary-inner .shopping-cart::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.checkout-page .sidebar-summary-inner .shopping-cart::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .4);
}
.checkout-page .sidebar-summary-inner .shopping-cart .item {
    border-bottom: 1px solid #ddd;
    padding: 15px 100px 15px 85px;
}
.checkout-page .sidebar-summary-inner .shopping-cart .item img {
    float: left;
    margin-left: -85px;
    width: 70px;
}
.checkout-page .sidebar-summary-inner .shopping-cart .item .info {float: left;}
.checkout-page .sidebar-summary-inner .shopping-cart .item .qty-price {
    float: right;
    margin-right: -100px;
    text-align: right;
    width: 85px;
}
.checkout-page .sidebar-summary-inner .shopping-cart .item .qty-price .price {font-weight: 500;}
.checkout-page .sidebar-summary-inner .total-info {width: 100%;}
.checkout-page .sidebar-summary-inner .total-info td {padding: 5px 0;}
.checkout-page .sidebar-summary-inner .total-info td:last-of-type {
    padding-left: 10px;
    text-align: right;
    white-space: nowrap;
}
.checkout-page .sidebar-summary-inner .total-info tr:nth-last-child(2) td {padding-bottom: 15px;}
.checkout-page .sidebar-summary-inner .total-info tr:last-child {
    border-top: 1px solid #ddd;
    font-weight: bold;
}
.checkout-page .sidebar-summary-inner .total-info tr:last-child td {padding-top: 15px;}

/* Start page */
.checkout-start-page .returning-customer-box .checkout-btn {margin-right: 30px;}
.checkout-start-page .new-customer-box {margin-bottom: 30px;}
.checkout-start-page .forgotten-password {display: inline-block;margin:10px 0;}

/*  Order address page*/
.order-address-page .checkout-btn {
    float: right;
    margin-top: 30px; 
}

/* Shipping page */
.shipping-page .checkout-btn {
    float: right;
    margin-top: 30px; 
}
.single-shipping-page .shipping-methods {margin-top: 30px;}
.single-shipping-page .page-title {float: left;}
.single-shipping-page .ship-to-multiple-link {float: right;}
.single-shipping-page #new-address {display: none;}
.single-shipping-page .refresh-methods {
    color: #000;
    text-decoration: none;
    vertical-align: middle;
}
.single-shipping-page #shipping-methods-hint img {margin-top: 10px;}
.multiple-shipping-page .page-title {float: left;}
.multiple-shipping-page .ship-to-single-link {float: right;}
.multiple-shipping-page .split-box {display: none;}

.single-shipping-page .packages-summary-wrap,
.multiple-shipping-page .packages-summary-wrap {
    margin-bottom: 15px;
}

.single-shipping-page .package-summary,
.multiple-shipping-page .package-summary {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.single-shipping-page .package-summary:last-of-type,
.multiple-shipping-page .package-summary:last-of-type {
    border-bottom: 0;
}

.single-shipping-page .package-summary > h6,
.multiple-shipping-page .package-summary > h6 {margin-top: 0;}
.single-shipping-page .package-summary label,
.multiple-shipping-page .package-summary label {
    display: block;
    font-weight: bold;
    margin-top: 10px;
}
.single-shipping-page .package-summary input[type="radio"] + label,
.multiple-shipping-page .package-summary input[type="radio"] + label {
    display: inline-block;
    font-weight: normal;
    margin: 0;
}
.multiple-shipping-page .cart-line {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}

.multiple-shipping-page .cart-line:last-of-type {
    border-bottom: 0;
}

.multiple-shipping-page .cart-line:after {
    content: '';
    clear: both;
    display: table;
}

.multiple-shipping-page .cart-line .item {
    display: table;
    margin-bottom: 15px;
    width: 100%;
}

.multiple-shipping-page .cart-line .item .image-wrap {
    display: table-cell;
    padding-right: 10px;
    vertical-align: top;
    width: 110px;
}

.multiple-shipping-page .cart-line .item .info {
    display: table-cell;
    vertical-align: top;
}

.multiple-shipping-page .cart-line .item .title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.multiple-shipping-page .cart-line .item .price {
    display: block;
    margin-bottom: 5px;
}

.multiple-shipping-page .cart-line .package-address {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

.multiple-shipping-page .cart-line .package-address .qty-wrap {
    display: table-cell;
    padding-right: 10px;
    width: 60px;
}

.multiple-shipping-page .cart-line .package-address .qty-wrap input {
    width: 100%;
}

.multiple-shipping-page .cart-line .package-address .address-wrap {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}

.multiple-shipping-page .cart-line .package-address .address-wrap select {
    width: 100%;
}

.multiple-shipping-page .cart-line .package-address .remove-wrap {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 15px;
}

.multiple-shipping-page .cart-line .package-address .remove-wrap .fa {
    color: #000;
    text-decoration: none;
}

.multiple-shipping-page .cart-line .split-info {
    margin-left: 60px;
}

.multiple-shipping-page .cart-line  .add-additional-address {
    cursor: pointer;
}

/* Payment page */
.checkout-payment-page .promos-box {margin-bottom: 30px;}
.checkout-payment-page .promos-box .apply-gc-btn {margin-top: 10px;}
.checkout-payment-page .checkout-btn {
    float: right;
    margin-top: 30px; 
}
.checkout-payment-page .payment-methods-wrap .card-info-box .card-info-inner {padding: 10px 60px 10px 40px;}
.checkout-payment-page .payment-methods-wrap .card-info-box .card-info-inner:after {
    content: '';
    clear: both;
    display: block;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .card-info-inner.expired {background-color: #f2dede;}
.checkout-payment-page .payment-methods-wrap .card-info-box label {
    background-color: transparent;
    float: none;
    padding: 0;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .cc-info {
    display: inline-block;
    margin-bottom: 10px;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .cc-info .expired-note {color: #b94a48;}
.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block {
    margin-bottom: 10px;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block label[for*="pay-cvv"] {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block input[id*="pay-cvv"]{
    border: 4px solid #ddd;
    float: none;
    width: 130px;
}
.checkout-payment-page .payment-methods-wrap .card-info-box .cc-edit {
    font-size: 0.75rem;
    padding: 2px 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.checkout-payment-page .payment-methods-wrap .new-cc {display: none;}
.checkout-payment-page .payment-methods-wrap .new-cc-address {display: none;}
.checkout-payment-page .payment-methods-wrap [class*="js-new-billing-address"] {display: none;}
.checkout-payment-page .new-cc select[name*="cc_exp_"] {width: 32%;}
.checkout-payment-page .payment-methods-wrap .affirm-pay label img {vertical-align: top;}

/* Review page */
.review-order-box .checkout-btn {
    float: right;
    margin-top: 30px;
}
.review-order-box .terms-wrap {
    float: left;
    margin-top: 40px;
}
.review-order-box .special-comments textarea {width: 100%;}
.review-order-box .fallback-security-code {margin-top: 15px;}
.shipping-summary-box,
.payment-summary-box {
    background-color: #fafafa;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 15px;
}
.shipping-summary-box .edit,
.payment-summary-box .edit {float: right;}
.shipping-summary-box h5,
.payment-summary-box h5 {margin-top: 0;}
.shipping-packages-summary label {
    display: block;
    font-weight: bold;
}
.shipping-packages-summary input[type="radio"] + label,
.shipping-packages-summary input[type="checkbox"] + label {display: inline-block;}
.shipping-packages-summary .shipto-address,
.shipping-packages-summary .shipto-method {margin-top: 15px;}
.shipping-packages-summary .tracking-numbers {margin-top: 15px;}
.shipping-packages-summary .tracking-numbers .tracking-number {display: block;}
.shipping-packages-summary .multi-shipping-package-summary .shipping-package-summary {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.shipping-packages-summary .multi-shipping-package-summary .shipping-package-summary:last-child {
    border-bottom-color: transparent;
    padding-bottom: 0;
}
.shipping-packages-summary .multi-shipping-package-summary .items-in-package {margin-top: 15px;}
.payment-summary label {
    display: block;
    font-weight: bold;
}
.payment-summary .column {margin-top: 15px;}

/* Express checkout page */
#express-checkout-summary-box .payment-methods .fieldset {margin-bottom: 0;}
#express-checkout-summary-box .shipping-summary-box .shipto-address,
#express-checkout-summary-box .shipping-summary-box .shipto-method,
#express-checkout-summary-box .shipping-summary-box .items-in-package {margin-bottom: 15px;}
#express-checkout-summary-box .shipping-summary-box .shipto-address select {width: 100%;}
#express-checkout-summary-box .shipping-summary-box .ship-to-multiple-link {
    display: inline-block;
    margin-top: 10px;
} 
#express-checkout-summary-box .shipping-summary-box .package-shipping-summary {border-bottom: 1px solid #ddd;}
#express-checkout-summary-box .shipping-summary-box .package-shipping-summary:last-of-type {border: 0;}
#express-checkout-summary-box .shipping-summary-box .package-shipping-summary .package-title {margin-top: 15px;}

.checkout-thank-you {
    background: url(../images/ajax-loader.gif) no-repeat left center;
    float: right;
    padding: 10px 0 10px 35px;
}
.fake-spinner {
    background: url(../images/ajax-loader.gif) no-repeat;
    width: 0px;
    height: 0px;
}
#cvv_error {
    background-color: #f2dede;
    color: #b94a48;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
}
.single-shipping-address{
    width: 100%;
}

/* Receipt */
.order-complete-page {}
.order-complete-page .order-info {margin-bottom: 15px;}
.order-complete-page .order-info > span {display: block;}
.order-complete-page .order-info .print-order-pdf {
    float: right;
    font-size: 1.5rem;
    margin: 5px 10px;
}
.order-complete-page .order-info .print,
.order-complete-page .order-info .email {
    color: #000;
    cursor: pointer;
    font-size: 1.5rem;
    float: right;
    margin: 5px 10px;
}
.completed-order-summary:after {
    clear: both;
    display: table;

}
.completed-order-summary .order-summary {
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
}
.completed-order-summary .order-summary .order-summary-title {
    font-size: 1.3rem;
    margin: 0px;
}
.completed-order-summary .order-summary .shopping-cart {margin: 15px 0;}
.completed-order-summary .order-summary .shopping-cart .item {
    border-bottom: 1px solid #ddd;
    padding: 15px 100px 15px 85px;
}
.completed-order-summary .order-summary .shopping-cart .item img {
    float: left;
    margin-left: -85px;
    width: 70px;
}
.completed-order-summary .order-summary .shopping-cart .item .info {float: left;}
.completed-order-summary .order-summary .shopping-cart .item .qty-price {
    float: right;
    margin-right: -100px;
    text-align: right;
    width: 85px;
}
.completed-order-summary .order-summary .shopping-cart .item .qty-price .price {font-weight: 500;}
.completed-order-summary .order-summary .total-info,
.completed-order-summary .order-summary .adjustments-info {width: 100%;}
.completed-order-summary .order-summary .total-info td,
.completed-order-summary .order-summary .adjustments-info td {padding: 5px 0;}
.completed-order-summary .order-summary .total-info td:last-of-type,
.completed-order-summary .order-summary .adjustments-info td:last-of-type {text-align: right;}
.completed-order-summary .order-summary .total-info tr:nth-last-child(2) td {padding-bottom: 15px;}
.completed-order-summary .order-summary .total-info tr:last-child {
    border-top: 1px solid #ddd;
    font-weight: bold;
}
.completed-order-summary .order-summary .total-info tr:last-child td {padding-top: 15px;}
.completed-order-summary .order-summary.cancelled-order-lines .shopping-cart .item:last-of-type, 
.completed-order-summary .order-summary.shortshipped-order-lines .shopping-cart .item:last-of-type {border-bottom: 0;}
.completed-order-summary .order-summary .account-gift-certificates {
    width: 100%;
}
.completed-order-summary .order-summary .account-gift-certificates tr td:last-child {
    text-align: right;
}
.receipt-register-box {
    margin: 0 -15px;
}
.receipt-register-box:after{
    clear: both;
    content: '';
    display: block;
}
.receipt-register-box .column {padding: 0 15px 15px 15px;} 

/**
 * Page not found, 404 page
 ========================================================================== */
.page-not-found {
    max-width: 700px;
    margin: 0 auto;
    padding: 80px 0 100px 0;
}
.page-not-found h1 {margin-bottom: 50px;}
.page-not-found h6 {line-height: 1.42857143;}
.page-not-found .search-wrap {margin-top: 30px;}
.page-not-found .search-wrap button {
    padding: 9px 15px;
}

/**
 * Subscribe page
 ========================================================================== */
.subscribe-page {padding-bottom: 30px;}

/**
 * Contact page
 ========================================================================== */
.contact-page .main-column {margin-bottom: 30px;}
.contact-page .contact-sidebar {
  border: 1px solid #ddd;
  background-color: #fafafa;
  margin-bottom: 30px;
  padding: 15px;
}
.contact-page .contact-sidebar > h4 {margin-top: 0;}

/**
 * Autocomplete
 ========================================================================== */
.ui-autocomplete.ui-menu {
    max-width: 100%;
    padding: 0;
}
.ui-autocomplete.ui-menu .ui-menu-item {
    float: none;
    padding: 3px 5px;
}
.ui-autocomplete.ui-menu .ui-autocomplete-suggestions,
.ui-autocomplete.ui-menu .ui-autocomplete-products {
    font-weight: bold;
    font-size: 0.9rem;
    padding: 5px;
}
.ui-autocomplete.ui-menu .ui-autocomplete-item-container {
    border-bottom: 1px solid #ddd;
    display: block;
    min-height: 60px;
    padding: 5px 80px 5px 60px;
    position: relative;
    text-decoration: none;
}
.ui-autocomplete.ui-menu .ui-autocomplete-item-container.ui-menu-item.ui-state-focus {
    border: 0;
    border-bottom: 1px solid #ddd;
    background: #f2f2f2;
    color: inherit;
    font-weight: normal;
}
.ui-autocomplete.ui-menu .ui-autocomplete-item-container .ui-menu-item-image {
    left: 5px;
    position: absolute;
    top: 5px;
    width: 50px;
}
.ui-autocomplete.ui-menu .ui-autocomplete-item-container .ui-menu-item-title {font-size: 0.8rem;}
.ui-autocomplete.ui-menu .ui-autocomplete-item-container .ui-autocomplete-thumb-price {
    font-size: 0.8rem;
    right: 5px;
    position: absolute;
    text-align: right;
    top: 5px;
    width: 70px; 
}

/**
 * Media queries
 ========================================================================== */

@media (max-width: 479px) {
    /*not matching passwords warning labels on small mobiles*/
    .field #pass_str span,
    .field #pass_match span{
        clear: both;
        display: block;
        height: 24px;           
        line-height: 16px;
        position: static;
    }
    /* Digital Downloads */
    .manage-shelf .button {
        width: 100%;
        margin: 2px 0;
        text-align: center;
    }   
    /**
     * Cart page
     */
    .cart-page .continue-shopping, .cart-page .button.checkout-btn, .cart-page .save-for-quote-btn{
        display: block;
        float: none;
        margin: 5px auto;
        padding: 15px;
        text-align: center;           
        width: 100%;
    }
    .cart-page .paypal-checkout{
        display: block;
        margin: 0 auto 5px;
    }
}

@media (min-width: 480px) {
    /**
     *
     */
    #shopping-cart-container {width: 450px;}
    .cart-page .cart-items .item {padding-left: 115px;}
    .cart-page .cart-items .item img {
        margin-left: -115px;
        width: 100px;
    }

    /**
     * Account
     */
    .account-payment-page .cc-box .cc-info {padding-right: 15px;}
    .account-payment-page .cc-box .cc-info,
    .account-payment-page .cc-box .billing-info {
        float: left;
        width: 40%;
    }
}

@media (min-width: 480px) and (max-width: 767px){
    /**
     * Account
     */
    .account-menu .account-links {
       float: left;
       width: 50%;
    }
    .account-menu .account-links:nth-of-type(2n+1) {clear: both;}
}

@media (min-width: 480px) and (max-width: 991px){}

@media (max-width: 767px) {
    /* 
     * Header 
     */
    .cart-toggle .cart-label {display: none;}
    .header-actions .cart-toggle .incart-items-count {
        display: inline-block;
        margin-top: 10px;
        vertical-align: top;
    }
    .welcome-box .account-link span,
    .welcome-box .signin-link span {display: none;}
    .welcome-box .account-link:before,
    .welcome-box .signin-link:before {
        content: "\f007";
        display: inline-block;
        font-family: 'FontAwesome';
        font-size: 2rem;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
    }
    .welcome-box .signout-link,
    .welcome-box .register-link,
    .welcome-box .welcome-msg {display: none;}

    /**
     * Subcategories thumbs
     */
    .subcat-thumbs-wrap .subcat-thumb:nth-of-type(2n+1) {clear: both;}

    /**
     * Thumbs
     */
    .thumb-grid:nth-of-type(2n+1),
    .thumb-lists:nth-of-type(2n+1) {clear:both;}
    
    /**
     * Product page
     */
   
    /**
     * Checkout
     */
    .checkout-steps .checkout-step .title-link {display: none;}

}

@media (min-width: 768px) {
    /* Chris: set a min width so there is no scroll when it's not needed */
    #simplemodal-container {min-width: 640px;}
    #simplemodal-data .store-box {min-width: 640px;}

    /**
     * Header 
     */
    .logo-placeholder {
        font-size: 4rem;
        line-height: 4.5rem;
        
    }
    .header-actions {float: right;}
    .header-actions .cart-toggle {font-size: 1rem;}
    .header-actions .mobile-nav-toggle {display: none;}
    .welcome-box {
        display: block;
        margin-top: 10px;
    }
    .header-search {
        clear: right;
        float: right;
    }
    .site-nav {display: block!important;}
    .site-nav > li {display: inline-block;}
    .site-nav > li > a {
        padding: 10px 5px;
    }
    .site-nav > li:first-of-type > a {padding-left: 0;}
    .site-nav > li:last-of-type > a {padding-right: 0;}
    .site-nav:after {
        content: '';
        display: inline-block;
        width: 100%;
    }

    /**
     * Account
     */
    .wishlist-page .thumb-wishlist .actions {float: right; margin-left: 10px;}
    .edit-registry-page .registry-form .registrant-information,
    .edit-registry-page .registry-form .coregistrant-information,
    .edit-registry-page .registry-form .shipping-before-event-box,
    .edit-registry-page .registry-form .shipping-after-event-box {
        float: left;
        width: 50%;
    }
    .edit-registry-page .registry-form .registrant-information,
    .edit-registry-page .registry-form .shipping-before-event-box {padding-right: 15px;}
    .edit-registry-page .registry-form .coregistrant-information,
    .edit-registry-page .registry-form .shipping-after-event-box {padding-left: 15px;}
    .registry-page .thumb-registry .actions {float: right;}

    .edit-registry-confirm-page .column {
        float: left;
        width: 50%;
    }

    /**
     * Product page
     */ 
    .product-page .product-title {
        float: right;
        width: 60%;

    }
    .product-page .product-images {
        float: left;
        padding-right: 15px;
        width: 40%;
        
    }
    .product-page .product-information {
        float: right;
        width: 60%;
        
    }

    /**
     * Category page
     */
    .thumb-navigation-links {
        float: right;
        margin: 0;
    }

    /**
     * Thumbs
     */
    .thumb-grid {width: 33.3333%;}

    /**
     * Cart
     */
    .cart-page .actions-and-promos {
        float: left;
        padding-right: 15px;
        width: 50%;
    }
    .cart-page .cart-totals {
        float: left;
        width: 50%;
    }

    /**
     * Checkout
     */
    .multiple-shipping-page .cart-lines-wrap .cart-line .item {
        float: left;
        margin-bottom: 0;
        padding-right: 15px;
        width: 40%;
    }

    .multiple-shipping-page .cart-lines-wrap .cart-line .packages-wrap {
        float: left;
        width: 60%;
    }

    .shipping-packages-summary .shipto-address,
    .shipping-packages-summary .shipto-method {
        float: left;
        width: 50%;
    }
    .payment-summary .column {
        float: left;
        padding-right: 15px;
        width: 50%;
    }
    .checkout-payment-page .promos-box .column {
        float: left;
        width: 50%;
    }
    .checkout-payment-page .promos-box .promo-code-box {padding-right: 15px;}
    .checkout-payment-page .promos-box .gift-card-box {padding-left: 15px;}
    .checkout-payment-page .payment-methods-wrap .card-info-box label[for^="pay_"] {
        float: left;
        width: 50%;
    }
    .checkout-payment-page .payment-methods-wrap .card-info-box .cvv_block {
        float: left;
        width: 49%;
    }
    #express-checkout-summary-box .shipping-summary-box .shipto-address,
    #express-checkout-summary-box .shipping-summary-box .shipto-method {
        float: left;
        width: 50%;
    }
    #express-checkout-summary-box .shipping-summary-box .shipto-address {padding-right: 15px;}
    #express-checkout-summary-box .shipping-summary-box .shipto-method {padding-left: 15px;}
    .receipt-register-box .column {
        float: left;
        width: 50%;
    } 

}

@media (min-width: 768px) and (max-width: 991px) {
    /**
     * Account
     */
    .account-menu .account-links {
        float: left;
        width: 33.3333%;
    }

    /**
     * Subcategories thumbs
     */
    .subcat-thumbs-wrap .subcat-thumb {width: 33.3333%;}
    .subcat-thumbs-wrap .subcat-thumb:nth-of-type(3n+1) {clear: both;}

    /**
     * Thumbs
     */
    .thumb-grid:nth-of-type(3n+1) {clear:both;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    /**
     * Thumbs
     */
    .thumb-lists {width: 25%}
    .thumb-lists:nth-of-type(4n+1) {clear:both;}
}

@media (max-width: 991px) {
    
    /**
     * Account
     */
    .account-menu {margin-bottom: 30px;}
    .account-links-wrap {display: none;}
    .account-menu h4 {position: relative;}
    .account-menu h4 .account-menu-toggle {
        cursor: pointer;
        display: block;
        position: absolute;
        display: inline-block;
        font-family: 'FontAwesome';
        font-style: normal;
        font-weight: normal;
        font-size: 1.7rem;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        right: 0;
        top: -2px;
    }
    .account-menu h4 .account-menu-toggle:before {content:"\f142";}
    .account-menu h4 .account-menu-toggle.opened:before {content:"\f00d";}
    /**
     * Cart
     */
    .cart-page .cart-items .item .total {display: none;}

    /**
     * Checkout
     */
    .checkout-page .summary-title {position: relative;}
    .checkout-page .summary-title:after {
        content:"\f067";
        display: block;
        position: absolute;
        display: inline-block;
        font-family: 'FontAwesome';
        font-style: normal;
        font-weight: normal;
          font-size: 1.7rem;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        right: 0;
        top: -2px;
    }
    .checkout-page .summary-title.minus:after {content:"\f068";}
    .checkout-page .sidebar-summary-inner {display: none;}
}

@media (min-width: 992px) {

    /**
     * Account
     */
    .account-menu {
        float: left;
        width: 22%;
    }
    .account-menu .account-links-wrap {display: block!important;}
    .account-content {
        float: left;
        padding-left: 30px;
        width: 78%;
    }

    /**
     * Thumbs
     */
    .thumb-grid {width: 25%;}

    /**
     * Cart
     */
    .cart-page .cart-items .item {
        padding-right: 250px;
        padding-left: 165px;
    }
    .cart-page .cart-items .item img {
        margin-left: -165px;
        width: 150px;
    }
    .cart-page .cart-items .item .info {float: left;}
    .cart-page .cart-items .item .qty-price {
        float: right;
        margin-right: -250px;
        text-align: right;
        width: 220px;
    }
    .cart-page .cart-items .item .qty-price .total {
        display: none;
        margin-left: 20px;
    }

    /**
     * Checkout
     */
    .checkout-box {
        float: left;
        padding-right: 50px;
        width: 65%;
    }
    .checkout-steps-wrap {
        float: left;
        padding-right: 50px;
        width: 65%;}
    .checkout-page .sidebar_summary {
        float: right;
        width: 35%;
    }
    .checkout-page .sidebar-summary-inner {display: block!important;}
    .checkout-edit-cart-page .checkout-steps-wrap {width: 100%;}
    .checkout-edit-cart-page .checkout-box {width: 100%;}

    /* Receipt */
    .completed-order-summary .order-details {
        float: left;
        padding-right: 15px;
        width: 50%;
    }
    .completed-order-summary .summaries {
        float: right;
        padding-left: 15px;
        width: 50%;
    }

    /**
     * Contact page
     */
    .contact-page .main-column {
        float: left;
        padding-right: 30px;
        width: 75%;
    }
    .contact-page .contact-sidebar {
        float: right;
        width: 25%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    /**
     * Subcategories thumbs
     */
    .subcat-thumbs-wrap .subcat-thumb {width: 25%;}
    .subcat-thumbs-wrap .subcat-thumb:nth-of-type(4n+1) {clear: both;}

    /**
     * Thumbs
     */
    .thumb-grid:nth-of-type(4n+1) {clear:both;}
}

@media (min-width: 992px) and (max-width: 1459px) {}

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

@media (min-width: 1200px) {

    /**
     * Subcategories thumbs
     */
    .subcat-thumbs-wrap .subcat-thumb {width: 20%;}
    .subcat-thumbs-wrap .subcat-thumb:nth-of-type(5n+1) {clear: both;}

    /**
     * Thumbs
     */
    .thumb-grid {width: 20%;}
    .thumb-grid:nth-of-type(5n+1) {clear:both;}
    .thumb-lists {width: 20%}
    .thumb-lists:nth-of-type(5n+1) {clear:both;}
}

@media (min-width: 1200px) and (max-width: 1459px) {}

@media (min-width: 1200px) and (max-width: 1759px) {}

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

@media (min-width: 1460px) {}

@media (min-width: 1460px) and (max-width: 1759px) {}

@media (min-width: 1760px) {}

/**
 * Print 
 */
@media print {
    .site-header,
    .site-footer,
    .breadcrumb-wrap,
    .account-menu,
    .order-complete-page .order-info .print, 
    .order-complete-page .order-info .email,
    .checkout-page .sidebar_summary,
    .receipt-register-box {display: none;}    
}

/**
 * Email aquisition
 */
#simplemodal-container .js-hidden-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: 0;
    z-index: 1;
}
#simplemodal-container .buttons {
    position: relative;
}


/*cancel order*/
.cancel, .cancel:hover{}
.cancel-order, 
.return-order{
    display:inline-block;
    font-size: 18px;
    font-weight:bold;
    margin: 10px 0px 0;
    padding:6px 10px;
    border-radius:4px;
    text-decoration:underline;
}
.cancel-order .fa, 
.return-order .fa{margin-right:3px;}

.cancel-order:hover{
    background:#cc0000;
    color:#fff;
}
.return-order{
    color:#444;
}
.cancelled-order-block{
    background:#f3f3f3;
    font-size:14px;
    padding:10px 0;
    margin: 20px 0;
    display:flex;
    align-items:center;
}
.cancelled-order-block .icon{
    font-size: 10px;
    text-align:center;
    text-transform:uppercase; 
    padding: 0 20px;  
}
.cancelled-order-block .icon .fa{font-size: 28px;margin-bottom: 5px;display:block;color:#cc0000;}

.cancelled-order-block .cancelled-order-reason{
    border-left: 1px solid #ccc;
    padding-left: 15px;
}
.cancelled-order-block .cancelled-order-reason span{
    display:block;
    font-size:18px;
    font-weight:bold;
}

.cancelled-order-block .cancelled-order-note{
   margin-top:10px;
}
.cancelled-order-block .cancelled-order-note hr{
    border: none;
    border-top:1px dotted #ccc;
    width:60px;
}
/* cancel order part- cancel page */
.reason-block{
    border-bottom: 1px dotted #ddd;
    padding: 10px 5px;
    clear:both;
}
.reason-block label{
    display:flex;
    flex-direction:row;
}
.reason-block input[type=radio]{

}
.reason-block .label-content{
    padding-left: 10px;
}
.reason-block .label-content .main-reason{
    font-size: 14px;
    font-weight:bold;
    display:block;
}
.reason-block .label-content .explanation{
    font-size:12.5px;
    line-height: 16px;
}
.cancel-order-part textarea{width:100%;}

.account-content .button.light{
    background:transparent;
    color:#444;
    border: 1px solid #eee;
}
.account-content .button.light:hover{
    background:#f3f3f3;
    color:#444;
}
.cancel-order-confirmation .summaries{display:none;}
.cancel-order-confirmation .completed-order-summary .order-details{
    width: 100%;
    padding-right: 30px;
}
.cancel-flexbox{display:flex;}

@media(max-width:990px){
    .cancel-order-confirmation .completed-order-summary .order-details{padding:0px!important;}
    .cancel-flexbox{
        flex-direction:column;
    }
    .cancel-flexbox .cancel-order-confirmation{order:2;}
    .cancel-flexbox .cancel-order-part{order:1;margin-bottom:30px;}
}
/* cancel order */