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

#ShowMenu{display:none;}
header{}
.midhead{background:#fff}
.midhead .container{display:flex;align-items: center;justify-content: space-between;padding:25px 0;}
.logo{height: 80px;}
.logo img{height:100%}
.phoneh{position:relative}
.phoneh div{display:inline-block;color:#707079;font-size:13px;margin-left:15px}
.phoneh strong{display:block;color:#000;font-weight:normal;font-size:16px}
.phoneh i{width:38px;height:38px;border:1px solid #13c7ee3d;color:#13C7EE;text-align:center;line-height:38px;font-size:20px;float:left}
.searchbox{position:relative;font-size:14px;display:flex;width:50%}
.txttk{width:100%;height:38px;box-sizing:border-box;padding: 0 17px;color:#000;outline:0;border:1px solid #ebebeb;border-right:0}
.txttk::-webkit-input-placeholder{font-size:}
.btntk{display:flex;width:40px;border:1px solid #ebebeb;border-radius:0;color:#13C7EE;}
.btntk i{margin:auto;font-weight:900;}
.btntk:hover{color:#fff;background:#13C7EE}

.nav_main{background:#13C7EE;color:#fff}
.menu_main{display:flex}
.mnlisp{display:none}
.mnlic1{font-size:15px;flex:1;flex-basis: auto;}
.openmn{display:none}
.mnliac1{display:block;position:relative;padding:15px 0;text-align:center;text-transform:uppercase;}
.mnlic1:first-child .mnliac1{background:#0a9cbc}
.mnlic1:hover .mnliac1{background:#0a9cbc}
.menusub{position:absolute;display: none;z-index:2;box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);background:#fff;padding:10px 0;}
.menusub li{position:relative;min-width:250px;transition:.3s;color:#000;/* padding:10px ; */border-bottom: 1px solid #ececec;}
.menusub li a{display:block;padding:3px 10px}
.menusub li:hover a{color:#0a9cbc}
.mnsubal{width: 800px;}
.mnsubal li{width:20%;float: left;min-width: auto;font-size: 12px;}

.midhead.fix-menu{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);;border-bottom:1px solid #e0e0e0}
.midhead.fix-menu .container{height:50.8px}
.midhead.fix-menu .logo{height:45px;margin-top:3px}
.midhead.fix-menu .mnliac1{padding: 15px 34px;}
@media only screen and (max-width: 1023px){
    #ShowMenu{display:flex;color:#13C7EE;font-size:20px;z-index:998;align-items:center;width:35px;height:35px;border:1px solid #13C7EE;}
    #ShowMenu i{margin:auto;font-weight:500;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:"";}
    .midhead .container{padding:10px 0}
    .searchbox,.phoneh{display:none}

    .nav_main {position:fixed;z-index:999;overflow:scroll;top:0;background:#13C7EE;height:100%;display:none;left:0;float:none;margin:0;width:250px;display:none}
    .nav_main .container{width:100%}
    .menu_main{display:flow-root}
    .mnlic1:first-child .mnliac1{background:transparent}
    .mnlic1+li .mnliac1:before{display:none}
    .mnlisp{display:block}
    .mnlic1{float:none;position:relative;border-bottom:1px solid #ffffff2e}
    .mnlic1+li{margin:0}
    .mnliac1{padding:15px 4%;width:calc(100% - 42.4px);color:#fff !important}
    .mnliac1 span{display:inline-block;padding:0}
    .mnlic1:hover .mnliac1 span{background:none}
    .mnliac1 span:before{display:none}
    .openmn{display:block;font-style: normal;position:absolute;right:2%;top:0;height: 50.8px;width:42.4px;display:flex;color:#fff}
    .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;width: 100%;}
    .menusub li{/* color:#3f3f3f; *//* width: 100%; */}
    .mnsubal li{width: 33.3333333%;font-size: 10px;border-top: none !important;padding: 3px;}
    
    .menusub li+li{border-top:1px solid #eee;}
    .menusub li a{padding: 8px 0;padding-left:6%;}
    .mnsubal li a{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;padding: 0;}
}
@media only screen
and (max-width :467px){
    .logo{height:60px}
}

/*footer*/
footer {color:#fff;background:#1a1c20 url(/Design/subtle_grunge.png) top}
.midfoot .container{padding: 40px 0 50px;}
.tenctyf{color:#13C7EE;overflow:hidden;display:inline-block}
.iff{margin-top:13px;}
.mxhf{overflow:hidden;;margin-top:17px}
.mxhf a{height:26px;width:26px;background:#fff;color:#444;display:flex;float:left;border-radius:4px;font-size:13px}
.mxhf a+a{margin-left:8px}
.mxhf a:hover{background:#13C7EE;color:#fff}
.mxhf i{margin:auto;padding:1px}
.titf{text-transform:uppercase;position:relative;padding-bottom:10px;margin-top: 12px;font-size: 22px;}
.mnf ul{margin-top:13px;font-size:15px}
.mnf ul li{width:50%;float:left}
.mnf ul a:hover{color:#13C7EE}
.mapf{height:100%}
.foot{border-top:1px solid #ffffff1f;padding:18px 0;font-size:15px}
@media only screen
and (max-width :1023px){

}
@media only screen
and (max-width :467px){
.midfoot .container{padding:25px 0}
.midfoot .left,.midfoot .right{float:none;margin-left:0}
.tenctyf span,.tenctyf strong{font-size:18px;height: 42px;}
.foot{text-align:center;}
.foot .left,.foot .right{float:none;font-size:14px}
}

.default{background:url(/Design/contact-bg.png) center bottom no-repeat;background-size:100% auto}
.tithome{text-align:center;font-size:30px;font-family:rob;color:#000;text-transform:uppercase;letter-spacing: -1px;word-spacing: 1px;margin-bottom:30px}
.tithome:after{content:"\f083";font-family:fontawesome;font-weight:900;color:#13c7ee;margin-left:10px;display:none;}
.titnews{font-family:rob;font-size:18px;color:#13C7EE;position:relative;padding-bottom:10px;margin-bottom:5px}
.titnews:before{content:"";position:absolute;bottom:0;width:62px;border-bottom:3px solid #13C7EE}
.hggtp{text-align:center;color:#000}
.hggtp h1{margin-bottom:.5rem}
@media only screen 
and (max-width: 467px){
    .tithome{font-size: 22px;}
}

/*gthome*/
.gthome{}
.gthome .row{flex-direction: row-reverse;align-items: center;}
.gthome .item{width:96%;max-width: 575px;}
.gthome .item .nd{color:#1f1f1f;}
.gthome .item hgroup{position:relative;padding-bottom:5px;margin-bottom:20px}
.gthome .item h1{font-size: 26px;font-family: auto;font-weight: normal;color:#13C7EE;font-weight:bold;}
.gthome .item h2{font-size: 22px;font-family: auto;}
.gthome .item hgroup:before{content:"";position:absolute;border-bottom: 1px solid;width: 50px;bottom:0}
.gthome .link a{font-size:15px;text-transform:uppercase;color:#777;margin-top: 30px;display:inline-block;letter-spacing: 2px;transition:.3s}
.gthome .link a:hover{color:#000;letter-spacing: 4px;}
.imggt img{width:100%}
@media only screen 
and (max-width: 467px){
    .gthome .item{margin:25px auto}
    .gthome .item h3{padding-bottom:40px}
    .gthome .link a{margin-top:20px}
}

/*dghome*/
.dghome{padding:50px 0}
.uldg .item{text-align: center;}
.imgava{width:150px;height:150px;border-radius:50%;margin:auto}
.uldg .nd{max-width:500px;margin:10px auto 40px;color:#85868c;min-height:89.6px}
.uldg .ten{font-family:rob;font-size:25px;color:#000}

/*lhhome*/
.lhhome{position:relative}
.lhhome:before{content:"";position:absolute;background:url(/Design/bg-img-1.png) no-repeat;background-size:100px auto;width:100px;height:91px;right:100px;top:45px}
.lhhome:after{content:"";position:absolute;background:url(/Design/bg-img-2.png) no-repeat;background-size:50px auto;width:50px;height:88px;left:0;top:75px}
.lhhome .container{max-width:750px;padding:50px 0 210px}
.formlh .form-group{margin-top:30px}
.formlh .txt{width:100%;border:none;border-bottom:1px solid #000;color:#000;outline:0}
.formlh .txt::placeholder{color:#000}
.formlh .txtM{margin-top:30px}
.formlh .btn{background:#13C7EE;color:#fff;padding:12px 50px;border-radius:0;margin-top:20px}
.formlh .btn:hover{background:#0a9cbc}
@media only screen 
and (max-width: 467px){
    .lhhome:before,.lhhome:after{display:none}
    .formlh .form-group{margin-top:0}
}

/*bvpage*/
.imgtt{padding: 33%;}
.litt1 h4{font-size:18px;font-family:rob;margin-top:10px}
.litt1 .info{padding:5px 0}

/*sphome*/
.sphome{padding:50px 0}
.imgsp{padding: 45%;}
.lisp .nd{padding:14px 15px;background:#fff}
.lisp h3{font-size:18px;font-family:rob;color:#000}
.lisp h3:hover{color:#13C7EE}
@media only screen 
and (max-width: 467px){

}

/*sppage*/
.ulpp{overflow:hidden;margin-left:-15px;margin-right:-15px}
.ulpp li{float:left;width:25%;padding:15px}
@media only screen 
and (max-width: 980px){
.ulpp li{width:33.33333333333%}
}
@media only screen 
and (max-width: 750px){
.ulpp li{width:50%}
}
@media only screen 
and (max-width: 467px){
.ulpp li{width:100%}
}

/*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;}
.flex-viewport{height:100%;}.slider_contain .productPhotos{background:#fff;height:100%;}
#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;height:100%;}
.slider_contain .flexslider .slides > li > a{/* display:table-cell; */vertical-align:middle;height:100%;} 
.slider_contain .flexslider .slides img{width: auto;height:100%;max-width: 100%;max-height: 100%;}
.titproduct{font-size:36px;color:#13C7EE;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}
.hangdp{font-size:25px;color:#565656;}
.phonedp a{display:block;text-transform:uppercase;text-align:center;background:#13C7EE;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:#13C7EE;}
.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: 1234px;}
.detailtab img{max-width:100%;height:auto !important;margin: auto;margin-bottom:8px;display: block;}
.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:#13C7EE;}
.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;}
.detailtab{min-height:unset}
}


/*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}
}

/*khac*/
.owldot .owl-dots{text-align:center}
.owldot .owl-dots button{outline:0}
.owldot .owl-dots span{display: block;width: 11px;height: 11px;margin: 10px;border-radius: 50%;background:#3f3f3f;opacity:.5}
.owldot .owl-dots button.active span,.owldot .owl-dots button:hover span{opacity:1}
.owl-hover.owl-carousel .owl-nav button{border-radius:0;top:0;margin:0;height:100%;position: absolute;border:none;outline:none;}
.owl-hover .owl-nav button span{display:none}
.owl-hover .owl-nav button.owl-prev{left: 0;}
.owl-hover .owl-nav button.owl-next{right:0;}
.owl-hover.owl-carousel .owl-nav button:before{color:#000;font-size:22px;font-weight:500}
.owl-hover .owl-prev:before{content:"\f104";font-family:fontawesome;}
.owl-hover .owl-next:before{content:"\f105";font-family:fontawesome;}
.owl-hover.owl-carousel .owl-nav button:hover:before{}

.content-wrapper{}
.content-wrapper .container{box-shadow: 6px 0 8px -4px #bababa, -6px 0 8px -4px #bababa;padding:25px 10px;}
.inner_page{margin:50px 0}
/*sidebar*/
.col-section{width:68%;float:left}
.col-side{width:30%;float:right;}
.boxside+.boxside{margin-top:25px}
.titside{border-bottom:1px solid #13C7EE}
.titside span{font-size:18px;text-transform:uppercase;background:#13C7EE;color:#fff;padding:10px 15px;display:inline-block}
.ulside{background:#fff;padding:10px 20px}
.ulside li{overflow:hidden}
.ulside li+li{margin-top:10px}
.imgside{width:75px;height:65px}
.ulside li .nd{width:calc(100% - 85px);}
.ulside li .nd h4{font-size:16px;font-family:rob;margin-top:5px}
.ulside li .nd h4:hover{color:#13C7EE}
.ulside li .nd p{font-size:14px;color:#979797}
.ulspside .imgz{padding:45%}
.ulspside li .nd{width:100%;text-align:center}
@media only screen 
and (max-width: 768px){
.col_side{display:none}
.content-wrapper .container{box-shadow:none;padding:0;padding-bottom:10px}
}
@media only screen 
and (max-width: 467px){
.inner_page{margin:20px 0}
.col-section,.col-side{width:100%;float:none}
.col-side{display:none}
.dppage .col-side{display:block;margin-top:30px}
.dppage .col-side .boxside+.boxside{display:none}
}

.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:50px;border-top:3px solid #c00000;position:absolute;bottom:0;left: 0;}
.ulbvs{margin-left:-1%;margin-right:-1%}
.ulbvs li{padding:1%}
.imgbvs{padding:40%}
.ulbvs li h4{font-family:rob;font-size:15px;margin-top:5px}
.ulbvs li h4:hover{color:#c00000}
.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 #13C7EE;position:relative;margin-left:10px;}
.tagbv a:before{content:"";position:absolute;border:5px solid transparent;width:0;left: -1px;border-left-color:#13C7EE;height:0px;top:0;bottom:0;margin:auto;}
.tagbv a:hover{color:#13C7EE;font-style:italic}
@media only screen 
and (max-width: 467px){
#slider{height:300px;}
}