.breadcrumb{padding: 11px 0;}
.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;}
}
.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: Arial; 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: 33px; 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{margin-bottom: 40px;}
.email-item{position: relative; float: left; height: 33px;}
.email-item input[type='text']{height: 100%; text-indent: 10px; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.125);}
.email-item input[type='submit']{width: 100%; height: 100%;background: #e60e1b;}
.email-item label.error,
#email-registered{line-height: 33px; color: #ff0000;}
#email-result{font-size: 15px; text-transform: uppercase; text-align: center; line-height: 33px; color: #fff; background:#ff0000;}
@media (min-width:320px){
    .email,
    #email-result div{margin-bottom: 10px;}
    .email-item:nth-child(1){width: calc(100% - 93px);}
    .email-item:nth-child(2){width: 93px;}
}
@media (min-width:767px){
    .email{float: right; width: 333px; margin-bottom: 20px;}
    #email-result div{margin-bottom: 20px;}
}.gallery-item{position: relative; float: left; margin-bottom: 30px; overflow: hidden;}
.gallery-item img{transform: scale3d(1.05,1.05,1.05); transition: all 0.5s ease 0s;}
.gallery-item span{display: block; position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: rgba(0,0,0,0.5); transition: all 0.5s ease 0s;}
.gallery-item span b{font-size: 15px; text-transform: uppercase; color: #fff;}
.gallery-item:hover img{transform: scale3d(1,1,1);}
.gallery-item:hover span{padding: 17px 15px 17px 17px; background: rgba(0,0,0,0.75);}

@media (min-width:320px){
    .gallery-item{width: 100%;}
}
@media (min-width:360px){

}
@media (min-width:414px){
    .gallery-item{width: calc((100% - 15px) / 2); margin-right: 15px;}
    .gallery-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:480px){

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

}
@media (min-width:767px){
    .gallery-item{width: calc((100% - 30px) / 2); margin-right: 30px;}
    .gallery-item:nth-child(2n){margin-right: 0;}
}.cart{padding: 0 0 30px;}

.cart-item{text-align: left;}
.cart-img{float: left; margin-right: 10px;}
.cart-name{font-size: 15px; text-transform: uppercase; text-align: left; color: #86773c;}
.cart-string{list-style: none; color: #696969;}
.cart-button{text-align: left;}
.cart-button a{display: inline-block; font-size: 11px; text-align: center; line-height: 20px; color: #fff; padding: 0 11px; background: #696969; transition: all 0.25s ease 0s;}
.cart-button a:hover{background: #e60e1b;}

.cart-price{margin-bottom: 17px;}
.cart-price b{font-size: 15px; color: #e60e1b;}

.cart-quantity{}
.cart-quantity input[type='number']{float: left; text-indent: 0; text-align: center; width: 39px;}
.cart-quantity input::-webkit-outer-spin-button, .cart-quantity input::-webkit-inner-spin-button{-webkit-appearance: none;}
.cart-quantity div{float: left; width: 20px; height: 35px; background: #696969; transition: all 0.25s ease 0s;}
.cart-quantity div:hover{background: #e60e1b;}
.cart-quantity div.cart-minus{margin: 0 5px 0 0;}
.cart-quantity div.cart-plus{margin: 0 0 0 5px;}
.cart-quantity div a{display: block; line-height: 35px; color: #fff;}

.cart-bill p{font-size: 15px; line-height: 30px;}
.cart-bill p span{display: inline-block;}
.cart-bill p span:nth-child(1){float: left;}
.cart-bill p span:nth-child(2){float: right; color: #e60e1b;}
.cart-bill a{display: block; margin-top: 10px; text-transform: uppercase; text-align: center; line-height: 30px; color: #fff; background: #86773c; transition: all 0.25s ease 0s;}
.cart-bill a:hover{background: #e60e1b;}
.cart-bill a:nth-of-type(1){float: left; width: calc(50% - 5px);}
.cart-bill a:nth-of-type(2){float: right; width: calc(50% - 5px);}

.cart-form{float: left; width: calc(100% - 490px);}
.cart-form-left{float: left; width: calc(50% - 5px);}
.cart-form-right{float: right; width: calc(50% - 5px);}
.cart-form-item{position: relative; margin-bottom: 10px;}
.cart-form-item textarea{height: 170px;}
.cart-paylist{float: right; width: 480px;}

@media (min-width:320px){
    .cart-product{margin-bottom: 20px;}
    .cart-img, .cart-string{display: none;}
}
@media (min-width:400px){
    .cart-string{display: block;}
}
@media (min-width:480px){
    
}
@media (min-width:580px){

}
@media (min-width:767px){
    .cart-product{float: left; width: calc(100% - 280px); margin-bottom: 0;}
    .cart-bill{float: right; width: 270px;}
}
@media (min-width:970px){
    .cart-img{display: block;}
}/*** TABLE ***/
.table{display: table; width: 100%; border-collapse: collapse; box-sizing: border-box; background: #fff;}
.table-body{display: table-row-group; line-height: 22px; text-align: center; box-sizing: border-box;}
.table-row{display: table-row;}
/*.table-row:hover{background: #f9f9f9;}*/
.table-row.table-head{text-transform: uppercase; border-bottom: 3px solid #86773c;}
.table-cell{border: 1px solid #d7d7d7; display: table-cell; padding: 5px; vertical-align: middle; box-sizing: border-box;}

/*** OPTION ***/
.table-price{font-size: 15px; color: #e60e1b;}
.table-left{text-align: left;}
.table-right{text-align: right;}
.table-transform{text-transform: uppercase;}
.table-background{background: #f9f9f9;}

/*** SIZE ***/
.table-50px{width: 50px;}
.table-110px{width: 110px;}
.table-175px{width: 175px;}

@media (min-width:320px){
    .table-cell-price, .table-mobile, .table-tablet{display: none;}
}
@media (min-width:480px){
    .table-cell-price{display: table-cell;}
}
@media (min-width:580px){
    
}
@media (min-width:767px){
    .table-mobile{display: table-cell;}
}
@media (min-width:970px){
    .table-tablet{display: table-cell}
}
@media (min-width:1170px){
}.banner{padding: 17px 0; background: #f2f2f2; border-bottom: 1px solid #cbcbcb;}
.banner-title{font-family: Arial; text-transform: uppercase; line-height: 42px;}
.banner-title label:nth-child(1){font-size: 21px; color: #888; display: block;}
.banner-title label:nth-child(2){font-size: 27px; color: #0067b3;}
.banner-title label:nth-child(2) span{color: #e60e1b;}
.banner-item{position: relative;  overflow: hidden;}

.banner-img{position: absolute;}
.banner-item:nth-child(2) .banner-img{bottom: 30px; left: 50px; width: 80px;}
.banner-item:nth-child(3) .banner-img{top: 20px; right: 35px; width: 90px;}
.banner-item:nth-child(4) .banner-img{top: 10px; left: 20px; width: 70px;}

@media (min-width:320px){
    .banner-item{margin-bottom: 10px;}
}
@media (min-width:360px){

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

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

}
@media (min-width:580px){
    .banner-item{float: left; width: calc((100% - 10px) / 3); margin-right: 5px; margin-bottom: 0;}
    .banner-item:nth-child(4){margin-right: 0;}
}
@media (min-width:767px){
    .banner-item{width: calc((100% - 50px) / 3); margin-right: 25px;}
    .banner-item:nth-child(4){margin-right: 0;}
}
@media (min-width:970px){
    .banner-title{float: left; width: 310px;}
    .banner-title label:nth-child(1){display: block;}
    .banner-item{width: calc((100% - 320px) / 3); margin-right: 5px;}
    .banner-item:nth-child(4){margin-right: 0;}
}
@media (min-width:1170px){
    .banner-title{width: 325px; margin: 5px 0 1px;}
    .banner-item{width: calc((100% - 375px) / 3); margin-right: 25px;}
    .banner-item:nth-child(4){margin-right: 0;}
}.gal{padding: 15px 0 20px; background: #f2f2f2;}

.gal-title{position: relative; font-family: Arial; font-size: 27px; text-transform: uppercase; color: #888; margin-bottom: 10px;}
.gal-title a{position: absolute; bottom: 0; right: 0; font-size: 12px; text-transform: none; color: #ff0000;}

.gal-item{position: relative; float: left;}
.gal-item a{display: block; font-size: 14px; color: #fff;}
.gal-item a b{position: absolute; right: 0; left: 0; bottom: -15px; margin: auto; padding: 5px 0 5px 7px; background: rgba(0,0,0,0.25); opacity: 0; transition: all 0.25s ease 0s;}
.gal-item:hover a b{bottom: 0; background: rgba(0,0,0,0.75); opacity: 1;}

@media (min-width:320px){
    .gal-item{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
    .gal-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:410px){
    .gal-item{width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px;}
    .gal-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .gal-item{width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 10px;}
    .gal-item:nth-child(2n){margin-right: 10px;}
    .gal-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:767px){
    .gal-item{width: calc((100% - 40px) / 3); margin-right: 20px; margin-bottom: 20px;}
    .gal-item:nth-child(2n){margin-right: 20px;}
    .gal-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .gal-item{width: calc((100% - 40px) / 5); margin-right: 10px; margin-bottom: 0;}
    .gal-item:nth-child(2n),
    .gal-item:nth-child(3n){margin-right: 10px;}
    .gal-item:nth-child(5n){margin-right: 0;}
}
@media (min-width:1170px){
    .gal-item{width: calc((100% - 80px) / 5); margin-right: 20px;}
    .gal-item:nth-child(2n),
    .gal-item:nth-child(3n){margin-right: 20px;}
    .gal-item:nth-child(5n){margin-right: 0;}
}.hot{padding: 25px 0 15px; background: url(/components/home.hot/s.png) no-repeat center top;}

.hot-list{position: relative;}
.hot-list .owl-nav div{position: absolute; top: 0; bottom: 0; margin: auto; font-size: 45px; width: 47px; height: 63px; color: #333; opacity: 0; transition: all 0.25s ease 0s;}
.hot-list .owl-nav div i{text-shadow: 1px 1px 3px rgba(255,255,255,0.5), -1px -1px 3px rgba(255,255,255,0.5);}
.hot-list .owl-nav div:hover{color: #000;}
.hot-list .owl-nav div.owl-prev{left: -47px;}
.hot-list .owl-nav div.owl-next{right: -47px;}
.hot-list:hover .owl-nav div.owl-prev{left: 10px; opacity: 1;}
.hot-list:hover .owl-nav div.owl-next{right: 10px; opacity: 1;}

@media (min-width:320px){
    .hot-list .owl-nav{display: none;}
}
@media (min-width:767px){
    .hot-list .owl-nav{display: block;}
}
.new-hot{padding: 25px 0 30px; background: url(/components/home.hot/s.png) no-repeat center top;}



.new-title{font-family: Avo; font-size: 27px; text-transform: uppercase; margin-bottom: 20px;}
.new-title a{display: block; color: #888;}

.new-item{float: left; width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px;}
.new-item:nth-child(2n){margin-right: 0;}

.new-time{margin-bottom: 7px; font-size: 14px; color: #f7841e;}

.new-name{font-size: 14px; line-height: 16px;}
.new-name a{display: block; overflow: hidden; color: #494949;}

.new-more{font-size: 12px; line-height: 16px;}
.new-more a{display: block; height: 16px; overflow: hidden; color: #ff0000;}

.video-wrap{border-radius: 10px;}
.video-wrap a{position: relative; display: block; font-size: 12px; text-transform: uppercase; color: #fff;}
.video-wrap a b{position: absolute; top: 0; right: 0; left: 0; margin: auto; padding: 5px 0 5px 5px; background: rgba(0,0,0,0.5);}
.video-wrap a span{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100px; height: 70px; background: url(/components/home.new-video/y.png) no-repeat center; opacity: 0.75; transition: all 0.25s ease 0s;}
.video-wrap a span:hover{opacity: 1;}

@media (min-width:320px){
    .new-img{margin: 0 0 7px 0;}
    .new-name a{height: 32px;}
    .video-wrap{border: 11px solid #f8f8f8;}
}
@media (min-width:360px){

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

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

}
@media (min-width:580px){
    .video-wrap{border: 22px solid #f8f8f8;}
}
@media (min-width:767px){
    .new-img{float: left; width: 225px; margin: 0 7px 0 0;}
    .new-name a{height: 64px;}
    .video-wrap{border: 33px solid #f8f8f8;}
}
@media (min-width:970px){
    .new{float: left; width: calc(100% - 380px);}
    .video{float: right; width: 350px;}
    .video-wrap{border: 11px solid #f8f8f8;}
    .new-img{float: none; width: auto; margin: 0 0 7px 0;}
    .new-name a{height: 32px;}
}
@media (min-width:1170px){
    .new-img{float: left; width: 225px; margin: 0 7px 0 0;}
    .new-name a{height: 64px;}
}.project{padding: 20px 0 27px;}

.project-title{font-family: Avo; font-size: 27px; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
.project-title a{position: relative; display: inline-block; padding: 0 11px; color: #888;}
.project-title a:before, .project-title a:after{content: ''; position: absolute; top: 21px; display: block; width: 68px; height: 3px; background: url(/components/home.project/t.png);}
.project-title a:before{right: -68px;}
.project-title a:after{left: -68px;}

.project-owl{position: relative;}
.project-name{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0; transition: all 0.25s ease 0s;}
.project-name span{display: block; font-family: AvoBold; font-size: 14px; text-transform: uppercase; color: #fff;}
.project-owl:hover .project-name{background: rgba(0,0,0,0.25); opacity: 1;}

.project-list .owl-nav div{position: absolute; top: 0; bottom: 0; margin: auto; font-size: 45px; width: 47px; height: 53px; color: #333; opacity: 0; transition: all 0.25s ease 0s;}
.project-list .owl-nav div:hover{color: #000;}
.project-list .owl-nav div.owl-prev{left: -47px;}
.project-list .owl-nav div.owl-next{right: -47px;}
.project-list:hover .owl-nav div.owl-prev{left: 5px; opacity: 1;}
.project-list:hover .owl-nav div.owl-next{right: 5px; opacity: 1;}

@media (min-width:320px){
    .project-list .owl-nav{display: none;}
}
@media (min-width:767px){
    .project-list .owl-nav{display: block;}
}.menu{position: absolute; bottom: 30px; height: 37px; 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; margin: 0 1.5px; transition: all 0.25s ease 0s;}
.menu-desk ul#navigation li a{display: block; font-family: RobotoMedium; font-size: 15px; text-transform: uppercase; line-height: 37px; color: #3a3a3a; transition: all 0.25s ease 0s}
.menu-desk > ul#navigation > li.active, .menu-desk>  ul#navigation > li:hover{background: #e60e1b;}
.menu-desk > ul#navigation > li.active > a, .menu-desk > ul#navigation > li:hover > a{color: #fff;}

.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: 100%; left: -1.5px; float: left; visibility: hidden; position: absolute; z-index: 999; width: 225px; display: none;}
.menu-desk ul#navigation ul li{width: 100%; background: #e60e1b!important; border-bottom: 1px solid #fff;}
.menu-desk ul#navigation ul li:hover{background: #808080!important;}
.menu-desk ul#navigation ul li:last-child{border-bottom: 0;}
.menu-desk ul#navigation ul li a{text-transform: none; line-height: normal; color: #fff; padding: 7px 5px 7px 7px;}

#menu-mobile{opacity: 0;}
.menu-mobile{position: relative; float: left; height: 40px; width: 50px; background: #e60e1b; text-align: center;}
.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{right: 0;}
    .menu-desk{display: none;}
    .menu-mobile{display: block;}
}
@media (min-width: 970px){
    .menu-desk{display: block;}
    .menu-mobile{display: none;}
    .menu-display{display: none;}
    
    
    .menu-desk ul#navigation li a{padding: 0 15px;}
}
@media (min-width: 1170px){
    .menu{right: 45px;}
    .menu-desk ul#navigation li a{padding: 0 22px;}
}.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: RobotoBold; 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);}
}.product-detail-left{margin-bottom: 20px;}
.product-detail-right{margin-bottom: 20px;}
.product-detail-prev{margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #d7d7d7;}
.product-detail-quantity{margin-bottom: 10px; text-align: right;}

.product-price{list-style: none; margin-bottom: 10px;}
.product-price li{line-height: 30px;}
.product-price li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-price li b:after{content: ':'; position: absolute; right: 0;}
.product-price li label{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: RobotoBold; font-size: 20px; color: #ff0000;}
.product-price li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: RobotoBold; font-size: 14px; color: #666;}

.product-quantity{margin: 0 0 13px;}
.product-quantity b{position: relative; display: inline-block; width: 105px; height: 30px; line-height: 30px; vertical-align: top;}
.product-quantity b:after{content: ':'; position: absolute; right: 0;}
.product-quantity-control{display: inline-block; width: 105px; margin: 0 0 0 12px;}
.product-quantity-control div{float: left; width: 22px; height: 30px;}
.product-quantity-control div:last-child{float: right;}
.product-quantity-control div a{display: block; font-size: 25px; text-align: center; line-height: 30px; color: #fff; background: #004dfc; transition: all 0.25s ease 0s;}
.product-quantity-control div a:hover{background: #ff0000;}
.product-quantity-control input[type='text']{float: left; width: calc(100% - 54px); height: 30px; margin: 0 5px; font-size: 15px; text-align: center; text-indent: 0; color: #004dfc; border: 1px solid #004dfc;}

.product-cart{}
.product-cart p{line-height: 22px;}
.product-cart a{position: relative; display: block; font-family: RobotoBold; font-size: 15px; color: #fff; padding: 7px 35px 9px 55px;}
.product-cart a i{position: absolute; top: 10px; left: 19px; width: 18px; height: 15px; margin: auto; text-align: center;}
.product-cart-add, .product-cart-go{vertical-align: top; transition: all 0.25s ease 0s;}
.product-cart-add a{background: #e60e1b;} .product-cart-go a{background: #86773c;}
.product-cart-add:hover a, .product-cart-go:hover a{background: #ff0000;}

@media (min-width:320px){
    .product-price li span, .product-project li span{width: 75px;}
    .product-project li p{width: calc(100% - 75px);}
    .product-price li label{font-size: 16px;}
    .product-cart-add{margin-bottom: 3px;}
}
@media (min-width:360px){
    .product-price li label{font-size: 19px;}
    /*.product-price li b:nth-of-type(1){padding-right: 10px;}
    .product-price li b:nth-of-type(2){margin-left: 10px;}*/
}
@media (min-width:410px){
    .product-price li span, .product-project li span{width: 100px;}
    .product-project li p{width: calc(100% - 100px);}
    .product-cart-add, .product-cart-go{display: inline-block; margin: 0;}
}
@media (min-width:480px){
    .product-detail{font-size: 15px;}
}
@media (min-width:580px){
    .product-detail-left{float: left; width: 300px;}
    .product-detail-right{float: right; width: calc(100% - 311px);}
}
@media (min-width:767px){
    .product-detail-left{width: 360px;}
    .product-detail-right{width: calc(100% - 371px);}
}
@media (min-width:970px){
    .product-cart-add{margin-bottom: 3px;}
}
@media (min-width: 1170px){
    .product-cart-add{margin-bottom: 0;}
}.sp-owl{}

.sp-item{float: left;}

.sp-wrap{padding: 5px;}
.sp-item .sp-wrap{padding: 0;}

.sp-img{position: relative; margin-bottom: 10px; padding: 10px; border: 1px solid #c0c0c0; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.125); overflow: hidden;}
.sp-img a{position: relative; display: block; height: 100%; overflow: hidden;}
.sp-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; transform: scale3d(1.05,1.05,1.05); transition: all 0.25s ease 0s;}
.sp-img:hover img{transform: scale3d(1,1,1);}

.sp-name{font-size: 14px; text-transform: uppercase; text-align: center;}
.sp-name a{display: block; height: 34px; overflow: hidden; color: #ff0000;}

@media (min-width:320px){
    .sp-item{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 10px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:480px){
    .sp-item{width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .sp-item{width: calc((100% - 40px) / 2); margin-right: 40px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .sp-item{width: calc((100% - 40px) / 3); margin-right: 20px;}
    .sp-item:nth-child(2n){margin-right: 20px;}
    .sp-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; 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: RobotoMedium; 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;}
}.slide{position: relative;}
.slide:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; min-height: 156px; background: url(/components/slide/bgslide.png) no-repeat center bottom / 100%; z-index: 100;}

/*
 *	generated by WOW Slider 8.8
 *	template Pulse
 */

#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:590px;
	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:590px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:590px;
	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:590px;
}

#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;
    display: none;
}
#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% - 44.5px);
	width:89px;
	height:89px;
	margin:0;
	z-index:60;
	cursor:pointer;
	opacity:0.75;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);	
}
#wowslider-container1 a.ws_next{
	right:35px;
	background: url(/components/slide/next_photo.png) no-repeat 50% 50%;
	background-size: 100%;
}
#wowslider-container1 a.ws_prev{
	left:35px;
	background: url(/components/slide/prev_photo.png) no-repeat 50% 50%;
	background-size: 100%;
}
#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{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: RobotoBold; 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: RobotoBold; 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; bottom: calc(100% + 10px); left: 0; width: 150px; border: 3px solid #fff; 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: RobotoMedium; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 50px; color: #fff; background: #f79422; margin-bottom: 5px;}
.hotro-time{font-family: RobotoMedium; 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;
}.vide-wrap{padding: 10px;}
.vide-wrap a{position: relative; display: block; font-size: 15px; color: #fff; overflow: hidden;}
.vide-wrap a span{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 50px; height: 35px; margin: auto; background: url(/components/video/p.png); opacity: 0; transition: all 0.25s ease 0s;}
.vide-wrap a img{transform: scale3d(1.05,1.05,1.05); transition: all 0.25s ease 0s;}
.vide-wrap a b{position: absolute; right: 0; bottom: 0; left: 0; padding: 9px 0 9px 9px; background: rgba(0,0,0,0.5); transition: all 0.25s ease 0s;}
.vide-wrap a b:hover{background: rgba(0,0,0,0.75);}
.vide-item:hover .vide-wrap img{transform: scale3d(1,1,1);}
.vide-item:hover .vide-wrap a b{padding: 5px 0 5px 5px;}
.vide-item:hover .vide-wrap a span{opacity: 0.75;}
.vide-item .vide-wrap a span:hover{opacity: 1;}

@media (min-width:320px){
    .vide-item{width: 100%;}
}
@media (min-width:480px){
    .vide-item{float: left; width: calc(100% / 2);}
}
@media (min-width:970px){
    .vide-item{float: left; width: calc(100% / 3);}
}