/* ========================================================
   Decox Design - Global Layout Stylesheet (stylemain.css)
   Applied across ALL pages: Fonts, Reset, Header, Menus,
   Totalsocial, Floating Actions, Footer, Popups, Fancybox
   ======================================================== */

/* --- 1. Fonts & Reset --- */
.container:before, .container:after{display: table; content: " ";}
*, *:before, *:after{box-sizing: border-box; outline: none !important;}
*, ::after, ::before {box-sizing: border-box;}
@charset "utf-8";
@font-face {font-family: PoppinsVN; font-weight: 400; src: url("../skins/pop-up/PoppinsVN-400.woff2") format("woff2"); font-display: swap;}
@font-face {font-family: PoppinsVN; font-weight: 500; src: url("../skins/pop-up/PoppinsVN-500.woff2") format("woff2"); font-display: swap;}
@font-face {font-family: PoppinsVN; font-weight: 600; src: url("../skins/pop-up/PoppinsVN-600.woff2") format("woff2"); font-display: swap;}
@font-face {font-family: PoppinsVN; font-weight: 700; src: url("../skins/pop-up/PoppinsVN-700.woff2") format("woff2"); font-display: swap;}
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sup, sub, tt, var, u, i, center, ul, ol, li, dl, dt, dd, tfoot, caption, form, fieldset, legend, input, button, textarea, select, label, applet, object, audio, video, canvas, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{font-family: inherit;font-size: 100%; font-weight: inherit; font-style: inherit; line-height: inherit; vertical-align: baseline; border: 0; outline: 0; padding: 0; margin: 0;}
body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif; background:#fff; font-size:14px; color:#484338; min-height:700px;} 
html {-webkit-text-size-adjust: none; height: 100%} 
.container{width:98%;max-width:1360px;margin:0 auto; position:relative}
a{ text-decoration:none; color: #333} a:hover{ color:#5e5e5e} .fl{float:left} .fr{float:right}
em{font-style:italic;} .pointer{cursor: pointer}
.clear{ clear:both} .clear10{ clear:both; height:10px} .clear20{ clear:both; height:20px} p{ margin:0; padding:0} li,ul,nav{ list-style:none} .pad10{ padding:10px}
.mt10{ margin-top:10px} .hide{display:none} .hideim{display: none !important} .blue{color:#aa0f15}
.row-sp{margin-right: -10px; margin-left: -10px; overflow:hidden}
.row{margin-right: -15px; margin-left: -15px; overflow:hidden}
.center{text-align: center;} .relative{position: relative;}
.price{color:#e60f1e} .textbold{font-weight:bold}
.discount{position:absolute; top:8px; right:11px; background:#da1600; color:#fff; padding:3px 6px; border-radius:5px; z-index: 999; display: none;}
img{max-width: 100%}
h1.in{font-size: 22px; font-weight: bold; color:#264c5d; text-transform: none; margin:10px 0 10px;}
nav.subnav{background: #fff; position: absolute; top: 55px; left: 0; right: 0; padding:5px; z-index: 9999999; height: calc(100vh - 45px); max-height: 100vh;overflow-y: auto;-webkit-overflow-scrolling: touch; display: none;}
nav.subnav.menukts{top:60px;}
.fleft{float:left} .fright{float:right} .upper{text-transform:uppercase}
.owl-carousel,.owl-carousel .owl-item{position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%;height:auto;}
.owl-carousel .owl-dots.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
#slide_div .owl-nav,.listdesign .owl-nav,.listdesign_child .owl-nav,#new_div .owl-nav,.listvideo .owl-nav,.listtiktok .owl-nav{position:absolute;top:38%;height:0;width:100%}
.listtiktok .owl-next,.listtiktok .owl-prev,.listdesign .owl-next,.listdesign .owl-prev,.listdesign_child .owl-next,.listdesign_child .owl-prev,#slide_div .owl-next,#slide_div .owl-prev,#new_div .owl-next,#new_div .owl-prev,.listvideo .owl-prev,.listvideo .owl-next{position:absolute;padding:0;margin:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:rgba(0,0,0,.3);width:48px;height:48px;text-align:center;color:#333;line-height:0}
#slide_div .owl-next,#slide_div .owl-prev,.listtiktok .owl-next,.listtiktok .owl-prev,.listdesign .owl-next,.listdesign .owl-prev,.listdesign_child .owl-next,.listdesign_child .owl-prev,.listvideo .owl-next,.listvideo .owl-prev{background:rgba(255,255,255,.5) !important;font-size:38px !important}
#slide_div .owl-next:hover,#slide_div .owl-prev:hover,.listtiktok .owl-next:hover,.listtiktok .owl-prev:hover,.listdesign .owl-next:hover,.listdesign .owl-prev:hover,.listdesign_child .owl-next:hover,.listdesign_child .owl-prev:hover{background:rgba(0,0,0,.7) !important; color:#fff;}
#slide_div .owl-prev,.listdesign .owl-prev,.listtiktok .owl-prev{left:10px}
#slide_div .owl-next,.listdesign .owl-next,.listtiktok .owl-next{right:10px}
br.line{display:block; margin:20px auto; border-top:1px solid #ccc;content:""; width:86%;}

/* --- 1.1 Breadcrumb Navigation (Global) --- */
.breadandfilter{position:relative;margin:10px 0 5px;overflow:hidden;}
ul.breadcrumb{float:left;margin:0;padding:6px 0 0;position:relative;z-index:9;list-style:none;}
.breadcrumb li{float:left;font-size:14px;font-weight:400;}
.breadcrumb li:first-child a{padding-left:0;}
.breadcrumb li a{float:left;font-size:14px;padding:5px 6px 10px;color:#264c5d;text-decoration:none;}
.breadcrumb li a:hover{color:#aa0f15;}
.breadcrumb span.rowbr{float:left;padding:5px 4px 10px;color:#888;}

/* --- 2. Header & Menus --- */
/* Header */
.top-l{float:left;width:46%;height:55px ;margin-top: 4px; border-radius: 0 0 5px 5px; padding: 7px 0 0;background: rgb(38,76,93); background: linear-gradient(67deg, rgba(38,76,93,1) 0%, rgba(1,1,18,1) 42%, rgba(38,76,93,1) 54%, rgba(38,76,93,1) 81%, rgba(1,6,9,1) 100%);}

.header{position:relative; padding:0px 0; z-index: 999;} 
.header::after{content:' '; display:block; clear:both}
.header .logo{float: left; width: 36%; margin-top: 6px; text-align:center;} .header .logo img.logomb{display:none;}
.header .brandbut{float: left; width: 14%; margin: 0px 1% 0 1%; text-align:center;position:relative; display:none}
.header .brandbut a#brandtop{padding: 10px 0; color:#fff; display: block; font-size: 15px; position: relative; font-weight:bold;}
.header .brandbut a#brandtop:after{content:'';background:url(https://decoxdesign.com/images/down-white.svg) no-repeat; background-size:10px; position:absolute; right:-10px; bottom:13px; width:10px; height:9px;}
.header .search{float: right; width: 43%; position: relative; margin: 0px 1% 0 0;}
.header .search input{padding: 5px 10px; border-radius: 5px; border: .5px solid #a8a8a8; line-height: 30px;width: 100%; position: relative;}
.header .search button{background: url(https://decoxdesign.com/images/search-black.svg) no-repeat center; background-size: 23px; position: absolute; width: 38px; height: 37px; right: 2px; top: 2px; border-radius: 5px; cursor: pointer;}
.header .search button:hover{background: #0a2b3a url(https://decoxdesign.com/images/search-white.svg) no-repeat center; background-size: 23px;}
.header .category{float: right; width: 53%; background:none; border-radius: 5px; margin-top: 2px;}
.header .category::after{content:' '; display:block; clear:both}
.header .category .category-inner{
    display: flex;
    align-items: center;
    gap: 12px;
}

.header .category ul.linemenu{
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.header .category ul.linemenu li{
    flex: 1;
    width: auto;
    display: block;
    text-align: center;
    padding: 2px 0px;
    line-height: 18px;
    vertical-align: top;
}

.header .category ul.linemenu li:nth-child(6),
.header .category ul.linemenu li:nth-child(7),
.header .category ul.linemenu li:nth-child(10),
.header .category ul.linemenu li:nth-child(11){
    width: auto;
}

.header .category ul.linemenu li:hover{
    background: #eee;
}

.header .category ul.linemenu li a{
    display: block;
}

.header .category ul.linemenu li img{
    height: 34px;
    margin: 5px 0 0;
}

.header .category ul.linemenu li p{
    text-transform: uppercase;
    font-size: 8px;
    font-weight: bold;
    color: #264c5d;
}

.header .category .btn-header-consult{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    height: 40px;
    padding: 0 8px;
    border-radius: 9px;
    background: #ecd4a8;
    color: #003f55;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
}

.header .category .btn-header-consult:hover{
    background: #e4c88f;
    color: #003f55;
    text-decoration: none;
}



#menumb_div{padding-left:4px;}
#menumb_div a{color: #333; text-align: center; font-size: 11px;padding: 2px 0px; line-height: 18px; display: block;}
#menumb_div a img{height: 34px; margin: 0; width:auto; display:inline-block}
#menumb_div a p{text-transform: uppercase; font-size: 8px; font-weight: bold; color: #264c5d}
#menumb_div a.mb{height: 65px; white-space: pre-wrap;  display: flex; align-items: center; justify-content: center; font-weight: bold; border-left: 1px solid #fff;}
#menumb_div a.mb p{font-weight: bold; font-size: 10px}
#menumb_div .owl-nav{display: none;}

.menutop{margin-top: 5px;}
.menutop::after{content:' '; display:block; clear:both}
.menutop li{float:left;position:relative}
.menutop li a{display: block; padding: 10px 8px; font-weight: bold;font-size:13px; text-transform: capitalize; position: relative; color: #264c5d; border-right: 1px solid #264c5d;}
/*.menutop li.active{background: #264c5d; color: #fff; border-radius: 5px 5px 0 0}
.menutop li.active a{color: #fff; border-right: 0;}*/

.menutop li.icondown,.menutop li.right-white{padding-right: 0px;}
.menutop li.icondown a,.menutop li.right-white a{padding-right: 25px;}
.menutop li.icondown:after,.menutop li.right-white:after{content:""; position: absolute;background: url(https://decoxdesign.com/images/down-white.svg) no-repeat right; background-size: 8px; right: 8px; top: 16px; height: 8px; width: 8px}
.menutop li.right-white:after{background: url(https://decoxdesign.com/images/right-white.svg) no-repeat right; background-size: 8px;;}

.menutop li.black img{height: 8px; padding-left:5px}

.menutop ul ul,.menutop ul ul>li:hover{background:#264c5d}

.menutop ul ul{display:none;position:absolute;top:100%;left:0;border-radius:0 0 5px 5px;z-index:9999;padding:5px 0px 5px; border:0px solid #0a2b3a;}
.menutop ul li:hover>ul{display:block}
.menutop ul ul li:hover>ul{display:block}
.menutop ul ul li{text-align:left; float: none; min-width: 250px; border-bottom: 0px solid #fff;white-space: nowrap;} .menutop ul ul li:last-child{border-bottom: 0;}
.menutop ul ul li a{color:#fff;padding:8px 12px;font-weight:400;font-size:14px; text-transform: none; font-weight: bold;}
.menutop ul ul li:hover>a{color:orange}

.menutop ul li.active ul ul{min-width: 860px; border: 0; padding: 10px; top:-5px; left:100%;}
.menutop ul li.active ul ul li{width:33.33%;height:auto;float:left;text-align:left;border:0; height: 38px}
.menutop ul li.active ul ul li span{background: #f4af3e; color: #11374c; padding: 3px 5px; margin-right: 5px; border-radius: 3px; font-size: 12px; text-transform: uppercase;}

.menudes{float:left; margin: 0 1%; text-align:center; width:14%; position:relative; padding:10px 0 0; height:55px}
.menudes a{color:#fff; font-size:16px;}
.menudes img{vertical-align:text-top; padding-left: 5px;}
.menudes ul{border: 1px solid #ccc; border-radius: 10px; position: absolute; top: 55px; right: -10px; background: #fff; width: 303px; display: none; padding: 5px 0;}
.menudes ul li{position: relative; text-align: left; margin: 2px 0; width: 102%;}
.menudes ul li.right-ar:after{background: url(https://decoxdesign.com/images/right-arrow.png) no-repeat right; background-size: 8px; content:""; position: absolute; right: 20px; top: 11px; height: 8px; width: 8px}
.menudes ul li a{color: #264c5d; padding: 6px 10px; display: block; font-size: 14px; border-radius: 10px; margin: 0 5px; font-weight: 500; margin-right: 10px; cursor:pointer}
.menudes ul li:hover > a{background:#eee}

.menudes ul ul{top: -8px; left: 100%; right: auto; border-top: 1px solid #ccc;}
.menudes ul ul.chiat{width:400px}
/*.menudes ul ul.chiat li{float:left; width: 49%; margin-right:1%}*/
.menudes:hover>ul,.menudes ul li:hover>ul,.menudes ul ul li:hover>ul{display:block}
@media screen and (max-width: 840px) {
.menudes{display:none}
.menuhot{display:flex;}
}

.menuhot {
    display: none;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 8px 10px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    box-sizing: border-box;
    clear: both;
}
.menuhot::-webkit-scrollbar {
    display: none;
}
.menuhot a {
    flex: 0 0 auto;
    padding: 7px 14px;
    border: 1px solid #264c5d;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #264c5d;
    background: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.menuhot a:hover {
    background: #264c5d;
    color: #fff;
}
.menuhot a span, .menuhot a p {
    margin: 0;
    line-height: 1.2;
    color: inherit;
    font-size: inherit;
}

.service{margin:0 -5px 15px}
.service::after{content:' '; display:block; clear:both}
.service li{float: left; width: 33.333%; padding: 0 5px; padding-top: 10px}
.service li .grid{height: 245px; overflow: hidden; position: relative; border-radius: 5px; border:1px solid #e9ecef; background: #fff; box-shadow: 0px 0px 3px 1px rgba(0,0,0,.16); padding: 5px 10px}
.service li p{color: #264c5d; font-weight: bold; font-size: 24px; line-height: 30px; margin-bottom: 10px}
.service li span{line-height: 24px;}
.service li a.send{background: #fff; border-radius: 5px; text-align: center; color: #264c5d; border: 1px solid #264c5d; text-transform: uppercase; margin: auto; position: absolute; bottom: 10px; left: 0; right: 0; width: 161px; height: 39px; line-height: 37px; font-weight: bold;}
.service li a.send:hover{background:#264c5d; color:#fff}

.service li:nth-child(1) img{width: 100%; height: 100%; border-radius:5px;}
.service li:nth-child(1) .grid{padding: 0}

.titlehome{padding: 20px 0; font-size: 18px; font-weight: 700; text-transform: none; color: #264c5d; text-align: center; position: relative; margin-top: 25px; font-family: "PoppinsVN", sans-serif;}
.titlehome a{display: inline-block; background: #fff; z-index: 100; color: #264c5d; font-size: 24px; padding: 0px 30px 0; text-transform:uppercase}
.titlehome:after{content: ''; width: 70%; border: 1px solid #264c5d; top: 46%; left: 0; position: absolute; z-index: -1; height: 1px; box-sizing: border-box; right: 0; margin: auto}


.listdesign_child{margin:0 -5px 10px}
.listdesign_child::after{content:' ';display:block;clear:both}
.listdesign_child li{width:33.333%;float:left;margin:10px 0 10px}
.listdesign_child.home li{width: 100%}
.listdesign_child li .pad{padding:5px;margin:5px;}
.listdesign_child li .images{height: 260px; overflow: hidden;}
.listdesign_child li .images img{width: auto; height: 100%;border-radius:5px;}
.listdesign_child li .info{padding: 10px 0; height: 105px}
.listdesign_child li h3,.listdesign_child li .name{text-transform: none; color: #264c5d; font-weight: bold; font-size: 18px; line-height: 24px; margin-bottom: 15px;}
.listdesign_child li h3 a,.listdesign_child li .name a{color: #264c5d}
.listdesign_child li p a{font-size: 15px; color: #888; text-transform: none; font-weight: 400;}

.listdesign{margin:0 auto 10px}
.listdesign::after{content:' ';display:block;clear:both}
.listdesign li{width:33.333%;float:left;margin:0px 0 0px}
.listdesign.home li{width: 100%}
.listdesign li .pad{padding:5px;margin:5px;}
.listdesign li .images{height: 270px; overflow: hidden; border-radius:4px;}
.listdesign.home li .images,.listdesign_child li .images{height:222px}
.listdesign.home li .pad{padding:5px 0; margin: 5px 0}
.listdesign li .images img{width: 100%; height: 100%; max-width:none; border-radius:4px;}
.listdesign li .info{padding: 10px 0; height: 105px}
.listdesign li p,.listdesign.listdesign_detail li h3 a{text-transform: none; color: #264c5d; font-weight: bold; font-size: 18px; line-height: 24px; margin-bottom: 15px;}
.listdesign li p a{color: #264c5d}
.listdesign li h3 a,.listdesign li h2 a,.listdesign li span a,.listdesign.listdesign_detail li p a{font-size: 15px; color: #888; text-transform: none; font-weight: 400;}

.listdesign.home li .images{height:300px;} .listdesign.home li .images img{max-height:300px;}

/* --- 3. Popups & Overlays --- */
.popupfast,.popupthanks{position: fixed; left: 0; top: 0; display: none; z-index:99999999999; transition: all 0.3s ease-in-out 0s; background: rgba(0,0,0,.7); height:100%; width:100%;}
.popupfast .mau-content,.popupthanks .mau-content{height: auto; position:relative; min-height: 100px; width: 400px; margin: auto; padding: 15px 20px 15px; -webkit-animation-name: animatetop; -webkit-animation-duration: .4s; animation-name: animatetop; animation-duration: .4s;background: #fff; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); overflow: hidden; border-radius:6px}
.popupfast .mau-content .closed,.popupthanks .mau-content .closed{position: absolute; right: 2px; top: 2px; background: #000; color: #fff; width: 30px; height: 30px; line-height: 27px; text-align: center; border-radius: 100%; font-size: 16px; cursor: pointer;}
.popupfast .mau-content .tit{font-size: 15px; color: #264c5d; text-align: center; font-weight: bold; margin-bottom: 20px; text-transform:uppercase;}
.popupfast .mau-content .line{border-radius:5px; border: 1px solid #ccc; padding:10px 20px; margin-bottom:10px;}
.popupfast .mau-content label{margin-top: 5px; color: #264c5d; font-size: 14px; font-weight:bold; display:block; text-align:left;}
.popupfast .mau-content input{background: #fff; box-sizing: border-box; padding: 8px 0; color: #264c5d; border-bottom:1px solid #ccc; display:block;  text-align:left; width:100%;}
.popupfast .mau-content input[type="submit"]{display: inline-block; width: 150px; text-align: center; color: #fff; background: #264c5d; padding: 10px; font-weight: normal; margin: 5px 0 0px; float: none; cursor: pointer;-webkit-appearance: none; border-radius:5px; text-transform:uppercase;}

.popupthanks{display:none;}
.popupthanks .mau-content{text-align:center}
.popupthanks img{margin:20px 0;}
.popupthanks p{font-weight:bold; font-size:28px; margin: 20px 0;}
.popupthanks span{display:inline-block; font-size: 16px; color: #666; margin-bottom: 20px;}
.popupthanks a{background:#264c5d; color:#fff; padding:12px 20px; display:inline-block; font-size:16px; margin-bottom:10px; width:135px; border-radius:4px;cursor:pointer;}


.formregis{margin:20px auto; max-width:65%;}
.formregis .tit{background: rgb(38,76,93); background: linear-gradient(67deg, rgba(38,76,93,1) 0%, rgba(1,1,18,1) 42%, rgba(38,76,93,1) 54%, rgba(38,76,93,1) 81%, rgba(1,6,9,1) 100%); color: #fff; text-transform: uppercase; text-align: center; font-size: 16px; line-height: 44px;border-radius: 10px 10px 0 0}
.formregis .pad{padding: 20px 40px; border: 2px solid #264c5d; border-top:0; border-radius: 0 0 10px 10px;}
.formregis .row{margin-bottom: 20px; overflow:hidden;}
.formregis label{width: 18%; float: left; color:#264c5d; margin-top:5px;}
.formregis input[type="text"]{width: 80%; float: right; border:0; border-bottom: 1px solid #264c5d}
.formregis input[type="submit"]{display: inline-block; min-width: 150px; margin: 0px 0; border: 1px solid #264c5d; border-radius: 5px; padding: 8px; text-align: center; color: #fff; cursor: pointer; background: #264c5d;}

.formtuvan{margin:20px auto;  max-width:65%;}
.formtuvan .tit{text-transform: uppercase; text-align: center; font-size: 16px; line-height: 44px; color:#264c5d; font-weight:600}
.formtuvan .pad{}
.formtuvan .row{margin-bottom: 15px; overflow:hidden;}
.formtuvan .rownote{font-size:14px}
.formtuvan .rownote p{margin:10px 0}
.formtuvan .rownote input{margin-right:10px; width:22px; height:22px;vertical-align:middle;}
.formtuvan input[type="text"],.formtuvan input[type="phone"],.formtuvan input[type="email"],.formtuvan textarea{width: 100%; border: 1px solid #ccc; line-height: 36px; border-radius: 4px; padding: 0 10px; font-size:14px; color:#6b6868}
.formtuvan input[type="submit"]{display: inline-block; min-width: 150px; margin: 0px 0; border: 1px solid #264c5d; border-radius: 5px; padding: 8px; text-align: center; color: #fff; cursor: pointer; background: #264c5d;}

.hotline-mb{display:none; position:fixed; bottom:50px; left:10px; z-index:99999;}
.hotline-mb li{display:block; width:100px; text-align:center; margin-bottom:5px; background:rgb(219,166,90); background: linear-gradient(67deg, rgba(219,166,90,1) 0%, rgba(255,255,255,1) 54%, rgba(219,166,90,1) 100%); line-height: 36px; border-radius: 4px;}
.hotline-mb li a{color:#264c5d;}

@media screen and (max-width: 1440px) {
.listdesign.home li .images{height:245px;}
}
@media screen and (max-width: 840px) {
.grid-layout .item{width: 31.5%}
.header .brandbut{display:none;}
.listsp li{width:25%;}
}
@media screen and (max-width: 640px) {
.grid-layout .item{width: 48%; margin-bottom:15px;}
.grid-layout .item p{font-size:13px;line-height:19px;height:62px;}
.brand-mobi{display:block;}
.ulbrand{top:30px; left:2px;}
.listsp li{width:33.333%;}
.popupfast .mau-content,.popupthanks .mau-content{width: 85%}
.formregis{max-width:98%;}
.formregis label{width:30%; font-size:14px;}
.formregis input[type="text"]{width:65%;}
.title_new{margin-top:20px}
center iframe{width:100%!important;height:auto!important}
}
@media screen and (max-width: 480px) {
#tut_detail{overflow:hidden;} .owl-nav{display:none}
.divdetail img{height: auto; max-width: 106%; margin-left: -10px;}
.divdetail figure{width: 116%; margin-left: -10px; font-size:14px;}
.divdetail figcaption{width:90%; margin-top:-5px; line-height:23px;}
}
@media screen and (max-width: 376px) {
.grid-layout .item{width: 46%; margin:0 2% 15px}
}
@media screen and (max-width: 320px) {
.grid-layout .item{width: 96%}
}
#loading-ico{display: none; position: fixed; z-index:9999999999; top: 0; left: 0; height: 100%; width:100%; background: rgba( 255, 255, 255, .8 ) url('https://decoxdesign.com/images/loading-ico.gif') 50% 50% no-repeat}

.popuproom,.popupemail{position: fixed; left: 0; top: 0; display: none; z-index:999999999999; transition: all 0.3s ease-in-out 0s; background: rgba(0,0,0,.7); height:100%; width:100%; align-items: center;justify-content: center;}
.popuproom .mau-content,.popupemail .mau-content{height: auto; position:relative; min-height: 100px; z-index:999999999999; width: 400px; margin: auto; -webkit-animation-name: animatetop; -webkit-animation-duration: .4s; animation-name: animatetop; animation-duration: .4s;background: #fff; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); overflow: hidden; border-radius:15px}
.popuproom .mau-content .mbody,.popupemail .mau-content .mbody{padding:15px; font-size:13px}
.popuproom .mau-content .closed{position: absolute; right: 2px; top: 2px; background: #000; color: #fff; width: 30px; height: 30px; line-height: 27px; text-align: center; border-radius: 100%; font-size: 16px; cursor: pointer;}
.popuproom .mau-content .tit,.popupemail .mau-content .tit{font-size: 15px; color: #264c5d; text-align: center; font-weight: bold; margin-bottom: 20px; text-transform:uppercase;}
.popuproom .mau-content .line{border-radius:5px; border: 1px solid #ccc; padding:10px 20px; margin-bottom:10px;}
.popuproom .mau-content label{margin-top: 5px; color: #264c5d; font-size: 14px; font-weight:bold; display:block; text-align:left;}
.popuproom .mau-content input,.popupemail .mau-content input[type=email],.popupemail .mau-content input[type=text],.popupemail .mau-content input[type=number]{background: #fff; box-sizing: border-box; padding: 8px 5px; color: #264c5d; border:1px solid #666; display:block; text-align:left; width:100%;border-radius:10px;}
.popuproom .mau-content a,.popuproom .mau-content button,.popupemail .mau-content input[type=submit],.popupemail .mau-content a{display: inline-block; width: 150px; text-align: center; color: #264c5d; border:1px solid #264c5d; padding: 10px; font-weight: bold; margin: 5px 5px 0px; float: none; cursor: pointer;-webkit-appearance: none; border-radius:10px; text-transform:uppercase;}
.popuproom .mau-content .data{margin-top:15px;clear:both;overflow:hidden}
.popuproom .mau-content .fleft,.popuproom .mau-content .fright{width:48%}
.popuproom .mau-content .br{margin:15px 0; text-align:center;}
.popuproom .mau-content p.name,.popuproom .mau-content p.duan{font-weight:bold}
.popupemail{background: rgba(0,0,0,.9);}
.popupemail .mau-content input[type=submit],.popupemail .mau-content a{width:100%; background:#264c5d; color:#fff; margin:10px 0 0}
.popupemail .mau-content p{font-style:italic; font-size:13px; margin: 10px 0 0; text-align:center}

.popup_upgrade{position:fixed; z-index:99999; width:200px; background:#fff; border-radius:10px; border:1px solid #eeecec; overflow:hidden; padding:10px;-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.08); -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.08); box-shadow: 0 0 4px 1px rgba(0,0,0,.08);-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);}
.popup_upgrade.top{top:22%; left:6px}
.popup_upgrade.bot{bottom:20%; right:0px}
.popup_upgrade p{color:#264c5d; font-size:17px; font-weight:600; margin-bottom:10px}
.popup_upgrade p.hi{font-size:20px; margin-bottom:4px; font-weight:bold}
.popup_upgrade i{display:block; font-size:12px; line-height:16px}
.popup_upgrade i br{content:"A"; display:block; margin:6px 0}

@media screen and (max-width: 768px) {
.popup_upgrade{width:auto;background:#fff;height:50px; padding:0 5px;} 
.popup_upgrade p.hi,.popup_upgrade.bot{display:none}
.popup_upgrade.top,.popup_upgrade.bot{top:auto; left:3px; right:3px; bottom:54px;}
.popup_upgrade p{font-size:14px; float:left; margin:0; width:48%; text-align:right; line-height:18px}
.popup_upgrade i{float:right; width:50%}
.popup_upgrade p,.popup_upgrade i{height:100%; display: flex; align-items: center; justify-content: center;}
}

@media screen and (max-width: 480px) {
.popuproom .mau-content{max-width:90%}
.popuproom .mau-content .fleft.fullm{width:99%}
.popuproom .mau-content a{width:40%}
}



.divdetail .datepost{margin:6px 0; overflow: hidden; font-size: 14px; color: #84807d}
.divdetail .datepost li{float: left; border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px; margin-left: 0;}
.divdetail .datepost li:last-child{border-right: 0;}
.divdetail .datepost span{font-style: italic;}
.divdetail .datepost a{color: #84807d}

.divdetail .fancy{display:block; position:relative}
.divdetail .regimgdetail{opacity:0;position: absolute; bottom: 20px; right: 10px; border: 1px solid #fff; color: #fff; line-height: 40px; width: 150px; text-align: center; border-radius: 10px; font-size: 14px; font-weight:bold}
.divdetail .fancy:hover .regimgdetail{opacity:0.8;cursor:pointer}
.divdetail .regimgdetail:hover{background: rgba(255,255,255,0.3);}

/* --- 4. Social Floating Bar & Header Mobile --- */
.totalsocial{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ccc;z-index:9999;}
.totalsocial a{display:block; float:left; width:14.2%; text-align: center; height: 50px; display: flex; align-items: center; justify-content: center;}
/*.totalsocial a:nth-child(5){width:10%}*/
.totalsocial img{}
.chat_now{background: url(https://decoxdesign.com/images/chat.svg) no-repeat; display:none; background-size: cover; position: absolute; top: -87px; left: 67px; width: 115px; height: 90px; vertical-align: middle; padding: 18px 16px; color: #264c5d; justify-content: center;}
.del_chat{background: url(https://decoxdesign.com/images/x.svg) no-repeat; display:none; background-size: cover; position: absolute; top: -85px; left: 175px; width: 18px; height: 18px; vertical-align: middle; padding: 5px; color: #264c5d; justify-content: center;}
@media screen and (max-width: 840px) {
.container{width: 99%}
.message-r{display:none;}
.header{padding-top: 0px; z-index: 99991}
.top-l{float:none;width:100%;margin:0;}
.header .logo{display: block; position: absolute; height: auto; top:9px; left: 5px; margin-right: 0; width: 115px; margin-top: 0;}
.header .logo img{width:88%; margin-top:3px;}

.header .search{width: auto; float: none; margin: auto 55px auto 125px; padding-top: 0;}
.header .search input{line-height:26px;}
.header .search button{top:0; right:0;}
a.togglemenu{display: block;width:50px;background:url(https://decoxdesign.com/images/menumb-white.svg) top center no-repeat;color:#fff;padding-top:18px;cursor:pointer;right:0;top:12px;background-size:19px;position:absolute;font-weight:400;font-size:12px;text-transform:none; text-align: center;}
a.togglechange{background:url(https://decoxdesign.com/images/closemobi.svg) top center no-repeat;background-size:16px}
.header .category{width: auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; float: none; margin: 5px 0;}
.header .category ul{width: auto; height: 65px}
.header .category ul li{width: 80px; float: left;}
.header .category ul li img{margin: 5px 0 0;}
.header .category ul li.mb{width:80px; display: inline-block; border-left: 1px solid #fff; position: relative; height: 65px; text-align: center; display: flex; align-items: center; justify-content: center;}
.header .category ul li.mb a{}
.header .category ul li.mb p{white-space: pre-wrap; font-weight: bold;}
.header .category .infomation{display: none;}

.menutop{display: none;}
.fb_dialog{display:none!important;}
}
@media screen and (max-width: 768px) {

}

@media screen and (max-width: 640px) {
.listdesign{width:auto}
.hidemb{display: none;}
.chuky{border:0;}
.header .category ul{width:auto; float:none; padding: 0 3px;}
.header .category ul li{width: 15.5%; padding:2px 0;}
.header .category ul li:nth-child(1){width:20%;}
.header .category ul li:nth-child(2){width:18%;}
.header .category ul li p{font-size:9px;}
.totalsocial{display:block;} .menuhot{display:flex;}
.menuhot.hide,.brand-mobi.hide{display:none;}
.pagebrand li div{width:100%;}
.pagebrand li .right{display:none;}
.pagebrand li img.mobi{display:inline-block;}
.pagebrand li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #264c5d;}
.pagebrand li .left,.pagebrand li .mid{margin-top:5px; text-align:center;}
.brand-address{width:100%;margin-bottom:0px;}
.brand-address li{margin-left:5px !important;}
.brand-address li .left,.brand-address li .mid,.brand-address li .right{width:100%;}
.brand-address li .left{border-right:0; border-bottom: 0px solid #264c5d; padding-bottom:0px; margin-bottom:0px;}
.brand-address li .left div{width:auto; font-size:14px;}
.brand-address li img{height:96px; margin-right:10px;}
.brand-address li .kts h3{font-size:22px;margin-bottom:2px;}
.brand-address li .kts i{margin-top:2px;}
.brand-address li .kts p{line-height:normal;}
.brand-address li .kts span{line-height:20px;}
.brand-address li .kts{margin:0;}
.brand-address li div{overflow:hidden;}
.brand-address li .fb_fl{height:auto; margin-top: 15px; display:block; border-top: 1px dashed #ccc; padding-top: 15px}
.brand-address li .fb_fl img{height:80px;width:auto;margin:0px 16px 0px 10px;}
.brand-address li .fb_fl p{font-weight:bold; margin-bottom:0px; font-size:14px;line-height:22px;}
.brand-address li .fb_fl span{font-size:22px; margin-bottom:0px;}
.brand-address li .fb_fl i{font-size:14px;}

.brand-decox li{width:33.333%;}
p.brand-note{line-height:24px;}
}
@media screen and (max-width: 480px) {
.slider{margin-top:8px}
.header .category ul.linemenu,.header .category .btn-header-consult{display:none;}
.listnews,.listproject,.listdesign,.listvideo,.service{margin: 0}
.container{width: 100%}
.titlehome a{font-size: 20px; line-height: 30px}
.titlehome:after{width: 95%}
.header-top{line-height: 22px; font-size: 11px}

.listsp li .images{height:100px;}
.listsp li h3{line-height:20px; margin-bottom:0;}

.imgblock img{display:block; float:none !important; margin:10px auto;}
.brand-decox li{width:50%;}
.brand-name{font-size:36px;}
.brand-tit{font-size:22px; margin:30px 0 20px;}
.divdetail .brand-address .center{min-height:auto}
}
@media screen and (max-width: 320px) {

#menumb_div a p{font-size:8px;}

}

/* --- 5. Floating Action Buttons --- */
:root {
    --floating-action-size: 58px;
    --floating-action-color: #193544;
    --floating-action-background: #ffffff;
    --floating-action-shadow: 0 6px 18px rgba(25, 53, 68, 0.18);
}

/* Nhóm nút nổi */
.floating-actions {
    position: fixed;
    right: 20px;
    bottom: 22px;
    z-index: 60;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

/* Phần tử bọc từng nút */
.floating-actions__item {
    position: relative;
}

/* Style dùng chung cho hotline, Zalo và nút lên đầu trang */
.floating-action {
    width: var(--floating-action-size);
    height: var(--floating-action-size);
    padding: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1.5px solid var(--floating-action-color);
    border-radius: 50%;
    background-color: var(--floating-action-background);
    color: var(--floating-action-color);

    text-decoration: none;
    box-shadow: var(--floating-action-shadow);
    cursor: pointer;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.floating-action:hover {
    transform: translateY(-2px);
    background-color: var(--floating-action-color);
    color: #ffffff;
    box-shadow: 0 9px 24px rgba(25, 53, 68, 0.25);
}

.floating-action:focus-visible {
    outline: 3px solid rgba(25, 53, 68, 0.25);
    outline-offset: 3px;
}

.floating-action svg {
    display: block;
    pointer-events: none;
}

/* Hotline */
.floating-action--hotline {
    animation: pulseGold 2.4s infinite;
}

/* Zalo */
.floating-action--zalo {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.3px;
}

/* Scroll top */
.floating-action--scroll-top {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    font: inherit;
    transition:
        visibility 0.25s ease,
        opacity 0.25s ease,
        transform 0.25s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.floating-action--scroll-top.is-visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.floating-action--scroll-top.is-visible:hover {
    transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
    .floating-action--scroll-top {
        transition: none;
    }
}

/* Hiệu ứng hotline */
@keyframes pulseGold {
    0%,
    100% {
        box-shadow:
            0 6px 18px rgba(25, 53, 68, 0.18),
            0 0 0 0 rgba(25, 53, 68, 0.25);
    }

    50% {
        box-shadow:
            0 6px 18px rgba(25, 53, 68, 0.18),
            0 0 0 10px rgba(25, 53, 68, 0);
    }
}

/* Mobile */
@media (max-width: 767px) {
    :root {
        --floating-action-size: 52px;
    }

    .floating-actions {
        right: 12px;
        bottom: 16px;
        gap: 10px;
    }

    .floating-action--zalo {
        font-size: 14px;
    }
}

/* Hạn chế animation với người dùng chọn giảm chuyển động */
@media (prefers-reduced-motion: reduce) {
    .floating-action {
        transition: none;
    }

    .floating-action--hotline {
        animation: none;
    }
}
.hotline-wrap { position:relative; display:flex; align-items:center; }
.hotline-tip {
    position:absolute; right:70px; top:50%; transform:translateY(-50%) scale(.9);
    white-space:nowrap; background:#fff; color:#193544; font-weight:800; font-size:18px;
    letter-spacing:.5px; padding:12px 22px; border-radius:999px;
    box-shadow:0 8px 24px rgba(25,53,68,.22); pointer-events:none;
    opacity:0; visibility:hidden; transition:opacity .25s ease, transform .25s ease;
}
.hotline-wrap:hover .hotline-tip { opacity:1; visibility:visible; transform:translateY(-50%) scale(1); }
.hotline-tip.tip-open { opacity:1; visibility:visible; transform:translateY(-50%) scale(1); }

@media screen and (max-width: 640px) {
    .floating-actions{display:none;}
}

/* --- 6. Footer Layout & Widgets --- */
.footer{background: #f4f3f0; padding: 20px 0 20px 0; margin-top: 30px; position: relative; color: #333; font-size:13px;}
.footer::after{content:' '; display:block; clear:both}
.footer .company{width: 25%; float: left; position: relative; line-height: 30px; margin-top:50px}
.footer .company img{margin:0px 6px 10px;}
.footer .linkfoot {
    float: left;
    width: 20%;
    line-height: 23px;
    margin-top: 30px;
    font-size: 14px;
    padding: 0 15px 0 0;
    box-sizing: border-box;
}
.footer .linkfoot ul{margin:15px 15px 0 20px;}
.footer .linkfoot ul li{margin-bottom:5px; list-style:initial;}
@media screen and (max-width: 840px) {
    .footer .company {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .footer .linkfoot {
        float: left;
        width: 45%;
        padding: 0 10px 0 0;
        margin-top: 20px;
    }
    .footer .social {
        float: none;
        width: 100%;
        clear: both;
        margin-top: 20px;
    }
}
@media screen and (max-width: 640px) {
    .footer .linkfoot {
        float: none;
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }
}

.footer .social{float: right; width: 30%; border-left: 0px solid #fff;}
.footer .social a{display: inline-block; padding: 2px 0;}
.footer .social a img{vertical-align: middle; margin-right: 10px;}
.footer .address{line-height: 23px;}

.footer hr.bar{border:0; border-top: 1px solid #fff; margin: 20px 0; height: 1px; width: 100%}

.footer .introduce{margin-top:0px;}
.footer .introduce li{padding: 2px 0;}
.footer .introduce li a{}

.footer .menubot li{display:inline-block; font-weight:bold; padding:4px 10px; font-size:16px; color:#464644;}
.footer .menubot li a{color:#464644;}
.footer .menubot.mnb{display:none;}


.footer .maps{float: right; width: 30%}

.footer .copyright{padding: 12px 0 10px; background:#ccc; text-align: center; position: absolute; left: 0; width: 100%; bottom: 0}
/* Fotorama */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(https://decoxdesign.com/images/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}

#divgallery{margin-top: 30px;}
#divgallery::after{content:' '; display:block; clear:both}
#divgallery .left{}
#divgallery .left p{font-size: 24px; text-transform: none; font-weight: bold; margin-bottom: 15px; color: #264c5d}
#divgallery .left a:hover{color: #264c5d}
#divgallery .left a{color: #888; text-transform: none; font-size: 13px}
#divgallery .right{width: 25%; float: right;}
#divgallery .right a{border-radius: 7px; color: #264c5d; border: 1px solid #264c5d; padding: 16px; font-size: 16px; display: inline-block; margin-top: -5px; font-weight: bold; text-transform: capitalize;}
#divgallery .right a:hover{background: #264c5d; color: #fff}

.gallery-slide{margin:10px 0 40px;position:relative;}
a.view-more-duan{display:none;border-radius: 7px; color: #264c5d; border: 1px solid #264c5d; padding: 6px 8px; font-size: 12px; text-transform: capitalize; position:absolute; bottom:42px; right:5px; font-weight:bold; text-align: center; align-items: center; justify-content: center; line-height: 17px;}
a.view-more-duan:hover{background: #264c5d; color: #fff}
a.view-more-duanin{display:none;border-radius: 7px; color: #fff; border: 1px solid #fff; padding: 10px 28px; font-size: 12px; text-transform: capitalize; position:absolute; top:47.5%; left:32.5%; font-weight:bold; box-shadow:0px 0px 3px 1px rgb(0 0 0 / 50%);}
.gallery-slide:hover a.view-more-duanin{display:inline-block;}
a.view-more-duanin:hover{background:#fff; color:#264c5d;}
.fotorama__thumb-border{display: none;}
.gallery-slide .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame .fotorama__thumb{margin-left: 15px; border-radius: 5px}

@media screen and (max-width: 640px) {
.fotorama__stage,.gallery-slide, .fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__html,.fotorama,.fotorama__wrap,.fotorama__wrap--slide .fotorama__stage__frame{width:100% !important}
.fotorama__nav__shaft{float:left;}
a.view-more-duan{display:flex;}
a.view-more-duanin,.gallery-slide:hover a.view-more-duanin{display:none;}
#divgallery .left p{margin:auto; max-width:80%}
.gallery-slide{border-bottom: 1px dashed #264c5d; padding-bottom: 25px; margin-bottom: 25px;}
.gallery-slide .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame .fotorama__thumb{margin-left: 0;}
.chatfix,.hotlinefix{display: block;} .hotline-phone-ring,.hotline-bar{display: none;}
}

/* --- 7. Fancybox 3 Modal Library --- */
.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:999999999}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all;text-transform: uppercase;}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#000;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:3px solid #f8931e;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
.fancybox-caption__body a span{border:1px solid #fff; color: #fff; border-radius: 5px; padding:6px 15px; display:  inline-block; margin-left: 15px; text-transform: none;}
.fancybox-caption__body a span:hover{background: #fff; color: #333}
@media screen and (max-width: 480px) {
.fancybox-content{text-align:center;display: flex; align-items: center; justify-content: center}
.fancybox-image{max-height:90%; width:auto;left:auto;}
}
/* Header Desktop / Mobile Visibility Rules */
#menumb_div { display: none !important; }
a.togglemenu { display: none !important; }
.menuhot { display: none !important; }

@media (max-width: 840px) {
    #menumb_div.owl-loaded, #menumb_div.owl-carousel { display: block !important; }
    .category-inner { display: none !important; }
    a.togglemenu { display: block !important; width: 50px; background: url(https://decoxdesign.com/images/menumb-white.svg) top center no-repeat; color: #fff; padding-top: 18px; cursor: pointer; right: 0; top: 12px; background-size: 19px; position: absolute; font-weight: 400; font-size: 12px; text-transform: none; text-align: center; }
    .menuhot { display: flex !important; }
    .menuhot.hide { display: none !important; }
}

@media (min-width: 841px) {
    #menumb_div { display: none !important; }
    .category-inner { display: flex !important; }
    a.togglemenu { display: none !important; }
    .menuhot { display: none !important; }
}