.breadcrumb{padding: 13px 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;}
}
.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: OpenSansBold; 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: 31px; 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{width: 265px; margin-bottom: 30px;}
.email-item{position: relative; float: left; height: 29px;}
.email-item input[type='text']{height: 100%;}
.email-item input[type='submit']{width: 100%; height: 100%;}
.email-item label.error,
#email-registered{line-height: 29px; color: #ff0000;}
#email-result{font-size: 15px; text-transform: uppercase; text-align: center; line-height: 29px; color: #fff; background:#ff0000; margin-bottom: 30px;}

@media (min-width:320px){
    .email-item:nth-child(1){width: calc(100% - 83px); margin-right: 3px;}
    .email-item:nth-child(2){width: 80px;}
}.cart{line-height: 32px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;}
.carttitle{text-transform: uppercase; font-size: 20px;}
.carttitle h1{font-size: 100%;}
.cartrow{border-bottom: 1px solid #d5d4d5; padding: 15px 0;}
.cartrowTT{padding: 0;}
.carthead{font-family: OpenSansBold; border-bottom: 1px solid #d5d4d5; padding: 0;}

.cartleft, .cartrightTT, .cartformwrap-left{float: left;}
.cartleft, .cartrightTT{margin-bottom: 30px;}
.cartright, .cartleftTT, .cartformwrap-right{float: right;}

.cartformwrap-right textarea{margin-bottom: 15px;}

.cartrightTitle{font-family: OpenSansBold; font-size: 15px; border-bottom: 1px solid #d5d4d5; margin-bottom: 15px;}

.cartcol{float: left;}
.cartcol label{font-family: OpenSansBold; color: #ff0000;}
.cartcol input{width: 50%; text-align: center; text-indent: 0;}
.cartcol2, .cartcol3, .cartcol4, .cartcol6, .cartcol7{text-align: center;}
.cartcol5 span{text-align: right; font-family: OpenSansBold; display: block;}

.cartimg, .cartimgTT{float: left; margin: 0 15px 0 0; position: relative;}
.cartimgTT span{position: absolute; top: -5px; right: -5px; background: #ef313b; color: #fff; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;}
.cartinfo{line-height: 22px;}
.cartinfo ul{margin: 5px 0 9px; list-style: none;}
.cartname{color: #333; font-family: OpenSansBold; text-transform: uppercase;}

.cartbutton{line-height: normal;}
.cartbutton a, .cartback{display: inline-block; margin: 0 6px 0 0; background: #f33133; padding: 5px 11px 3px; color: #fff; transition: all 0.25s ease 0s;}
.cartback{padding: 0 11px; margin: 15px 0 0 10px; float: right; text-transform: uppercase;}
.cartbutton a:hover, .cartback:hover{background: #2c353d;}

.cartbill{background: #f33133; color: #fff; font-family: OpenSansBold; text-align: center; margin-bottom: 15px; text-transform: uppercase;}
.cartright ul{border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 15px; list-style: none;}
.cartright ul li b{color: #ff0000; float: right;}
.cartright a{display: block; float: left; background: #f33133; width: calc(50% - 7.5px); text-align: center; color: #fff; text-transform: uppercase; transition: all 0.25s ease 0s;}
.cartright a#noproduct{float: right;}
.cartright a#nopayment{width: 100%; margin: 15px 0 0;}
.cartright a:hover{background: #2c353d;}

.cartformwrap{position: relative; padding: 10px 10px 0; border: 1px solid #d7d7d7; margin-bottom: 15px;}
.cartformwrap-left{position: relative;}
.cartformwrap input[type="radio"], .cartformwrap input[type="checkbox"]{vertical-align: top;}
.cartitem{margin-bottom: 15px; position: relative;}
.cartitems{line-height: normal;}
.cartabove{position: absolute; top: 11px; right: 10px; line-height: normal;}


.list-content li {list-style: none outside none; margin-bottom: 15px;}
.list-content li > .list-content-t{cursor: pointer;display: inline-block;width: 100%;background: #ef313b;color: white;}
.list-content li.active > .list-content-t{background: #ff0000;}
.list-content li > .list-content-t input{display: none;}
.list-content li > .list-content-t i{margin: 0 10px 0;font-size: 15px;}

.list-content li .boxContent{display: none; border:1px solid #d5d4d5; border-top: 0; padding: 3px 10px; line-height: 20px;}
.list-content li .boxContent-textarea{border: 0; padding: 0; line-height: normal;}
.list-content li .boxContent textarea{height: 47px;}
.list-content li.active .boxContent {display: block;}

@media (min-width: 320px){
    .cartright, .cartleft, .cartleftTT, .cartrightTT{width: 100%;}
    .cartright{margin: 15px 0 30px; font-size: 15px;}
    .cartrightTT{margin: 15px 0 30px;}
    .cartimg{display: none;}
    .cartcol1{width: 52%;}
    .cartcol3, .cartcol6{width: 21%;}
    .cartcol4, .cartcol7{width: 27%;}
    .cartcol5{width: 70%;}
    .cartcol7{width: 30%;}
    .cartcol2{display: none;}
    .cartimgTT{width: 50px;}
    .cartformwrap-left,
    .cartformwrap-right{width: 100%;}
    .cartformwrap-right textarea{height: 100px;}
    .carthead{font-size: 13px;}
    .cartname{font-size: 13px;}
}
@media (min-width: 480px){
    .cartimg{width: 75px; display: block;}
    .cartformwrap-left , .cartformwrap-right{width: 49%;}
    .cartformwrap-right textarea{height: 225px;}
    .carthead{font-size: 15px;}.cartname{font-size: 15px;}
}
@media (min-width: 580px){
    .cartimg{width: 100px;}
    .cartcol1{width: 49%;}
    .cartcol2{width: 17%;}
    .cartcol3{width: 17%;}
    .cartcol4{width: 17%;}
    .cartcol2{display: block;}
}
@media (min-width: 767px){
    .cartimg{width: 150px;}
    .cartcol1{width: 55%;}
    .cartcol2{width: 15%;}
    .cartcol3{width: 15%;}
    .cartcol4{width: 15%;}
}
@media (min-width: 970px){
    .cartright{width: 285px; margin: -63px 0 0;}
    .cartleft{width: calc(100% - 300px);}
    .cartleftTT{width: 360px;}
    .cartrightTT{width: calc(100% - 375px); margin: -33px 0 0;}
}
@media (min-width: 1170px){
    .cartright{width: 315px;}
    .cartleft{width: calc(100% - 330px);}
}.ba{}
.ba-list{}
.ba-item{height: 85px; display: flex; align-items: center; justify-content: center;}
.ba-item:nth-child(1){background: #f08b21;}
.ba-item:nth-child(2){background: #0099ff;}
.ba-item:nth-child(3){background: #f5b40e;}

.ba-img{vertical-align: middle; margin-right: 15px;}
.ba-text{display: inline-block; vertical-align: middle; color: #fff;}
.ba-text span:nth-child(1){display: block; font-family: OpenSansSB; font-size: 18px; text-transform: uppercase;}
.ba-text span:nth-child(2){display: block;}

@media (min-width:320px){
    .ba-item{width: 100%;}
    .ba-img{display: inline-block;}
}
@media (min-width:767px){
    .ba-item{float: left; width: calc((100% - 50px) / 3); margin-right: 25px;}
    .ba-item:nth-child(3){margin-right: 0;}
    .ba-img{display: none;}
}
@media (min-width:970px){
    .ba-img{display: inline-block;}
}.bon{margin: 0 0 35px; background: #fcfcfc;}
.bon-item{float: left; text-align: center;}
.bon-img{display: inline-block;}
.bon-text{font-family: OpenSansSB; font-size: 16px; text-transform: uppercase; color: #f08b21;}

@media (min-width:320px){
    .bon{margin: 0 0 35px; padding: 40px 0 0;}
    .bon-item{width: 100%; margin-bottom: 20px;}
}
@media (min-width:414px){
    .bon-item{width: 50%; margin-bottom: 20px;}
}
@media (min-width:970px){
    .bon{margin: 15px 0 35px; padding: 40px 0 20px;}
    .bon-item{width: 25%;}
}
@media (min-width:1200px){
    .bon{margin: 0 0 35px;}
}.dvu-item{margin-bottom: 35px;}
.dvu-detail{background: #eee;}
.dvu-img{position: relative;}
.dvu-more{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; align-items: center; justify-content: center; opacity: 0;
font-family: Amerika; font-size: 25px; text-transform: uppercase; color: #f33133; text-shadow: 1px 1px 1px rgba(0,0,0,1); background: transparent; transition: all 0.5s ease 0s;}

.dvu-name{margin-bottom: 5px; color: #414141;}
.dvu-name a{display: inline-block; font-family: Amerika; font-size: 18px; text-transform: uppercase; line-height: 24px; color: #0099ff;}
.dvu-prev{font-size: 14px; color: #414141; height: 76px; overflow: hidden;}


.dvu-item:hover .dvu-more{opacity: 1; background: rgba(255,255,255,0.25);}
.dvu-item:hover .dvu-name a{color: #f33133;}

@media (min-width:320px){
    .dvu-detail{padding: 10px;}
}
@media (min-width:414px){
    .dvu-item{float: left; width: calc((100% - 15px) / 2); margin-right: 15px;}
    .dvu-item:nth-child(2n){margin-right: 0;}
    .dvu-name{height: 48px; overflow: hidden;}
}
@media (min-width:480px){
    .dvu-item{width: calc((100% - 35px) / 2); margin-right: 35px;}
    .dvu-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:767px){
    .dvu-name{height: 24px; text-overflow: ellipsis; white-space: nowrap;}
    .dvu-detail{padding: 20px 25px;}
}

.dvu-item-2{width: 100%; margin-right: 0; background: #eee;}

@media (min-width:320px){

}
@media (min-width:414px){
    .dvu-img-2{float: left;}
    .dvu-detail-2 .dvu-name{height: auto; padding-left: 15px; text-overflow: inherit; white-space: inherit;}
    .dvu-detail-2 .dvu-prev{padding-left: 15px;}
    
    .dvu-img-2{width: 50%;}
}
@media (min-width:580px){
    .dvu-img-2{width: auto;}
}.SP-tab{position: relative; list-style: none; width: 100%; margin: 0 auto 15px;}
.SP-tab li{display: inline-block;}
.SP-tab li div{position: relative;}
.SP-tab li a{float: left; text-transform: uppercase; color: #414141;}
.SP-tab li a:hover{color: #f33133;}
.SP-tab > li:nth-child(1) > a{color: #f33133;}
.SP-tab > li:hover > label > a{color: #f33133;}

.SP-tab li div i{position: absolute; top: 6px; right: 0; height: 21px; font-size: 15px; line-height: 21px; text-align: center; cursor: pointer;}
.SP-tab li div i.fa-caret-up{display: none;}
.SP-tab li:hover div i{color: #f33133}
.SP-tab li div ul{list-style: none; position: absolute; left: 0; width: 200px; border: 1px solid #d7d7d7; border-bottom: 0; z-index: 1; display: none;}
.SP-tab li div ul li{display: block;}
.SP-tab li div ul li a{box-sizing: border-box; display: block; width: 100%; font-family: OpenSansSB; font-size: 12px; color: #414141; background: #fff; border-bottom: 1px solid #d7d7d7;}

.SP-title{position: relative;}

.SP-title-more{position: absolute; top: 14px; right: 7px;}
.SP-title-more a{display: block; color: #414141; transition: all 0.25s ease 0s;}
.SP-title-more a:hover{color: #f33133;}

@media (min-width:320px){
    .SP-title-more{display: none;}
    .SP-tab li a{font-family: OpenSansSB; padding: 7px 15px 7px 7px;}
    .SP-tab li div ul{top: 36px;}
    .SP-tab li div i{width: 15px;}
    .SP-tab li div ul li a{padding: 7px;}
    .SP-div-mobile{display: block;}
    .SP-tab li.SP-li-mobile{display: none;}
}
@media (min-width:360px){
    .SP-tab li a{font-family: OpenSansBold; font-size: 14px; padding: 7px 21px;}
    .SP-tab li div ul{top: 37px;}
    .SP-tab li div i{width: 21px;}
    .SP-tab li div ul li a{padding: 7px 10px;}
}
@media (min-width:480px){
    .SP-title-more{display: block;}
}
@media (min-width:767px){
    .SP-div-mobile{display: none;}
    .SP-tab li.SP-li-mobile{display: inline-block;}
}.main-tab{position: relative; list-style: none; width: 100%; margin: 0 auto 15px;}
.main-tab li{display: inline-block;}
.main-tab li a{float: left; font-family: OpenSansBold; color: #414141;}
.main-tab li a:hover{color: #f33133;}
.main-tab li a.active{color: #f33133;}

.main-tab-inner li a{padding: 7px 21px;}
.main-tab-inner li div{position: relative;}
.main-tab-inner li.main-tab-active > label > a{color: #f33133;}
/*.main-tab-inner li:hover > label > a{color: #f33133;}*/

#main-line{position: absolute; bottom: 0; left: 0; width: 100px; height: 16px; border-bottom: 2px solid #f33133; z-index: -1;}
#main-line:before{content: ""; position: absolute; bottom: 0; left: calc(50% - 7px); border: 7px solid transparent; border-bottom: 9px solid #f33133;}

.main-tab li div i{position: absolute; top: 6px; right: 0; width: 21px; height: 21px; font-size: 15px; line-height: 21px; text-align: center; cursor: pointer;}
.main-tab li div i.fa-caret-up{display: none;}
/*.main-tab-inner li:nth-child(1) div i{color: #f33133;}*/
.main-tab li:hover div i{color: #f33133}
.main-tab li div ul{list-style: none; position: absolute; top: 37px; left: 0; width: 200px; border: 1px solid #d7d7d7; border-bottom: 0; z-index: 1; display: none;}
.main-tab li div ul li{display: block;}
.main-tab li div ul li a{box-sizing: border-box; display: block; width: 100%; font-family: OpenSansSB; font-size: 12px; color: #414141!important; padding: 7px 10px; background: #fff; border-bottom: 1px solid #d7d7d7;}
.main-tab li div ul li a:hover{color: #f33133!important;}

.ie6 #main-tab li, .ie7 #main-tab li{display: inline;}
.ie6 #main-line{bottom: -3px;}

.homeSP{margin-bottom: 35px;}

.homeSP-container{}

.homeSP-container .owl-carousel .owl-nav{position: absolute; top: -61px; right: 0; width: 54px;}
.homeSP-container .owl-carousel .owl-nav div{width: 27px; height: 44px; transition: all 0.25s ease 0s;} 
.homeSP-container .owl-carousel .owl-nav div.owl-prev{float: left; background: url(/components/home.sanphamnb/l1.png);}
.homeSP-container .owl-carousel .owl-nav div.owl-next{float: right; background: url(/components/home.sanphamnb/r1.png);}
.homeSP-container .owl-carousel .owl-nav div.owl-prev:hover{background: url(/components/home.sanphamnb/l2.png);}
.homeSP-container .owl-carousel .owl-nav div.owl-next:hover{background: url(/components/home.sanphamnb/r2.png);}

@media (min-width: 320px){
    .homeSP-container .owl-carousel .owl-nav{display: none;}
    .main-tab li a{padding: 7px;}
    .main-tab-inner li a{padding: 7px 21px;}
}
@media (min-width: 360px){
    .main-tab li a{font-size: 14px; text-transform: uppercase; padding: 7px 10px;}
    .main-tab-inner li a{padding: 7px 21px;}
}
@media (min-width: 480px){
    .homeSP-container .owl-carousel .owl-nav{display: block;}
}.tintuc{margin-bottom: 35px; background: #2c353d;}

.tintuc-title{background: rgba(255,255,255,0.25);}
.tintuc-title a{display: block; font-family: Amerika; font-size: 19px; text-transform: uppercase; text-align: center; color: #fffa06;}

.tintuc-item{float: left; margin-bottom: 30px;}

.tintuc-img{position: relative; margin-bottom: 7px;}

.tintuc-name{margin-bottom: 10px; color: #f08b21; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.tintuc-name a{display: block; font-family: OpenSansSB; font-size: 18px; text-transform: uppercase; line-height: 24px; color: #f08b21; transition: all 0.25s ease 0s;}

.tintuc-prev{font-size: 14px; color: #adafb1; height: 76px; overflow: hidden; transition: all 0.25s ease 0s;}

.tintuc-slide{margin-bottom: 30px;}
.tintuc-slide:hover .dvu-more{opacity: 1; background: rgba(255,255,255,0.25);}
.tintuc-slide:hover .tintuc-name a{color: #fffa06;}

.tintuc .owl-carousel .owl-nav{}
.tintuc .owl-carousel .owl-nav div{position: absolute; top: -60px; bottom: 0; margin: auto; width: 48px; height: 48px; opacity: 0.75; transition: all 0.25s ease 0s;}
.tintuc .owl-carousel .owl-nav div:hover{opacity: 1;}
.tintuc .owl-carousel .owl-nav div.owl-prev{background: url(/components/slide/prev_photo.png); left: 0;}
.tintuc .owl-carousel .owl-nav div.owl-next{background: url(/components/slide/next_photo.png); right: 0;}


@media (min-width:320px){
    .tintuc{padding: 20px 10px 0;}
    .tintuc-title{margin: 0 auto 20px;}
    .tintuc-title a{line-height: 30px; padding: 7px 0 0;}
    .tintuc-item{width: 100%;}
    .tintuc-item:nth-child(2n){margin-right: 0;}
    .tintuc-name{height: 48px; -webkit-line-clamp: 2;}
    .tintuc .owl-carousel .owl-nav{display: none;}
}
@media (min-width:414px){
    .tintuc-item{width: calc((100% - 15px) / 2); margin-right: 15px;}
    .tintuc-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .tintuc{padding: 30px 30px 0;}
    .tintuc-title{height: 45px;}
    .tintuc-title a{line-height: 45px; padding: 0;}
    .tintuc-title{width: 520px; margin: 0 auto 40px;}
    .tintuc-name{height: 24px; -webkit-line-clamp: 1;}
}
@media (min-width:767px){
    .tintuc-item{width: calc((100% - 60px) / 3); margin-right: 30px;}
    .tintuc-item:nth-child(2n){margin-right: 30px;}
    .tintuc-item:nth-child(3n){margin-right: 0;}
    .tintuc-name{height: 48px;}
    
}
@media (min-width:970px){
    .tintuc-name{height: 24px;}
    .tintuc .owl-carousel .owl-nav{display: block;}
}
@media (min-width:1200px){
    .tintuc-item{width: calc((100% - 110px) / 3); margin-right: 55px;}
    .tintuc-item:nth-child(2n){margin-right: 55px;}
    .tintuc-item:nth-child(3n){margin-right: 0;}
}.menu{z-index: 100;}

.menu-desk{float: left;}
.menu-desk ul#navigation{list-style: none;}
.menu-desk ul#navigation li{list-style: none; float: left;}
.menu-desk ul#navigation li.active, .menu-desk ul#navigation li:hover{}
.menu-desk ul#navigation li a{display: block; font-family: OpenSansSB; color: #616161; transition: all 0.25s ease 0s;}

.menu-desk ul#navigation > li > a{text-transform: capitalize; text-align: center; line-height: 20px;}
.menu-desk ul#navigation > li > a:hover{background: #616161; color: #fff;}
.menu-desk ul#navigation > li > a > i{display: block; width: 48px; height: 48px; margin: auto; font-size: 20px; text-align: center; line-height: 48px; color: #fff; border-radius: 24px;}

.menu-desk ul#navigation > li > ul{box-sizing: border-box; display: none; width: 100%; position: absolute; top: 100%; left: 0; padding: 20px 10px; background: #616161; visibility: hidden; opacity: 0;}
.menu-desk ul#navigation > li:hover > ul{visibility: visible; opacity: 1;}
.menu-desk ul#navigation > li > ul > li{width: calc((100% - 60px) / 4); margin-right: 10px;}
.menu-desk ul#navigation > li > ul > li:nth-child(4n){margin-right: 0;}
.menu-desk ul#navigation > li > ul > li > a{text-transform: uppercase; color: #fff; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px solid #f33133;}
.menu-desk ul#navigation > li > ul > li > a:hover{border-bottom: 1px solid #fff;}

.menu-desk ul#navigation > li > ul > li > ul > li{float: none;}
.menu-desk ul#navigation > li > ul > li > ul > li > a{display: inline-block; color: #fff; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px dotted transparent;}
.menu-desk ul#navigation > li > ul > li > ul > li > a:hover{border-bottom: 1px dotted #fff;}

.menu-mobile{position: relative; float: left; height: 39px; text-align: center; background: #ff0000; border-radius: 7px; transition: all 0.25s ease 0s;}
.menu-mobile span{display: block; width: 27px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  background: #2296e0;}
.menu-mobile span:after, .menu-mobile span:before{display: block; width: 27px; height: 3px; background: #2296e0; position: absolute; content: '';}
.menu-mobile span:after{bottom: -9px;}
.menu-mobile span:before{top: -9px;}

#menu-mobile{opacity: 0;}

@media (min-width: 320px){
    .menu{position: absolute; top: 27px; left: 0;}
    .menu-desk{display: none;}
    .menu-mobile{display: block; width: 40px;}
    
    ul.mm-listview > li > a > i{width: 36px; height: 36px; margin-right: 7px; font-size: 15px; text-align: center; line-height: 36px; color: #fff; border-radius: 18px;}
    
    .mm-menu.mm-offcanvas .mm-listview{display: none;}
    .mm-menu.mm-current .mm-listview{display: block;}
}
@media (min-width: 360px){
    .menu-mobile{width: 50px;}
}
@media (min-width: 414px){
}
@media (min-width: 480px){
    .menu{position: relative; float: right; margin: 27px 0 0; top: 0;}
}
@media (min-width: 970px){
    .menu{float: left; margin: 0 0 0 10px;}
    .menu-desk{display: block;}
    .menu-desk ul#navigation > li > a{padding: 10px 5px 15px;}
    .menu-mobile{display: none;}
    .menu-display{display: none;}
}
@media (min-width: 1200px){
    .menu{margin: 0 0 0 40px;}
    .menu-desk ul#navigation > li > a{font-size: 14px; padding: 10px 10px 15px;}
}.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: OpenSansSB; font-size: 15px; text-transform: uppercase; color: #333; max-height: 40px; overflow: hidden; margin-bottom: 10px;}
.news-name a{color: #333; transition: all 0.25s ease 0s;}
.news-name:hover a{color: #f33133;}

.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: #333; color: #fff; transition: all 0.25s ease 0s;}
.news-more:hover a{background: #f33133;}

.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);}
}.SPDetailLeft{position: relative; margin-bottom: 30px;}
.SPDetailLeft .SPDetailClick{position: absolute; top: 10px; left: 10px; font-size: 11px; background: rgba(255,255,255,0.75); padding: 3px 5px; opacity: 0.75; transition: all 0.25s ease 0s;}
.SPDetailLeft:hover .SPDetailClick{opacity: 1;}

.SPDetailName{font-family: OpenSansSB; font-size: 20px; color: #333; margin-bottom: 15px;}
.SPDetailName h1{font-size: 100%; font-weight: normal;}

.SPDetailInfo{list-style: none; margin-bottom: 15px;}
.SPDetailInfo li{line-height: 22px;}

.SPDetailPrice{font-family: OpenSansSB; margin-bottom: 25px;}
.SPDetailPrice label{display: inline-block;}
.SPDetailPrice span{font-family: OpenSansBold; font-size: 25px; color: #f33133;}

.SPDetailQuantity{float: left; width: 140px;}
.SPDetailQuantity div{float: left; width: 40px; height: 40px; background: #f33133;} 
.SPDetailQuantity div a{display: block; font-family: OpenSansBold; font-size: 15px; text-align: center; line-height: 38px; color: #fff;}
.SPDetailQuantity input{float: left; width: 60px; height: 40px; font-size: 20px; text-align: center; border: 1px solid #f33133; border-right: 0; border-left: 0; text-indent: 0;}

.SPDetailCart{float: right; width: calc(100% - 160px); height: 40px; background: #f33133; font-family: OpenSansBold; font-size: 15px; text-transform: uppercase; text-align: center;}
.SPDetailCart a{display: inline-block; padding: 10px 0 10px 30px; background: url(/components/product.detail/c.png) no-repeat center left; color: #fff;}

.SPDetailContent{padding: 30px 0 0;}
.SPDetailContent-title{font-family: OpenSansSB; font-size: 20px; color: #f33133; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #d7d7d7;}

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

}
@media (min-width:767px){
    .SPDetailLeft{float: left; width: calc(50% - 15px);}
    .SPDetailRight{float: right; width: calc(50% - 15px);}
}
@media (min-width:970px){

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

}.product-slide{position: relative;}

.product-wrap{position: relative; float: left; margin-bottom: 15px;}

.product-list{}

.roduct-other{}

.product-item{border: 1px solid #d7d7d7;}

.product-item span{position: absolute; background: #f33133; transition: all 0.25s ease 0s;}
.product-item span:nth-of-type(1){top: 0; left: 0; width: 0%; height: 1px;}
.product-item span:nth-of-type(2){top: 0; right: 0; width: 1px; height: 0%;}
.product-item span:nth-of-type(3){right: 0; bottom: 0; width: 0%; height: 1px;}
.product-item span:nth-of-type(4){bottom: 0; left: 0; width: 1px; height: 0%;}
.product-item:hover span:nth-of-type(1){width: 100%;}
.product-item:hover span:nth-of-type(2){height: 100%;}
.product-item:hover span:nth-of-type(3){width: 100%;}
.product-item:hover span:nth-of-type(4){height: 100%;}

.product-img{padding: 10px;}

.product-click{height: 31px; background: #d7d7d7; opacity: 0; transition: all 0.25s ease 0s;}
.product-click:hover{background: #f33133;}
.product-click a{display: block; font-family: Avo; text-align: center; line-height: 31px; color: rgba(51,51,51,0.75);}
.product-click:hover a{color: #fff;}
.product-item:hover .product-click{opacity: 1;}

.product-name{height: 44px; margin: 10px 0; padding: 0 10px; overflow: hidden;}
.product-name a{display: block; font-size: 17px; text-align: center; line-height: 22px; color: #007cc2;}

.product-more{width: 131px; height: 31px; border: 1px solid #d7d7d7; border-radius: 17px; margin: 0 auto 10px; transition: all 0.25s ease 0s;}
.product-more:hover{background: #f33133; border: 1px solid #f33133;}
.product-more a{display: block; font-family: Avo; text-align: center; line-height: 31px; color: rgba(51,51,51,0.75); transition: all 0.25s ease 0s;}
.product-more:hover a{color: #fff;}

@media (min-width:320px){
    .product-wrap{width: calc((100% - 05px) / 2); margin-right: 05px;}
    .product-wrap:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .product-wrap{width: calc((100% - 10px) / 3);}
    .product-wrap:nth-child(2n){margin-right: 05px;}
    .product-wrap:nth-child(3n){margin-right: 0;}
}
@media (min-width:767px){
    .product-wrap{width: calc((100% - 30px) / 3); margin-right: 15px;}
    .product-wrap:nth-child(2n){margin-right: 15px;}
    .product-wrap:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .product-wrap{width: calc((100% - 45px) / 4);}
    .product-wrap:nth-child(2n),
    .product-wrap:nth-child(3n){margin-right: 15px;}
    .product-wrap:nth-child(4n){margin-right: 0;}
}
@media (min-width:1200px){
    .product-wrap{width: calc((100% - 60px) / 5);}
    .product-wrap:nth-child(2n),
    .product-wrap:nth-child(3n),
    .product-wrap:nth-child(4n){margin-right: 15px;}
    .product-wrap:nth-child(5n){margin-right: 0;}
}.dvunb{position: relative; margin-bottom: 15px; z-index: 90;}
.dvunb-list{padding-bottom: 15px; box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.25);}
.dvunb-item{padding: 15px; border-bottom: 1px solid #f6f6f6;}
.dvunb-name{font-family: OpenSansBold; font-size: 14px; max-height: 38px; overflow: hidden; margin-bottom: 7px;}
.dvunb-name a{display: block; color: #414141; transition: all 0.25s ease 0s;}
.dvunb-img{float: left; margin-right: 15px;}
.dvunb-prev{line-height: 18px; height: 72px; overflow: hidden;}
.dvunb-item:hover .dvunb-name a{color: #f33133;}

@media (min-width:580px){
    .dvunb{float: left; width: calc(50% - 17.5px);}
}
@media (min-width:970px){
    .dvunb{float: none; width: 100%;}
}.hotro{padding: 0 15px 15px; text-align: right; background: url(/components/right.hotro/b.png) no-repeat top 5px left 5px; box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.25);}
.hotro-title{font-family: OpenSansBold; font-size: 14px; text-transform: uppercase; line-height: 41px; color: #ff0000; margin-bottom: 15px; border-bottom: 1px dashed #eaeaea;}
.hotro-title span{display: inline-block; padding-left: 40px; background: url(/components/right.hotro/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; left: -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/right.hotro/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: #fffa06; background: #05a3e5; margin-bottom: 5px;}
.hotro-time{font-family: OpenSansSB; font-size: 16px; line-height: 40px; color: #414141;}
.hotro-time span{float: left; padding-left: 27px; background: url(/components/right.hotro/l.png) no-repeat center left;}
.hotro-time label{float: right; padding-left: 27px; background: url(/components/right.hotro/g.png) no-repeat center left;}

@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;
}.rList{margin-bottom: 15px;}
.rList ul{list-style: none; padding: 5px 15px; box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.25);}
.rList ul li{text-transform: uppercase; line-height: 35px; border-bottom: 1px dashed #f6f6f6;}
.rList ul li:last-child{border-bottom: 0;}
.rList ul li a{display: block; color: #414141; transition: all 0.25s ease 0s;}
.rList ul li:hover a{color: #f33133;}
.rList ul li.active a{font-family: OpenSansSB; color: #f33133;}/*
 *	generated by WOW Slider 8.8
 *	template Pulse
 */

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

#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:2%;
	background: url(/components/slide/next_photo.png) no-repeat 50% 50%;
	background-size: 100%;
}
#wowslider-container1 a.ws_prev{
	left:2%;
	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{
    display:block;
	position:absolute;
	bottom: 5%;
	left: 2%;
	font-family: Amerika;
    text-transform: uppercase;
	color:#f33133;
	margin-right:0;
	padding:11px 20px 7px;
	background-color:rgba(255,255,255,0.25);
	opacity:1;
    z-index: 50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
}
#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;
	}
    #wowslider-container1 .ws_controls{
		display: none
	}
}
@media all and (max-width:400px){
	#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%;
}.login{}

.login-form{box-sizing: border-box; width: 404px; margin: auto; padding: 0 5px;}

.login-item{position: relative; width: 100%; height: 33px; line-height: 33px; margin-bottom: 15px;}

.login-item-password label{position: relative; display: inline-block; padding-left: 38px; cursor: pointer;}
.login-item-password label:after,
.login-item-password a:after{width: 31px; height: 31px; font-family: FontAwesome; content: "\f00c"; font-size: 20px; text-align: center; line-height: 31px; color: #c3c3c3; border: 1px solid #c3c3c3; position: absolute; top: 0; left: 0; transition: all 0.25s ease 0s;}
.login-item-password label:hover:after,
.login-item-password a:hover:after{color: #333; border: 1px solid #333;}
.login-item-password input[type='checkbox']{display: none;}
.login-item-password input[type='checkbox']:checked + label.checkbox:after{color: #333; border: 1px solid #333;}
.login-item-password a{position: absolute; display: inline-block; top: 0; right: 0; color: #333; padding-right: 38px;}
.login-item-password a:after{content: "\f128"; right: 0; left: inherit;}

.login-item-register{margin-bottom: 0; text-align: center;}
.login-item-register a{color: #333; transition: all 0.25s ease 0s;}
.login-item-register a:hover{color: #ff0000;}

.login-error, .login-update{text-transform: uppercase; line-height: 21px; color: #fff; margin: 0 0 15px; padding: 7px 0 5px 15px;}
.login-error{background: rgba(255,0,0,0.5); border-left: 5px solid #ff0000;}
.login-update{background: rgba(0,128,0,0.5); border-left: 5px solid #008000;}