#slideshow {position:relative;width:100%;z-index:1}
#slideshow img{width:100%;height:auto;float:left}
#ShowMenu{display:none;}
header{position:relative;}

.midhead{background:#001922;}
.midhead .container{position:relative;padding-top: 10.5px;height:145px}
.logo{height: 124px;}
.logo img{height:100%}
.phoneh{margin-top: 37px;}
.phoneh span{color:#b7ebff;font-size: 15px;font-family: auto;position:relative;background:url(/Design/iphone.png) no-repeat;height:22px;display:block;padding-left:30px}
.phoneh strong{font-family:avob;font-size:23px;color:#fff100}

.menu_main{color:#fff;font-family:new;font-size:15px;float:left;margin-left:45px;margin-top:51.5px}
.mnlic1{float:left;}
.mnlic1+.mnlic1{margin-left: 36px;}
.openmn{display:none}
.mnliac1{display:block;text-transform:uppercase;font-family:new;transition:.3s;position:relative;z-index:1}
.mnlic1:hover{color:#00adef}
.menusub{background-color:#fff;position:absolute;display: none;z-index:2;box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);/* padding:15px 20px; */border-top:3px solid #00adef;}
.menusub li{;font-family:newb;border-bottom: 1px solid #f4f4f4;color:#999;position:relative;min-width:150px;padding:8px 15px}
.menusub li a{display:block;padding:2px 0}
.menusub li:hover{color:#333;background:#fafafa}
.nav_main.scroll-to-fixed-fixed{box-shadow: 0 10px 30px #0000001f;}
.nav_main.scroll-to-fixed-fixed .mnliac1{padding:3px 0}
@media only screen
and (max-width :1023px){
#ShowMenu{display:flex;float:right;height:35px;color:#00adef;font-size:18px;position:relative;width:35px;border:2px solid #00adef;margin-top:32.5px;z-index:998;}
#ShowMenu i{margin:auto;font-weight:900;position:relative}
#ShowMenu.close i:before{content:"\f00d"}
#ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:"";}
.tophead,.midhr{display:none}
.logo{position:relative;top:auto}
.phoneh{display:none}
.midhead .container{height:auto;padding:10px 0;overflow:hidden}

.menu_main {position:fixed;z-index:999;overflow:scroll;top:0;background:#00adef;height:100%;display:none;left:0;float:none;margin:0;width:250px;display:none}
.nav_main .container{width:100%}
.mnlic1{float:none;position:relative;margin:0;border-bottom:1px solid}
.mnlic1+.mnlic1{margin-left:0}
.mnlic1:hover{color:#fff}
.mnliac1{padding:15px 2%;width:calc(100% - 42.4px);}
.mnliac1 span{display:inline-block;padding:0}
.mnlic1:hover .mnliac1 span{background:none}
.openmn{display:block;font-style: normal;position:absolute;right:2%;top:0;height: 50.8px;width:42.4px;display:flex;}
.openmn:before{content:"\f324";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s}
.havesub.active .openmn:before{transform:rotate(90deg)}
.menusub{position:relative;padding:0;border-radius:0}
.menusub li{color:#3f3f3f;}
.menusub li+li{border-top:1px solid #eee}
.menusub li a{padding:15px 0;padding-left:6%;}
}
@media only screen
and (max-width :467px){
#ShowMenu{margin-top:12.5px}
.logo{height:60px}
.hgten{margin-left:5px;margin-top: 9px;}
.hgten h2{font-size: 11px;}
.hgten h1{font-size: 25px;}
}

/*footer*/
footer {color:#fff;font-size:18.76px;background:#001922}
.middle-footer .container{padding: 80px 0 40px;}
.tencty{font-size:22px;text-transform:uppercase;font-family:new}
.iff .nd{max-width:350px;margin-top:20px}
.iff .nd *{line-height:1.8}
.titf{font-family:newb;font-size:22px;margin-bottom: 20px;text-transform:uppercase;font-family:new}
.mnf{margin-left:32px}
.mnf ul li{line-height:1.8;position:relative;padding-left:25px;transition:.1s}
.mnf ul li:before{content:"\f111";font-family:fontawesome;font-weight:900;font-size: 10px;height: 13px;position:absolute;top:0;bottom:0;left:0;margin:auto;text-align:center;}
.mnf ul li:hover{color:#ec1e24;transform:translateX(10px)}
.mnf ul li:hover a{color:#ec1e24}
.mxhf{margin-left:100px}
.mxh a{display:block;line-height:1.8}
.mxh i{width:22px;text-align:center;margin-right:8px}
.mxh a:hover{color:#ec1e24}
.dkf p{max-width: 200px;}
.dkf .form-group{margin-top:15px;max-width:280px}
.dkf .form-group .txt{width:100%;box-sizing:border-box;padding: 5px 10px 7px;background:none;border:1px solid;border-radius:3px;color:#fff;font-size:15px;outline:0;}
.dkf .form-group .txt::placeholder{color:#959595}
.dkf .form-group .btn{font-size:15px;text-transform:uppercase;background:#ec1e24;padding: 7px 29.5px;margin-top:13px;}
.dkf .form-group .btn:hover{background:#fff;color:#2f2f2f}
.foot{text-align:center;padding-bottom: 70.4px;}
.foot2{margin-top:20px}
.foot .online{background:url(/Design/online.png) no-repeat left;padding-left:40px}
.foot .total{background:url(/Design/total.png) no-repeat left;padding-left:40px;margin-left:45px}
@media only screen
and (max-width :1023px){

}
@media only screen
and (max-width :467px){
footer{font-size:13px;}
.middle-footer .container{padding:30px 0}
.tencty{font-size:18px;max-width:200px}
.iff .nd{font-size:13px;margin-top:10px}
.mnf{margin-left:0;margin-top:20px}
.titf{font-size:15px}
.mnf ul li{padding-left:19px}
.mnf ul li:before{font-size: 7px;}
.mxhf{margin-left:50px}
.foot{padding-bottom:30px}
.dkf,.foot2,.mxhf{display:none;}
}

.tithome{display:block;background:#f1f1f1;line-height:0;border-radius:50px 0 0 50px;margin-bottom:10px}
.tithome span{font-family:new;text-transform:uppercase;font-size:22px;color:#00adef;display:inline-block;position:relative;padding: 10.8px 0;padding-left:70px;padding-right:40px;background:#fff;border-radius:50px;}
.tithome span:before{content:"";position:absolute;left:0;background:url(/Design/bi.png) no-repeat;height:52px;width:52px;top:0}
.tithome span:after{content:"";position:absolute;width:100%;height:100%;border:1px solid;;left:0;top:0;border-radius:50px}
@media only screen 
and (max-width: 467px){
.tithome span{font-size:13px;padding-left:45px;padding-right:20px}
.tithome span:before{height:39.2px;background-size:auto 100%}
}

/*dvhome*/
.dvhome{}
.dvhome .container{padding:30px 0}
.lidv{height:243px}
.imgdv{height:100%;width: 47%;float:left;box-sizing:border-box;}
.lidv .nd{width:53%;float:right;height:100%;background:#001922;color:#fff;padding:30px 20px 0 30px}
.lidv h4{font-size:15px;font-family:new;text-transform:uppercase;color:#fff100}
.lidv p{margin-top:15px;font-size:15px;line-height:1.2}
@media only screen 
and (max-width: 467px){
.imgdv{padding:40%;width:100%}.lidv{height:130px;}.col-6{padding:5px;}
.lidv .nd{width:100%;height:auto;padding:20px}.lidv p{display:none;}
}

@media only screen 
and (max-width: 467px){

}

/*dahome*/
.dahome{}
.dahome .container+.container{width:100%;max-width:100%;padding-bottom:50px}
.ulda{margin:0;margin-top:20px}
.ulda.row >*{padding:0}
.imgda{padding:40%}
.lida h4{font-size:15px;text-transform:uppercase;text-align:center;color:#3f3f3f;font-family:avob;padding:20px 0}
.lida h4:hover{color:#00adef}
.lida .date{color:#999;font-size:13px;margin-top:10px}
.lida .date:before{color:#fff}
.ulda.owl-theme .owl-nav button{border:none;outline:none;}
.ulda .owl-nav{opacity:0;transition:.3s}
.ulda:hover .owl-nav{opacity:1}
.ulda.owl-theme .owl-nav button span{display:none}
.ulda .owl-nav button.owl-prev,.ulda .owl-nav button.owl-next{border-radius: 50%;top: 35%;height: 70px;width: 70px;position: absolute;background-color: rgba(34, 34, 34, 0.5);}
.ulda .owl-nav button.owl-prev{left: 20px;}
.ulda .owl-nav button.owl-prev:before{content:"\f053";font-family:fontawesome;color:#fff;font-size:20px;font-weight:300}
.ulda .owl-nav button.owl-next{right: 20px;}
.ulda .owl-nav button.owl-next:before{content:"\f054";font-family:fontawesome;color:#fff;font-size:20px;font-weight:300}
.ulda.owl-theme .owl-nav [class*='owl-']:hover{background-color:rgba(255, 255, 255, 0.9);}
.ulda.owl-theme .owl-nav [class*='owl-']:hover:before{color:#000}
@media only screen
and (max-width :467px){
.dahome .container+.container{padding-bottom: 20px;}
.lida h4{font-size: 12px;padding:0;padding-top:10px;}
.ulda .owl-nav button.owl-prev, .ulda .owl-nav button.owl-next{height:30px;width:30px;top:20%}
}

/*abouthome*/
.abouthome{background:#f8fafb}
.abouthome .container{padding:50px 0}
.gtb{width: calc(100% - 520px);}
.gtb img{width:100%}
.gtt{width:490px}
.gtt h1{font-family:new;font-size:26px;color:#00adef}
.gtt p{font-size:18px;color:#4f4f4f;line-height:1.2;margin-top:18px}
@media only screen
and (max-width :768px){
.gtb{width:100%;margin-top:20px}
.gtt{width:100%}
}
@media only screen
and (max-width :467px){
.gtt h1{font-size: 21px;}
.gtt p{font-size:16px}
}

.tintuchome{}
.tintuchome .container{padding:50px 0}
.titcat{text-align:center;font-size:28px;text-transform:uppercase;font-family:new;color:#00adef;position:relative;padding-bottom:17px;margin-bottom:10px}
.titcat:before{content:"";position:absolute;background:url(/Design/tit2.png) no-repeat;width:110px;height:11px;left:0;right:0;margin:auto;bottom:0}
.imgtt{padding: 46%;}
.litt h4{font-size:16px;margin-top:10px}
.litt h4:hover{color:#00adef}
@media only screen 
and (max-width: 467px){

}

/*sphome*/
.sphome{}
.sphome .container{padding-bottom: 25px;}
.ulsp{margin-top: 15px;}
.imgsp{padding: 33%;}
.lisp .nd{}
.lisp h4{font-size:15px;font-family:newb;margin:20px 0 5px}
.lisp h4:hover{color:#00adef}
.lisp p{font-size:14px;color:#4f4f4f}
/*dppage*/
.dppage{}
.dptop2{overflow:hidden}
.info_contain{width:50%;float:right;box-sizing:border-box;padding-left:20px;}
.slider_contain {overflow: hidden;width: 50%;float:left;position:relative;}
#slider{border:1px solid #d3d3d3;height:525px;}
.slider_contain .productPhotos{background:#fff;}
#carousel{margin-top:10px;}
#carousel .slides > li{height:80px;border:1px solid #d3d3d3;cursor:pointer;}
.slider_contain .flexslider .slides > li{display:table!important;text-align:center;}.slider_contain .flexslider .slides > li > a{display:table-cell;vertical-align:middle;} .slider_contain .flexslider .slides img{width:100%;height:auto;}
.titproduct{font-size:36px;color:#00adef;text-transform:capitalize;font-family:newb;margin-bottom:15px}
.ifdp p{border-top:1px solid #c5c5c5;padding:5px 0}
.infodp{font-size:15px;padding:10px;border:1px dashed #b4b4b4;border-radius:5px;margin-top:10px}
.giadp{color:red;font-size:28px;font-family:avob}
.giadp span{color:#4f4f4f;font-family:avo;font-size:25px}
.phonedp a{display:block;text-transform:uppercase;text-align:center;background:#00adef;color:#fff;padding: 20px 0;border-radius:5px;font-family:avob;}
.cartdp a{display:block;text-transform:uppercase;text-align:center;background:red;color:#fff;padding:20px 0;border-radius:5px;}
.fbdp{margin-top:20px;overflow:hidden}
.fbdp >span{float:left}
.fbdp >span:last-child{float:right}

.ultabdp{margin:0;padding:0;position:relative;width:100%;background:#eeeeee;overflow:hidden;font-size:13px;border-radius:0 3px 0 0}
.ultabdp li{float:left;padding:12px 25px;color:#fff;box-sizing:border-box;text-transform:uppercase;;cursor:pointer;background:#b4b4b4}
.ultabdp li+li{border-left:1px solid #fff}
.ultabdp li.active,.ultabdp li:hover{color:#fff;background:#00adef;}
.ultabdp li h3{font-family:avo;font-size:18px}

.tab-over{background:#fff;position:relative;padding:20px;border:1px solid #eeeeee;border-top:0;border-radius:0 0 3px 3px}
.detailtab{min-height:300px}
.detailtab img{max-width:100%;height:auto !important;margin-bottom:8px;}
.fb-comments{display:block !important;width: 100% !important}
#tab-review iframe,.fb-comments iframe{min-width:100% !important;width: 100% !important}

.titdps{text-transform:uppercase;background:#eeeeee;border-radius:0 3px 0 0}
.titdps span{display:inline-block;padding:12px 25px;color:#fff;background:#00adef;}
.uldp{overflow:hidden;/* padding-bottom: 18px; */}
.uldp li{width:49%;float:left;margin:0;margin-bottom:40px}
.uldp li:nth-child(2n+2){float:right}
@media only screen 
and (max-width: 467px){
.info_contain,.slider_contain{width:100%;float:none;padding-left:0}
.slider_contain{margin-top:20px}
.ulsp{margin-top:0;display:block !important}
.lisp{/* padding:15px 0 */}
.titproduct{font-size:30px;}
.titproduct2{display:block}
.ultabdp li h3{font-size: 14px;}
.tab-over{padding:20px 0;border:0;}
}

.inner_page{margin:50px 0}
/*sidebar*/
.col-section{width:68%;float:left}
.col-side{width:30%;float:right;}
.boxside+.boxside{margin-top:50px}
.ultabtt{overflow:hidden;border-bottom:1px solid #b10019;padding-bottom:1px}
.ultabtt li{float:left;;color:#fff;padding-right:1px;cursor:pointer}
.ultabtt h3{font-size:15px;text-transform:uppercase;padding:12px 30px;background:#222}
.ultabtt li.active h3{background:#b10019}
.ultt1{background:#fafafa}
.litt1{padding:10px 20px;border-bottom:1px solid #f0f0f0;overflow:hidden}
.imgtt1{width:75px;height:65px;float:left;}
.litt1 .nd{float:right;width:calc(100% - 85px)}
.litt1 h4{font-size:16px;font-family:newb;height:44.8px}
.litt1:hover h4{color:#00adef}
.boxdks{background:#222;padding:20px}
.titdks{font-size:16px;text-transform:uppercase;color:#fff;font-family:newb}
.textdks{font-size:14px;color:#999;margin-top:10px}
.formdks{position:relative;margin-top:10px;overflow:hidden}
.formdks .txt{font-size:14px;padding:10px 15px;width:calc(100% - 40px);float:left;outline:0}
.formdks .btn{width:30px;height:30px;float:right;background:#b10019;border-radius:50%;color:#222;text-align:center;padding-top: 3px;margin-top:5px}
.formdks .btn:hover{background:#00adef}
.dsside a{font-size:14px;color:#999;border:1px solid #f0f0f0;padding:6px 9px;border-radius:3px}
.dsside a:hover{background:#333;border-color:#333;color:#fff}
@media only screen 
and (max-width: 467px){
.col-section,.col-side{width:100%;float:none}
.col-side,.sidebar{display:none}

}

/*aboutpage*/
.ndgtp img{max-width:100% !important;height:auto !important;width:auto !important}

.title-post{font-size:26px;margin:0;color:#000;border-bottom:1px solid #acacac;padding-bottom:10px;margin-bottom: 6px;}
.title-cat{font-size:18px;font-family:avob;text-transform:uppercase;font-weight:bold;color:#000;padding:10px 0;position:relative;overflow:hidden;}
.title-cat:after{content:"";width:100px;border-top:2px solid #000;position:absolute;bottom:0;left: 0;}
.ulbvs{margin-left:-1%;margin-right:-1%}
.ulbvs li{padding:1%}
.imgbvs{padding:40%;border-radius:7px}
.ulbvs li h4{font-family:avob;font-size:15px;margin:5px 0 10px}
.ulbvs li h4:hover{text-decoration:underline}
.tagbv{font-weight:bold}
.tagbv a{font-size:14px;display:inline-block;background-color:#f1f1f1;font-weight:normal;padding:6px 10px 5px;border-left:3px solid #00adef;position:relative;margin-left:10px;}
.tagbv a:before{content:"";position:absolute;border:5px solid transparent;width:0;left: -1px;border-left-color:#00adef;height:0px;top:0;bottom:0;margin:auto;}
.tagbv a:hover{color:#00adef;font-style:italic}
@media only screen 
and (max-width: 467px){

}

/*photo-page*/
.photodetailp{}
#gallery .container{}
.ulctha{overflow:hidden;margin-right: -15px;margin-left: -15px;box-sizing:border-box;}
.lictha{max-width:33.33333333333%;width: 100%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.imgctha{margin-bottom:30px;}
.imgctha a{display:block;position:relative;}
.imgctha a:before{background: rgba(0, 0, 0, 0.5);position:absolute;position: absolute;top: 0;left: 0;bottom: 5px;right: 0;transition: all 300ms linear 0s;border-radius:10px;}
.imgctha a:after{content:"\f00e";font-size:20px;opacity:0;color:#fff;background:#ffffff42;width: 50px;height: 50px;box-sizing:border-box;padding: 12px;border:1px solid;display:inline-block;font-family:fontawesome;position:absolute;left: 0;right: 0;margin:auto;text-align:center;top:calc(40% - 20px);transition: all 300ms linear 0s;}
.imgctha:hover a:before{content:"";}
.imgctha:hover a:after{opacity:1;top:40%}
.imgctha img{width:100%;height:auto;border-radius:10px;}
@media only screen 
and (max-width: 467px){
.ulctha{margin-right:-5px;margin-left:-5px}
.lictha{max-width:50%;padding-left:5px;padding-right:5px}
}