@import"reset.css";@import"skeleton.css";@import"menu.css";@import"slider.css";@import"forms.css";
/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fleur+De+Leah&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
/*BODY*/
body{background: #000;font: 22px 'Lora', sans-serif;color: #fff;position:relative;min-width:320px;}
html,body{/* height:100%; */z-index: -100;}
/* HEADER */
header{display: block;/* position:fixed; */top:0px;z-index:99; /*! background: url(/imgs/st/bgh.jpg) repeat-x; */background-color: #000;box-shadow: 0px 0px 5px #ffd700;border-bottom: solid 3px #e9c323;min-height: 80px;box-sizing: border-box;left: 0px;width: 100%;text-align: center;}
/* CONTENT */
article {clear: both;margin: 0px 0px 0px;background-size: 100% auto;background-color:#111;background-image: url('/imgs/ui/bg.jpg');/* position: relative; *//* top: 340px; */z-index: 60;padding: 5px;box-shadow: 0px 0px 25px #010101;border-top: solid 3px #e9c323;border-bottom: solid 5px #181818;background-color: #000;}
article a.sct{/* display: inline-block; */position: relative;top: -90px;visibility: hidden;}
/* LINKS */
a{color: #ffffff;outline:none;cursor:pointer;text-decoration:none;}
a:hover{color: #f5f6f7;text-decoration: none;}
/* TEXT */
p{text-align:center;text-shadow: 4px 3px 0px #000000;/* background-color: #000; */padding: 15px;opacity: 0.8;color: #fff;font-size: 25px;opacity: 1;}
/* IMAGES */ 
.pst .img img {
  width: 100%;
  opacity: 0;
  transition: all 2s ease-out;
  transform: translate3d(0, 200px, 0);
  backface-visibility: hidden;
}
.pst .img img.in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/******************************/
/* < 320px [ Extra Small Devices ] */
/******************************/
/* Video Background */
.vbg {/* background: #000; */position: fixed;top: 0;right: 0; bottom: 0;left: 0;z-index: -99;background-size: auto 100%;background-position: center;}
header h1{/* float:left; */text-align: center;}
header h1 a{display: inline-block;background: url(/imgs/ui/logo.png) 0 0 no-repeat;width: 300px;height: 70px;text-indent:-5000px;background-size: auto 100%;margin: 5px 5px 0;/* float: left; *//* position: fixed; */z-index: 10;background-position: 50%;}
header h1 a:hover {	opacity: 1;	-webkit-animation: flash 1.5s;animation: flash 1.5s;}
@-webkit-keyframes flash {	0% {opacity: .4;}100% {opacity: 1;}}
@keyframes flash {	0% {opacity: .4;}100% {opacity: 1;}}
header div.menu{position: fixed;bottom: 10px;background: #000;border-radius: 50%;left: 10px;z-index:100}
/* POSTs */
section.pst {font-weight: 300;line-height: 40px;position: relative;margin: 10px;padding: 0;text-align: center;}
section.pst .hds {margin: 15px;border-bottom: solid 2px #ae8737;}
section.pst .hds h3 {
    font-family: 'Fleur De Leah';
    font-size: 55px;
    font-weight: 900;
    letter-spacing: -1px;
    
    /* Metallic Gold Gradient */
    background: linear-gradient(
        to bottom, 
        #fcf6ba 0%,    /* Top highlight */
        #bf953f 25%,   /* Warm gold */
        #fcf6ba 45%,   /* Bright reflection */
        #aa771c 50%,   /* The "horizon" line shadow */
        #fbf5b7 55%,   /* Lower reflection */
        #bf953f 100%   /* Bottom depth */
    );

    /* Apply gradient to text */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Shadow to make the gold pop */
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.8));
    
    /* Ensure the background covers the whole text area */
    display: inline-block;
    line-height: 60px;
}
section.pst .hds h4 {
    font-size: 18px;
    line-height: 30px;
    margin: 0px auto 0px;
    padding: 5px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold; /* Increased to bold to help the gold shine stand out */

    /* Gold Gradient Effect */
    background: linear-gradient(
        to bottom, 
        #fcf6ba 0%, 
        #bf953f 45%, 
        #aa771c 55%, 
        #fcf6ba 100%
    );
    
    /* Clipping the background to the text */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Sharper shadow for smaller text clarity */
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.7));
}
section.pst .img img { width:100%;border-radius: 8px;}
section.pst .lnk a {
    display: block;
    text-align: center;
    padding: 10px;
    
    /* Metallic Gold Gradient Background */
    background: linear-gradient(135deg, 
        #bf953f 0%, 
        #fcf6ba 25%, 
        #b38728 50%, 
        #fbf5b7 75%, 
        #aa771c 100%
    );
    
    /* Text Styles */
    color: #332200; /* Deep bronze for readability */
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: bold;
    
    /* The Box/Frame Effect */
    box-shadow: 0px 4px 15px rgba(0,0,0,0.6), inset 0px 0px 5px rgba(255,255,255,0.5);
    border: double 3px #aa771c; /* Double border looks more "Royal" */
    opacity: 1; /* Increased to 1 to make the gold look solid and premium */
    max-width: 300px;
    margin: auto;
    transition: all 0.3s ease;
    text-decoration: none;
    border-radius: 12px;
}

/* Hover effect to make it shine when touched */
section.pst .lnk a:hover {
    opacity: 0.9;
    filter: brightness(1.1);
    box-shadow: 0px 6px 20px #000;
    transform: translateY(-1px);
}
/* HEADER */
section.pst.hdr h1 {font-family: 'Fleur De Leah';letter-spacing: 0px;color: #ffffff;font-size: 55px;text-transform: uppercase;text-shadow: 2px 2px 0px #000000, 0px 0px 10px #000;text-align: center;line-height: 50px;}
section.pst.hdr h1 span{ width: 140px; display: inline-block;}
section.pst.hdr h1:before,section.pst.hdr h1:after {/* background-color: #fff; *//* content: ""; */display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 25%;}
section.pst.hdr h1:before {right: 1em;margin-left: -50%;}
section.pst.hdr h1:after {left: 1em;margin-right: -50%;}
/* HEADS */
section.pst.hdr h2 {font-family: 'Fleur De Leah';font-size: 30px;text-transform: uppercase;text-shadow: 2px 2px 0px #000000, 0px 0px 10px #000;}
section.pst.hdr .txt b.pct,section.pst.hdr .txt b.nmb { font-size: 2em;letter-spacing: -3px;top: -2px;position: relative;}
/* SBH */
section.pst.shd {/* max-width: 75%; *//* margin:auto; */}
section.pst.shd .hds h4 {font-size: 32px;font-weight: 900;line-height: 30px;letter-spacing: -1px;margin-bottom: 20px;text-shadow: 0px 0px 5px #000,0px 0px 5px #000;}
section.pst.shd .img img { width:100% }
section.pst.shd .img img:hover { box-shadow: 0 0 black}
section.pst.shd .txt {background-image: url(/imgs/ui/bg3.jpg);background-size: auto 100%;background-position: 25% 50%;box-shadow: 0px 0px 15px #393939;border: solid 10px #000;text-shadow: 0px 0px 2px #000,1px 1px 0px #000;}
section.pst.shd .lnk a { border: solid 2px #000;display:block;padding:5px;text-transform:uppercase;font-size:20px;letter-spacing:5px;}
/* THR */
section.pst.thd {/* max-width: 75%; *//* margin:auto; */opacity: .8;}
section.pst.thd .hds h4 {font-size: 32px;font-weight: 900;line-height: 30px;letter-spacing: -1px;margin-bottom: 20px;text-shadow: 0px 0px 5px #000,0px 0px 5px #000;}
section.pst.thd .img img { width:100% }
section.pst.thd .img img:hover { box-shadow: 0 0 black}
section.pst.thd .txt {background-image: url(/imgs/ui/mariachi-patria-girardot-2.jpg);background-size: auto 100%;background-position: 25% 50%;box-shadow: 0px 0px 15px #393939;border: solid 10px #000;text-shadow: 0px 0px 2px #000,1px 1px 0px #000;}
section.pst.thd .lnk a { border: solid 2px #000;display:block;padding:5px;text-transform:uppercase;font-size:20px;letter-spacing:5px;}
/* QTR */
section.pst.qhd {/* max-width: 75%; *//* margin:auto; */opacity: .8;}
section.pst.qhd .hds h4 {font-size: 32px;font-weight: 900;line-height: 30px;letter-spacing: -1px;margin-bottom: 20px;text-shadow: 0px 0px 5px #000,0px 0px 5px #000;}
section.pst.qhd .img img { width:100% }
section.pst.qhd .img img:hover { box-shadow: 0 0 black}
section.pst.qhd .txt {background-image: url(/imgs/ui/mariachi-patria-girardot-3.jpg);background-size: auto 100%;background-position: 25% 50%;box-shadow: 0px 0px 15px #393939;border: solid 10px #000;text-shadow: 0px 0px 2px #000,1px 1px 0px #000;}
section.pst.qhd .lnk a { border: solid 2px #000;display:block;padding:5px;text-transform:uppercase;font-size:20px;letter-spacing:5px;}
/* FVR */
section.pst.fhd {/* max-width: 75%; *//* margin:auto; */opacity: .8;}
section.pst.fhd .hds h4 {font-size: 32px;font-weight: 900;line-height: 30px;letter-spacing: -1px;margin-bottom: 20px;text-shadow: 0px 0px 5px #000,0px 0px 5px #000;}
section.pst.fhd .img img { width:100% }
section.pst.fhd .img img:hover { box-shadow: 0 0 black}
section.pst.fhd .txt {background-image: url(/imgs/ui/mariachi-patria-girardot-3.jpg);background-size: auto 100%;background-position: 25% 50%;box-shadow: 0px 0px 15px #393939;border: solid 10px #000;text-shadow: 0px 0px 2px #000,1px 1px 0px #000;}
section.pst.fhd .lnk a { border: solid 2px #000;display:block;padding:5px;text-transform:uppercase;font-size:20px;letter-spacing:5px;}
/* SIX */
section.pst.xhd {/* max-width: 75%; *//* margin:auto; */opacity: .8;}
section.pst.xhd .img img { width:100% }
section.pst.xhd .img img:hover { box-shadow: 0 0 black}
section.pst.xhd .txt {background-image: url(/imgs/ui/mariachi-patria-girardot-3.jpg);background-size: auto 100%;background-position: 25% 50%;box-shadow: 0px 0px 15px #393939;border: solid 10px #000;text-shadow: 0px 0px 2px #000,1px 1px 0px #000;}
section.pst.xhd .lnk a { border: solid 2px #000;display:block;padding:5px;text-transform:uppercase;font-size:20px;letter-spacing:5px;}
/* ABOUT */
section.pst.wwr div.hds h2 { border-bottom: solid 1px #333; }
/* BUTTONS */
section.pst.cll { max-width:380px;margin:auto }
section.pst.cll p {border: solid 2px #736848;/* margin: 10px; */}
section.pst.cll div.lnk p a {
    color: #000000;
    background-color: #fc0;
    border: none;
    border-radius: 6px;
    padding: 10px 0px 12px 0px;
    font-size: 23px;
    font-weight: 600;
    line-height: 22px;
    display: flex;
    align-items: center;
    box-shadow: 2px 7px 96px -2px rgba(154,171,237,1);
    font-family: 'Dosis', sans-serif;
    text-shadow: none;
    text-transform: uppercase;
    background-image: url(//miweb.net.co/imgs/icn/call.png);
    background-repeat: no-repeat;
    background-position: 11px 50%;
    width: 300px;
    margin: auto;
    text-align: center;
    text-indent: 45px;
    letter-spacing: 1.5px;
}
/* NEWS [MDX] */
section.pst.hdr ul.nws li { height: 250px;background-size: 100% auto;
display: block;overflow: hidden;position: relative;margin-bottom: 25px;
font-weight: bold;}
section.pst.hdr ul.nws li a { padding: 10px;position: absolute;background: #4e4e4e;opacity: 0.8;display: block;bottom: 0px;width: 100%;color: white;}
/* NEWS */
section.pst.nws { background-color: white;margin: 0px 0px 5px;box-shadow: 0px 0px 5px #333;border-top: solid 1px white;border-bottom: solid 1px white;height:828px}
section.pst.hdr.nws h1 { font-size: 33px;font-weight: 900;letter-spacing: -1px;padding-bottom: 2px; }
section.pst.nws div.img { height:350px; overflow:hidden; }
section.pst.nws div.img img { height: 388px; }
section.pst.nws div.hds {position: relative; top: -99px;background: #4e4e4e;opacity: 0.8;}
section.pst.nws div.txt { position: relative;margin: 5px 10px 0px;padding: 0px 5px;font-size: 16px;height: 300px;overflow: hidden; top: -99px; }
section.pst.nws div.hds h2 { font-weight: 700;font-size:20px; text-align: left;padding: 0px 10px;height: 96px;display: table-cell;vertical-align: middle;line-height: 128%;}
section.pst.nws div.hds h2 a {color: #fff;text-shadow: 0px 1px 3px #000; }
section.pst.nws div.hds time { color: white;font-size: 13px;text-shadow: 0px 1px 3px #000;text-align: left;display: block;padding: 0 10px;letter-spacing: 2px;}
section.pst.nws div.lnk { position: relative;top: -50px;}
section.pst.nws div.lnk p a{ text-align: center;position: relative;text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 15px;color: #cbcbcb;overflow: hidden;letter-spacing: 1px;background-color: #fff;display: block;text-shadow: 0px 1px 1px #fff;border: solid 3px #eaeaea;margin: 0px 10px;}
/* SOCIAL */
section.pst ul.smi li {display: inline-block;padding: 5px 5px;}
section.pst ul.smi li a img{width: 45px;margin:5px}
section.pst ul.smi li a img:hover{position: relative;top: -2px;}
section.pst ul.smi li a img:active{position: relative;top: 2px;}
/* iPACK */
section.pst.ipk {text-align: center;background: #fff;padding: 20px;margin: 20px;box-shadow: 0px 0px 50px #CACACA;border: solid 2px #fff;}
section.pst.ipk div.img img { max-width: 100%; }
section.pst.ipk div.hds h2 { font-family:'Raleway'; }
section.pst.ipk div.txt p {border-bottom: solid 1px #F2F2F2;margin-bottom: 10px;padding-bottom: 10px;text-align: center;font-size: 13px;text-transform: uppercase;letter-spacing: 2px;}
section.pst.ipk div.txt ul{ margin: 0 20px; padding: 0 0 0 30px;}
section.pst.ipk div.txt li{ text-align: left;list-style-type: none;list-style-image: url(/imgs/ui/ichk.png);padding: 10px 5px; }
section.pst.ipk div.lnk p a {text-align: center;position: relative;text-transform: uppercase;font-size: 16px;font-weight: bold;padding: 15px;color: #025CB6;overflow: hidden;letter-spacing: 1px;background-color: #fff;display: block;text-shadow: 0px 1px 1px #fff;border: solid 3px #025CB6;}
section.pst.ipk div.txt a { text-transform: uppercase;
font-size: 16px;font-weight: bold;letter-spacing: 1px; }
section.pst.ipk.btg div.txt a {  }
section.pst.ipk.bto div.txt a { }
section.pst.ipk.btb div.txt a {  }
/* PACK */
section.pst.pck {font-size: 19px;line-height: 20px;text-align: center;padding: 5px;margin: 5px;/* box-shadow: 0px 0px 5px #3f3112; */border: solid 4px #000000;border-radius: 10px;}
section.pst.pck:hover { background: #121212;box-shadow: 0px 0px 15px #a48032;}
section.pst.pck h2 { font-family: 'Open Sans'; color: #9A9A9A; padding: 5px;}
section.pst.pck h3 {font-size: 18px;padding: 5px;font-weight: 900;color: #B7B7B7;padding: 10px; } 
section.pst.pck div.img img { max-width:100% }
section.pst.pck div.txt a {background: #ccc;text-align: center;position: relative;text-transform: uppercase;font-size: 16px;
font-weight: bold;padding: 15px;color: #fff;overflow: hidden;letter-spacing: 1px;}
section.pst.pck div.lnk a {background: #ccc;text-align: center;position: relative;text-transform: uppercase;font-size: 16px;
font-weight: bold;padding: 15px;color: #fff;overflow: hidden;letter-spacing: 1px;}
/* PACKS */
section.pst.pck div.txt p {
	font-size: 14px;
	line-height: 30px;
	margin: 0px auto 0px;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 3px;
	letter-spacing:5px;
	font-weight: bold; /* Increased to bold to help the gold shine stand out */

    /* Gold Gradient Effect */
	background: linear-gradient(
        to bottom, 
        #fcf6ba 0%, 
        #bf953f 45%, 
        #aa771c 55%, 
        #fcf6ba 100%
    );
    
    /* Clipping the background to the text */
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

    /* Sharper shadow for smaller text clarity */
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.7));
	text-shadow: none;
}
section.pst.pck div.txt ul{ margin: 0 20px; padding: 0 0 0 30px;}
section.pst.pck div.txt li{ text-align: left;list-style-type: none;list-style-image: url(/imgs/ui/ichk.png);padding: 10px 5px; }
section.pst.pck div.txt p a { background: transparent !important;
display: inline;text-align: inherit; position: inherit;text-transform: inherit;font-size: inherit;font-weight: bold;padding: 0px;color: grey;overflow: hidden;letter-spacing: 1px;} /* clean */
section.pst.pck div.txt li a{font-size: 18px;padding: 5px;}
section.pst.pck.btg div.hds h3 { color: #b0dd2d; }
section.pst.pck.btg div.txt p a { color:#b0dd2d; }
section.pst.pck.btg div.lnk a {background: #b0dd2d;text-shadow: 0px 1px 1px #617526; }
section.pst.pck.bto div.hds h3 { color: #ffc928; }
section.pst.pck.bto div.txt p a { color:#ffc928; }
section.pst.pck.bto div.lnk a {background: #ffc928; }
section.pst.pck.btb div.hds h3 { color: #1874b8; }
section.pst.pck.btb div.txt p a { color:#1874b8; }
section.pst.pck.btb div.lnk a {background: #1874b8; }
section.pst.pck div.lnk a{ display: block; }
/* SHOWCASE */
section.pst.swc { box-shadow: 0px 0px 50px #CACACA;border: solid 2px #fff;}
section.pst.swc .img { margin-bottom: 15px; }
section.pst.swc .img img{max-width: 100%;}
section.pst.swc .hds h2 { font-family: 'Audiowide'; }
section.pst.swc .txt p {text-shadow: 2px 1px 2px #F3F3F3;font-size: 18px;line-height: 30px;text-align: center;/*! height: 190px; */overflow: auto;}
section.pst.swc .txt a {text-shadow: none;font-size: 13px;line-height: 30px;letter-spacing: 2px;padding: 10px 15px;font-weight: bold;margin: 5px;display: inline-block;border: solid 1px #FFFFFF;}
section.pst.swc .txt a:hover {box-shadow: 0px 0px 3px #03A9F4;color: #2899F3;background-color: #F3F3F3;text-shadow: 1px 1px 0px #FFF;}
/* ITEM */
section.pst.itm {box-shadow: 0px 0px 9px #373737;border: solid 2px #2b2b2b;background-color: #000;opacity: .85;background-image: url(/imgs/ui/ibg.jpg);/* background-size: 100% auto; */background-position: 50% 50%;margin: 15px 15px 15px 15px;border-radius: 9px;}
section.pst.itm:hover {box-shadow: 0px 0px 10px #35290a;}
section.pst.itm .img { margin-bottom: 15px; }
section.pst.itm .img img{max-width: 100%;}
section.pst.itm .hds h2 { font-size: 32px; }
section.pst.itm .hds h3 {font-size: 56px;line-height: 76px;width: 240px;padding-bottom: 0;}
section.pst.itm .txt p {text-shadow: 1px 1px 0px #000,0px 0px 10px #fff;font-size: 18px;line-height: 30px;text-align: justify;overflow: auto;margin: 15px;}
section.pst.itm .lnk a {text-shadow: none;font-size: 25px;line-height: 30px;letter-spacing: 2px;padding: 10px 15px;font-weight: bold;margin: 5px;display: block;border: solid 1px #000;text-align: center;box-sizing: border-box;font-weight: 800;}
section.pst.itm .lnk a:hover {box-shadow: 0px 0px 10px #fff;color: #fff;background-color: #000;/*! text-shadow: 1px 1px 0px #CEC9C9; */border: solid 1px #fff;}
section.pst.itm .txt li {font-size: 15px;text-align: left;margin-left: 15px;}
/* CONTACTS */
.contacts p{ float:left; margin-right:50px; padding-bottom:0;}
/* CONTACT */
section.pst.msg {max-width: 400px;margin: 30px 0px;padding: 20px;border: 5px dashed #ffd700;background-color: #272727;color: #000;}
section.pst.msg div.hds h2 {color: #FFF;/*! text-shadow: 0px 1px 1px #ff0007; */background-color: #000;}
section.pst.msg div.hds h3 {/* border-top: solid 1px #FFF; */font-size: 40px;color: #ffd700;text-shadow: none;}
section.pst.msg a.btn {border: 1px solid #83c41a;background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#9dce2c),color-stop(100%,#8cb82b));   background-color: #9dce2c;    color: #fff;    text-shadow: 1px 1px 0 #689324;    box-shadow: inset 1px 1px 0 0 #c1ed9c;    padding: 10px;    display: block;    letter-spacing: 4px;    font-weight: bold;    font-size: 22px;}
/* SUSCRIBE */
section.pst.sbc {max-width: 400px;margin: auto;padding: 20px;border: 5px dashed #c59f4b;background-color: #040404;color: white;}
section.pst.sbc div.hds h2 {color: #FFF;text-shadow: 0px 1px 1px #0b2640;background-color: #165390;}
section.pst.sbc div.hds h3 { height: 135px;}
section.pst.sbc a.btn {border: 1px solid #e6c414;background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#e6c414),color-stop(100%,#e6c414));   background-color: #e6c414;    color: #040404;    text-shadow: 1px 1px 0 #e6c414;    box-shadow: inset 1px 1px 0 0 #c1ed9c;    padding: 10px;    display: block;    letter-spacing: 4px;    font-weight: bold;    font-size: 22px;}
/* ADMIN */
section.pst div.adm { background-color: #d4d4d4;margin: 10px; opacity:0.8;padding: 5px;font-size: 11px; text-align:right;clear: both; }
section.pst div.adm a {background-color: white;border-radius: 3px;display: inline-block;padding: 10px;border: solid 1px #cbc7c7;color: grey;}
section.pst div.adm span {float: left;background-color: white;padding: 5px;
font-weight: bold;border-radius: 50%;font-size: 13px;margin: 5px; }
/* POSITION */
div.gol { width: 100%;overflow: hidden;position: relative;margin-top: 10px; }
div.gol div.hds { clear:both }
div.gol div.img{ clear:both }
div.gol div.img img{ box-shadow: 0px 0px 25px #000;box-sizing: border-box;border: solid 5px #FFF;height: auto;max-width: 100%;margin: 10px 0 18px 0; }
div.gol div.txt p,textarea#txt.txt{ clear:both;text-align: justify;margin: 10px;padding: 10px; }
div.gor { width: 100%;overflow: hidden;position: relative;margin-top: 10px; }
div.gor div.hds { clear:both }
div.gor div.img{ clear:both; }
div.gor div.img img{ box-shadow: 0px 0px 25px #000;box-sizing: border-box;border: solid 5px #FFF;height: auto;max-width: 100%;margin:10px 0 18px 0; }
div.gor div.txt{ clear:both }
/* LINKs */
div.gol div.txt a, div.gor div.txt a{ color: #999;font-family: 'Audiowide'; border:solid 1px #CCC; background-color:#F1F1F1; border-radius:5px;padding: 5px 10px; text-shadow: 0px 1px 1px #FFF; opacity:.7;transition: all 0.5s ease; display: inline-block; margin-bottom: 10px; }
div.gol div.txt a:hover, div.gor div.txt a:hover{ color: #FFF;border: solid 1px #FFF;background-color: #000;text-shadow: 0px 1px 1px #333;text-decoration: none;opacity: 1;box-shadow: 0 0 10px #333; transition: }
/* REVIEWS */
.reviews {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
    overflow: hidden;
    height: 400px;
    padding: 20px;
    box-sizing: border-box;
    opacity: 1; /* Bumped to 1 for a more premium solid look */
    
    /* True Black Background */
    background-color: #000000; 
    
    /* Metallic Gold Border Frame */
    border: solid 3px #bf953f; 
    border-image: linear-gradient(to bottom, #fcf6ba, #bf953f, #aa771c) 1;
    
    /* Deeper shadow for the black container */
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
}

/* Update the Reviewer Name/Title Gold */
.reviews .review p.ttl {
    font-family: 'Fleur De Leah';
    font-size: 40px;
    font-weight: 900;
    letter-spacing: -1px;
    
    /* Metallic Gold Gradient */
    background: linear-gradient(
        to bottom, 
        #fcf6ba 0%,    /* Top highlight */
        #bf953f 25%,   /* Warm gold */
        #fcf6ba 45%,   /* Bright reflection */
        #aa771c 50%,   /* The "horizon" line shadow */
        #fbf5b7 55%,   /* Lower reflection */
        #bf953f 100%   /* Bottom depth */
    );

    /* Apply gradient to text */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Shadow to make the gold pop */
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.8));
    
    /* Ensure the background covers the whole text area */
    display: inline-block;
    line-height: 60px;
    text-shadow: none;
    height: 65px;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    width: 280px;
    overflow: hidden;
}

/* High-end Star Color */
.reviews .stars {
    font-size: 20px;
    color: #fcf6ba; /* Lighter, sparkling gold */
    line-height: 22px;
    text-shadow: 0px 0px 5px rgba(191, 149, 63, 0.5);
}

/* Review Text adjustments */
.reviews .review p.txt {
    color: #e3ce76; /* Soft gold for readability */
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 22px;
    margin-bottom: 30px;
    font-size: 20px;
    text-shadow: 2px 2px 2px #000;
    overflow: hidden;
}

/* Navigation dots - Active gold */
.reviews .flex-control-nav a.active {
    background-color: #bf953f;
    box-shadow: 0 0 8px #fcf6ba;
}
/* MAP */
#map {overflow: hidden;width: 100%;box-shadow: 0px 5px 15px #000;}
#map a span {font-size: 34px;display: block;text-align: left;padding: 10px;background-color: #333;color: white;opacity: .9;border: solid 5px #2b2b2b;}
#map a span:hover {opacity: 1; }
#map a b {display: block;/* border: solid 5px #ffda17; */text-align: center;padding: 10px;background-color: #ffda17;color: #1e1e1e;opacity: .9;border: solid 1px #efdd78;}
#map a b:hover {box-shadow: 2px 2px 10px red;opacity: 1;}
#map a img {border: solid 5px #eee29f;box-sizing: border-box;width:100%;}
#map a img:hover {border: solid 5px #ffdb1d;box-shadow: 0px 0px 30px #fff;}
/* WHATSAPP */
#whatsapp {background-image: url('/imgs/ui/wab.png');width: 172px;height: 42px;text-indent: -9000px;margin: 8px;display: block;bottom: 10px;position: fixed;z-index: 100;right: 26%;background-repeat: no-repeat;}#whatsapp {background-image: url('/imgs/ui/wab.png');width: 172px;height: 42px;text-indent: -9000px;margin: 8px;display: block;bottom: 10px;position: fixed;z-index: 100;right: 26%;background-repeat: no-repeat;
  animation: phone-ring 0.8s ease-in-out alternate infinite;
  transform-origin: 50% 50%; /* Set rotation origin to center */
}
@keyframes phone-ring {
  0% { transform: translateX(0) rotate(0deg); }
  10% { transform: translateX(5px) rotate(2deg); }
  20% { transform: translateX(-3px) rotate(-1deg); }
  30% { transform: translateX(2px) rotate(1deg); }
  40% { transform: translateX(-1px) rotate(-0.5deg); }
  50% { transform: translateX(0) rotate(0deg); }  /* Reset to center position */
  98% { transform: translateX(0) rotate(0deg); }  /* Resting state */
  100% { transform: translateX(0) rotate(0deg); }  /* Resting state (optional) */
}

/* FOOTER */
footer{clear: both;padding: 35px 0 0px;margin: 1px auto 0;text-align:center;background-color: #1c1e21;z-index: 2000;/* position: relative; */background-image: url('/imgs/ui/fbg.jpg');background-position: 70% 0%;background-size: 220%;}
footer a{color: #ffffff;margin:1px;}
/* BY */
footer section.by {background: url(/imgs/ui/fbg.gif) no-repeat;background-size: 100% auto;font-size: 13px;padding: 15px;margin: 0px;/* background-color: #6f6f6f; */letter-spacing: 2px;/* box-shadow: 0 0 5px #2f2f2f inset; */}
footer section.by a { color:#c2c2c2 }
footer section.by a b { color:#eaeaea }
/* INFO */
footer section.inf {/* background-color: #3d434c; *//* border-top: solid 1px #e4e4e4; */color: #b9b9b9;}
footer section.inf div {display: inline-block;font-size: 13px;padding: 10px;letter-spacing: 1px; }
/* PAYMENT */
footer section.cpy div.pym {display:none;}
/* COPYRIGHT */
footer section.cpy div.cpy {padding: 20px 0px 0px;font-size: 13px;font-weight: bold;color: #ffffff;}
/* SHARE */
#shr {/* background-color: #272a2e; */color:#FFF;width: 250px;margin: 30px auto;padding: 10px;/* opacity: 0.8; */border-radius: 5px;}
#shr h5 {letter-spacing:3px;padding: 10px 0;font-size: 20px;}
#shr h5 span{ width: 140px; display: inline-block;}
#shr h5:before,#shr h5:after {background-color: #fff;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 11%;}
#shr h5:before {right: 1em;margin-left: -50%;}
#shr h5:after {left: 1em;margin-right: -50%;}
#shr ul { padding: 0x; margin:0px; list-style:none; text-align:center}
#shr ul li {display: inline-block;width:25%;background-image:url('/imgs/ui/smb.png');border: solid 1px #ffffff;max-width: 40px;height: 40px;background-size: auto 90%;text-indent: -9000px;margin: 8%;opacity: .8;border-radius: 10px;}
#shr ul li:hover {box-shadow: 0px 3px 0px #e0e0e0;border: solid 1px white;position: relative;top: -2px;}
#shr ul li a {display:block;}
#shr ul li.fbk {/* background-color:#3b5998; */background-position: 4px;} 
#shr ul li.fbk:hover { background-color:#3b5998; } 
#shr ul li.twt {/* background-color:#1DA1F3; */background-position: -33px;} 
#shr ul li.twt:hover { background-color:#1DA1F3; } 
#shr ul li.ggp { background-color:#d34836; background-position: -70px;} 
#shr ul li.ggp:hover { background-color:#d34836; } 
#shr ul li.wtp {/* background-color:#25d366; */background-position: -107px;} 
#shr ul li.wtp:hover { background-color:#25d366; } 
/* TyC */
#TyC {	background-color: whitesmoke;	border: solid 1px #CCC;
font-size: .8em;padding: 30px;}
/* HIDE */
.HD {VISIBILITY: hidden}
/* [Phone] [V] (> 360) */
@media (min-width: 360px) {
	article, footer {/* top: 238px; */}
	/* SECTION */
	section.pst.nws div.hds h2 { font-size:22px; }
	section.pst.nws div.lnk { top: -90px; }
}
/* [Tablets] (> 800px) */
@media (min-width: 800px) {
	/* HEADER */
	header{height: 120px;width: 100%;}
	header.padheader{ padding-bottom:37px;}
	header h1 {
		width: 460px;
		padding-left: 0px;
		padding-right: 8px;
		margin: auto;
		float: left;
	}
	header h1 a{
		width: 480px;
		height: 100px;
		margin: 7px 10px 0px;
		background-size: 100%;
	}
	header div.menu{
		/*background-color: #FC0;*/
		/*border: solid 1px #F60;*/
		/*border-radius: 6px;*/
		/*background-image: linear-gradient(to bottom, #FC0 0%, #F60 100%);
		/*box-shadow:0px 1px 10px #333;  */
		float: right;
		overflow: hidden;
		position: relative;
		border-radius: 0px;
		margin: 35px 30px 0;
	}
	/* HEADER */
	section.pst h2{font-size: 1.7em;}
	section.pst h3{font-size: 1.8em;margin: 30px auto 0px;}
	section.pst h4{font-size: 1em;margin: 0px auto 20px;}	
	/* POSTs */
	article {text-align: center; top: 600px; }
	article a.sct{ top: 0px; }
	article hr {  clear:both;  }
	section.pst {margin: 40px;padding: 0; }
	section.pst h2 {/* color:#333; */}
	/* HEADER */
	section.pst.hdr div.txt { margin: 40px auto;width: 84%; }
	section.pst.hdr div.txt p { text-align: center; }
	/* SUBHEADER */
	section.pst.shd {max-width: 75%;margin:auto;margin-bottom: 95px;}
section.pst.shd .txt,
section.pst.thd .txt,
section.pst.qhd .txt,
section.pst.fhd .txt,
section.pst.xhd .txt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    border: solid 15px #000;
    min-height: 500px;
    text-align: center;
    :;
    margin: 0;
    box-sizing: border-box;
}
section.pst.shd .txt p,
section.pst.thd .txt p,
section.pst.qhd .txt p,
section.pst.fhd .txt p,
section.pst.xhd .txt p {
    font-weight: bold;
    font-size: 44px;
    margin: 0 25%;
    line-height: 60px;
    letter-spacing: 5px;
}
section.pst.shd .txt p .nmb,
section.pst.thd .txt p .nmb,
section.pst.qhd .txt p .nmb,
section.pst.fhd .txt p .nmb,
section.pst.xhd .txt p .nmb {
    font-weight: bold;
    font-size: 44px;
    margin: 0;
}
	/* iPACK */
	section.pst.ipk {display: inline-block;width: 25%;margin: 10px 20px 30px;}
	/* PACK */
	section.pst.pck {display: inline-block;width: 90%;margin: 10px;}
	section.pst.pck div.hds { font-size: 45px;  }
	/* SHOWCASE */
	section.pst.swc {display: inline-block;width: 28%;margin: 10px;padding: 10px;text-align: center;}
	/* ITEM */
	section.pst.itm {display: inline-block;width: 43%;margin: 25px;/* padding: 20px; */}
	/* NEWS */
	section.pst.nws {box-shadow: 0px 0px 5px #898989;border: solid 1px white;height: 736px;margin: 10px 0px 20px 34px;}
	section.pst.hdr ul.nws li { width: 31%;display: inline-block;margin: 0px 10px; }
	section.pst.hdr ul.nws li a { padding: 3px 10px 0px;height: 62px;text-align: left;line-height: 27px;}
	/* MSG */
	section.pst.msg {margin: 30px auto 60px;} 
	/* SOCIAL */
	section.pst ul.smi li {display: inline-block;padding: 5px 15px;}
	/* GOL */
	section.pst.gol { width: 100%;overflow: hidden;position: relative;margin-top: 10px; }
	section.pst.gol div.hds { clear: none;float: left;width: 45%;margin-left: 2%; }
	section.pst.gol div.img{ clear: none;float: right;width: 47%;margin: 20px 0;padding-right: 5%; }
	section.pst.gol div.img img{ width: 100%;height: auto;box-shadow: 0px 0px 25px #000;border: solid 5px #FFF; margin: 0; }
	section.pst.gol div.txt{ clear: none;float: left;width: 43%;box-sizing: border-box;margin-left: 2%; }
	section.pst.gor { width: 100%;overflow: hidden;position: relative;margin-top: 10px; }
	section.pst.gor div.hds { clear: none;float: right;width: 45%;margin-top: 10px; }
	section.pst.gor div.img{ clear: none;float: left;width: 48%;margin: 20px 0;padding-left: 3%; }
	section.pst.gor div.img img{ width: 100%;height: auto;box-shadow: 0px 0px 25px #000;border: solid 5px #FFF; margin: 0; }
	section.pst.gor div.txt{ clear: none;float: right;width: 41%;box-sizing: border-box;margin-right: 4%; }
	/* WHATSAPP */
	#whatsapp {/* top: 17px; */right: 3%;}
}
/*  [Laptop] (> 1200px) */
@media (min-width: 1200px) {
	 /* Video Background */
	.vfg iframe { position: absolute;top: -5%;left: -5%;width: 110%;height: 110%;pointer-events: none;}
	/* GRID*/
	section.pst.shd .txt p,section.pst.thd .txt p,section.pst.qhd .txt p {background-size: 100% auto;}	
	/* NEWS*/
	section.pst.nws { float: left;height:789px;width: 45%;}
	section.pst.nws div.hds h2 { font-size:23px; } 
	section.pst.nws div.img { height: 350px;overflow: hidden; }
	section.pst.nws div.img img { height: 350px; }
	section.pst.nws div.adm { position: relative;top: -173px; }
	/* POSTS */
	section.pst.pck {padding: 20px 40px;width: 80%;}
	section.pst.pck div.txt p { text-align:center; }
	/* WHATSAPP */
	#whatsapp {bottom: 17px;right: 3%;}
	/* FOOTER */
	footer{padding: 470px 0 0px;}	
}
/*  [Desktop] (> 1600px) */
@media (min-width: 1600px) {
	/* ARTICLE */
	article {text-align: center;top: 850px;}
	article section.igd { }
	header div.menu {width: 1050px;}
	/* HEADER */
	section.pst.hdr div.txt { margin: 40px auto;width: 84%; }
	section.pst.hdr div.txt p { text-align: center; }
	section.pst.shd {max-width: 75%;margin:auto;}
	section.pst.shd .txt p {line-height: 100px;font-size: 50px;text-align: center;padding: 290px 140px;background-size: auto 100%;}	
	/* CALL */
	section.pst.cll {max-width:380px;margin: 80px auto 150px;}
	/* ITEM */
	section.pst.itm iframe {height:500px}	
	/* NEWS*/
	section.pst.nws { width: 30%;float: left;}
	/*POSTS*/
	section.pst.pck {padding: 20px;width: 28%;}
    /* Video Background */
    .video-background {
      background: #000;
      position: fixed;
      top: 0; right: 0; bottom: 0; left: 0;
      z-index: -99;
    }
    /* WHATSAPP */
    #whatsapp {/* top: 17px; *//* left: 48%; */}
	/* FOOTER */
	footer{padding: 800px 0 0px;}	
}