.product .col-1{
float: left;
width: 846px;
}
.product .col-2{
float: right;
width: 310px;

}
.product-list li{
position: relative;
list-style:none !important;
padding:0;
margin: 0 0 10px 0;
border-right: 1px #eee solid;
min-height: 260px;
}
.product-list li.col-lg-2{
width: 20%;
}
.product-list li:last-child{
border-right: none;
}
.product-list li .border{
/*position: relative;*/
/*border: 1px #fff solid;
padding: 4px !important;*/
}
/*.product-list li .border:hover {
border: 1px #ddd solid;
padding: 4px !important;
}*/
.product-list li img:hover{
/*border: 1px #ddd solid;*/
}
.product-list li img{
margin: 0 auto;
display: block;
margin-left: auto !important;
margin-right: auto !important;
/*min-height: 187px;*/
max-height: 200px;
}
img.displayed {
display: block;
margin-left: auto !important;
margin-right: auto !important
}
.product-list .icon {
background: url("../images/icon_discount.png") no-repeat scroll center top;
display: block;                                                                                            
height: 28px;
width: 42px;
position: absolute;
right: 0;
bottom: 30px;
}
.product-list .icon .discount{
color:#fff;
font-size: 12px;
font-weight: bold;
position: absolute;
right:6px;
bottom:3px    
}
.product-list .icon .discount span{
    font-size: smaller;
}
/*.product-list .icon {
border-top: 40px solid #0072bc; border-right: 50px solid transparent;
display: block;
position: absolute;
}
.product-list .icon .new{
color:#fff;
font-size:10px;
position: absolute;
top: -38px;
left:4px;    
}*/
/*.product-list .icon {
background: url("../images/icons.png") no-repeat scroll center top;
display: block;
height: 50px;
text-indent: -9999em;
width: 50px;
position: absolute;
top: -1px;    
}
.product-list .icon-free {
background-position: center center;
}
.product-list .icon-discount {
background-position: center bottom;
}*/
.product-list .info {
margin: 0 auto;
display: block;
/*border-bottom: 1px #ccc solid;*/
padding: 0 10px;
/*margin: 6px 10px;*/
height: 80px;
width: 100%;
position: absolute;
bottom: 0;
}
.product-list .info .brief div{
color: #969A9B;
font-size: 12px;
}
.product-list h3 {
height: 42px;
overflow: hidden;
font-weight: normal;
line-height:20px;
font-size: 13px; 
font-weight: bold;
text-transform: uppercase;
}
.product-list h4 {
line-height:20px;
padding:0;  
min-height: 20px;
font-size: 12px; 
text-transform: uppercase;
}
.product-list h4 a{
font-size: 12px; 
color:#666;
text-transform:uppercase
}               

.product-list .info-more {
position: absolute;
background: #fff;
display: inline-block;
bottom: -20px;
border: 1px #ddd solid;
border-top: 0;
padding: 5px !important;
left: 0;
right: 0;
margin:0 2px 0 0;
display: none;
}
.product-list .brief{
padding:5px 0;
font-size: 12px;
margin-left: auto !important;
margin-right: auto !important;
}
.product-list .price{
color: #D20202;
font-weight: bold;
position: absolute;
bottom: 0;
}
.price{
color: #D20202;
}
.price-old {
text-decoration: line-through;
font-size: 12px;
}
h3.price{
font-size: 20px;
color: #D90501;
padding: 10px 0;
}
.product-line{
clear:both;
background:#fff;
height:1px;
width:98%;
margin:10px;
}
.content-tabs .nav li{
border-left:0 !important;
}
.content-tabs .nav li:hover{
background:none;
}
.tab-content{
padding: 20px 0;
}
.nav-tabs > li > a{
background: #B2B2B2;
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 12px;
margin-right: 6px;
white-space:nowrap;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  text-decoration: none;
  background-color: #0EA3F3;
  border: 1px solid #0EA3F3;
  text-transform: uppercase;
  color: #fff !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #0EA3F3;
  border: 1px solid #0EA3F3;
  border-bottom-color: transparent;
}


.product-image{
float: left;
padding: 0 40px 10px 0;
}
.product-image .image{
width:100%
}
.product-image #images-list{
clear:both;
margin: 0 auto;
}
.product-image #images-list li{
float: left;
list-style: none outside none;
padding: 5px 5px 5px 0;
}
.product-image #images-list li img{
display: block;
border: 1px #e6e6e6 solid;
padding: 8px;
}
.product-info{
float: left;
padding: 0;
}
.product-info h3{
display: inline;
}
.product-relation .p-main{
float: left;
width: 35%;
padding-right: 30px;
background:url(../images/equal.png) center right no-repeat
}
.product-relation .p-other{
float: left;
width: 100%;
}
.product-relation .owl-item .item{
margin: 0 3px ;
}

.content-tabs table {
	border-collapse: collapse;
	width:100%;
}
.content-tabs table tr {
    padding: 5px;
}
.content-tabs table td {
    border: 1px solid #DBDFEB;
    padding: 5px;
}
.btn-buy{
display: block;
width: 100%;
padding: 20px 0;
}
button.add-cart{
float: left;
text-transform: uppercase;
width: 49%;
height: 60px;
background: #FF6D00;
color:#fff;
font-size: 30px;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 0px solid #000000;
margin-right: 10px;
}
button.add-cart:hover{
height: 60px;
}
button.call{
float: left;
text-transform: uppercase;
padding: 10px 20px;
height: 60px;
background: #FF6D00;
color:#fff;
font-size: 30px;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 0px solid #000000;
}
button.call:hover{
height: 60px;
}
button.call a{
color: #fff;
}
.product .modal-dialog{
width: 80%;
}

#confirm {display:none;}
#confirm-overlay {background-color:#eee; cursor:wait;}
#confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(../images/header.gif) repeat-x; color:#fff; font-weight:bold; font-size:16px}
#confirm-container .header h2 {background:url(../images/cart.png) 5px 4px no-repeat; padding-left:40px; color:#fff}
#confirm-container .message {color:#4169E1; font-size:18px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:300px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; height:26px;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

.product h4, .product h4.color, .product h4.size, .product h4.quantity{
text-transform: uppercase;
font-size: 12px;
display: block;
}
ul.color li, ul.size li{
/*float: left;*/
margin-bottom: 3px;
border: 1px #555 solid;
width: 20px;
height: 20px;
text-align: center;
list-style: none;
cursor: pointer;
}
ul.color li.selected, ul.size li.selected{
box-shadow:0 0 12px #333;
} 
ul.color li a{
margin-left: 25px;
white-space: nowrap;
}                                       
#item-list ul.color li, #item-list ul.size li{
float: none;
clear:both;
margin-top: 2px;
}
.size-popup{
float:left; display:inline;
margin-right: 3px;
border: 1px #555 solid;
width:100px; 
height: 20px;
text-align: center;
font-weight: bold;
cursor: pointer;
}
#size-popup, #guide-popup{
display: none;
}
#quantity-list{

}
.total{
padding:15px 0;
background: #fbfbfb;
border-top: 1px solid #181818;
border-bottom: 1px solid #181818;
margin-bottom: 20px;
}
.total b{
display: inline-block;
min-width: 100px;
}
.comments-area{
border-top: 1px #ccc solid;
margin-top: 20px;
font-size: 12px;
}
.comment-reply-title{
width:100%;
height:33px;
margin-top:10px;
}
.comment-reply-title span{
top:3px;
position:relative;
font-size:14px;
text-transform:uppercase;
}
.parent0{
background:#F8F8F8;
}
.parent1{
background:#E8E8E8;
}
.comment-list .children {
margin-left: 20px;
}
.comment-list, .comment-list .children{
list-style:none !important;
padding:0;
}
.content ol li.parent0, .content ol li.parent1{
list-style:none;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:10px;
margin:2px 0;
}
.content ol li.comment{
list-style:none;
border-top:1px #fff dotted;
padding-top:10px;
}
.comment-total{
font-weight: bold;
padding:5px 0;
}
.comment_name{
font-weight:bold;
}
.comment_name span{
font-size:11px;
color:#aaa;
font-weight:normal
}
.comment-reply-link{
font-size: 11px;
}
.comment-form .input {
border: 1px solid #BBBBBB;
font: 1.1em arial,helvetica,verdana,sans-serif;
padding: 2px;
}
.comment-form p textarea {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
color: #333333;
height: 80px;
margin-top: 3px;
padding: 2px 0;
width: 100%;
}
.error input, input.error, .error textarea, textarea.error{
background-color: #F9E6E6;
border-color: #C60F13;
}

.product .accordion{
padding-top: 0;
}
#product-other, .product-other{
padding-top: 20px;
}
#product-slider, .product-slider{
clear:both;
padding:10px 0;
border: 0;
position: relative;
}

.product-other h3.title{
display: block;
background: #31A8D2;
padding: 0;
border-bottom: 1px #333 solid;
width:250px;
}
.product-other h3.title span{
display: block;
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 10px 20px;
color: #fff;

}
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("../images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("../images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("../images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("../images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../images/ui-icons_cd0a0a_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
border-top:0 #ccc solid;
text-transform:uppercase;
font-size: 14px;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: .5em .5em .5em .7em;
    border-top: 0;
    overflow: auto;
}

/* 
 *     Core Owl Carousel CSS File
 *    v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
    
.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
*     Owl Carousel Owl Demo Theme 
*    v1.3.3
*/

.owl-theme .owl-controls{
    /*margin-top: 10px;*/
    text-align: center;
}
@media (min-width: 768px) {
    .owl-theme .owl-pagination{
        display: none;
    }
}         
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}
.owl-item .item{
    margin: 3px;
    text-align: center;
}
.product-other .owl-item .item img{
    display: block;
    width: auto !important;
    height: auto;
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important
}                                  
.product-list .item{
position: relative;
list-style:none !important;
padding:0;
margin: 20px 0;
height: 260px;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

.btn_control_slider {
    background: url("../images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 20px;
    position: absolute;
    top: 42%;
    width: 20px;
    z-index: 9;
}
.owl-prev {
    background-position: 0 0;
    left: 0;
}
.owl-next {
    background-position: -20px 0;
    right: 0;
}
#images-list .owl-prev:hover, #images-list .owl-next:hover {
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: .5;
-khtml-opacity: .5;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
    font-family: 'flexslider-icon';
    src:url('fonts/flexslider-icon.eot');
    src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('fonts/flexslider-icon.woff') format('woff'),
        url('fonts/flexslider-icon.ttf') format('truetype'),
        url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
/*.flex-direction-nav {*height: 0; display: none;}*/
.flex-direction-nav a {width: 30px; height: 30px; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }
.flex-direction-nav .flex-prev {left: 5px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
ul.flex-direction-nav li{list-style: none; !important}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

table div.del{
background:url(../images/delete.png) center no-repeat !important; 
cursor: pointer;
}
.btn-checkout{
padding: 20px 0;
}
button.checkout, button.checkout:hover{
width: 200px;
height: 39px;
text-transform: uppercase;
}

@media (min-width: 768px) {
    
}
.mosaic-block {
overflow: hidden;
position: relative;
width:100%;
min-height:280px;
}
.mosaic-backdrop {
background: none;
display: none;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.mosaic-overlay {
display: none;
height: 100%;
position: absolute;
width: 100%;
z-index: 5;
left:0;
}

.m-fade .mosaic-overlay {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
box-shadow:0 0 18px 0px rgba(0,0,0,.2) inset;
background: #fff;
}
.bar .mosaic-overlay {
background: #111;
opacity:0.8; filter: alpha(opacity = 80);
height: 50%;
bottom: -100%;
}
.mosaic-block .brief{
padding:10px;
color:#333;
height: 250px;
overflow: hidden;
}

ul.auctions li{
height: 340px;
}
ul.auctions li .img{
padding-bottom: 10px;
}
ul.auctions .info {
/*position: relative;*/
padding-bottom: 10px;
bottom: 120px;
}
ul.auctions .price{
position: relative;
}        
ul.auctions .bid {
position: absolute;
bottom: 0;
width: 100%;
}
#bid-mes{
color: #ff0000;
}
#btn-bid{
outline:none;
}
#bid-price{
border:1px #FF8A00 solid;
color: #6c6d71;
background: #ebebeb;
height: 30px;
width: 160px;
padding: 5px 10px;
margin-top: 10px;
font-size: 20px;
}
table.bids_list thead tr {
text-transform: uppercase;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #ccc;
height: 40px;
}
table.bids_list tbody tr {
border-bottom: 1px solid #ccc;
}

@media (max-width: 660px) {
    .mosaic-block, .mosaic-block .brief{
    height:100%;
    }
    .product-image{
    padding: 0;
    float: none;
    }
    .product-image .image{
    float: none;
    width: 100%;
    padding:0 20px 5px 20px;
    }
    .product-image .image img{
    margin: 0 auto;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important
    }
    .product-image #images-list li{
    /*width: 25%;*/
    }
    .product-info{
    float: none;
    clear: both;
    padding-top: 10px;
    }
    .product-list li{
    border-right: none;
    border-bottom: 1px #ccc solid;
    padding: 10px 0;
    }
}
