body.cart_right_shown {overflow: hidden;}
#cart_right {display: flex; flex-direction: column; padding: 30px; position: fixed; z-index: 1000000; transition: all 0.3s; width: 400px; right: 0; margin-right: -400px; bottom: 0; top:0; background: #fff}
#cart_right.shown {margin-right: 0;}
#cart_right_bg {display: none; }
#cart_right_bg.shown {display: block; content:' '; position: fixed; left: 0; right: 0; bottom: 0; top:0; background: rgba(0,0,0,.3); z-index:999999;}

#cart_right .cr_header {flex: 0 0 50px; border-bottom: solid 1px #f0f0f0;}
#cart_right_body {flex: 1 1 auto; display: flex; flex-direction: column; }
#cart_right .cr_body {flex: 1 1 auto; padding-top: 15px; padding-bottom: 15px; overflow-y: auto; min-height: 0;}
#cart_right .cr_body .row {margin-bottom: 10px;}
#cart_right .cr_footer {flex: 0 0 90px; padding-top: 15px; border-top: solid 1px #f0f0f0;}

#cart_right img {border: solid 1px #e0e0e0;}
#cart_right small {font-size: 80%;}
#cart_right .icon {height: 28px; width: 28px; stroke: #000; stroke-width: 2px; float: right; cursor: pointer;}

#cart a {border: none;}
#cart .cart-row {margin-bottom: 8px; margin-top: 7px;}
#cart .cart-row td {vertical-align:middle; font-weight:bold; border-color: rgba(0, 0, 0, 0.08);}
#cart .cart-row td.text-center {font-size:16px;}
#cart .fa-trash-alt {color:rgba(65, 65, 65, 0.51); font-size: 13px; position:initial; cursor:pointer;}
.cart_header {border-bottom: solid 1px #e0e0e0; padding-bottom: 5px; margin-bottom: 15px; font-weight:500; }
.cart_header th{color:#727272!important; font-weight:400;}
.cart_image {width: 75px; margin-right: 15px;}
.cart-card {border:solid 1px #EDEDED; border-radius:5px; height: auto;}
.cart-card p {color:#888;font-size: 18px;}
.cart-card-title {font-size: 24px; font-weight:bold;}

.card-account {border:solid 1px #EDEDED; border-radius:8px;}

.catalog-detail .review {color: #888;}
.catalog-detail .panel-heading {padding-left:30px; padding-right:30px; }
.catalog-detail .panel-body {padding:30px}
.catalog-detail .social_buttons {margin-bottom: 0; text-align: center;}

.index-category .index-category-link {display: block; }
.index-category .index-category-link div {display: inline-block; transition: all 0.5s; text-transform: uppercase; background: #f0f0f0; padding: 7px 15px; margin-bottom: 10px;}

.catalog_item_photo {margin-bottom: 7px;}
.catalog_item_photo:last-child {margin-bottom: 0;}
.catalog_item_photos {flex-shrink:1; max-width: 180px; padding-right: 15px; overflow-y: auto; display: flex; flex-direction: column;}
.catalog_item_photos_container {display: flex;}

.catalog_suggesting {padding-bottom: 15px; border-bottom: solid 1px #f0f0f0; margin-bottom: 10px; font-size: 12px;}
.catalog_suggesting h5 {font-size: 12px; margin-top: 0; text-align:center;}
.catalog_suggesting .btn.btn-buy {font-size: 10px; padding: 5px 5px 2px; line-height: 1rem;}
.catalog_suggesting .btn.btn-buy:after {font-size: 8px; }
.catalog_suggesting-inner {padding-top: 5px; padding-bottom: 5px; background: #f0f0f0;}

.catalog-model {color: #666;}

.order-canceled {color: #cc0000;}
.order-canceled td {background: #fff5f5;}

.btn.btn-buy {transition: all 0.5s;}
.btn.btn-buy.btn-buy-flying {position: fixed; top: 80px; width: auto; right: 15px; z-index: 1000; animation: buy-pulse 2s infinite;}
@keyframes buy-pulse {  
  0% {
	border-color: rgba(0, 0, 0, 0.5);
  }
  50% {
	border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0px rgba(0, 0, 30, 1);
  }
 
  100% {
	border-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 5px rgba(0, 0, 30, 0);
  }
}

.fa-times {position: absolute; font-size: 12px; right: -10px; top:50%; margin-top: -8px; cursor:pointer;}

.catalog-details-bg-block {padding: 30px; border: solid 1px #ccc; margin: 30px 0; background-repeat: no-repeat; background-size: contain; background-color: #000; color: #fff;}
.catalog-details-bg-block li {margin-top: 1.5vw; margin-bottom: 1.5vw; }
.catalog-details-bg-block h3 {color: #fff;}
.cdbb-text-left {padding-right: 50%; background-position: right; }
.cdbb-text-right {padding-left: 50%; background-position: left; }

@media (max-width: 728px) {
	#cart_right {padding: 20px; width: 300px; margin-right: -300px;}
	.sum-column {padding-right: 30px;}
	.fa-times {right:10px;}
	.catalog-list_item img.img-responsive {border: solid 2px #eee !important;}
	.catalog-detail .panel {padding: 0;}
	.catalog-detail .panel-body {padding: 15px; background: #f9f9f9;}
	
	.catalog_item_photos {display: block; max-width: 100%; padding-right: 0; margin-bottom: 15px;}
	.catalog_item_photo {max-width: 20%; float: left; padding: 0 2px;}
	.catalog_item_photos_container {display: flex; flex-direction: column-reverse;}
	
	#order_one_click * {font-size: 11px;}
	#order_one_click .btn {padding-left: 5px; padding-right: 0;}
	#order_one_click .btn:after {font-size: 8px;}
	
	.cdbb-text-right, .cdbb-text-left {padding:0 15px; background: #000 !important;}
	
}
@media (max-width: 310px) {
	#cart_right {padding: 20px 10px; max-width: 95%; margin-right: -95%;}
}

.catalog-list_item a {border-bottom: none;}

.btn-alert {background: #f0f0f0;}
.input-sm {height: auto;}

fieldset { padding: 5px 15px; border: 1px solid #ccc; margin-bottom: 30px; background: #f9f9f9;}
fieldset legend {width: auto; font-weight: bold; padding-right: 10px; color: #000; font-size: 1rem; 
	float: none; background: none; border-bottom: none; text-align: center; padding-left: 10px; margin-bottom: 1.2rem;}