/* list-products */
.list-products{display: block;position: relative;margin:0px;}
.list-products:after{clear: both;display: block;}
.list-products .layout_latest {float: inherit !important;display: inline-block !important;vertical-align: top;padding-top:10px;padding-bottom: 10px;position: relative;max-width: 100%;}
.list-products .layout_latest:after{content:"";clear:both;display: block;}
.list-products > h1, .list-products > h2{font-size: 1.5em;      color: #f68221;    text-transform: uppercase;    position: relative;    font-weight: bold;    margin-top: 10px;    font-family: arial,sans-serif;    text-align: center;position: relative;}
.list-products > h1 span, .list-products > h2 span{padding: 0px 10px 0px 10px;background: #FFF;position: relative;z-index: 1;}
.list-products > h1:after, .list-products > h2:after{content: "";    display: block;    position: absolute;    top: 45%;    left: 0px;    width: 100%;    padding-top: 2px;    border-top: 1px solid #B1A4A4;    border-bottom: 1px solid #923C00;}

.list-products .layout_latest > div >.image_container{display: block; text-align: center; padding:2px; position:relative;}
.list-products .layout_latest > div >.image_container a{position: relative;display: block;}
.list-products .layout_latest > div >.image_container a:after{position: absolute;bottom:10px;left:10px;width:85px; height:50px;opacity: 0.4;content:"";background: url("/files/system/img/general/logo.png") center center no-repeat;background-size: 100% 100%;}
.list-products .layout_latest .parent{padding-bottom: 10px;box-shadow: 5px 7px 10px -7px #545454;}
.list-products .layout_latest > div > h2{text-align: center;font-size: 16px;line-height: 1em;margin: 5px 0px 10px 0px;}
.list-products .layout_latest > div > h2 a{font-size: 1em;    color: #bb9839;    line-height: 1.2em;    font-weight: normal;    font-family: arial,sans-serif;}
.list-products .layout_latest > div > h2 a:hover{color:#f68221;text-decoration: none;}
.list-products .layout_latest > div > .infomation{display: block;text-align: center;position: relative;}
.list-products .layout_latest > div > .infomation > .child{display: block;text-align: right;}
.list-products .layout_latest > div > .infomation > .child > span{color:#AFD4BB;display: block;}
.list-products .layout_latest > div > .infomation > .child > span:after{content: ":";padding-right: 5px;}
.list-products .layout_latest > div > .infomation > .child.price-old{  text-align: left;}
.list-products .layout_latest > div > .infomation > .child.price-contact{  text-align: center;}
.list-products .layout_latest > div > .infomation > .child.price-contact strong{}
.list-products .layout_latest > div > .infomation > .child.price-old strong{text-decoration: line-through;}
.list-products .layout_latest > div > .infomation > .child.prices strong{color:#020202;}
.list-products .layout_latest > div > .infomation > .child.prices strong.prices-btn{color:#f00;}
.list-products .layout_latest > div > .infomation > .control .orders{background: #297FA4;border: none; color: #FFF; padding: 5px 20px;}
.list-products .layout_latest > div > .infomation > .control .orders:hover{background: #004B6B}
.list-products .layout_latest .teaser-icon-click{position: absolute;display: none; z-index: 100;height: 100%;top: 10px;left: 50%;margin-left: -100px;margin-top: -20px;width: 200px;overflow: hidden;}
.list-products .layout_latest figure:hover .teaser-icon-click>div{font-size: 1.4em;color: #FFFFFF;cursor: move;position: absolute;height:100%;width:100%;display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-flex-direction: row;-ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center;align-items: center;font-weight: bold;text-shadow: 2px 2px 3px #000;}
.list-products .layout_latest figure:hover .teaser-icon-click{display: block;}
.list-products .layout_latest figure:hover .teaser-icon-click div:before{padding-right:5px;}
.list-products .layout_latest figure .discount-flag{width:100px; height:34px; position: absolute;background: url("/files/system/img/general/sale-lag.png") left top no-repeat;line-height: 34px;text-align: left;padding-left: 34px;font-weight: bold;color: #FFF;left: -34px;z-index: 1;top: 34px;-ms-transform: rotate(7deg);-webkit-transform: rotate(90deg);transform: rotate(90deg)}
/*.list-products .layout_latest figure .featured-flag{width:50px; height:50px; position: absolute;right:0px; top:0px;background: url("/files/system/img/general/new-flag.gif") left top no-repeat;z-index: 1;}*/
.list-products .layout_latest figure img{max-width: 100% !important; height: auto !important;}
.list-products .empty{text-align: center;}
.list-products .layout_latest .tooltip-hover{display: none;box-shadow: 0px 3px 10px 0px #000;}
.list-products .layout_latest .control-item .control-btn{text-decoration: none; color: #FFF; font-size: 1em; line-height: 1em; background: #bb9839; padding: 5px 10px; text-align: center; margin: 5px auto; display: block; float: inherit; border-radius: 15px;}
.list-products .layout_latest .control-item .control-btn:hover{background: #f68221;}
.list-products > .child{position: relative;display: block;}
.list-products > .child > h2{position: relative;    display: block;    text-align: center;    color: #f68221;     border-top: 1px solid #dcdcdc;   border-bottom: 3px double #bb9839;     padding: 15px 10px;    font-size: 1.2em;   text-transform: uppercase;    line-height: 1em;font-weight: bold;}
.list-products .child .view-more-category{display: block;text-align: center;padding:20px 15px 10px 15px;}
.list-products .child .view-more-category a{display: inline-block;}
.list-products .child .view-more-category a:before{font:normal normal normal 14px/1 FontAwesome;content:"\f00e";display: inline-block;padding-right:10px;font-size: 2em}
..list-products .layout_latest .front-back-image{position: relative;display: block;-webkit-backface-visibility: hidden;}
.list-products .layout_latest .front-back-image .img-back{position: absolute;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);display: block;opacity: 0; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.list-products .layout_latest:hover .front-back-image .img-back{position: relative;display: inline-block;opacity: 1;-webkit-transform: rotateY(0);  transform: rotateY(0);}
.list-products .layout_latest:hover .front-back-image .img-front{display: none;-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);}

.sumary-teaser-product > .control{display: block;position: relative;bottom:0px;padding-top: 10px;text-align: center;padding-bottom: 10px;}
.sumary-teaser-product > .control a, .list-products > .layout_latest > .control .orders{display: inline-block;}
.sumary-teaser-product > .control a:first-child{margin-right: 5px;}
.sumary-teaser-product > .control a:hover, .list-products > .layout_latest > .control .orders:hover{}
.sumary-teaser-product>.child-headline{display: block; padding:10px; border-bottom: 1px solid #CCC; background-color: #F1F1F1;font-size: 1.5em;font-weight: bold;color:#FF0000;}
.sumary-teaser-product> .child {padding: 5px 10px;border-bottom: 1px solid #CCC;}
.sumary-teaser-product> .child > span:after{content: ":";padding-right: 5px;}
.sumary-teaser-product> .child.price-old{text-decoration: line-through;font-size: 0.8em; }
.sumary-teaser-product> .child.prices strong{color:#F00;}
.sumary-teaser-product>.content{padding:10px;}

.detail-products{display: block; padding-top: 10px; padding-bottom:10px;}
.detail-products .head_container_div {border-bottom: 3px double #CCC; padding-bottom: 10px;margin-bottom: 20px;}
.detail-products .infomation > h1{display: block; font-size: 1.5em; line-height: 1.2em;margin-top: 10px;color:#5f572f;    font-family:arial,sans-serif;}
.detail-products .infomation > .child {padding:8px 0px; border-bottom:1px dotted #EEE;}
.detail-products .infomation > .child >span:after{content:": ";padding-right: 5px;}
.detail-products .infomation > .child > strong{ color: #F00;}
.detail-products .infomation > .child.price-old > strong{color:#020202}
.detail-products .infomation > .control{display: block;position: relative;padding:20px;background: rgb(247, 247, 247); margin-bottom: 10px;}
.detail-products .infomation > .control span{display: block; padding:5px 0px; font-weight:bold;}
.detail-products .infomation > .control .product-number{width:50px;display:inline-block;margin-right:10px;}
.detail-products .infomation > .control .product-unit{width: auto;max-width:100%;display:inline-block;margin-right:10px;}
.detail-products .back a{color:#000;}

@media screen and (min-width: 768px) {
 	.list-products > .layout_latest .tooltip-hover.active{display: block;}
}
@media screen and (max-width: 768px) {
	 .list-products{text-align: center;}
}


.title-hot > h1 span:before,
.title-hot > h2 span:before,
.title-hot > h3 span:before{
	content: "";
    background: url(/files/system/img/general/icon-hot.gif) left center no-repeat;
    width: 40px;
    display: block;
    background-size: cover;
    height: 40px;
    position: absolute;
    z-index: 1;
    top: -10px;
    left: -35px;
}
.title-hot > h1 span:after,
.title-hot > h2 span:after,
.title-hot > h3 span:after{
	content: "";
    background: url(/files/system/img/general/icon-hot.gif) no-repeat;
    width: 40px;
    display: block;
    background-size: cover;
    height: 40px;
    position: absolute;
    z-index: 1;
    top: -10px;
    right: -35px;
}