.breadcrumb{padding: 15px 0 12px;}
.breadcrumb ul{float: left; list-style: none;}
.breadcrumb ul li{float: left;}
.breadcrumb ul li+li:before{content: "/"; display: inline-block; margin: 0 11px;}
.breadcrumb ul li a{display: inline-block; color: #333;}

@media (min-width:320px){
    .breadcrumb ul li.breadcrumb-mobile{display: none;}
}
@media (min-width:767px){
    .breadcrumb ul li.breadcrumb-mobile{display: block;}
}
.comment{background: rgba(0,0,0,0.125); padding: 10px;}
.comment_title{padding: 0 0 8px;font-family: OpenSansBold;}
.comment_title span{font-weight: normal;}
.comment .commentItem{position: relative; display: inline-block;}
.comment textarea{outline: 0; border: 0; margin-bottom: 6px;}
.comment input{margin: 0 10px 0 0;}
.comment input[type="submit"]{float: right; width: 70px; color: #fff;}
.comment label.error{}
.list_comment li{list-style: none; padding: 10px;}
.list_comment li.commentli{background: rgba(0,0,0,0.125);}
.list_comment_ava{float: left; width: 35px; height: 35px; margin-right: 10px;display: none;}
.list_comment_ava img{max-width: 100%; height: auto;}
.list_comment_content{padding-bottom: 5px;}
.list_comment_name{font-family: OpenSansBold; color: #0a427d; padding: 0 0 5px;}
.list_comment_name span{font-size: 11px;font-weight: normal;color: rgba(0,0,0,0.5);}
.list_comment_name a{color: #0a427d; font-size: 11px; cursor: pointer; float: right; line-height: 17px;}
.list_comment_name a:hover{color: #0a427d;}
.list_comment_sub{margin: 0 0 0 30px;}
.list_comment_sub li{border-top: 1px dotted #dddddd;}
.list_comment_sub li.last-child{padding: 10px 0 0;}
.comment_name, .comment_email {float: left;}

@media (min-width: 320px){
    .comment{padding: 10px 10px 0;}
    .comment input[type="text"]{margin-bottom: 10px;}
    .comment input[type="submit"]{margin: 0;}
}
@media (min-width: 480px){
    .comment input[type="submit"]{margin: 0 0 10px;}
}
@media (min-width: 580px){
    .comment input[type="text"]{margin-bottom: 0;}
    .comment{padding: 10px;}
    .comment input[type="submit"]{margin: 10px 0 0;}
}
@media (min-width: 767px){    
    .comment input[type="submit"]{margin: 0;}
}.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #dedede; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2; color: #ef313b; font-family: WindsorBT; font-size: 17px;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li span{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}

.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px);}
.formLeft i{float: left; width: 40px; color: #ef313b; line-height: 35px; font-size: 20px; text-align: center; border: 1px solid #dedede; box-sizing: border-box;}

.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}

@media (min-width: 320px){
    .LienHeRight{margin: 0 0 20px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #dedede;}
}.email-prev{font-size: 13px; margin-bottom: 10px;}
.email{position: relative; padding-bottom: 55px;}
.email-item:nth-child(1){position: relative; float: left; width: 100%;}
.email-item:nth-child(2){position: absolute; bottom: 0; right: 0; width: 90px;}
.email-item input[type='text']{width: 100%;}
.email-item input[type='submit']{width: 100%; background: url(/components/email/b.png); color: #229ae2;}
#email-result{font-size: 15px; text-transform: uppercase; text-align: center; line-height: 37px; color: #fff; background: #ed2939;}

@media (min-width:320px){
    
}.intro-title{font-family: Amerika; margin-bottom: 20px; padding-left: 100px; background: url(/components/home.intro/b.png) no-repeat center left;}
.intro-title span:nth-child(1){display: block; font-size: 26px; color: #ed2939; margin-bottom: -15px;}
.intro-title span:nth-child(2){font-size: 36px; color: #be872c;}
.intro-content{font-size: 14px; text-align: justify; line-height: 19px; color: #575757;}
.intro-content img{margin-top: 30px;}

@media (min-width:320px){
    .intro{margin-bottom: 30px;}
}
@media (min-width:360px){

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

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

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

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

}
@media (min-width:970px){
    .intro{float: left; width: 305px; margin-bottom: 9;}
}
@media (min-width:1170px){
    .intro{float: left; width: 340px;}
}.partner{}
.partner .simply-scroll-clip{border: 1px solid #d7d7d7;}
.partner-title{font-family: OpenSansSB; font-size: 16px; text-transform: uppercase; color: #575757; margin-bottom: 5px; border-bottom: 3px solid #d7d7d7;}
.partner ul li{position: relative; float: left; width: 160px; height: 110px; margin: 0 20px; display: flex; align-items: center; justify-content: center;}
.partner ul li a{display: block;}
.partner ul li a img{display: inline-block; max-height: 90px;}.product .owl-nav{position: absolute; top: -35px; right: 0; width: 40px;}
.product .owl-nav div{float: left; width: 18px; height: 18px;}
.product .owl-nav div.owl-prev{background: url(/components/home.product/l.png) no-repeat; margin-right: 4px;}
.product .owl-nav div.owl-next{background: url(/components/home.product/r.png) no-repeat;}
.product-title{font-family: WindsorBT; font-size: 24px; color: #575757; margin-bottom: 15px;}
.product-slide{margin-bottom: 20px;}
.product-img{overflow: hidden;}
.product-img img{transform: scale(1.05); transition: all 0.5s ease 0s;}
.product-img:hover img{transform: scale(1);}
.product-name{padding: 0 5px; background: #ed2939;  align-items: center; justify-content: center; overflow: hidden;}
.product-name a{display: block; font-family: OpenSansSB; font-size: 14px; text-align: center; line-height: 28px; color: #fff;}

@media (min-width:320px){
    .product-name{height: 56px; display: flex;}
}
@media (min-width:480px){
    .product-name{height: 28px; display: block;}
}
@media (min-width:970px){
    .product{float: right; width: calc(100% - 325px);}
}
@media (min-width:1170px){
    .product{float: right; width: calc(100% - 390px);}
}.menu{position: absolute; right: 0; z-index: 100;}

.menu-desk{float: left;}
.menu-desk ul#navigation{list-style: none;}
.menu-desk ul#navigation li{list-style: none; float: left; position: relative; background: transparent; }
.menu-desk ul#navigation li a{position: relative; display: block; font-size: 16px; text-transform: uppercase; line-height: 40px; color: #333; padding: 0 5px; transition: all 0.25s ease 0s;}
.menu-desk ul#navigation > li > a:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; width: 0%; height: 3px; background: #f79422; transition: all 0.25s ease 0s;}
.menu-desk ul#navigation > li.active > a, .menu-desk ul#navigation > li:hover > a{color: #f79422;}
.menu-desk ul#navigation li.active a:after, .menu-desk ul#navigation li:hover a:after{width: 100%;}

.menu-desk ul#navigation li > ul{opacity: 0;}
.menu-desk ul#navigation li:hover > ul{visibility: visible; opacity: 1;}
.menu-desk ul#navigation li:hover > ul li{visibility: visible;}
.menu-desk ul#navigation ul,
.menu-desk ul#navigation ul li ul{top: calc(100% - 3px); left: 0; float: left; visibility: hidden; position: absolute; z-index: 999; width: 250px; display: none; border-top: 3px solid #f79422;}
.menu-desk ul#navigation ul li{width: calc(100% - 2px); margin: 0!important; background: #fff!important; border: 1px solid #d7d7d7; border-top: 0;}
.menu-desk ul#navigation ul li a{font-size: 14px; text-transform: none; line-height: normal; padding: 7px 5px 7px 7px;}
.menu-desk ul#navigation ul li:hover a{background: rgba(247, 148, 34, .1);}

.menu-mobile{position: relative; float: left; width: 40px; height: 34px; text-align: center; background: #ed2939; border-radius: 3px;}
.menu-mobile span{display: block; width: 33px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  background: #fff;}
.menu-mobile span:after, .menu-mobile span:before{display: block; width: 33px; height: 3px; background: #fff; position: absolute; content: '';}
.menu-mobile span:after{bottom: -9px;}
.menu-mobile span:before{top: -9px;}

@media (min-width: 320px){
    .menu{bottom: 5px;}
    .menu-desk{display: none;}
    .menu-mobile{display: block;}
}
@media (min-width: 970px){
    .menu{bottom: 0;}
    .menu-desk{display: block;}
    .menu-mobile{display: none;}
    .menu-display{display: none;}
    
    .menu-desk > ul#navigation > li{margin: 0 10px;}
}
@media (min-width: 1170px){
    .menu-desk > ul#navigation > li{margin: 0 20px;}
}.news-item{margin: 0 0 30px; line-height: 20px;}

.news-info .clear{width: 100%; margin: 10px 0 15px; border-bottom: 1px dashed rgba(51,51,51,0.5);}

.news-name{font-family: OpenSansBold; font-size: 15px; text-transform: uppercase; color: #005bb0; max-height: 40px; overflow: hidden; margin-bottom: 10px;}
.news-name a, .news-name h1{color: #333; transition: all 0.25s ease 0s;}
.news-name h1{font-size: calc(100% + 2px);}
.news-name:hover a{color: #ed2939;}

.news-prev{color:  rgba(51,51,51,0.75); max-height: 40px; overflow: hidden;}

.news-more{float: left; font-size: 12px; text-transform: uppercase; margin: 0 10px 0 0;}
.news-more a{display: block; padding: 3px 10px 2px; background: #005baa; color: #fff; transition: all 0.25s ease 0s;}
.news-more:hover a{background: #f79422;}

.news-time{float: left; font-size: 12px; text-transform: uppercase;}
.news-time-inner{margin-bottom: 10px;}
.news-time a{display: inline-block; background: rgba(51,51,51,0.75); color: #fff; margin: 0 6px 0 0; padding: 3px 10px 2px; transition: all 0.25s ease 0s;}
.news-time a:hover{background: #005bb0;}
.news-time span{display: inline-block; padding: 3px 0 2px; color: rgba(51,51,51,0.75);}

@media (min-width:320px){
    .news-img{margin: 0 0 11px;}
}
@media (min-width:480px){
    .news-img{float: left; width: 220px; margin: 0;}
    .news-info{float: right; width: calc(100% - 250px);}
}.doitac-item{float: left;}
.doitac-img{width: 100%;}
.doitac-img a{position: relative; display: block; width: calc(100% - 2px); height: calc(100% - 1px); border: 1px solid #d7d7d7; border-bottom: 0;}
.doitac-img a img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 90%;}
.doitac-name{position: relative; height: 40px; padding: 0 15px; background: #f79422; overflow: hidden;}
.doitac-name a{display: block; font-family: OpenSansBold; font-size: 15px; line-height: 40px; color: #fff;}
.doitac-name a i{position: absolute; top: 0; right: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; border-left: 1px solid #fff; transition: all 0.25s ease 0s;}
.doitac-name a i:hover{font-size: 17px;}

@media (min-width:320px){
    .doitac-item{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
    .doitac-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .doitac-item{width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px;}
    .doitac-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .doitac-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .doitac-item:nth-child(2n){margin-right: 30px;}
    .doitac-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .doitac-item{width: calc((100% - 40px) / 3); margin-right: 20px;}
    .doitac-item:nth-child(2n){margin-right: 20px;}
    .doitac-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .doitac-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .doitac-item:nth-child(2n){margin-right: 30px;}
    .doitac-item:nth-child(3n){margin-right: 0;}
}
.project-detail{list-style: none; font-size: 14px; line-height: 22px; margin-bottom: 30px;}

.project-click{position: absolute; top: 10px; left: 10px; font-family: OpenSansBold; background: rgba(255,255,255,0.9); padding: 3px 7px; opacity: 0.75; transition: all 0.25s ease 0s;}
.project-photos:hover .project-click{opacity: 1;}
.project-photos{position: relative; margin-bottom: 30px;}.project-item{float: left;}
.project-info{line-height: 25px; padding: 10px; border: 1px solid #d7d7d7; border-top: 0;}
.project-info a{display: block; font-family: OpenSansSB; text-transform: uppercase; font-size: 15px; color: #ed2939; height: 50px; overflow: hidden;}
.project-info span{display: block; font-style: italic; margin-bottom: 5px;}
.project-info p{height: 75px; overflow: hidden;}

@media (min-width:320px){
    .project-item{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
    .project-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .project-item{width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px;}
    .project-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .project-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .project-item:nth-child(2n){margin-right: 30px;}
    .project-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .project-item{width: calc((100% - 40px) / 3); margin-right: 20px;}
    .project-item:nth-child(2n){margin-right: 20px;}
    .project-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .project-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .project-item:nth-child(2n){margin-right: 30px;}
    .project-item:nth-child(3n){margin-right: 0;}
}/*
 Cloud Zoom CSS. (c)2012-2015 Star Plugins.
*/

/* CSS for lens */
.cloudzoom-lens {
    border:5px solid #888;
    width:100px;
    height:100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 9999;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #888;
    width:600px;
    height:200px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
	z-index: 9999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
	z-index: 9999;
}

/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background-color:#000;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-family: sans-serif;
    font-size:11px;
   
}

/* A blank image */
.cloudzoom-blank {
    background-image:url(blank.png);
}

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
    background-image:url(ajax-loader.gif);
    width:32px;
    height:32px;
}

.SPDetailLeft{float: left; overflow: hidden; margin: 0 0 30px;}
.SPDetailRight{float: left;}
.SPDetailRight h1{font-family: OpenSansBold; font-size: 22px; margin-bottom: 3px;}
.SPDetailCol{float: right; width: 210px;}

.SPDetailImg{float: right; position: relative; border: 1px solid #d7d7d7;}
.SPDetailImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 100%;}

.SPDetailSlide{float: left; width: 82px; position: relative;}
.SPDetailStatus{font-family: OpenSansSB; text-transform: capitalize; line-height: 22px;}

.SPDetailPrice{border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; margin-bottom: 10px;}
.SPDetailPrice span{color: #ed2939; font-size: 25px; display: block; margin: 5px 0; font-family: OpenSansBold;}
.SPDetailPrice ul{list-style: none; font-family: OpenSansBold; font-size: 15px; line-height: 22px;}
.SPDetailPrice ul li.first-child label{text-decoration: line-through;}

.SPDetailInfo{list-style: none; line-height: 22px;}

.SPDetailOrder{}
.SPDetailOrder_Data{margin-bottom: 5px; font-size: 14px;}
.SPDetailOrder_Data span{display: block; font-family: OpenSansBold; padding: 7px 0; font-size: 13px;}
.SPDetailOrder_Data input[type=radio]{display: none;}
.SPDetailOrder_Data label{margin: 0 5px 0 0; padding: 8px; border: 1px solid #d7d7d7; color: rgba(51,51,51,0.75); cursor: pointer; float: left;}
.SPDetailOrder_Data input[type=radio]:checked + label{background:  url(checksize.png) right bottom no-repeat; color: #005baa; border: 1px solid #005baa;}
.SPDetailOrder_Data input[type=number]{border: 1px solid #005baa; border-radius: 0; padding: 9px 10px 8px; width: 50px; outline: none; color: #005baa;}
.SPDetailOrder_Data a{background: #005baa; color: #fff; padding: 9px 11px; display: block; font-family: Tahoma; font-family: OpenSansBold; font-size: 25px; text-align: center; margin-top: 13px;}
.SPDetailOrder_Data a span{font-size: 12px; font-family: Arial,Verdana,sans-serif; padding: 0;}

.SPDetailCol ul{list-style: none;}
.SPDetailCol li{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.SPDetailCol li img{display: block; float: left; margin-top: 5px; opacity: 0.5;}
.SPDetailCol li span{display: block; float: right; width: 170px; color: rgba(51,51,51,0.75);}
.SPDetailCol li label{font-family: OpenSansBold; text-transform: uppercase; color: #333; display: block; padding-bottom: 5px;}
.SPDetailCol li a{font-family: OpenSansBold; display: block; color: #ff0000; margin-top: -5px; padding-bottom: 3px; font-family: Tahoma; font-family: OpenSansBold;}
.SPDetailCol_Title{color: #005baa; border-top: 1px solid #d7d7d7; background: rgb(223, 223, 223); padding: 15px 0 15px 15px; margin-bottom: 10px;}
.SPDetailCol_Title span{display: block; font-family: OpenSansBold; color: #005baa; text-transform: uppercase; font-size: 15px;}

.SPDetailTabs_Content{margin-bottom: 30px;}
.SPDetailTabs{float: left; margin-bottom: 30px;}
.SPDetailTabs_Title{list-style: none; text-transform: uppercase; line-height: 31px; margin-bottom: 20px;}
.SPDetailTabs_Title li{font-family: OpenSansBold; position: relative; font-size: 14px;}
.SPDetailTabs_Title li:after{height: 20px; width: 2px; position: absolute; top: 5px; right: -1px; background: #9e9e9e;}
.SPDetailTabs_Title li.last-child:after{display: none;}
.SPDetailTabs_Title li a{display: block; color: #333333;}
.SPDetailTabs_Title li a:after{content: ''; display: none; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #005baa; left: 50%; margin-left: -3px; bottom: 0;}

.SPDetailRate_Title{border-bottom: 2px solid rgba(0,0,0,0.125); height: 31px; line-height: 31px; font-family: OpenSansBold; font-size: 14px; margin-bottom: 20px; text-transform: uppercase;}
.SPDetailRate_Title span{position: relative; border-bottom: 2px solid #005baa; color: #005baa; padding-bottom: 6px; padding-right: 30px;}
.SPDetailRate_Title span:after{content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #005baa; left: 50%; margin-left: -3px; bottom: -2px;}
.SPDetailRate_Left{float: left; margin-bottom: 20px;}
.SPDetailRate_Right{float: left; position: relative; margin-bottom: 20px;}
.SPDetailRate_Right .likebtn{position: absolute; top: 7px; right: 10px; line-height: 8px;}

.SPDetailScroll{float: right; width: 210px;}
.SPDetailScroll_Content{padding: 10px; background: rgba(0,0,0,0.125);}
.SPDetailScroll .SPDetailPrice{border-bottom: 0;}

.jRatingAverage{background:url(/components/sanpham.detail/a.png) left top -28px;position:relative;top:0;left:0;z-index:10;height:100%;}
.jRatingColor{background:url(/components/sanpham.detail/a.png) left top -14px;position:relative;top:0;left:0;z-index:5;height:100%;}
.jStar{position:relative;left:0;z-index:3;}
p.jRatingInfos{position:absolute;z-index:9999;background:#e74c3c;color:white;display:none;padding:3px 5px;margin-top: -40px;}
p.jRatingInfos span.maxRate{color:white;font-size:14px;}

.jRating{margin: 5px auto 10px;}
.jRatingFrame{position:relative;text-align: left;}
.jRatingFrame .jRatingNote{font-size:12px;left:0;position:absolute;right:0;top:-35px;background-color:#e74c3c;background-position:10px 11px;background-repeat:no-repeat;color:white;line-height:20px;margin:5px 0;padding:5px;text-align:center;z-index: 200;}
.jRatingFrame .serverResponse{height:50px;color:#005baa;font-size:50px;font-weight:100;line-height:50px;text-align:center;}

@media (min-width: 320px){
    .SPDetailCol, .SPDetailScroll{display: none;}
    .SPDetailTabs, .SPDetailLeft, .SPDetailRight{width: 100%;}
    .SPDetailRight{margin: 0 0 30px;}
    
    .SPDetailImg{width: 220px; height: 330px;}
    .SPDetailSlide{height: 290px; margin: 20px 0;}
    
    .SPDetailTabs_Title{border-bottom: 2px solid rgba(0,0,0,0.125); height: 31px;}
    .SPDetailTabs_Title li{float: left; background: none; border: 0;}
    .SPDetailTabs_Title li.first-child{border-top: 0;}
    .SPDetailTabs_Title li a{padding: 0 10px;}
    .SPDetailTabs_Title li.first-child a{padding-left: 0;}
    .SPDetailTabs_Title li:after{}
    .SPDetailTabs_Title li a.active:after{display: block;}
    .SPDetailTabs_Title li a.active{border-bottom: 2px solid #005baa; color: #005baa; background: none;}
    
    .SPDetailRate_Left, .SPDetailRate_Right{width: 320px;}
}
@media (min-width: 480px){
    .SPDetailImg{width: 380px; height: 443px;}
    .SPDetailSlide{height: 385px; margin: 30px 0;}
    
    .SPDetailRate_Left{width: 160px;}
}
@media (min-width: 580px){
    .SPDetailImg{width: 480px;}
    
    .SPDetailRate_Right{width: 420px;}
}
@media (min-width: 767px){
    .SPDetailLeft {width: 447px;}
    .SPDetailRight{width: 300px; margin: 0 0 30px 20px;}
    
    .SPDetailImg{width: 347px;}
    
    .SPDetailRate_Right{width: 607px;}
}
@media (min-width: 970px){
    .SPDetailCol, .SPDetailScroll{display: block;}
    .SPDetailLeft {width: 400px;}
    .SPDetailRight{width: 350px; margin: 0 0 30px 20px;}
    
    .SPDetailImg{width: 300px;}
    
    .SPDetailTabs{width: 730px;}
    
    .SPDetailRate_Right{width: 570px;}
}
@media (min-width: 1170px){
    .SPDetailLeft {width: 500px;}
    .SPDetailRight{width: 390px;}
    
    .SPDetailImg{width: 400px;}
    
    .SPDetailTabs{width: 930px;}
    
    .SPDetailRate_Right{width: 770px;}
}.thumbelina{list-style: none; padding: 0px; margin: 0px; position: absolute; white-space: nowrap; font-size:0; -webkit-touch-callout: none;  -webkit-user-select: none;}
.thumbelina li{padding: 7px 0; line-height: 0px; margin: 0px; list-style: none; display: inline-block;}
.thumbelina li img{border:1px solid rgba(0,0,0,0.5); cursor: pointer;}
.thumbelina li img:hover {border:1px solid black;}
.thumbelina li.first-child{display: none!important;}

.thumbelina-but{color: rgba(0,0,0,0.5); background: rgba(0,0,0,0.125); width: 100%; height: 20px; position:absolute; z-index: 1; cursor: pointer; text-align: center;}
.thumbelina-but:hover{color: rgba(0,0,0,1);}
.thumbelina-but.disabled, .thumbelina-but.disabled:hover{color: rgba(0,0,0,0.0615); cursor:default;}
.thumbelina-but i{position: absolute; right: 0; left: 0; margin: auto; font-size: 40px;}

.thumbelina-but.horiz{}
.thumbelina-but.horiz.left{top: -30px;}
.thumbelina-but.horiz.left i{top: -12px}
.thumbelina-but.horiz.right{bottom: -30px;}
.thumbelina-but.horiz.right i{bottom: -9px;}

.thumbelina-but.vert{left:-1px; height: 20px; line-height: 20px; width:93px}
.thumbelina-but.vert.top{top:-22px; border-radius: 0 5px 0px 0px;}
.thumbelina-but.vert.bottom{bottom:-22px; border-radius: 0px 0px 0 5px;}

@media (min-width: 320px){
.thumbelina-but.horiz.left{top: -20px;}
.thumbelina-but.horiz.right{bottom: -20px;}
}
@media (min-width: 480px){
.thumbelina-but.horiz.left{top: -30px;}
.thumbelina-but.horiz.right{bottom: -30px;}
}.product-item{float: left;}

@media (min-width:320px){
    .product-item{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
    .product-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .product-item{width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px;}
    .product-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .product-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .product-item:nth-child(2n){margin-right: 30px;}
    .product-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .product-item{width: calc((100% - 40px) / 3); margin-right: 20px;}
    .product-item:nth-child(2n){margin-right: 20px;}
    .product-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .product-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .product-item:nth-child(2n){margin-right: 30px;}
    .product-item:nth-child(3n){margin-right: 0;}
}/*
 *	generated by WOW Slider 8.8
 *	template Pulse
 */

#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:500px;
	margin: auto;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:500px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:500px;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 .ws_images > div > img {
	max-height:500px;
}

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(/components/slide/playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}

/* Navigation arrows for preview mode */
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev{
	position:absolute;
	top:calc(50% - 24px);
	width:48px;
	height:48px;
	margin:0;
	z-index:60;
	cursor:pointer;
	opacity:0.75;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);	
}
#wowslider-container1 a.ws_next{
	right:48px;
	background: url(/components/slide/next_photo.png) no-repeat;
}
#wowslider-container1 a.ws_prev{
	left:48px;
	background: url(/components/slide/prev_photo.png) no-repeat;
}
#wowslider-container1 a.ws_next:hover, #wowslider-container1 a.ws_prev:hover{
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	
}
#wowslider-container1 .ws_bullets a {
	position:relative;
	background:url("/components/slide/bullet.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	float:left;
	cursor:pointer;
	height:15px;
	margin-right:5px;
	text-indent:-9999px;
	width:15px;
	z-index:100;
	outline:none;
	color:transparent;
}
#wowslider-container1 a.ws_selbull,#wowslider-container1 a.ws_overbull,#wowslider-container1 .ws_bullets a:hover{
	background-position:100% 0;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 4.8em;
    height: 4.8em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.4em;
    margin-top: -2.4em;
    z-index: 59;
	background-size: 100%;
}

#wowslider-container1 .ws_pause{
    background-image: url(/components/slide/pause.png);
}

#wowslider-container1 .ws_play{
    background-image: url(/components/slide/play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
	bottom:20px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}
#wowslider-container1 .ws-title{
	position:absolute;
    top: 0;
	bottom: 0;
	left: 144px;
	font-family: OpenSansEB;
    font-size: 48px;
    text-transform: uppercase;
	color:#be872c;
	margin: 0;
	padding: 0;
	opacity:1;
    z-index: 50;
	display: flex!important;
    align-items: center;
    justify-content: center;
}
#wowslider-container1 .ws-title span{

}
#wowslider-container1 .ws-title div{

}
#wowslider-container1 .ws_images > ul{
	animation: wsBasic 12s infinite;
	-moz-animation: wsBasic 12s infinite;
	-webkit-animation: wsBasic 12s infinite;
}
@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }

#wowslider-container1  .ws_shadow{
    display: none;
	background-image: url(/components/slide/bg.png);
	background-repeat: no-repeat;
	background-size:100%;
	position:absolute;
	z-index: -1;
	left:-0.78%;
	top:-2.68%;
	width:101.56%;
	height:105.35%;
}
* html #wowslider-container1 .ws_shadow{/*ie6*/
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/bg.png', sizingMethod='scale');
}
*+html #wowslider-container1 .ws_shadow{/*ie7*/
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/bg.png', sizingMethod='scale');
}
#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:10px;
	left:-82px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:164px;
	background-color:#FFFFFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:15px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-11px;
	margin-left:-9px;
	left:82px;
	background:url(/components/slide/triangle.png);
	width:15px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}#wowslider-container1 .ws_hovershow {
    /*display: none !important; */
    opacity: 0;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

#wowslider-container1:hover .ws_hovershow {
    /*display: block !important;*/
    opacity: 1;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 18px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -14px;
    z-index: 59;
}

#wowslider-container1 .pause {
    background-image: url(./pause.png);
}

#wowslider-container1 .play {
    background-image: url(./play.png);
}

#wowslider-container1 .pause:hover, #wowslider-container1 .play:hover {
    background-position: 100% 100% !important;
}

#wowslider-container1 .ws_fullscreen {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    left: 15px;
    margin-left: -9px;
    margin-top: -14px;
    z-index: 59;
    background-image: url(./fullscreen.png);
}

div#ws_fullscreen:-moz-full-screen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:-webkit-full-screen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:fullscreen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:-moz-full-screen {
    background-color: #000;
    height: 100%;
}

div#ws_fullscreen:-webkit-full-screen {
    background-color: #000;
    height: 100%;
}

div#ws_fullscreen:fullscreen {
    background-color: #000;
    height: 100%;
}.hotro{margin: 0 0 30px; padding: 0 15px 15px; text-align: right; background: url(/components/support/b.png) no-repeat top 5px left 5px; border: 1px solid #d7d7d7}
.hotro-title{font-family: OpenSansBold; font-size: 14px; text-transform: uppercase; line-height: 41px; color: #ff0000; margin-bottom: 15px; border-bottom: 1px dashed #d7d7d7;}
.hotro-title span{display: inline-block; padding-left: 40px; background: url(/components/support/y.png) no-repeat center left;}
.hotro-share{line-height: 9px; margin-bottom: 10px;}
.hotro-phone{font-family: OpenSansBold; font-size: 20px; line-height: 36px; margin-bottom: 7px;}
.hotro-phone a{display: block; color: #ff0000;}
.hotro-chat{margin-bottom: 10px;}
.hotro-skype{float: right; margin-left: 20px;}
.hotro-zalo{position: relative; float: right;}
.hotro-zalo-code{position: absolute; top: -65px; right: -155px; box-shadow: 0 0 2px 1px rgba(0,0,0,0.25);}
.hotro-email{margin-bottom: 15px;}
.hotro-email a{display: inline-block; padding-left: 30px; background: url(/components/support/e.png) no-repeat center left; color: #147e3e;}
.hotro-time-title{font-family: OpenSansSB; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 50px; color: #fff; background: #f79422; margin-bottom: 5px;}
.hotro-time{font-family: OpenSansSB; font-size: 16px; line-height: 40px;}
.hotro-time span{float: left; padding-left: 27px; background: url(/components/support/l.png) no-repeat center left;}
.hotro-time label{float: right;}

@media (min-width:580px){
    .hotro{float: right; width: calc(50% - 47.5px);}
}
@media (min-width:970px){
    .hotro{float: none; width: calc(100% - 30px);}
}
@media (min-width:1200px){
    padding: 0 20px;
}