/* list-products */
.list-products{display: block;position: relative;}
.list-products:after{clear: both;display: block;}
.list-products .layout_latest {float: inherit !important;display: inline-block;vertical-align: top;padding:2px; margin-bottom: 10px; position: relative;max-width: 100%;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;border: 1px dashed #b7b7b7;}
.list-products.padding-5 .layout_latest{padding-left:5px; padding-right: 5px;}
/*.list-products .layout_latest:after{content:"";clear:both;display: block; height: 4px; background: url("/files/system/img/general/bg-line-gray.png") left top repeat; margin-top: 15px;}*/
.list-products > h1, .list-products > h2, .list-products > .child > h2{font-family: sans-serif; margin-top: 0px;display: block;font-size: 2em;color:#1182fc; text-align: center; font-weight: normal; position: relative; margin-bottom: 0px;    line-height: 1.2em;overflow:hidden; z-index: 1;}
.list-products > h1 span, .list-products > h2 span, .list-products > .child > h2 span{position: relative;display: block;padding: 15px; text-transform: uppercase;}
/*.list-products > h1 span:after, .list-products > h2 span:after, .list-products > .child > h2 span:after{position: relative; background: url("/files/system/img/general/bg-line-title.png") center center no-repeat; content: ""; display: block; margin-top: 0px; height:34px; display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 100%;}*/

/*.list-products .layout_latest:hover{    z-index: 100; background: rgba(255, 255, 255, 0.29);     box-shadow: 0px 0px 30px 2px rgb(232, 203, 171);}*/
.list-products .layout_latest > div >.image_container{display: block; text-align: center; padding:0px; position:relative;}
.list-products .layout_latest > div >.image_container a{display: block; position: relative; z-index: 11;}
.boxshadow-left .layout_latest .parent{box-shadow: -1px 0px 3px -1px #d4d4d4;}
.list-products .layout_latest > div  h2{text-align: center;font-size: 1em;line-height: 1em;margin: 5px 0px 0px 0px;position: relative;}
.list-products .layout_latest > div  h2 a{font-size: 1.1em;    color: #000;    line-height: 1.2em;  padding:10px;display: block;  font-weight: normal; text-transform: uppercase; position: relative;z-index: 2;}
.list-products .layout_latest > div  h2:hover a{text-decoration: none; color:#1182fc;}
.list-products .layout_latest > .parent{position: relative;padding: 1px;}
.list-products .layout_latest > .parent:hover > .infomation > .child.prices strong.prices-btn{c}
.list-products .layout_latest > div  .infomation{display: block;text-align: center;}
.list-products .layout_latest > div  .infomation .child{display: block;text-align: center;    color: #ed3237;}
.list-products .layout_latest > div  .infomation .child > span{color:#ABABAB;display: block;font-size: 0.9em;}
.list-products .layout_latest > div  .infomation .child > span:after{content: ":";padding-right: 5px;}
.list-products .layout_latest > div  .infomation .child > .discount-flag{display: inline-block;    background: #eaff47; padding: 0px 3px; color: #683432; margin-right: 10px;}
.list-products .layout_latest > div  .infomation .child > .discount-flag:after{display: none;}
.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: #888;    font-weight: normal;    font-size: 0.8em;}
.list-products .layout_latest > div  .infomation .child.prices strong.prices-btn{    color: #ff0000; font-weight: normal; font-size: .9em; margin-top: 8px; display: inline-block;}
.list-products .layout_latest .prices-main{text-align: left;font-size: 1.2em;}
.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:hover figure .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:hover figure .teaser-icon-click{display: block;}
.list-products .layout_latest:hover figure .teaser-icon-click div:before{padding-right:5px;}
.list-products .layout_latest:hover > div > .infomation > .child.prices strong{}
.list-products .layout_latest figure .discount-flag{display: none;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{display: none;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 {overflow: hidden;}
.list-products .layout_latest figure img{max-width: 100% !important; height: auto !important;transition: .5s;}
.list-products .layout_latest:hover figure img{transform: scale(1.1);}
.list-products .empty{text-align: center;}
.list-products .layout_latest .tooltip-hover{display: none; opacity: 0; box-shadow: 0px 3px 10px 0px #000; }
.list-products .layout_latest .tooltip-hover.active{display: block;opacity: 1;}
.list-products .layout_latest .control-item{padding-top: 10px; position: absolute;  opacity: 0;  top: calc(50% - 19px); left:0px; right: 0px; z-index: 500; -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 .control-item{ opacity: 1; }
.list-products .layout_latest .control-item .control-btn{    text-decoration: none; color: #ffffff; display: inline-block; font-size: 1em; line-height: 1em; margin-top: 0px; text-align: center; background: none; padding: 12px 20px; max-width: 140px; text-transform: uppercase; background: #563019; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.list-products .layout_latest .control-item .orders-btn .icon-shop{display: inline-block; padding-right:5px;display: none;}
.list-products .layout_latest .control-item .orders-btn .icon-shop:before{font:normal normal normal 14px/1 FontAwesome;content:"\f004"; font-size: 1em;}
.list-products .layout_latest .control-item .control-btn:hover{background: #683432 !important; color: #FFF !important; border-color: #683432;}
.list-products .layout_latest .control-item .contact-btn{font-size: 1em;    padding: 7px 5px;    background: #123a7e;    color: #FFF;    margin-top: 7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.list-products .layout_latest .control-item .contact-btn:hover{background: #ca282f; color:#FFF;}
.list-products .layout_latest .star, .detail-products .infomation .star{display: block; text-align: center; margin-bottom: 10px;}
.detail-products .infomation .star{text-align: left;}
.list-products .layout_latest .star > span, .detail-products .infomation .star > span{display: inline-block; padding-right: 3px;color:#ffb914;}
.list-products .layout_latest .star > span:after, .detail-products .infomation .star > span:after{font:normal normal normal 14px/1 FontAwesome; content:"\f005";}
.list-products > .child{position: relative;display: block;clear: both;margin-bottom: 15px;}
.list-products > .child:after{content:"";clear:both;display: block;}
.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;    color: #d30000;}
.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;overflow: 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);}
.resp-tabs-list{
	display: flex;
	justify-content: center;
}
.resp-tabs-list li{
	    margin: 0px 10px;
    color: #6d6d6d;
}
.list-products .layout_latest .content-info{
	height: 100px;
}
.resp-tab-content{border: none !important; }
.list-product-home .layout_latest .content-info{
	position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: 3;
    opacity: 0;
    transition: .5s;
}
.list-product-home .layout_latest:hover .content-info{
    opacity: 1;
    z-index: 99;
}
.list-product-home .layout_latest .parent::after{
	    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 2;
    opacity: 0;
    transition: .5s;
}
.list-product-home .layout_latest:hover .parent::after{
	z-index: 98;
	opacity: 1;
}
.list-product-home .layout_latest .content-info h2{
	font-size: 14px;
}
.list-product-home .layout_latest .content-info h2 a{
	color: #fff;
}
.list-product-home .layout_latest .content-info .infomation{
	 display: flex;
    justify-content: center;
    color: #1182fc;
}
.list-product-home .layout_latest .content-info .prices-main
{
	font-size: 1em;
}
.itemhover {
    position: relative;
}

.itemhover .item-left {
    position: absolute;
    height: 0px;
    width: 1px;
    left: 0px;
    top: 0px;
    background: -webkit-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet);
    background: -o-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet);
    background: -moz-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet);
    background: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet);
    transition: all 0.5s ease;
}

.itemhover .item-top {
    position: absolute;
    height: 1px;
    width: 0px;
    right: 0px;
    top: 0px;
    background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
    background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
    background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    transition: all 0.5s ease;
}

.itemhover .item-right {
    position: absolute;
    height: 0px;
    width: 1px;
    right: 0px;
    bottom: 0px;
    background: -webkit-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);
    background: -o-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);
    background: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);
    background: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet);
    transition: all 0.5s ease;
}

.itemhover .item-bot {
    position: absolute;
    height: 1px;
    width: 0px;
    left: 0px;
    bottom: 0px;
    background: -webkit-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
    background: -o-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
    background: -moz-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
    background: linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet);
    transition: all 0.5s ease;
}

.itemhover:hover .item-left {
    height: 100%;
    bottom: 0px;
    top: inherit;
}

.itemhover:hover .item-top {
    width: 100%;
    left: 0px;
}

.itemhover:hover .item-right {
    height: 100%;
    top: 0px;
    bottom: inherit;
}

.itemhover:hover .item-bot {
    width: 100%;
    right: 0px;
    left: inherit;
}

.list-products .mix-list .controls{display: block; margin-bottom: 20px; font-size: 1.2em; text-transform: uppercase; text-align: center;}
.list-products .mix-list .controls label{font-weight: normal; display:none; }
.list-products .mix-list .controls button{      margin-bottom: 10px; padding: 5px 5px; margin-left: 5px; background: none; border: none; font-size: 1em; color: #5d5d5d;}
.list-products .mix-list .controls button:focus{    outline: none;}
.list-products .mix-list .controls button.active{text-decoration: underline; color:#f00;}
.list-products .mix-list .controls .sorting button {background: #e0e0e0; font-size: 14px; padding: 3px 10px; border-color: #CCC; color: #a0a0a0; }
.list-products .mix-list .controls .sorting label{display: inline-block;}
.list-products .mix-list .layout_latest{display: none;     vertical-align: top !important; white-space: normal; float: none !important; margin-left: -2px;}

.list-products .ul-tab{padding:5px 0px 15px 0px; margin: 0px; list-style: none; text-align: center;}
.list-products .ul-tab li{display: inline-block; vertical-align: top; margin-bottom: 5px;}
.list-products .ul-tab li a{display: block; text-decoration: none; padding: 5px 15px; color: #123a7e;font-weight: bold; border: 1px solid #123a7e; margin-right: 5px; background: none;}
.list-products .ul-tab li a:hover{    border-color: #ffb14a; background: #ffb14a; color: #FFF;}

.list-products .readTabMore a{    position: absolute;    top: 5px;    right: 5px;    border: 1px solid #e2e2e2;    padding: 0px 10px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    color: #989898;}
.list-products .readTabMore a:hover{text-decoration: none; background: #efc151;    border-color: #efc151;    color: #FFF;}

.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;}
.sumary-teaser-product .image-view{position: relative;}
.sumary-teaser-product .image-view img{max-width: 100%;}

.detail-products{display: block; padding-top: 10px; padding-bottom:10px;}
.detail-products .head_container_div {border-bottom: 3px double rgb(224, 224, 224);    padding-bottom: 30px;    margin-bottom: 30px;}
.detail-products .infomation > h1{display: block; font-size: 2em; line-height: 1.2em;color:#000;   }
.detail-products .ver{height: 230px}
.detail-products .infomation > .child {padding:3px 0px 3px 0px; font-size: 0.9em;margin-bottom: 5px; position: relative;}
/*.detail-products .infomation > .child:before{font:normal normal normal 14px/1 FontAwesome; content:"\f00c"; position: absolute; left:0px; top:4px;font-size: 1.2em; color: #50ab00;}*/
.detail-products .infomation > .child >span:after{content:": ";padding-right: 5px;}
.detail-products .infomation > .child > strong{font-weight: normal; font-size: 1.2em;}
.detail-products .infomation > .child.price-old > strong{    text-decoration: line-through;}
.detail-products .infomation > .child.prices-new > strong{color: #f00;    font-weight: bold;font-size: 1.2em;}
.detail-products .infomation > .control{display: block;position: relative;padding:20px;background:rgb(242 241 190); margin-bottom: 10px;}
.detail-products .infomation > .control span{display: block; padding:5px 0px; font-weight:bold;    font-size: 1.2em;}
.detail-products .infomation > .control .product-number{width:50px;display:inline-block;margin-right:10px;}
.detail-products .infomation > .control  button{    background: #ff0900;    color: #FFF;    border: none;}
.detail-products .infomation > .teaser{margin-top: 35px}
.detail-products .back a{color:#fff;background:#1182fc; }
.detail-products .jumpToLogin{padding:5px 0px 15px 0px;}
.detail-products .jumpToLogin a{background: #ff8f00; color:#FFF;font-size: 1.5em;padding:10px 20px; text-align: center; display: block; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-shadow: 2px 2px 0px 0px #ab6000}
.detail-products .jumpToLogin a:hover{background: #ffa129; text-decoration: none;}
.cloudzoom-blank > div:nth-child(3){display: none !important;}

.form-contact-data-div, .form-contact-login-div {position: relative;margin-bottom: 15px;display: block;}
.form-contact-data-div > h2 {    margin: 0px 0px 15px 0px;    border-bottom: 2px solid #ffffff;    box-shadow: 0px 5px 11px -7px #000;}
.form-contact-data-div > h2 span{background: #305f45;    padding: 10px 15px;    display: inline-block;    color: #FFF;}
.form-contact-data-div .widget{position: relative;display: block;margin-bottom: 15px;}
.form-contact-data-div .widget label , .form-contact-login-div .formbody > label{display: inline-block;width:30%;padding-right:2%;vertical-align: top;text-align: right;position: relative;padding-top:10px;}
.form-contact-data-div .widget label .mandatory, .form-contact-login-div .formbody > label .mandatory{color:#F00;}
.form-contact-data-div .widget input, .form-contact-data-div .widget select, .form-contact-login-div .formbody > input{display: inline-block;width:66%;padding-left:1%;padding-right:1%;padding-top:8px; padding-bottom:8px; border:1px solid #C5C5C5;background: none;}
.form-contact-data-div .widget.error input, .form-contact-data-div .widget.error select{border-color:#F00;}
.form-contact-data-div .widget .captcha_text,  .form-contact-login-div .formbody .checkbox_container{width:66%;display: block; margin-left: 30%;padding:1%;color:#999;}
.form-contact-data-div .submit_container , .form-contact-login-div .formbody .submit_container{text-align: right;}
.form-contact-data-div .submit_container .submit, .form-contact-login-div .formbody .submit_container .submit{background: #eee; border:1px solid #C5C5C5; padding:10px 30px}
.form-contact-data-div  p.error{position: absolute;z-index: -1; font-size: 0.8em; width:65%;left:31%;color:#F00;top:23px; text-align: right;}

.form-contact-login-div h2{font-size: 1.2em;    border-bottom: 2px solid #ffcc29;    padding: 5px 0px;    margin-bottom: 15px;}
.form-contact-login-div .error{color:#F00;font-size: 0.99em;}
.form-contact-login-div .checkbox_container input, .form-contact-login-div .checkbox_container label{display: inline-block;}
.form-contact-login-div .formbody > input{margin-bottom: 15px;}
.form-contact-login-div .forget_container{padding: 10px 0px;    text-align: center;    background: #EEE;    margin-bottom: 10px;}

@media screen and (min-width: 768px) {
.list-products > .layout_latest .tooltip-hover.active{display: block;}
.list-products .child .view-more-category{position: absolute;    top: -7px;    right: 0px;}
.sumary-teaser-product{display: -webkit-box !important;    display: -moz-box !important;    display: -ms-flexbox !important;    display: -webkit-flex !important;    display: flex !important;    -webkit-flex-direction: row !important;    -ms-flex-direction: row !important;    flex-direction: row !important;    -webkit-flex-wrap: wrap !important;    -ms-flex-wrap: wrap !important;    flex-wrap: wrap !important;    -webkit-box-pack: center !important;    -moz-box-pack: center !important;    -webkit-justify-content: center !important;    -ms-flex-pack: center !important;    justify-content: center !important;    -webkit-box-align: center !important;    -moz-box-align: center !important;    -webkit-align-items: center !important;    -ms-flex-align: center !important;    align-items: center !important;}
}
@media screen and (max-width: 768px) {
.list-products{text-align: center;}
.form-contact-data-div .widget label{display: block; width: 100%; padding:5px 0px;text-align: left;}
.form-contact-data-div .widget input, .form-contact-data-div .widget select{width: 98%; display: block; margin: 0px;}
.form-contact-data-div  p.error{display: block;    position: relative;    left: 0px;    width: 100%;    top: inherit;    text-align: left;}
.form-contact-data-div .widget .captcha_text{margin:0px; text-align: left;}
}
@media screen and (max-width: 768px) {
.list-product-home .layout_latest .content-info{
    opacity: 1;
    z-index: 99;
}
.list-products > h1, .list-products > h2, .list-products > .child > h2{    font-size: 2em;}
.list-products .layout_latest > div > .infomation .child.prices strong.prices-btn{font-size: 1em;}
.list-products .layout_latest > div > h2{font-size: 0.9em;}
}
@media screen and (max-width: 640px) {
.list-products .layout_latest > div > h2 a{min-height: 56px; text-transform: none;}
}