.fgrey_green{background:hsl(42.95deg 35.73% 69.92% / 75%) !important}
#texta21{min-width:60vw}
@media(max-width:720px){.qperfil{width:20vw !important;}}
/* no need */
#loadMore{ display: none !important; }
.a2a2{ position: absolute; left: 0; text-align: center; background: #f7f3f3; top: 20%; height: 33vh; width: 100%; padding: 2em; box-shadow: 0px 5px 17px -12px rgb(0 0 0 / 91%); font-size: 1.14rem; text-overflow: ellipsis; max-width: 99vw; white-space: normal; letter-spacing: 1px; margin-bottom: 2.5rem; margin-top: 1rem; word-break: break-all; color: #857e7e !important; line-height: 1.6; justify-content: space-around; text-shadow: 0px 0px 1px rgb(51 51 51 / 41%); padding: 1% 10%;}
textarea::placeholder, input::placeholder{ color: #9a99ab;}
.tktk{ display: block; ;margin: 0px 12px 0 8px; overflow-y: hidden !important ; max-height: 100%; padding: 0 6%;}
/*.tktk #printableAreaA{ margin: -3rem 0 -1rem 8px;} */
/* rpt footer none 5151**/
.rptftr{position: absolute;display: inline-flex;left: 0;top: -7px;padding-bottom: 2px;padding-top: 6px;line-height: 16px;z-index: 2;background: rgb(255 255 255 / 7%);height: 40px;padding-left: 108px;width:100vw;margin-left: 5px;color: #999 ;text-shadow: none;font-weight: 700;font-family: 'montserrat-regular',sans-serif;}
.rptftr a{display: inline-flex;top: 8px;z-index:5;color: #999;margin-left: 62px;margin-right: 17px;}
/* rpt hdr none 5151**/
.site-nav:before,.site-nav:after{ content: '';display: table;}
.site-nav:after{ clear: both;}
.site-hdr, .hdr-tgl, .hdr-tgl-icon, .hdr-tgl-icon:before, .hdr-tgl-icon:after{ transition: .3s all;}
.site-boundary{ margin: 0 auto;max-width: 1280px;padding: 0 2em;position: relative;}
.site-hdr{ background: #fff !important;position: absolute;transform: translateX(-110%);width: 100%;z-index: 11;top: 0px;right:0px;box-shadow: inset 1px -5px 4px -0.5rem rgb(0 0 0 / 25%), 0px 0px 0.25rem 1rem #fff;}
.site-hdr.active{ transform: translateY(0);}
.site-nav{ font-size: 1.25em;padding: 0.4em .5em;}
.site-nav a{ color: #07617d;;display: block;float: left;padding: 1em;text-decoration: none;font-size: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-style: italic;font-weight: 600;}
.site-nav a:hover{ color: #555;display: block;float: left;padding: 1em;text-decoration: none;}
.hdr-tgl{ background: #ccc;border-radius: 3px;bottom: -5em;cursor: pointer;font-size: 9px;height: 3em;position: absolute;right: 1em;width: 3em;}
.site-hdr.active .hdr-tgl{ transform: rotate(90deg);}
.site-hdr.active .hdr-tgl:hover .hdr-tgl-icon{ animation: pulse-arrow .6s 1 forwards;}
.hdr-tgl-icon{ margin-top: -.125em;position: relative;top: 50%;}
.site-hdr.active .hdr-tgl-icon{ transform: scale(0.75);}
.hdr-tgl-icon, .hdr-tgl-icon:before, .hdr-tgl-icon:after{ background: #fff;content: '';height: .25em;left: 50%;margin-left: -1em;position: absolute;width: 2em;}
.hdr-tgl-icon:before{ top: -.5em;}
.site-hdr.active .hdr-tgl-icon:before{ transform: translateX(-0.3em) rotate(-45deg);width: 1.55em;}
.hdr-tgl-icon:after{ top: .5em;}
.site-hdr.active .hdr-tgl-icon:after{ transform: translateX(-0.3em) rotate(45deg);width: 1.55em;}
@keyframes pulse-arrow{ 0%{ transform: scale(0.75);} 50%{ transform: scale(1);} 100%{ transform: scale(0.75);}}
/* qr card */
.tkCont{ display: grid;place-items: center;font-size: min(1.5rem, 2vw);margin: 1em;background: #fff; margin: 1em 2em 1em 2em;}
#tk{ color: #07617d;display: flex;text-transform: uppercase;font-family: sans-serif;font-family: "Acme", sans-serif; box-shadow: 0 0 1em -3px rgb(0 0 0 / 77%), 0 0 1em rgb(0 0 0 / 35%);
background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;
/* background-image: linear-gradient( to bottom right, rgba(255, 150, 0, 0.5), rgb(6 6 34 / 61%) ), url(https://www.transparenttextures.com/patterns/cream-paper.png);; */
background-image: linear-gradient(to bottom right, rgb(255 150 0 / 33%), rgb(6 6 34 / 34%)), url(https://www.transparenttextures.com/patterns/cream-paper.png);
position: relative; width: 93vw;}
#tk > *:not(.backg){ filter: drop-shadow(0.05em 0.035em black);}
#tk .backg{ position:absolute; width: 93vw; height:100%;overflow:hidden;opacity:0.15;filter:drop-shadow(0.25em 0.25em black);}
#tk .backg .logosvg{ fill: var(--color); stroke: var(--color); position: absolute; height: 100%; width: 100%;}
#tk .backg .logosvg.left{ --color: rgb(194, 171, 95);top: 0;left: 0;transform: translate(-50%, -50%) scale(3);}
#tk .backg .logosvg.right{ --color: rgb(100, 13, 24);bottom: 0; right: 0; transform: translate(50%, 50%) scale(3);}
#tk .left{ padding: 1.5em 0 1.5em 2em;display: flex; /*flex-direction: column; */ width: 77vw;gap: 1em;}
#tk .left .hd{ display: flex; justify-content: space-around; gap: 0.2em;flex-direction: column; padding: 0 12px 0 0; font-size: 12px;}
#tk .left .hd h1, #tk .left .hd h1 a{ font-size: 1.6em !important; font-style: normal;word-break: break-word; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}
#tk .left h2{ word-break: break-word;color: #7e7272;margin-bottom: 0px;/* font-size: 1.1em;margin-top: -25px;*/}
#tk .left h1{ color: #052c35 !important;}
#tk .dt{ word-break: break-word;width: 61vw;}
#tk .dt2{ position: absolute; bottom: 8px; color: #862953; }
.qcard { width: 300px; min-height: 610px; margin: 50px auto; background-color: #f3f3f3; border-radius: 20px; box-shadow: #bbb 0px 2px 14px -2px;}
.qbox { width: 300px; height: 200px; border-radius: 20px 20px 0 0; z-index: 1; border-bottom: 10px solid #c0c0c1; margin-top: -30px; background: #fafafa;
background-size: cover !important; background-position: center center !important; /*background-attachment: fixed !important; background-image: url(/public/coffee1.jpg); */ }
.qcard .qq { width: 150px; height: 150px; border-radius: 5%; margin: -90px 0 10px 75px; }
.qcard .qq img{ width: 34vw; max-height: 19vh !important; }
.qcard .qq:hover { transform: scale(1.1); transition: all 0.5s ease;}
.qlogo { max-width: 25px; height: 25px; position: relative; top: 12px; left: 10px; z-index: 1;}
.qhd { font-family: "Roboto", sans-serif; font-size: 1.6em; color: #cecece; text-align: center; text-transform: uppercase; margin-top: 20px;}
.qhd a {font-size: 17px; }
.qtop { font-family: "Lato", sans-serif; font-size: 1.2em; color: #7C7C7C; text-align: center; margin: 10px 20px; word-break: break-word;}
.qdsc { font-family: "Lato", sans-serif; font-size: 1em; color: #7C7C7C; text-align: center; margin: 10px 20px; word-break: break-word;}
.qdsc2 { font-family: "Lato", sans-serif; font-size: 1em; color: #7C7C7C; text-align: center; margin-top: 20vh; margin: left:4vw; margin-left: 20%; word-break: break-word; display: inline-flex; flex-direction: column; }
.qhd .btn-primary a, .qhd a:visited { color: #07617d; }
.qrff{display: flex;align-items: center;justify-content: flex-end;width: 12vw;border-left: 0.05em dashed rgb(223, 223, 223);}
.qrff-container{ position: absolute;line-height: 1.1em;margin: -7em -1em 2em 1em;font-size: 8px;}
.qrff-container::after{content: attr(title);position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.qrff2{display: flex;align-items: center;justify-content: flex-end;width: 12vw;border-left: 0.05em dashed rgb(223, 223, 223);flex-direction: column-reverse;}
.qrff2-container{ position: absolute;line-height: 1.1em;margin: -2em 0em 2em 1em;font-size: 9px;}
.qrff2-container::after{content: attr(title);position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
#tk .right{ padding: 4px 10% 1.5em 0;margin-top: 5vh;display:flex;flex-direction:column;align-items:anchor-center;justify-content:center;text-align:center;max-width: 21vw; }
#tk .right h1{ font-size: 28px !important;word-break: break-word;margin-top: -23px;}
#tk .right h2{font-size: 8px!important;letter-spacing: 1px;max-width: 8em;word-break: break-word;color: #7e7272;margin-bottom: 12px; padding-right: 0;}
.tickd {color:black; font-size:12px; color: #07617d; margin-top: -5px;width: 90%; height: fit-content;white-space: pre-wrap; margin: 0px 12px 0 15px;}
.qlogoL{ max-width: 25px;height: 25px;position: relative;margin-top: -3px;margin-left: -3px}
.qlogoR{ max-width: 25px;height: 25px;position: relative;left: 8px;margin-top: 11px;}
.qq img{ max-height: 9vh !important;}
@media(max-width:480px){ .qq img{ max-height: 6vh !important;}}
#r332 .text-div {min-wodth:60vw;}
#texta2 {min-width:60vw;}
/* business card */
.showcase143{position:relative;width:70%;height:23em;margin:2em auto;overflow:hidden;background:transparent;box-shadow:0em 1px 4px 0px black;}
@media(max-width:480px){.showcase143{width:98%;}}
@media(max-width:480px){.showcase143 h2{font:15px/30px 'opensans-bold',sans-serif !important;}}
.showcase143 .thumbnail{position:absolute;height:100%;top:0;left:0;right:30%;background:#293853;background-position:50% 50%;background-size:cover;transition:right 250ms ease,left 250ms ease;color:#fff;}
.showcase143 .thumbnail p,.showcase143 .thumbnail a{color: #fbfbfb}
.showcase143 .thumbnail .fm_titles{color:#90949c !important;}
.showcase143 h2{ color:#cecece !important;}
.showcase143 h1{ color:#fff !important; font-size: 1.65rem !important;}
.showcase143 .thumbnail h2{font:14px/23px 'opensans-bold',sans-serif;}
.showcase143 .thumbnail__overlay{position:relative;padding: 3em 1.5em;padding-bottom:8em;overflow-y:auto;min-height: 34vh; height: 100%; color:#fff;transition:opacity 250ms ease;}
.showcase143 .desc{position:absolute;width:30%;height:100%;top:0;right:0;padding:20px;background:white;text-align:center;transition:background 250ms ease,color 250ms,width 250ms ease,padding 250ms ease;}
.showcase143 .desc:after{display:block;width:0;height:0;position:absolute;top:50%;left:-20px;margin-top:-10px;border-style:solid;border-width:10px;border-color:transparent #fff transparent transparent;content:"";transition:border-color 250ms;}
.showcase143:hover .thumbnail{box-shadow:0 3px 6px rgba(0,0,0,0.10),0 3px 6px rgba(0,0,0,0.10);}
.showcase143--inverted .thumbnail{right:0;left:30%;}
.showcase143--inverted .desc{left:0;right:auto;}
.showcase143--inverted .desc:after{left:auto;right:-20px;border-color:transparent transparent transparent #fff;}
.showcase143 ::-webkit-scrollbar{-webkit-appearance:none;width:4px;}
.showcase143 ::-webkit-scrollbar-thumb{border-radius:4px;box-shadow:inset 0px 20px 13px -6px rgb(251,75,75);}
/* toggle */
.eyepen{ font-size: 16px;color: #024959 !important;position: absolute;right: 1%;top: 11px;cursor: pointer;z-index: 1;position: fixed;top: 41px;}
/* rss */
.cardffRss{ font-size: 10px;color: #a3a394;}
.cardffRssCon{ max-height: 80vh;}
.feedEkList{ list-style: none outside none !important;background-color: #FFFFFF;border: 1px solid #D3CAD7;padding: 4px 12px;overflow-y: auto;max-height: 25vh;padding-bottom: 3vh !important;color: #3E3E3E;}
.feedEkList li{border-bottom:1px solid #D3CAD7;padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight:bold;color:#862929 !important;text-decoration:none ;display: block;font-size: 14px}
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#AAAAAA;}
.itemAuthor{font-size:11px;color:#AAAAAA;text-align: right}
.feedEkList .itemContent{ font-size: 12px;color: #4c443b;}
/* QR links**/
.panelLNK{margin:2em 15% !important;}
@media screen and(max-width:500px){.panelLNK{margin:0 5% !important;}}
.panelLNK .panelLNK-element{position:relative;margin-top:9px;}
.panelLNK .panelLNK-element .element-content{background-color:#fff;border-bottom:1px solid #d6d6d6;position:relative;right:0;}
.panelLNK .panelLNK-element .element-content .content-post .post-avatar{width:50px;float:left;border-radius:50%;}
.panelLNK .panelLNK-element .element-content .content-post .post-content{margin-left:75px;}
.panelLNK .panelLNK-element .element-content .content-post .post-content .post-title,.panelLNK .panelLNK-element .element-content .content-post .post-content .post-body{display:block;}
.panelLNK .panelLNK-element .element-content .content-post .post-content .post-title{font-size:14px;color:#246194;}
.panelLNK .panelLNK-element .element-content .content-post .post-content .post-body{margin-top:5px;font-size:12px;color:#CCCBCB;}
@media screen and(max-width:500px){h1{margin-bottom:0;padding:40px;font-size:25px;}}
/* vert text */
.v-text{ transform: rotate(-180deg);writing-mode: vertical-lr;margin: 0px 0px 40px 0px;transition: 0.2s ease;color: inherit;background: transparent;}
/* star rating */
#ifr{direction:rtl;unicode-bidi:bidi-override;text-align:left;display: flex;}
#ifr input[type="radio"]{display:none}
#ifr label{text-align:center;font-size:15px;color:#cccccc;}
#ifr label:hover, #ifr label:hover ~ label{color:orange}
#ifr input[type="radio"]:checked ~ label{color:orange }
#ifr2{direction:rtl;unicode-bidi:bidi-override;text-align:left;display: flex;margin: -5px 12px 0 12px;}
#ifr2 input[type="radio"]{display:none}
#ifr2 label{text-align:center;color:#cccccc; font-size: 12px;line-height: 10px;margin: 0 2px;display: flex;}
#ifr2 label:hover, #ifr2 label:hover ~ label{color:#de0d3e}
#ifr2 input[type="radio"]:checked ~ label{color:#de0d3e}
.ifr3{ display: flex;margin: -5px 12px 0 12px;}
.ifr3 input[type="radio"]{display:none}
.ifr3 label{text-align:center;color:#cccccc; font-family: fantasy,'FontAwesome';font-size: 15px;font-weight: 600 !important;margin: 0 4px;display: flex;}
.ifr3 label:hover, .ifr3 label:hover + label{color:#de0d3e}
.ifr3 input[type="radio"]:checked + label{color:#de0d3e}
/* thumbs up/down */
.thumbsff{ display:flex;margin: 8px;}
.thumbsff .radio_group{ width: 35px;height: 20px;position: relative;text-align: center;xline-height: 20px;font-size: 20px;}
.thumbsff .radio_group input[type="radio"]{ opacity: 0;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;margin: 0;padding: 0;z-index: 1;cursor: pointer;}
.thumbsff .radio_group input[type="radio"] + label{ color: #95a5a6;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform: scale(1.1);}
.thumbsff .radio_group label{ color: #95a5a6;font-size: 14px;line-height: 14px;}
.thumbsff .radio_group input[type="radio"]:checked + label{ color:#3498db;transform: scale(1.5);}
/* */
#bckhdr{ display: block;width: 100%;z-index: -1;position: absolute;box-shadow: inset 0px 0px 4px 1px hsl(0deg 7% 88%);background-size: cover !important;background-position: center center !important;/* background-attachment: fixed !important;*/ height: 100%;}
#toplm{ width: 100%;position: fixed;top: 0;bottom: 0; max-height: 100vh;} /* was absolute, fixed is important for iframe - but confused msgs + footer */
.containerfx{position: relative;overflow-y: hidden;overflow-x: hidden;width: 100%;max-height: 100vh;display: block;padding: 1.5em 12px 45em 12px;border-radius: 0px 0px 5px 0px;word-break: break-all; }
.headfoot{ height: fit-content;min-width: 290px;width: 100%;margin: 2px auto;padding: 0 12px;text-align: center;display: flex}
.headfooter{ width: 100%;font-size: 8px !important;height: fit-content;min-height: fit-content;word-break: break-word;padding: 0 12px; display: inline-block;}
@media screen and (max-width: 500px){ .headfooter{ bottom: 0.6vh;}}
.headfooter h19{ word-break: break-word!important;text-align: center;margin-top: 2rem!important;margin-top: 4rem!important;font-size: 1.6rem;line-height: 26px;text-shadow: 0px 0px 1px rgb(51 51 51 / 87%);color: #565759 !important;word-break: break-word;font-family: serif, 'FontAwesome';}
.headfoot h1{ text-align: center;word-break: break-word;padding: 2em;}
.headfoot h2{ text-align: center;word-break: break-word;padding: 2em;}
.headfoot h18{ font-size: 3.84rem;text-shadow: 1px 1px 1px rgb(5 6 28 / 44%);background-size: cover !important;background-position: center center !important;background-attachment: fixed !important;
margin: 0;word-break: break-word;line-height: 120%;width: 100vw;padding: 0.6em 0 0em 0;height: fit-content;}
.headfoot h19{ font-size: 2.1rem;/* font-weight: 600;*/ line-height: 26px;text-shadow: 0px 0px 1px rgb(51 51 51 / 87%);color: #565759 !important;width: 100%;margin-bottom: 12px;padding: 12px;word-break: break-word;font-family: serif, 'FontAwesome';}
h19{ color: #085f72 !important;}
.plogo{ position: relative;max-height: 50px;}
@media screen and (max-width: 700px){ .plogo{ }}
.aprv_commit{ position: relative;display: flex;min-width: 85vw;justify-content: space-around;margin: 8px auto 0em;text-align: center;width: 100%;}
/* $('.fmore1').slideToggle();will toggle div with the class */
.fmore{ display:none;}
/* like tool tip anything xxx */
.popunder-wrapper{ position: relative;height: auto;}
.popunder-wrapper:hover .popunder{ transform: scale(1);opacity: 1;}
.popunder{ display: block;position: absolute;bottom: -35px;right: auto;top: auto;left: calc(50% - 50px);transform: scale(0);opacity: 0;transform-origin: 50% 100%;width: 100px;height: 30px;
line-height: 30px;text-align: center;xbackground: linear-gradient(45deg, #FC466B 0%, #3F5EFB 100%);border-radius: 4px;box-shadow: 0 10px 10px -5px rgba(0,0,0,.25);color: #9a9a9a;font-size: .75em;transition: all .5s steps(5);}
.phdrftr{ margin-top: -1.26em;height: 60px;min-width: 43vw ; max-width: 100% !important; padding-top:5px;padding-left:5px; margin-top: 0px;background: transparent !important;display: inline-block !important;
color: #444444;font-family: "montserrat-regular ", sans-serif, 'FontAwesome' !important; font-size: 13px !important;line-height: 2.41rem !important; padding: 3px 8px 8px 8px !important;}
@media screen and (max-width: 1200px){ .phdrftr{ min-width: 40vw;padding-left:5px;}}
@media screen and (max-width: 900px){ .phdrftr{ min-width: 30vw;padding-left: 5px;}}
@media screen and (max-width: 500px){ .phdrftr{ min-width: 38vw;padding-left: 4px;}}
.phdrftrRight{width: 100%; background: rgb(223 221 221 / 18%); }
.flexfmck{ display: flex;flex-flow: row;padding-bottom: 2vh;}
.fmck{ margin-right:8px;margin-left: 2vw !important;}
.fmck-title{ font-size: 11px;line-height: 14px;margin: 0 -4px 0 16px;font-weight: 500;color: #3a6b8c !important;font-style: italic;}
/* radio option inferface - approve home*/
.o__pg{ display: flex;flex-flow: column;max-height: 100vh;overflow-y: auto;margin-top: -4.18vh !important;position: fixed;overflow-y: auto;padding: 4em 0.5em;; top: 7vh;/*background: white; */}
@media screen and (min-width: 640px){ .o__pg{ flex-flow: row;margin: 0 10%;}}
.o__pgdsc, .o__right{ box-sizing: border-box;padding: 0 1em;}
.o__pgdsc{ flex: 1; padding: 0 2em; font-size: 1.2em; margin-bottom: -4vh; }
.o__pgdsc h1{ text-transform: uppercase;}
.o__pgdsc p{ line-height: 2;letter-spacing: 0.02em;margin-left: -8px !important;}
.o__right{ flex: 2;}
.o__item{ position: relative;}
.o__radio{ opacity: 0;position: absolute;}
.o__label{ cursor: pointer;display: flex;border-radius: 1.5em;box-sizing: border-box;padding: 1.5em 0.1em 0em 1em;transition: 0.2s;margin-bottom: 0em;background: #ebeef1;}
.o__label_NORADIO{ cursor: pointer;display: flex;border-radius: 1.5em;box-sizing: border-box;padding: .5em 0.1em 0em 1em;transition: 0.2s;margin-bottom: 0em;}
.o__label:hover{ color:#fff;background: #233140;}
.o__price{ display: flex;flex-flow: column;min-width: 35px;font-size: 13px;line-height: 12px;}
.o__price-header{ padding: 0;margin: 0;font-size: 2.25em;}
.o__price-underline{ display: flex;height: 3px;width: 0%;background: #f1c40f;transition: 0.2s;border-radius: 10px;}
.o__content{ box-sizing: border-box; padding: 0 1em 0 0;display: flex;flex-flow: column ;width: 78%; margin-bottom: -2vh;}
.o__header{ padding: 0;margin: 0;font-size: 1.25em;color: rgb(102 111 156);}
.o__text{ margin: 0.563em 0;line-height: 1.4; letter-spacing: 0.04em; font-size: 13px;}
.o__pg p{ word-break: break-word;margin: 0;width: 84%;float: left;line-height: 1.862;font-weight: 300; font-size: 0.84em !important; color: #7e7c8e;}
@media screen and (min-width: 640px){ .o__pg p{ line-height: 2.2 }}
.o__radio:checked ~ .o__label{ background: #ddd;-webkit-animation: pop 200ms ease-in forwards;animation: pop 200ms ease-in forwards;}
.o__radio:checked ~ .o__label .o__price-underline{ width: 100%;}
@-webkit-keyframes pop{ 0%{ transform: scale(1);} 50%{ transform: scale(1.0125);} 100%{ transform: scale(1);}}
@keyframes pop{ 0%{ transform: scale(1);} 50%{ transform: scale(1.0125);} 100%{ transform: scale(1);}}
/* side menu approve */
.emailfm{ background: transparent !important;padding-top: 15px;display: inline-block !important;max-width: 35vw !important;
color: #444444;font-family: "montserrat-regular ", sans-serif ,'FontAwesome' !important;margin-bottom: 15px !important;font-size: 13px !important;line-height: 2.41rem !important;}
.fenu,.fenu2{ position: absolute;z-index: 10;top: 3vh;left: 4px;height: 36px;width: 36px;cursor: pointer;border-radius: 50%;background-color: #f1eeee;box-shadow: 0 7px 5px rgba(32, 32, 32, 0.2);transition: 0.25s ease;}
.fenu2{ top: 1vh;background-color: #07617d;height: 26px;width: 26px;}
.fenu:hover ,.fenu2:hover{ transform: translateX(-10px);border-radius: 0 50% 50% 0;}
.fenu:hover span, .fenu2:hover span{ transform-origin: 50% 50%;transform: translateX(-50%) rotate(180deg);}
.fenu:hover span:before, .fenu:hover span:after , .fenu2:hover span:before, .fenu2:hover span:after{ transform-origin: 0 50%;width: 11px;}
.fenu:hover span:before{ transform: rotate(-45deg);}
.fenu:hover span:after , .fenu2:hover span:after{ transform: rotate(45deg);}
.fenu span, .fenu2 span{ transition: 0.25s;position: absolute;top: 50%;left: 50%;transform: translateX(-50%);display: block;}
.fenu span, .fenu span:before, .fenu span:after{ width: 22px;height: 2px;background-color: #07617d;}
.fenuxxx2{ width: 9px;height: 2px;background-color: #eaeff1;}
.fenu2 span:before{ font-family: "FontAwesome";content: "\f007" !important;color: #ccc;font-size: 16px;top: -9px !important;left: -6px!important;}
.fenu2:hover span:before{ transform: rotate(-90deg);}
.fenu span:before, .fenu span:after , .fenu2 span:before, .fenu2 span:after{ transition: 0.25s;position: absolute;top: 0;left: 0;content: "";}
.fenu span:before, .fenu2 span:before{ transform: translateY(-6px);}
.fenu span:after , .fenu2 span:after{ transform: translateY(6px);}
.fenu.shifted ,.fenu2.shifted{ left: 1px;transform: translateX(71vw);border-radius: 0 50% 50% 0;box-shadow: 0 0.3rem 1rem #00000033; }
@media (max-width:500px){ .fenu.shifted ,.fenu2.shifted{ transform: translateX(71vw); }}
.fenu.shifted span, .fenu2.shifted span{ transform-origin: 50% 50%;transform: translateX(-50%);}
.fenu.shifted span:before, .fenu.shifted span:after , .fenu2.shifted span:before, .fenu2.shifted span:after{ transform-origin: 0 50%;width: 11px;}
.fenu.shifted span:before , .fenuxxx2.shifted span:before{ transform: rotate(-45deg);}
.fenu.shifted span:after , .fenu2.shifted span:after{ transform: rotate(45deg);}
/**/
.fenu-side, .fenu2-side{ height: 91vh;width: 73vw !important;z-index: 9;padding-left: 5vw;transform: translateX(-100vw);top: 0%;background-color: #f1eeee;color: #FFF;overflow: hidden;overflow-y: auto;font-size: 1.2rem;transition: 0.25s;
position: fixed;}
.fenu2-side{ top: 1%;background-color: #fff;}
.fenu-side h3, .fenu2-side h3{ text-align: center;}
.fenu-side ul , .fenu2-side ul{ margin-left: 0px;padding-left: 20px;}
.fenu-title , .fenu2-title{ color: brown;font-size: 11px;line-height: 26px;max-width: 66%;}
.fenu-side li , .fenu2-side li{ list-style: none;}
.fenu-side a , .fenu2-side a{ color: inherit;text-decoration: none;}
.fenu-side.shifted , .fenu2-side.shifted{ transform: translateX(-15vw);box-shadow: 0 0.3rem 1rem #00000033;border-radius: 0.2rem;padding: 1em 0em 0em 3em;}
.fenuinp{ box-shadow: 0 0 10px #eee, 1px 1px 1px rgb(0 0 0 / 10%);font-size: 12px !important;background-color: #f1eeee !important ;margin-top: 8px;}
/* 2 state btn commit */
.shide{ display: none;}
.submit-btn2State{ display: block;font-family: "Open Sans", Helvetica, Arial, sans-serif ,'FontAwesome';font-weight: 600;text-transform: uppercase;font-size: 1em !important;padding: 0px !important;letter-spacing: 1px;height: 38px;width: 120px;
line-height: 38px !important;overflow: hidden;background: #4dbecf;border-radius: 3px;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);border: 0;cursor: pointer;transition: all 0.3s ease;}
.submit-btn2State:hover, .submit-btn2State:focus{ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.submit-btn2State.animated{ -webkit-animation: 0.75s short-press cubic-bezier(0.77, 0, 0.175, 1) forwards;animation: 0.75s short-press cubic-bezier(0.77, 0, 0.175, 1) forwards;}
.submit-btn2State > div{ display: block;color: white;text-align: center;}
.submit-btn2State > div.pre-state-msg{ transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);transition-delay: 0.75s;}
.submit-btn2State.state-1 .pre-state-msg{ margin-top: -38px;}
.submit-btn2State.state-2 .pre-state-msg{ margin-top: -76px;}
/************ approve* which one *****toggle*******/
.flexrow{ display: inline-flex;}
.editSet{ position: relative;display: flex !important ;justify-content: space-between;align-items: center;width: fit-content;max-width: 80vw;/*max-width: 55vw;/* margin-bottom: 8px !important;*/ margin-top: 12px !important;max-height: 31px;}
.editSetItems{display: inline-flex;z-index: 3;/* align-items: center;bad for traffic & sugg*/padding: 0 4px;align-items: flex-start;line-height: 2 !important;margin-left: 8px;color:#07617d;font-weight: 700;cursor: pointer;margin-bottom: 5px;max-height: 33px;}
.fappselY{ color: green;}
/* commet system */
.cmt{ height: 55vh;margin-top: 1em; margin-bottom: 1.72em !important;font-weight: 300;box-shadow: 0 0.3rem 1rem #00000033;border-radius: 0.2rem;padding: 2vw;overflow-x: hidden;overflow-y:auto;}
.cmt_preview{ max-width: 300px;margin-top: -5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 9px;line-height: 3;color: #aaa; padding: 0 5px;}
.aprv_btns{ display: flex;justify-content: space-evenly;align-items: center;width:100%;padding: 12px;}
.aprv_btns a{ font-size: 11px;margin: 0;letter-spacing: 1px;font-weight: 500;box-shadow: 0 0.3rem 1rem #00000033 !important;}
@media (max-width:500px){ .aprv_btns a{ font-size: 9px;}}
.ficur{ max-width: 9vw !important;box-shadow: 0 0 11px -3px #eee inset, 1px 1px 1px rgb(0 0 0 / 10%);border-radius:5px;margin-right:5px;margin-left:5px;}
.rcur{ max-width: 20vw !important;box-shadow: 0 0 11px -3px #eee inset, 1px 1px 1px rgb(0 0 0 / 10%);border-radius:5px;margin-right:5px;margin-left:5px;}
/* traffic lights */
[data-state=G] [data-show=G]{ opacity: 1;} [data-show=G]{ color: #34CA4A;}
[data-state=Y] [data-show=Y]{ opacity: 1;} [data-show=Y]{ color: yellow;}
[data-state=R] [data-show=R]{ opacity: 1;} [data-show=R]{ color: #980903;}
[data-state=E] [data-show=E]{ opacity: 1;} [data-show=E]{ color: #aaa;}
[data-state=D] [data-show=D]{ opacity: 1;} [data-show=D]{ color: #34CA4A;}
.traffic-light{ display: flex !important;flex-direction: row;xjustify-content: space-around;align-items: center;gap: 9px;}
.light{ opacity: 0.23;width: 13px;height: 13px;border-radius: 50%;background-color: currentColor;transition: opacity 0.3s;border:2px solid #555;margin: 0px 8px 0 0px;}
.tick{ opacity: 0.23;width: 13px;height: 13px;border-radius: 50%;transition: opacity 0.3s;margin: 0px 18px 0 0px;}
.tick:before{ font-family: FontAwesome;content: "\f00c";position: absolute;margin-top: -14px;font-size: 20px;}
.close{ opacity: 0.23;width: 13px;height: 13px;border-radius: 50%;transition: opacity 0.3s;margin: 0px 8px 0 0px;}
.close:before{ font-family: FontAwesome;content: "\f00d";position: absolute;margin-top: -14px;font-size: 20px;}
.lightCHK{ width: 17px;border-radius: 0;background-color: currentColor;}
.lightCHK2{ background-color: currentColor;}
/**BACKGROUND ANIMATION can do more with different colours
**/
.fbck_grd1{width:100%;background:#dddddd;background:linear-gradient(232deg,#8fe6e2,#f5f5f5,#d7a0e6);background-size:600% 600%;}
.fbck_grd2{width:100%;background:#dddddd;background:linear-gradient(232deg,#dddddd,#8DA4D0,green);background-size:600% 600%;}
.fbck_grd3{width:100%;background:#dddddd;background:linear-gradient(232deg,#754d4d,#92907e,#1e406d);background-size:600% 600%;}
.fbck_anim{animation:colourFade 16s ease infinite;}
@keyframes colourFade{0%{background-position:0 76%;}50%{background-position:100% 25%;}100%{background-position:0 76%;}}
/**greeting gcard */
.gcard__container{cursor:pointer;position:fixed;left:50%;top:67%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-perspective:1400px;perspective:1400px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
@media (min-width:768px){.gopen .gcard__container{-webkit-transform:translate(0%,-47%);transform:translate(0%,-47%);}}
.gcard{max-width:400px;max-height:600px;width:80vw;height:120vw;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(65deg);transform:rotateX(65deg);-webkit-transition:all 1s ease;transition:all 1s ease;}
.gopen .gcard{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.gcard__panel{box-shadow:0em 1px 4px 0px black;border:1px groove #e4e4e4;border-radius:5px;font-size:14px;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;-webkit-transition:all 1s ease;transition:all 1s ease;-webkit-backface-visibility:visible;-webkit-transform-origin:left;transform-origin:left;-webkit-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg);}
.gcard__panel--front{border-top:2px solid black;z-index:1;-webkit-backface-visibility:hidden;background:#5629A4;background:-moz-linear-gradient(left,#5629A4 0%,#CB0325 46%,#752046 100%);background:-webkit-linear-gradient(left,#5629A4 0%,#CB0325 46%,#752046 100%);background:linear-gradient(to right,#5629A4 0%,#CB0325 46%,#752046 100%);}
.gcard__panel--front h1{color:white !important;font-size:3rem !important;text-align:center;word-break:break-word;}
.gopen .gcard__panel--front{-webkit-transform:rotate3d(0,1,0,-170deg);transform:rotate3d(0,1,0,-170deg);}
.gcard__panel--inside-left{background:#fff;z-index:0;}
.gopen .gcard__panel--inside-left{-webkit-transform:rotate3d(0,1,0,-170deg);transform:rotate3d(0,1,0,-170deg);}
.gcard__panel--inside-right{border-left:none;text-align:center;word-break:break-word;background:#fff;z-index:-1;padding:2em;overflow-y: auto;}
/** ddslick ==*/
.dd-container{position:relative;margin:0px auto;box-shadow:5px 5px 7px rgba(0,0,0,.1);width:100% !important;}
.dd-select{border-radius:2px;border:solid 1px #ccc;position:relative;cursor:pointer;width:100% !important;background:white !important;border:none !important;
box-shadow:2px 7px 8px -4px #999;border:1px solid #ccc !important;border-radius:4px !important;}
.dd-desc{color:#aaa;display:block;overflow:hidden;font-weight:normal;font-size:10px !important;line-height:2.68em;text-align:center; max-width: 40vw;}
.dd-selected{overflow:hidden;display:block;padding:12px !important;font-weight:bold;}
.dd-options > li{font-size:10px !important;}
.dd-option-text{line-height:21px !important;color: #000;text-align: center;font-size: 14px;margin-bottom: 2em;}
.dd-pointer{width:0;height:0;position:absolute;right:4px !important;top:50%;margin-top:-3px;}
.dd-pointer-down{border:solid 5px transparent;border-top:solid 5px #000;}
.dd-pointer-up{border:solid 5px transparent !important;border-bottom:solid 5px #000 !important;margin-top:-8px;}
.dd-options{border:solid 1px #ccc;border-top:none;list-style:none; box-shadow: -4px 11px 11px -4px rgb(221 221 221 / 78%) !important;position:relative !important;/* was position:absolute;now it pushes below rather than going behind sometimes */
display:none;z-index:2000;margin:0;padding:0;background:#fff;overflow:auto;max-height:400px;width:100% !important;}
.dd-option{padding:10px;display:block;border-bottom:solid 1px #ddd;overflow:hidden;text-decoration:none;color:#333;cursor:pointer;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;}
.dd-options > li:last-child > .dd-option{border-bottom:none;}
.dd-option:hover{background:#f3f3f3;color:#000;}
.dd-selected-description-truncated{text-overflow:ellipsis;white-space:nowrap;}
.dd-option-selected{background:#f6f6f6;}
.dd-option-image,.dd-selected-image{vertical-align:middle;float:left;margin-right:5px;max-width:26px;/* fm */ margin-right:15px !important;height:4vh !important;width:14vw !important;}
.dd-option-image{ width: 35vw !important;height: 25vw !important;max-width: 35vw !important;margin-right: 35px !important;max-height: fit-content;} /** fm ***/
.dd-image-right{float:right;margin-right:15px;margin-left:5px;}
.dd-selected-text{font-weight:bold;font-size:12px !important;display:inline;color:#333333;font-style:normal;letter-spacing:.91px;text-shadow:0px 1px 1px rgba(138,134,84,0.32) !important;font-family:'FontAwesome',Arial ,'Open Sans',sans-serif !important ;}
.Nm_stylesN,.Nm_stylesI{font-size:13px;font-weight:600;color:brown;letter-spacing:1px;line-height: 1.24;text-align:center; margin: 13px 1% 5px 1%;}
.Nm_stylesL1,.Nm_stylesL2,.Nm_stylesL3,.Nm_stylesL4{margin-top:30px;font-size:13px;font-weight:600;line-height: 2;}
@media only screen and (max-width:480px){ .Nm_stylesL1,.Nm_stylesL2,.Nm_stylesL3,.Nm_stylesL4{ font-size: 11px;}}
.slk2{color:#999;font-size:11px;}
@media only screen and (max-width:480px){.slk2{ font-size:9px;} }
/** picture albums - lightbox */
.lbcontainer{max-width:800px;margin:5% auto;padding:20px;/* background-color:rgba(255,255,255,0.07);color:white;*/ border-radius:10px;overflow:hidden;text-shadow:0px 1px 3px rgba(5,6,28,0.44);box-sizing:border-box;box-shadow:0 10px 35px rgba(0,0,0,0.4);}
.text-center{text-align:center;margin-bottom:1em;}
.lightbox-gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
.lightbox-gallery div > img{max-width:100%;display:block;box-shadow:0em 1px 4px 0px black;overflow-y:auto;}
.lightbox-gallery div{margin:10px;flex-basis:180px;}
@media only screen and (max-width:480px){.lightbox-gallery{flex-direction:column;align-items:center;}.lightbox > div{margin-bottom:10px;}}
/*Lighbox CSS*/
.lightbox{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:20;padding-top:30px;box-sizing:border-box;overflow-y:auto;}
.lightbox img{display:block;margin:auto;}
.lightbox .caption{margin:15px auto;width:50%;text-align:center;font-size:1em;line-height:1.5;font-weight:700;color:#eee;}
/**multi on word modal **/
.dlg-window{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(210,210,210,0.42);
z-index:100;/*display:none;*/ opacity:0;pointer-events:none;transition:all 0.2s ease-in;/*height:0;overflow:hidden;*/}
.dlg-window .close-dlg-trigger{display:block;text-align:right;text-decoration:none;font-size:2.5rem;font-weight:bold;}
.dlg-window .dlg-wrapper{background:#ffffff;padding:1rem;opacity:0;transform:scale(0.7);transition:all 0.1s ease-in;}
.dlg-fixed{position:fixed !important;}
.dlg-rfixed{width:50%;height:50%;}
.dlg-window .close-dlg-bg{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;cursor:default;}
.dlg-window:target,.dlg-window.active{opacity:1;pointer-events:auto;}
.dlg-window:target .dlg-wrapper,.dlg-window.active .dlg-wrapper{opacity:1;transform:scale(1);}
.dlg-triggerxxxxxxxxxx{display:inline-block;color:#ffffff;background:#333333;text-decoration:none;padding:1rem;}
.close-dlg-trigger{color:#333333;}
/**/
/**1 pg one 160 / 161 **/
.px{margin-left:-12px;}
.px .button{font-weight:600;margin:0;padding:0px;line-height:1;background:transparent;font-size:12px;box-shadow:none;color:#C74A0A;width:100%;-webkit-transition:background 200ms ease;transition:background 200ms ease;}
.px .button:hover{background:rgba(199,74,10,0.1);}
@media (min-width:700px){.px .button{width:auto;}}
.px .section-inner{padding:1.5rem 1.5em 4rem;max-width:100vw;margin:auto;}
.ptf_header,.ptf_footer{background: rgb(17 18 53 / 60%);}
.ptf_header .section-inner,.ptf_footer .section-inner{padding:1.5rem 2.5rem;}
.ptf .section-inner h1{color:#fff;}
.px .site-title,.site-subtitle{ color:#fff !important;margin: 0 2em;}
.px .site-subtitle{text-transform:uppercase;margin:0.5rem 0 0;color:#dddddd !important;}
.px .section-title{font-size:3rem;margin:2rem 0 4rem;}
@media (min-width:700px){.px .section-title{margin:3rem 0 6rem;}}
.px .section-title-divider{height:8px;background-color:#444;width:10vw;margin:0 0 1rem;}
.ptf-label{font-size:0.8rem;text-transform:uppercase;opacity:0.7;}
.ptf-headline{font-size:1.25rem !important;line-height:1.25;margin:0 0 1rem;}
.ptf-summary{margin:1.5rem 0 2rem;line-height:1.5;}
.panel{ position: absolute;transform: translate3d(0,0,0);top:0;left:0;height:100vh;width:100%;background:#fff;overflow-y:auto;z-index:12;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1), 0 30px 100px rgba(0, 0, 0, 0.5);padding-bottom: 10vh;}
.panel-floating{ position: absolute;transform: translate3d(0,0,0);left:0;padding: 0px 1em;margin: 1em;height: 26vh !important;width:100%;z-index:12; /*background:#fff;box-shadow: 2px 7px 11px hsl(0deg 0% 0%); */}
.panel-inner{padding:1.5em 1rem 3em 1em;max-width:100vw;margin:auto;}
.panel-btn:hover{text-shadow:3px 2px 7px rgba(5,6,28,0.44);cursor:pointer;color:red;cursor:pointer;}
.panel-close,.panel-close-all{font-size: 1.7rem !important;color: brown !important;cursor: pointer;display: flex;flex-direction: row-reverse;-webkit-transition:color 200ms ease;transition:color 200ms ease;}
.panel-close:hover{color:rgba(68,68,68,0.5);}
.panel-content{padding:2em 0;font-size:14px;}
.ptf_footer{position:fixed;width:100%;bottom:1px;right:0px;overflow-y:auto;min-height:40px;}
/**multi chkbx ****** see 137 **/
.po_toggle{display:none !important;}
.po{display:inline-block;}
.po label{display:inline-block;position:relative;width: 84px;padding: 0 5px;height:22px;line-height:17px;font-size:8px;border:2px solid #fff;border-radius:100px;color:#fff;background-color:#cecece;text-shadow:1px 1px 2px rgba(5,6,28,0.44);box-shadow:1px 4px 6px -1px rgba(0,0,0,.2);white-space:nowrap;cursor:pointer;user-select:none;transition:background-color .2s,box-shadow .2s;}
.po label .icl1{padding-right:3px;color:green;margin-left:-3px;}
.po label .icl2{padding-right:3px;color:yellow;margin-left:-3px;}
.po label .icl3{padding-right:3px;color:red;margin-left:-3px;}
.po label:hover,.po input:focus + label{box-shadow:1px 3px 9px -4px rgba(0,0,0,0.59);color:#07617d;}
.po input:checked + label{background-color:#000;}
.po .on{background-color:#000;}
.po input:checked + label::before{background-color:#fff;}
.ppaper{padding:2em 20em;margin-left:-15px;box-shadow:1px 3px 6px 2px rgba(0,0,0,0.1);}
@media (max-width:500px){ .ppaper{ padding:2em 3em;}}
.ppaper h2{font-size: 13px !important;}
/**flexy **/
.flexyp{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;}
.flexyp div{margin:.5em;/* padding:3em;box-shadow:1px 3px 6px 2px rgba(0,0,0,0.5);*/}
.flexyp .flexy100{-webkit-box-flex:1;flex:1 100%;}
.flexy100Sep{-webkit-box-flex:1;flex:1 100%;padding:0em 3em !important;margin:0em .5em !important;box-shadow:none !important;}
.flexyp .flexy{-webkit-box-flex:1;flex:1;}
.flexyp .flexyf1{-webkit-box-flex:1;flex:1;padding:0em 2em 1em 1em;min-width:278px;/**max-height:300px;**/ overflow-y:auto;overflow-x:hidden;/*padding:20px 10px 20px 10px;*/}
/**chat like box********* Som ext
**/
.chat-like{position:relative;min-width:350px;min-height:236px;/* overflow-y:auto;*/ margin:0rem;padding:2rem;background:palegoldenrod;border-radius:7px;box-shadow:0 -2px 10px rgba(0,0,0,0.25);border:1px solid rgba(0,0,0,0.15);
/* font:16px/1.4 Tahoma,sans-serif;*/}
.chat-like h2{font-size: 15px !important;}
.chat-like:before{content:'';display:block;position:absolute;bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;width:1rem;height:1rem;background:inherit;border:inherit;border-left:0;border-top:0;}
/**to give to full width 1 item only res **/
.con100{width:70vw !important;max-width:70vw !important;margin-left:13vw !important;margin-top:3em !important;}
/**link decor link hover lkh **/
.lkh{position:relative;/* font-size:2em;color:tomato;*/ /*height:22px;*/text-decoration:none;text-align: center;font-size: 11px;text-shadow: 1px 1px 2px rgb(5 6 28 / 20%);background: transparent !important;border: transparent;}
.lkh:before,.lkh:after{content:'';position:absolute;bottom:-2px;left:0%;width:0;height:1px;background:tomato;transition:width 200ms ease;}
.lkh:after{right:0%;left:auto;}
.lkh:hover:before,.lkh:hover:after{width:50%;}
.lkh--small{font-size:1em;}
.lkh--inverted,.lkh--small{position:relative;font-size:2em;color:tomato;text-decoration:none;}
.lkh--inverted:before,.lkh--small:before{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:tomato;transition:all .2s;}
.lkh--inverted:hover:before,.lkh--small:hover:before{width:100%;left:0%;}
/*
*/
.fhr_fade{border:0;margin:10px 0em 1em 0em;height:1px;color:red;background-image:linear-gradient( 90deg,rgba(240,109,6,0.15),#f06d06 50%,rgba(240,109,6,0.15) 100%) !important;}
.fhr_dots{color:orange;border-width:0 0 8px;border-style:solid;border-image:url('data:image/svg+xml,') 0 0 100% repeat;width:216px;}
.fhr_accessory{height:6px;background-image:radial-gradient( closest-side,hsla(0,0%,50%,1.0),hsla(0,0%,50%,0) 100%);position:relative;}
.fhr_accessory::after{position:absolute;top:50%;left:50%;display:block;background-color:hsl(0,0%,75%);height:12px;width:12px;transform:rotate(45deg);margin-top:-10px;margin-left:-10px;border-radius:4px 0;border:4px solid hsla(0,0%,100%,0.35);
background-clip:padding-box;box-shadow:-10px 10px 0 hsla(0,0%,100%,0.15),10px -10px 0 hsla(0,0%,100%,0.15);}
.fhr_shine{margin:0 0em 1em 0em;border:0;height:3px;width:100%;background-image:radial-gradient(farthest-side at 50% -50%,rgba(0,0,0,0.5),rgba(0,0,0,0));position:relative;}
.fhr_shine::before{height:1px;position:absolute;top:-1px;left:0;right:0;background-image:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.75) 50%,rgba(0,0,0,0));}
.fhr_shinem{margin: 5px 0em 1.5em 1em;}
.fhr_shinem2{margin: 5px 0em -12px 1em;}
/** */
.fhr_indicator svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.fhr_indicator svg polyline#back{stroke:rgba(240,109,6,0.15);}
.fhr_indicator svg polyline#front{stroke:#f06d06;stroke-dasharray:12,36;stroke-dashoffset:48;animation:dash 1s linear infinite;}
@-moz-keyframes dash{62.5%{opacity:0;}to{stroke-dashoffset:0;}}
@-webkit-keyframes dash{62.5%{opacity:0;}to{stroke-dashoffset:0;}}
@-o-keyframes dash{62.5%{opacity:0;}to{stroke-dashoffset:0;}}
@keyframes dash{62.5%{opacity:0;}to{stroke-dashoffset:0;}}
/**to do **/
.todo_title{color:#BEC1CA;display:inline-block;font-size:14px;font-weight:600;margin-bottom:16px;}
.todo_tag{background:rgba(95,160,160,0.09);border:2px solid #FEFEFE;-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
box-shadow:0px 2px 2px rgba(0,0,0,0.1);border-radius:20px;
color:#fff;font-size:10px;font-weight:600;width:77px;padding:0px 1px;margin-right:-10px;}
.todo_tag--highlighted{background:#FDCA40;}
.todo_item{background:#fff;border-left:8px solid #86D8C9;border-radius:2px;-moz-box-shadow:0px 6px 12px rgba(0,0,0,0.05);-webkit-box-shadow:0px 6px 12px rgba(0,0,0,0.05);box-shadow:0px 6px 12px rgba(0,0,0,0.05);padding:15px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.todo_item_left{width:calc(100% - 76px);}
.todo_name{/*font-size:12px;*/ font-weight:700;color:#222741;display:block;margin-bottom:6px;}
.todo_dsc{/*font-size:12px;*/ color:#29313a;display:inline-block;word-break:break-word;width:100%;}
/**morph div **/
.fmorph{margin-top:8px;margin-right:8px;position:absolute;}
/**generic card **/
.card__meta{margin:0;margin-right:-1em;margin-bottom:0.75em;}
.card__meta.card__meta--last{margin-bottom:0;}
.card__meta li{color:#f8f8f8;display:inline;list-style-type:none;margin-bottom:0;padding-right:1em;font-size:0.85em;font-variant:small-caps;letter-spacing:1px;}
.card__meta li:not(:last-child):after{content:"\25cf";font-style:normal;position:relative;color:rgb(236,104,9);right:-0.6em;}
.card__meta ul{margin-left:-10px;}
.card__meta li > a{color:#112570;}/* color:#f8f8f8;*/
/**text & select filter anywhere **/
.textfilter{float:right;top:-24px;position:relative;height:11px !important;width:130px;font-size:11px !important;box-shadow:1px 0px 4px -3px rgba(0,0,0,0.5);
border:1px solid #ddd !important;border-radius:5px;}
/**auto load **/
.fpad{display:block;width:100%;position:relative;float:left;overflow:hidden;padding:40px 30px;}
.fpad p{ font-size:14px ;}
@media (max-width:500px){ .fpad{ padding:40px 30px;}}
@media (max-width:500px){ .fpad p{ font-size:12px !important;width:75%;padding:0px 12px;}}
.fpad h1{font-family:"Roboto",Arial,sans-serif,'FontAwesome';font-weight:500;font-size:28px;letter-spacing:-0.025em;color:#262626;margin:0 0 20px 0;}
.fpad h1 small{font-family:"Roboto",Arial,sans-serif,'FontAwesome';font-weight:300;font-size:18px;letter-spacing:0;}
.articles{display:block;/*width:60%;min-width:468px;max-width:740px;*/ max-width:90vw;margin:0 auto;-webkit-perspective:0px;-moz-perspective:0px;-ms-perspective:0px;-o-perspective:0px;perspective:0px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;}
.articles p{font-family:"Roboto",Helvetica,sans-serif,'FontAwesome';font-size:13px;color:#444;margin:0;}
.module{display:block;float:left;position:relative;clear:both;width:100%;margin-bottom:15px;/**background:#fff;box-shadow:0 1px 6px rgba(0,0,0,0.1);**/}
.inside-module{display:block;position:relative;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.module.come-in{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-webkit-animation:google 0.4s ease forwards;-moz-animation:google 0.4s ease forwards;-o-animation:google 0.4s ease forwards;animation:google 0.4s ease forwards;}
.module,.module.already-visible{-webkit-transform:translateY(0px) perspective(200px) rotatex(0deg);transform:translateY(0px) perspective(200px) rotatex(0deg);-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none;}
@-webkit-keyframes google{0%{-webkit-transform:translateY(100px) perspective(200px) rotatex(30deg);}
100%{-webkit-transform:translateY(0px) perspective(200px) rotatex(0deg);}}@-moz-keyframes google{0%{-moz-transform:translateY(100px) perspective(200px) rotatex(30deg);}
100%{-moz-transform:translateY(0px) perspective(200px) rotatex(0deg);}}@-o-keyframes google{0%{-o-transform:translateY(100px) perspective(200px) rotatex(30deg);}
100%{-o-transform:translateY(0px) perspective(200px) rotatex(0deg);}}@keyframes google{0%{-webkit-transform:translateY(100px) perspective(200px) rotatex(30deg);
transform:translateY(100px) perspective(200px) rotatex(30deg);}100%{-webkit-transform:translateY(0px) perspective(200px) rotatex(0deg);transform:translateY(0px) perspective(200px) rotatex(0deg);}}
.module2{display:block;float:left;position:relative;clear:both;width:100%;margin-bottom:15px;/* background:#fff;*/ box-shadow:0 1px 6px rgba(0,0,0,0.1);}
.module3{box-shadow:none !important;float:none;}
.ft-resp{float:none;}
@media (max-width:800px){ .ft-resp{float:right;}}
.paddit2em{padding:2em;}
.paddit2emW{padding: 2em 2em 20em 2em;/* background:white;*/ /* height:100vh;effect scroll btn*/}
.paddit1-2em{padding:0.4em 2em;}
.paddit1em{padding:1em;}
.fadm_1{position:fixed;margin-top:3%;margin-left:33%;/*5%;*/ overflow:auto;max-height:95vh;right:0px;width:100%; padding: 0 4em;}
@media (max-width:480px){.fadm_1{width:87vw;padding-right:12px;}}
.ptop{padding-top:14px !important;}
.ptopsm { padding-top: 14px !important; margin-top: -1vh !important; }
/**log - chat res 93 **/
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
.title{color:#ffffff;text-align:center;font-weight:100;}
#wrpp{height:85vh;width:80vw;overflow:hidden;font-size:11px;margin-top:1em;position:fixed;/* top:100px;*/ left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);
/*box-shadow:0px 3px 3px 0px rgba(50,50,50,0.5);*/ box-shadow:0px 1px 10px -3px rgba(50,50,50,0.5);transition:0.3s ease;}
@media (max-width:560px){#wrpp{width:95%;height:100%;height:79vh;left:9px;/* margin-top:-1em;*/ -webkit-transform:translateX(0);transform:translateX(0);}}
#wrpp .inner{position:fixed;font-size:11px;overflow:scroll;/* height:520px;*/ height:100%;width:100%;padding:0vh 0vw 20vh 0vw;/*background:#f2f2f2;*/ -ms-overflow-style:none;overflow:-moz-scrollbars-none;}
@media (max-width:560px){#wrpp .inner{height:100%;}}
#wrpp .inner{height:100%;height:100vh;}}
#wrpp .inner{overflow:scroll;height:520px;padding-top:64px;background:#f2f2f2;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
#wrpp .inner::-webkit-scrollbar{width:0 !important;}
#wrpp .inner .content{padding:10.67px;position:relative;margin-bottom:32px;overflow-y:auto;overflow-x:hidden;}
.bottom{position:fixed;bottom:0;left:0;right:0;height:64px;background:#ffffff;box-shadow:0px -3px 3px 0px rgba(50,50,50,0.1);}
.bottom .input{height:64px;background:#ffffff;border:none;width:calc(100% - 64px);position:absolute;left:0;top:0;padding:0 5%;resize:none;overflow:scroll;padding-top:17px;font-weight:300;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
.bottom .input:focus{outline:none;}
.bottomAb{position:absolute !important;}
.bottom .input::-webkit-scrollbar{width:0 !important;}
.bottom .send{position:fixed;height:42.67px;width:42.67px;line-height: 1.24;border-radius:50%;border:0;background:#F44336;color:#ffffff;bottom:10.67px;right:31.67px;}
.bottom .send:before{content:"\f1d9";font-family:'FontAwesome',Arial ,'Open Sans',sans-serif,'FontAwesome' !important;position:absolute;font-size:20px;top:9px;left:11px;right:0;bottom:0;}
.bottom .send:focus{outline:none;}
.bottom .send:hover{cursor:pointer;}
.message-wrpp{position:relative;overflow:hidden;width:100%;margin: 11.67px 0;padding: 19px 0px 0px 0px;}
.message-wrpp .circle-wrpp{ height: 30.67px; width: 26.67px;border-radius:50%;}
.message-wrpp .text-wrpp{padding:5px 10.67px;min-height:42.67px;width:74%;margin:0 10.67px;box-shadow:0px 1px 0px 0px rgba(50,50,50,0.3);border-radius:2px;font-weight:500;position:relative;
color:#024959;max-height:82px;font-size:13px;overflow-y:auto;overflow-x:hidden;border-bottom:4px solid transparent;border-top:4px solid transparent;/* word-break:break-all;*/ opacity:0;}
/* .message-wrpp .text-wrpp:before{content:'';width:0;height:0;border-style:solid;}*/
.message-wrpp.system .circle-wrpp{background:rgba(107,99,0,0.53);float:left;}
.message-wrpp.system .text-wrpp{float:left;}
.message-wrpp.system .text-wrpp p{color:#ffffff !important;margin-bottom:2rem !important; padding:0 }
.message-wrpp.system .wdate{color:rgba(128,101,6,0.61);}
.message-wrpp.them .circle-wrpp,.message-wrpp.them .text-wrpp{background:#799286;float:left;}
.message-wrpp.them .text-wrpp p{color:#024959 !important;margin-bottom:2rem !important;}
.message-wrpp.them .wdate{color:rgba(11,62,12,0.61);}
/*.message-wrpp.them .text-wrpp:before{border-width:0 10px 10px 0;border-color:transparent #F44336 transparent transparent;position:absolute;top:0;left:-9px;}*/
.message-wrpp.me .circle-wrpp,.message-wrpp.me .text-wrpp{background:#7817b5;float:right;color:#333333; margin-top: -14px;}
.message-wrpp.me .text-wrpp{background:#ffffff;}
/* .message-wrpp.me .text-wrpp:before{border-width:10px 10px 0 0;border-color:#ffffff transparent transparent transparent;position:absolute;top:0;right:-9px;}*/
.message-wrpp .wicon{font-size: 10px;position: relative;top: 4px;left: 6.5px; color: #fff}
.message-wrpp .wdate{position:absolute;color:#6c6a71;font-size:9px; right: 45px; display: inline-flex; gap: 27px;;font-style:italic;margin-top:-15px;}
/**tree**/
#ftree .ui{display:grid;grid-template-rows:40px 50px 1fr;/* height:100vh;background-color:#fff;*/ color:#eee;margin-top:12px;position:fixed;}
#ftree .ui .lists{display:flex;overflow-x:auto;height:80vh;}
#ftree .ui .lists > *{flex:0 0 auto;margin-left:10px;}
#ftree .ui .lists::after{content:'';flex:0 0 10px;}
#ftree .ui .list{width:300px;height:calc(100% - 10px - 44px);}
#ftree .ui .list > *{/* background-color:#e2e4e6;*/ color:#333;padding:0 10px;}
#ftree .ui .list .header{line-height:36px;font-size:16px;font-weight:bold;border-top-left-radius:5px;border-top-right-radius:5px;background:white;box-shadow: inset 0px 3px 1px -2px rgb(0 0 0 / 50%);}
#ftree .ui .list .footer{line-height:36px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#989595;font-size:9px;background:white;box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 50%);}
#ftree .ui .list ul{list-style:none;margin:0;max-height:calc(100% - 36px - 36px);overflow-y:auto;margin-bottom:0px !important;padding:1em;box-shadow: 1px 0px 2px -3px rgb(0 0 0 / 50%);}
#ftree .ui .list ul li{padding:10px;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.1);color:rgba(2,73,89,0.89);font-size: 12px;}
/*#ftree .ui .list ul li:not(:last-child){margin-bottom:10px;}*/
#ftree .ui .list ul li img{display:block;width:calc(100% + 2 * 10px);margin:-10px 0 10px -10px;border-top-left-radius:3px;border-top-right-radius:3px;}
/**76 ,83 ,84 **/
.dates{display:flex;flex-flow:column wrap;padding:0 0 .5em;margin:0;list-style:none;padding:2em 2em 2em 6em;}
@media screen and (min-width:400px){.dates{flex-flow:row wrap;border-right:0.5em solid #fff;}}
.dates .ddate{padding:0em 2rem;color:#efefef;border-top:0.5em solid #fff;min-height:125px;min-width:222px;max-width:222px;}
.dates .ddata{padding:2rem;height:200px;overflow-y:auto;color:brown;background:transparent;box-shadow:0 3px 6px rgba(0,0,0,0.10),0 3px 6px rgba(0,0,0,0.10);}
@media screen and (max-width:500px){.dates .ddata{height:auto !important;max-height:100%;}}
@media screen and (max-width:500px){.dates .ddata4{height:auto !important;max-height:100%;}}
.dates .ddata p{font-size:12px;font-weight:300;color:#ccc;}
.dates .ddata4{padding:1rem;margin:5px;height:275px;overflow-y:auto;border-bottom:#cecece 3px;background:#fff;}
.dates .ddata4 p{font-size:11px;font-weight:500;text-shadow:0px 1px 1px #717069ad;color:#161a29;}
.dates .ddata4 pre{color:red;}
@media screen and (min-width:400px){.dates li{width:50%;border-left:0.5em solid #fff;}}
@media screen and (min-width:800px){.dates li{width:33.3333333333%;padding:1.5rem;}}
.dates span{font-size:0.9em;letter-spacing:0.1em;color:#ea1212 ;}
.dates .data{}
.dates h3{margin:.1em 0 0;letter-spacing:0.1em;color:#755a1d !important;font-size:1.1em !important;}
.dates h4{color:#f5d897 !important;font-size:1.41em !important;}
/**41 ,42 ,106**/
.containercardg{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-gap:2rem;overflow-y: auto;padding: 2em;}
.cardg{height:51px;position:relative;padding:1em;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.25);
display:grid;grid-template-rows:1fr 1fr;transition:0.1s cubic-bezier(0.2,0.8,0.2,1);margin-bottom: 3em;min-height: 130px;
background-image:radial-gradient(ellipse farthest-corner at center top,#9ab1c7 0%,#1a242f 100%);color:white;}
.cardgt{color:#0c1d4d;font-weight:400;font-size:11px;height:65px;overflow-y:auto;align-self:end;letter-spacing:0.5px;/* margin:-33px -26px 20px 9px;*/}
.cardg img{top:0;height:100%;width:100%;z-index:-1;transition:0.1s cubic-bezier(0.2,0.8,0.2,1);}
.cardg1{ height:auto;}
.cardg1 h3{ color:white !important;}
.cardg2 h10 ,.cardg h10{text-shadow:1px 1px 4px rgba(80,76,22,0.75);}
.cardg2 p{ font-size:11px;line-height:2em;letter-spacing:0.1em;word-break:break-word;color:#8b0000;}
.cardg2{ height:auto;background-image:linear-gradient(to left bottom,#F2E3C6 0%,#A7A1A5 100%) !important;box-shadow:1px 1px 8px 3px rgba(0,0,0,0.25) !important;}
/**res 76+ **/
/* Column Grids */
.cof_half{width:49%;}
.cof_third{width:32%;}
.cof_fourth{width:23.5%;}
.cof_fifth{width:18.4%;}
.cof_sixth{width:15%;}
.cof_three_fourth{width:74.5%;}
.cof_twothird{width:66%;}
.cof_half,.cof_third,.cof_twothird,.cof_fourth,.cof_three_fourth,.cof_fifth{ position:relative;display:inline;display:inline-block;float:left;margin-right:2%;margin-bottom:20px;}
.endf{margin-right:0 !important;}
.tool-note-header{color:#167ac6;margin:1em 0em 1em 0em;letter-spacing:1.72px;text-shadow: 1px 1px 2px rgb(5 5 16 / 39%);font-style: initial;font-weight: 700;font-size: 13px;}
.tool-note-sm{color:#167ac6;letter-spacing:1px;text-shadow: 0px 0px 1px rgb(5 5 16 / 39%);font-style: initial;font-weight: 700;font-size: 12px;letter-spacing: 0.2px;}
/**res 71 acc **/
:root{--dark-gray:#444444;--light-gray:#c9c9c5;}
.h44{ font-size: 11px; color: #70732b; word-break: break-word; white-space: pre-wrap; unicode-bidi: plaintext; line-height: 2.1;}
.accM{max-width:90vw;width:90%;color:#b9b9b9;font-size:11px;transition:all 0.2s cubic-bezier(0.25,0.8,0.25,1);font-weight:100;letter-spacing:0.035em;margin:0 auto;margin-left:3%; min-height: fit-content;}
.accM ul > li{margin-bottom:8px;}
.accM ul > li:first-child h3{border-top:1px solid rgba(0,0,0,0.1);}
.accM h3{line-height: 0.9 !important;font-size: 15px !important;cursor:pointer;background-color:#1f3d61;color:white !important;padding:1rem 1rem 1rem 1.2rem;margin:0;display:block;font-weight:100;letter-spacing:0.035em;position:relative;font-size:18px;transition:all 0.2s cubic-bezier(0.25,0.8,0.25,1);border-radius:3px;}
.accM h3:hover,.accM h3.closed{color:#1f3d61 !important;background-color:#fff;font-style:italic;font-weight:600;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
.accM h3:hover .arrow{border-top:2px solid var(--dark-gray);border-right:2px solid var(--dark-gray);}
.accM ul ul{display:none;height:100%;margin-bottom:-7px;}
.accM ul ul li{background-color:#fff;padding:1rem 2.8rem;color:#000204;font-weight:400;box-shadow:none;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.accM ul ul li p{opacity:0;transition:all 0.5s;-webkit-transform:translatey(-20px);font-size:90%;transform:translatey(-20px);}
.accM ul ul.open p{opacity:1;-webkit-transform:translatey(0px);transform:translatey(0px);margin-bottom:1em !important;}
.accM .arrow{display:inline-block;width:8px;height:8px;border-top:2px solid var(--light-gray);border-right:2px solid var(--light-gray);-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform-origin:center;transform-origin:center;float:right;margin-right:8px;
transition:-webkit-transform 600ms cubic-bezier(0.175,0.885,0.32,1);transition:transform 600ms cubic-bezier(0.175,0.885,0.32,1);transition:transform 600ms cubic-bezier(0.175,0.885,0.32,1),-webkit-transform 600ms cubic-bezier(0.175,0.885,0.32,1);}
.accM .arrow.closed{margin-top:4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid var(--dark-gray);border-right:2px solid var(--dark-gray);}
.accM ul,ol{margin:0;padding:0;}
.accM li{list-style:none;padding:0;box-shadow:0em 1px 4px -2px black;margin-bottom:2px;}
.accM p{line-height:1.8em;margin-bottom:20px;}
.accM h4{text-align:center;margin:20px 20px 50px;color:orange;font-size:2em;}
/**HOOKS 3 start **/
.stages{width:130px;height:40px;margin:0 auto;background-color:#69b1e0;color:white;font-weight:300;cursor:pointer;box-shadow:0px 0px 15px rgba(0,0,0,0.25);}
.stage-1,.stage-2,.stage-3{font-size:14px;text-align:center;height:14px;letter-spacing:1px;}
.stage-1,.stage-3{padding:11px 0px 15px 0px;}
.stage-2 .text{padding-bottom:10px;padding-top:10px;}
.stage-2,.stage-3{display:none;}
.stages .progress-bar{width:5%;height:3px;background-color:#5d9acf;}
.x{display:flex;}
.bhcontainer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.bhcontainer h1{color:#2EC4B6;}
.bhcontainer .btnn{background:#2EC4B6;width:100px;padding:15px;font-size:13px;color:#F4F4F4;border-radius:3em;
box-shadow:1px 1px 17px #020a09;cursor:pointer;text-align:center;margin:2em auto;transition:all 500ms cubic-bezier(0.6,-0.28,0.735,0.045);transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045);}
.bhcontainer .btn__progress{text-shadow:0px 0px 0px rgba(0,0,0,0);padding:5px;width:120px;color:transparent;}
.bhcontainer .btn__progress--fill:after{content:'';margin:-18.9px -5px;position:absolute;display:block;background:#249b90;padding:0.98em;border-radius:3em;-webkit-animation:fill 3.4s linear forwards;animation:fill 3.4s linear forwards;}
.bhcontainer .btn__complete{color:transparent;text-shadow:0px 0px 0px rgba(0,0,0,0);width:auto;height:22px;pointer-events:none;}
.bhcontainer .btn__complete:after{font-family:FontAwesome;content:"\f00c";color:#F4F4F4;margin:-14px 18px;position:absolute;display:block;width:22px;height:22px;}
@-webkit-keyframes fill{from{width:0;}to{width:266px;}}
@keyframes fill{from{width:0;}to{width:266px;}}
.x{display:flex;}
.tb{display:table;width:100%;}
.td{display:table-cell;}
::placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;opacity:1;}
::-webkit-input-placeholder{color:#ccc;}
/**morph large with thank you**/
#ntf-area,#NmSav-area{max-width:250px;height:25px;margin-right:20px;background-color:#fff;box-shadow:3px 5px 20px -10px rgba(2,10,9,0.87);border-radius:40px;transition:0.5s cubic-bezier(0,1.28,0.29,1.18) width;}
#ntf-area.active,#NmSav-area.active{/* width:390px;*/ width:110%;}
#ntf-btn,#ntf_msg,#NmSav-btn,.Nm-btn,.Nm-btn2,#NmSav_msg{font-size:11px;color:#2d8fb6;font-weight:bold;text-align:center;line-height:18px;padding:4px 8px;cursor:pointer;box-shadow:2px 2px 20px -12px rgba(2,10,9,0.87);transition:0.6s ease transform;}
#ntf-btn,#NmSav-btn,.Nm-btn{transform:scale(1);min-width:110px;box-shadow:3px 5px 20px -10px rgba(2,10,9,0.87);border-radius:40px;border-radius:26.5px;
background:rgb(94 121 120 / 56%);/* background-color:#001F61;border:1px solid #001F61;*/ box-shadow:0 5px 18px -8px #03153B;color:#fff;line-height:15px;transition:0.5s cubic-bezier(0,1.28,0.29,1.18) width;}
#ntf-btn.inactive,#NmSav-btn.inactive ,.Nm-btn.inactive{transform:scale(0);}
.Nm-btn ,.Nm-btn2{margin-top:3em;max-width:250px;height:25px;width:fit-content;border-radius:26.5px;background:rgb(94 121 120 / 56%);
/*border:1px solid #001F61;background-color:#001F61;border:0px solid #001F61;*/ color:#fff;line-height:15px;transition:0.5s cubic-bezier(0,1.28,0.29,1.18) width;}
#ntf-area.active #ntf-btn,#NmSav-area.active #NmSav-btn ,#NmSav-area.active .Nm-btn{display:none;}
#ntf-form-cover.active ,#NmSav-form-cover.active{display:block;}
#ntf-form-cover ,#NmSav-form-cover{/*padding:10px;*/ display:none;}
#td-inp{padding-left:10px;}
#ntf-email-inp ,#NmSav-email-inp{width:100%;border-radius:40px;height:22px;font-size:61%;line-height:3 !important;color:#2d8fb6;}
.ntf-h{height:44px !important;}
#td-pre{width:1px;white-space:pre;padding-left:20px;}
#ntf-submit-btn ,#NmSav-submit-btn{color:#4ec0ee;padding:2px 9px !important;font-size:12px !important;margin-right:2px;background-color:#2d8fb6;border-radius:40px;transform:scale(0);transition:0.4s cubic-bezier(0,0.73,0.35,1.22) transform,0.2s ease color;}
#ntf-email-inp,#ntf-submit-btn ,#NmSav-email-inp,#NmSav-submit-btn{/*font-size:1em;*/ font-weight:bold;line-height:1;border:0;}
#ntf-submit-btn.active ,#NmSav-submit-btn.active{transform:scale(1);}
#ntf-submit-btn.active.valid ,#NmSav-submit-btn.active.valid{color:#fff;cursor:pointer;}
#ntf_msg ,#NmSav_msg{position:relative;top:-21px;transform:scale(0);}
#ntf_msg.active ,#NmSav_msg.active{transform:scale(1);}
.x{display:flex;}
.repAct{display:flex;justify-content:center;align-items:center;}
.repAct div{display:flex;justify-content:center;align-items:center;margin:8px;}
.repAct .parent{position:relative;}
.repAct .parent .sub{transition:all 0.5s ease-in-out;}
.repAct .parent .thanks{font-size:13px;transition:all 0.5s ease-in-out;position:absolute;top:-5px;left:0;opacity:0;}
.repAct .text{color:#F5F5F5;color:#2d8fb6;font-weight:bold;font-size:17px;font-family:'Open Sans',sans-serif,'FontAwesome';letter-spacing:2px;text-transform:uppercase;transition:all 0.5s ease-in-out;}
#repActtoggle{display:none;}
.repAct .button{position:absolute;z-index:0;padding:0px;width:28px;height:28px;background:#2d8fb6;border-radius:10%;transition:all 0.5s ease-in-out;cursor:pointer;}
.repAct .button:before{position:absolute;top:13px;left:6px;content:'';width:16px;height:2px;background:#F5F5F5;transform:rotate(90deg);}
.repAct .button:after{position:absolute;top:13px;left:6px;content:'';width:16px;height:2px;background:#F5F5F5;}
#repActtoggle:checked ~ .nav{opacity:1;transform:translateY(10%);}
#repActtoggle:checked ~ .button{transform:rotate(135deg);box-shadow:0 0 0 0 transparent;border-radius:100%;}
#repActtoggle:checked ~ .subbed{opacity:1;}
/**will not work with multiples unless 1 css per box **/
.xxxxdropBh ,xxx.dropBha{display:flex;justify-content:center;align-items:center;}
.dropBh ,.dropBha{width:20px;height:20px;}
.dropBh .button{z-index:1;position:absolute;display:flex;justify-content:center;align-items:center;background:transparent;
color:#2d7991;font-weight:200;}
.dropBha .button{z-index:1;position:absolute;display:flex;justify-content:center;align-items:center;width:150px;height:40px;background:linear-gradient(45deg,#B388EB,#8093F1);
border-radius:20px;color:#FFF;font-size:14px;letter-spacing:1px;font-weight:200;}
.dropBh .social ,.dropBha .social{opacity:0;position:relative;margin:8px;width:40px;height:40px;border-radius:100%;display:inline-block;color:#FFF;font-size:20px;text-align:center;}
.dropBh .social i ,.dropBha .social i{margin-top:10px;}
.dropBh .social a{color:#FFF;}
.dropBh .twitter{background:#00aced;}
.dropBh .facebook{background:#3b5998;}
.dropBh .google{background:#dd4b39;}
.dropBh .youtube{background:#bb0000;}
.dropBh .morph{background:#cecece;}
.dropBh .clicked{opacity:1;transition:0.7s all ease;transform:translateY(56px);}
.dropBha .clicked{opacity:1;transition:0.7s all ease;transform:translateY(56px);}
.x{display:flex;}
.clktick input{display:none;}
.clktick label{display:block;position:relative;width:250px;margin:0 auto;padding:12px 36px;border-radius:60px;font-family:'Dosis',sans-serif,'FontAwesome';font-size:22px;color:white;background-color:#3299BB;
z-index:1;outline:none;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);transition:background-color 0.2s ease-out,-webkit-transform 0.2s;
transition:transform 0.2s,background-color 0.2s ease-out;transition:transform 0.2s,background-color 0.2s ease-out,-webkit-transform 0.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
@media (max-width:400px){.clktick label{width:200px;padding:12px 24px;font-size:16px;}}
.clktick label:before,.clktick label:after{content:"";position:absolute;
top:calc(100% + 12px);right:0;left:0;margin:auto;width:0;height:12px;z-index:-1;border-radius:60px;-webkit-transform:translateZ(0);transform:translateZ(0);}
.clktick label:before{background-color:#78c2db;}
.clktick label:after{left:12px;right:auto;opacity:0;background-color:#277893;transition:opacity 0s 0.3s;}
.clktick label span:last-child{display:none;}
.clktick input:checked + label{background-color:#277893;-webkit-animation:btn-complete 0.2s 2.2s ease-out forwards;animation:btn-complete 0.2s 2.2s ease-out forwards;}
.clktick input:checked + label:before{-webkit-animation:bounce-in 0.2s ease-out forwards,bounce-out 0.2s 2s ease-out forwards,check-in 0.2s 2.3s ease-out forwards;animation:bounce-in 0.2s ease-out forwards,bounce-out 0.2s 2s ease-out forwards,check-in 0.2s 2.3s ease-out forwards;}
.clktick input:checked + label:after{opacity:1;z-index:3;-webkit-animation:fill-up 1.49s 0.31s linear forwards,bounce-out 0.2s 2s ease-out forwards;animation:fill-up 1.49s 0.31s linear forwards,bounce-out 0.2s 2s ease-out forwards;}
.clktick input:checked + label span:first-child{display:none;}
.clktick input:checked + label span:last-child{text-shadow:0px 0px 0px rgba(0,0,0,0);display:inline;}
@-webkit-keyframes bounce-in{50%{width:100%;}100%{width:calc(100% - 12px * 2);}}
@keyframes bounce-in{50%{width:100%;}100%{width:calc(100% - 12px * 2);}}
@-webkit-keyframes bounce-out{0%{left:0;right:0;width:calc(100% - 12px * 2);}
50%{width:100%;}100%{left:0;right:0;width:0;}}
@keyframes bounce-out{0%{left:0;right:0;width:calc(100% - 12px * 2);}50%{width:100%;}
100%{left:0;right:0;width:0;}}
@-webkit-keyframes fill-up{20%{width:40%;}65%{width:50%;}90%{width:60%;}100%{width:calc(100% - 12px * 2);}}
@keyframes fill-up{20%{width:40%;}65%{width:50%;}90%{width:60%;}100%{width:calc(100% - 12px * 2);}}
@-webkit-keyframes btn-complete{100%{color:#FF3333;background-color:#FF3333;}}
@keyframes btn-complete{100%{color:#FF3333;background-color:#FF3333;}}
@-webkit-keyframes check-in{0%{top:-22px;bottom:0;width:12px;height:24px;margin:auto;background-color:transparent;border-radius:0;box-shadow:white 6px 6px 0 2px;
z-index:2;opacity:0;-webkit-transform:scale(0.1) rotate(45deg);transform:scale(0.1) rotate(45deg);}
50%{-webkit-transform:scale(2) rotate(45deg);transform:scale(2) rotate(45deg);}
100%{top:-22px;bottom:0;width:12px;height:24px;margin:auto;background-color:transparent;border-radius:0;box-shadow:white 6px 6px 0 2px;z-index:2;opacity:1;-webkit-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg);}}
@keyframes check-in{0%{top:-22px;bottom:0;width:12px;height:24px;margin:auto;background-color:transparent;border-radius:0;box-shadow:white 6px 6px 0 2px;z-index:2;opacity:0;-webkit-transform:scale(0.1) rotate(45deg);transform:scale(0.1) rotate(45deg);}
50%{-webkit-transform:scale(2) rotate(45deg);transform:scale(2) rotate(45deg);}
100%{top:-22px;bottom:0;width:12px;height:24px;margin:auto;background-color:transparent;border-radius:0;box-shadow:white 6px 6px 0 2px;z-index:2;opacity:1;-webkit-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg);}}
.x{display:flex;}
.navigationContainer ul{ padding:0;margin:0;list-style:none;}
.x{display:flex;}
.email_test{padding-left:40%;padding-top:30px;}
/**HOOKS 3 end **/
/**FAQ acc res 15 new **/
#faq-f{padding:0em 11px;margin:0 10%;}
@media (min-width:500px){ #faq-f{padding:0em 8em 0em;margin:0 2px;} }
#faq-f .faq-block{/*background-color:rgb(250,247,245);*/ font-size:16px;border-bottom:1px dotted #ddd;cursor:pointer;margin-bottom:0.5em;}
#faq-f .faq-block:hover{-webkit-transition:all 200ms;-o-transition:all 200ms;-moz-transition:all 200ms;transition:all 200ms;background-color:rgb(251,251,251);}
#faq-f .faq-block ul{ list-style-type:square;}
#faq-f .faq-plus{color:#ffcc00;float:left;font-weight:bold;font-size:1.4em;text-align:center;vertical-align:middle;-webkit-transition:all 800ms;-moz-transition:all 800ms;transition:all 800ms;padding-top:0.09em;}
#faq-f .faq-expand{-webkit-transform:rotate(-45deg);-webkit-transform-origin:15% 50%;-webkit-transition:all 200ms;-moz-transform:rotate(-45deg);-moz-transform-origin:15% 50%;-moz-transition:all 200ms;transform:rotate(-45deg);transform-origin:15% 50%;transition:all 200ms;}
#faq-f .faq-question{padding:1em;font-weight:bold;word-break:break-word;font-size:15px;font-weight:500;color:#bfadad;margin:0px;z-index:-1;}
#faq-f .faq-answer{/* clear:both;*/ color:#777;display:none;font-size:90%;/* padding:8px 12px;margin-top:-12px;background-color:rgb(251,251,251);*/ overflow-x: hidden;transition:padding 0.5s ease-in-out;z-index:-1;}
#faq-f .faq-question h2{font-size:15px;font-weight:500;color:#bfadad;margin:0px;}
#faq-f .faq-question h3{font-size:11px;letter-spacing:1px;}
/**f-sweepimgs4.php multiple poss**/
.hs__cont{height:100vh;overflow-y:auto;}/* fm */
.hs::-webkit-scrollbar{/* Webkit */ width:0;height:0;}
.hs__item__description::-webkit-scrollbar{/* Webkit */ width:0;height:0;}
.hs__item__image__wrapper::-webkit-scrollbar{/* Webkit */ width:0;height:0;}
.hs{display:flex;overflow-x:scroll;overflow-y:hidden;max-height:71vh;justify-content:space-between;scrollbar-width:none;/* Firefox */ -ms-overflow-style:none;/* IE 10+ */ -webkit-overflow-scrolling:touch;margin:0 -20px;}
.hs__header, .hs__footer{display:flex;align-items:center;width:100%;padding: 1em;}
.hs__headline{flex:1;font-size:11px !important;word-break:break-all;}
.hs__arrows{align-self:center;/* background:#dbe4e3;*/ padding: 2px;border-radius:7px;padding-bottom:3px;background:linear-gradient(#8b9da9,#fff6e4);box-shadow:inset 0 0 100px hsla(0,0%,0%,.3);}
.hs__arrows .arrow:before{content:'';display:inline-block;vertical-align:middle;content:"";background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");
background-size:contain;-webkit-filter:brightness(5);filter:brightness(5);width:18px;height:12px;cursor:pointer;}
.hs__arrows .arrow.disabled:before{-webkit-filter:brightness(2);filter:brightness(2);}
.hs__arrows .arrow.arrow-prev:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-right:20px;}
.hs__arrows .arrow.arrow-next:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.hs__item{flex-grow:1;flex-shrink:0;/*flex-basis:calc(25% - 10px * 2 - 5px);*/ flex-basis:calc(25% - 10px * 2 - -110px);margin:10px;display:flex;/* justify-content:center;fm */ align-items:center;flex-direction:column;position:relative;
background:linear-gradient(89deg,rgba(255,255,255,1) 86%,rgba(125,115,67,0.62) 97%,rgba(0,0,4,0.32) 98%,rgba(228,220,220,0) 100%);
padding:12px;min-width:260px;/* fm */ -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
/* max-height:76vh;/* fm */ overflow-y:auto;overflow-x:hidden;/* box-shadow:inset 0 0 100px hsla(0,0%,0%,.3);*/
box-shadow:4px 12px 15px 20px rgba(0,0,0,0.02),0 1px 3px 1px rgba(62,45,45,0.61),inset 11px 0px 13px 0 rgba(214,204,204,0.24); }
.hs__item:last-child:after{content:"";display:block;position:absolute;width:10px;height:1px;right:calc(10px * 2 * -1);}
.hs__item:first-child{margin-left:calc(10px * 2);}
.hs__wrapper .responsive-img{ max-height: unset;} .hs__item{min-width: 400px !important;} /* fm */
.hs__item__description{z-index:1;align-self:flex-start;margin:10px 0 10px 20px;word-break:break-all;padding:0em 2em 2em 0em;padding-bottom:19px;overflow-y:auto;max-height:68vh;/* fm */ min-width:280px;/* fm */}
@media (max-width:700px){.hs__item__description{padding:0em 2em 2em 0em;min-width:235px;/* fm */}}
.hs__item__title{font-family:'Muli',sans-serif,'FontAwesome';color:#121212 !important;font-size:15px;font-weight:700;width:80%;/* fm */}
.hs__item__subtitle{color:#485c92;display:block;}
.hs__item__image__wrapper{width:100%;/* position:relative;height:0;padding-bottom:100%;overflow-y:unset;*/color:#f8f8ff;overflow-y:auto;min-height:65vh;max-height:65vh;/* fm */}
.hs__item__image{pointer-events:none;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
/*@media (hover:none) and (pointer:coarse){.hs__wrapper .hs__arrows{display:none;} was hiding in mobile */
/* .hs__wrapper .hs__item{flex:1 0 calc(23% - 10px * 2);}*/}
/* @media only screen and (hover:none) and (pointer:coarse) and (max-width:100vw){.hs__wrapper .hs__item{flex:1 0 calc(45% - 10px * 2);}}*/
.hs__container{margin-left:-4px;max-width:100vw;max-height:75vh;padding:0px 20px;margin:0 auto;/* background:#dbe4e3;*/ mix-blend-mode:invert;/*position:relative;fm */ }
.hs__container:after{content:'';width:100vw;height:100%;/*background:#dbe4e3;*/ position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);
z-index:-1;/* background:linear-gradient(89deg,rgba(255,255,255,1) 86%,rgba(125,115,67,0.62) 97%,rgba(0,0,4,0.32) 98%,rgba(228,220,220,0) 100%);*/
/*background:linear-gradient(89deg,rgba(255,255,255,1) 86%,rgba(125,115,67,0.62) 97%,rgba(0,0,4,0.32) 98%,rgba(228,220,220,0) 100%);*/
/* background:linear-gradient(#8b9da9,#fff6e4);
box-shadow:inset 0 0 100px hsla(0,0%,0%,.3);*/
}
/* @media only screen and (min-width:100vw){.hs__container{padding:calc(10px * 4) calc(10px * 8);}}*/
.hs__item{background:linear-gradient(89deg,rgba(183,183,170,0) 86%,rgba(125,115,67,0) 97%,rgba(0,0,4,0) 98%,rgba(230,190,190,0) 100%) !important;}
.hs__cont{background:linear-gradient(89deg,rgb(183,183,170) 86%,rgba(125,115,67,0.35) 97%,rgba(106,107,89,0.19) 98%,rgba(95,82,48,0.56) 100%) !important;}
.hs{margin-bottom:-8px !important;}
.ln13{line-height:13px !important;background-image:linear-gradient(to left bottom,rgba(245,226,188,0.4509 ) 0%,rgba(167,161,165,0.7686 ) 100%) !important;}
.page-treeXXXXXXX{position:fixed !important;height:89vh;width:100%;padding:1em;color:#4490ca;font-size:13px;margin-top:8px;display:block;padding-bottom:3em;text-shadow:2px 1px 3px rgba(80,76,22,0.32);}
/**list simp 50 series **/
/**hover series 49 **/
.snip1113_cont{padding:0em 0px 22em 0em;}
figure.snip1113{font-family:'Raleway',Arial,sans-serif,'FontAwesome';position:relative !important;padding:2em;overflow:hidden;margin:10px;min-width:220px;/* max-width:310px;text-align:center;width:100%;*/ background:#ffffff;box-shadow:0 0 5px rgba(0,0,0,0.15);}
figure.snip1113:hover{box-shadow:1px 1px 8px #8b9298;}
figure.snip1113 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:#eaeaea !important;}
figure.snip1113 img{max-width:65%;margin:40px auto;display:block;position:relative;border:3px solid #666666;padding:15px ;-webkit-transform:translate(0,0);transform:translate(0,0);}
figure.snip1113 figcaption{/*position:absolute;height:120px;*/ bottom:0px;left:0;right:0;display:block;}
figure.snip1113 h3{color:#000000;font-size:1.7em;width:100%;padding:5px 12px;margin:0;text-transform:uppercase;font-weight:400;}
figure.snip1113 h3 span{font-weight:800;}
figure.snip1113 h4{margin:0;padding:1em 3em;/* text-transform:uppercase;letter-spacing:-1px;*/ opacity:0.6;font-size:1.1em;}
figure.snip1113 p{margin-left:2em !important;}
figure.snip1113.blue img{border-color:#2472a4;}
figure.snip1113.blue h3,figure.snip1113.blue h4{color:#2472a4;}
figure.snip1113.red img{border-color:#ab3326;}
figure.snip1113.red h3,figure.snip1113.red h4{color:#ab3326;}
figure.snip1113.yellow img{border-color:#e08e0b;}
figure.snip1113.yellow h3,figure.snip1113.yellow h4{color:#e08e0b;}
figure.snip1113.green img{border-color:#229955;}
figure.snip1113.green h3,figure.snip1113.green h4{color:#229955;}
figure.snip1113.orange img{border-color:#d67118;}
figure.snip1113.orange h3,figure.snip1113.orange h4{color:#d67118;}
figure.snip1113.navy img{border-color:#2b3c4e;}
figure.snip1113.navy h3,figure.snip1113.navy h4{color:#2b3c4e;}
.sideHd{position:fixed;font-size:13px;color:#024959;font-weight:600;bottom:32%;margin-left:-90px;transform:rotate(-90deg);}
@media (max-width:480px){.sideHd{margin-left:-97px;bottom:20%;}}
.article-cardc{ color:#30497C;padding:3em 1.12em 30em 1.3em !important;overflow-y:auto;max-height:100vh;overflow-x: hidden;margin: 0px auto;line-height: 3;}
@media (min-width:1200px){.article-cardc{margin:1em;}}
@media (max-width:600px){.article-cardc{ padding: 0.2em 0.2em 30em 0.75em !important; /* width: fit-content; */} }
.article-card:hover{box-shadow:0em 1px 4px 0px black;}
.article-card{display:flex !important;flex-direction:row;box-shadow: 1px 3px 16px -3px hsl(0deg 0% 0% / 24%);margin-bottom: 1em;margin-left: 5px;}
.article-card .post-thumb{display:flex;flex-direction:column;justify-content: space-around;align-items: center;flex:0 0 3rem;font-size:1.5rem;color:#fff;text-shadow: 0px 2px 2px rgba(5,6,28,0.25)!important; min-height: -webkit-fill-available;}
.article-card .post-thumb .post-label{font-size:9px;padding:0px 4px;font-weight:600;color:#fff;white-space: nowrap;}
.article-card .post-snippet{word-break:break-all;width:100%;display:flex;/* justify-content:center;ALSO GOOD IF WANTING TO CENTRE dsc */ flex-direction:column;padding: 2.5rem 1em 10px 1rem !important;min-width: 262px;/* 250 */}
.article-card .gb{background:#7aa2aa;}.lblfg{color:#00a1c1;} .fred{ color:#980903}.fredb{ background:#980903}
.article-card .yb{background:rgb(160 99 99 / 99%)}.lblfy{color:rgb(160 99 99 / 99%)} .fyel{ color:#FFBF00}.fyelb{ background:#FFBF00}
.article-card .rb{background:#d4ccb9;}.lblfr{color:#bfae86;} .fgrn{ color:#0c821c}.fgrnb{ background:#0c821c}
.article-card .vi{background:#8a6f8a;}.lblfv{color:#15b2da;}
.acw{ width: 2em;}
.grey1{ background:#ffcf94;} .grey2{ background:#5d7fb3;} .grey3{ background:#a2a8d3;} .grey4{ background:#ff94cf;} .grey5{ background:#2ea3b1;} .grey6{ background:#012723;} .grey7{ background:#a89e00;} .grey8{ background:#951d75;} .grey9{ background:#7c73e6;} .grey10{ background:#c56763;}
.grey1f{color:#ffcf94;} .grey2f{color:#5d7fb3;} .grey3f{color:#a2a8d3;} .grey4f{color:#ff94cf;} .grey5f{color:#2ea3b1;} .grey6f{color:#012723;} .grey7f{color:#a89e00;} .grey8f{color:#951d75;} .grey9f{color:#7c73e6;} .grey10f{color:#c56763;}
.article-card .post-snippet .post-snippet-text-sm{font-size: 9px;color: #ada134;text-shadow: 1px 1px 2px rgb(0 0 0 / 36%);/* margin-top: -4em;buggered email dates */ letter-spacing: 1px;}
.article-card .post-snippet .post-snippet-text .text-div{width:100%;word-break:break-word; font-size: 15px; color: #86292f; font-weight: 700;}
.article-card .post-snippet .post-snippet-text .post-controls{display:block;margin-top:0px;margin-bottom:0px;display:flex;float:right;cursor:pointer;}
@media (max-width:600px){.article-card .post-snippet .post-snippet-text .post-controls{float:none;}}
.postdt{color: #767a98;display: flex;margin-top: -13px;font-size: 10px;margin-bottom: -13px;}
.postlbl{ transform: rotate(-90deg);font-size: 10px !important;padding:0px !important;letter-spacing: 1.8px;}
/*.article-card .post-snippet .post-snippet-dsc{padding:0px 7px 23px 12px;line-height:2.5rem;letter-spacing:0.1px;overflow:auto;overflow-x:hidden;}*/
.article-card .post-snippet .post-snippet-dsc{word-break:break-all;font-weight: 500;text-shadow: 0px 1px 0px rgb(15 82 149 / 23%);line-height:19px;padding: 1.5em 1em 1.5em 1em;font-size:12px;overflow:auto;overflow:hidden;min-height:20px;text-align: start;}
@media (max-width:600px){.article-card .post-snippet .post-snippet-dsc{font-size:11px; /*max-width:77vw;padding:0.2em 0em;*/}}
.article-card .post-snippet .post-snippet-dsc .responsive-img{ min-width: 40%;max-height: 435px;}
/**todo icons **/
.lblfgL { text-shadow: none; padding-left: 28px; color: #03af24 !important;font-size:9px;font-weight:600; }
.lblfyL { text-shadow: none ; padding-left: 28px;color: #a70b0b !important ;font-size:9px;font-weight:600; }
.lblfbL { text-shadow: none; padding-left: 28px; color: #0b78de !important;font-size:9px;font-weight:600; }
.lblf{color:#5ea025;font-size:9px;font-weight:600;padding:0px 5px 0px 2px;}
@media (max-width:500px){ .lblf{ /*padding:4px 5px 0px 2px;*/ display:inline-block;font-size: 8px;/*writing-mode:vertical-rl;*/}}
.lblfi{margin-top:0px; /*padding: 0 8px;*/}
@media (max-width:500px){ .lblfi{ margin-top:5px;}}
/**easy menu **/
.fcntrl_menu{position:fixed;padding:0px 1%;bottom:0px ;left:0px;right:0px;text-align:center;background:#000000;;font-size:12px;font-size: 12px;line-height: 13px;height: fit-content;overflow-y:auto;width:100%;z-index:2;overflow-x:hidden;font-weight:600;}
@media (min-width:780px){.fcntrl_menu{left:5px;}}
.fcntrl_menu a{color:rgba(255,255,255,.5);text-decoration:none;display:inline-block;padding:10px 20px;font-size: 13px;}
.fcntrl_menu a:hover{color:white;}
.fcntrl_menu a:visited{color:rgba(255,255,255,.5);}
.fcntrl_slogan{color:#1d2129;padding:7px 10%;background-position:center center;background-attachment:fixed;background-size:cover;text-align:center;}
.fcntrl_slogan h2{padding:2% 0 3% 0;margin:0;}
/****/
.MulticolorBar{width:100% !important;margin-left:-7px;background-image:-webkit-linear-gradient(left,orange,orangered 25%,skyblue 25%,deepskyblue 50%,firebrick 50%,firebrick 75%,green 75%);background-image:-moz-linear-gradient(left,orange,orangered 25%,skyblue 25%,deepskyblue 50%,firebrick 50%,firebrick 75%,green 75%);
background-image:-ms-linear-gradient(left,orange,orangered 25%,skyblue 25%,deepskyblue 50%,firebrick 50%,firebrick 75%,green 75%);
background-image:linear-gradient(to right,orange,orangered 25%,skyblue 25%,deepskyblue 50%,firebrick 50%,firebrick 75%,green 75%);height:4px;}
.colorbar{/* position:relative;*/ width:100% !important;height:2px;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);}
.colorbarC{position:relative;width:50% !important;margin:0em auto 0em auto;height:2px;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.3);}
.colorbar1{background:#5991FF;}/* blue */
.colorbar2{background:#FFA159;}/* orange */
.colorbar3{background:#FF315E;}/* red */
.colorbar4{background:#20E44B;}/* green */
.colorbar5{background:#FF18D1;}/* purple */
.colorbar6{background:#FFDA47;}/* yellow */
.colorbar7{background:#2b2b2b;margin-bottom:8px;}/* black */
.colorbar8{background:rgba(43,43,43,0.07);margin-bottom:14px;margin-top:14px;width:102% !important;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.3);}/* fine grey */
/***/
.bullet-section{ padding: 30px 50px;display: flex;justify-content: space-between;}
.bullet-section__column{ max-width: 25%;width: 100%;font-size: 16px;padding: 10px 20px;position: relative;}
.bullet-section__column::before{ content: '';width: 2px;height: 100%;background: #41464a;display: block;float: left;margin-left: -17px;}
.bullet-section__item--head{ font-size: 18px;margin-bottom: 10px;display: block;}
.bullet-section__item{ padding: 2px 0;position: relative;}
.bullet-section__item a{ color: #bb4b4b;display: block;transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;}
.bullet-section__item::before,.bullet-section__item::after{ content: '';position: absolute;
width: 10px;height: 10px;background: #9898b1;border-radius: 50%;left: -21px;top: 10px;}
.bullet-section__item::after{ width: 6px;height: 6px;top: 12px;left: -19px;transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;}
.bullet-section__item:hover > a{ color: #9898b1;}
.bullet-section__item:hover::after{ background-color: #bb4b4b;box-shadow: 0 0 22px 6px #bb4b4b;}
@media only screen and (max-width: 768px){ .bullet-section{ flex-direction: column;}
.bullet-section__column{ max-width: 100%;margin-bottom: 30px;}
.bullet-section__column::before{ position: absolute;}}
/**for all even h2 */
.wclr{ color:white !important;}
/**for .card44 only */
.clr1{background:cadetblue;color:white;}
.clr2{background:rgba(13,110,139,0.75);color:white;}
/**for .caption only */
.cclr3{background:radial-gradient(circle,#ffffff,#a5a37ca1);} /**for .caption only */
.cclr4{background:linear-gradient(#ffffff,#9bffff5c);} /**for .caption only */
.cclr5{background:url(https://images.unsplash.com/photo-1432958576632-8a39f6b97dc7?ixlib=rb-0.3.5…400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=6ecedc1…) center center no-repeat;
background-size:cover;}
.cclr6{background-color:#211f23;
background-repeat:no-repeat;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#FF53455B',endColorstr='#FF201E22');
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjAlIiByPSI3MCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1MzQ1NWIiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzIwMWUyMiIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-moz-radial-gradient(top,circle,#53455b 0%,#201e22 70%);
background-image:-webkit-radial-gradient(top,circle,#53455b 0%,#201e22 70%);
background-image:radial-gradient(circle at top,#53455b 0%,#201e22 70%);}
/**nice text */
.showc1{-webkit-box-align:center;align-items:center;background-color:#2CA05B;border-top-right-radius:100px;color:white;display:-webkit-box;display:flex;flex-wrap:wrap;padding:2rem;text-align:center;}
@media (min-width:1260px){.showc1t{padding:3rem 5rem;}}
.showc1 p{line-height:1.7;margin-bottom:2.5rem;}
/** **/
.container__{display:flex;flex-wrap:wrap;text-align:center;margin:1em 0.5em 1em 1em;padding:14px 0px 32em 3px;}
@media screen and (max-width:780px){.container__{padding:0em 0em 20em 0em;/* padding:0em 2em 2em 1em;*/}}
@media screen and (max-width:580px){.container__{margin-top:-1em;}}
.container__item{width:calc((100% - 90px)/4);margin:0 22px 30px 0;text-decoration:none;background-color:#ffffff;box-shadow:1px 1px 2px 2px #eeeff1;background: transparent;
border-radius:2px;box-sizing:border-box;/* min-width:225px;leaves gaps when resizing*/ min-width:199px;height:auto;max-height:320px;/*height:320px;*/ overflow-y:auto;border-bottom:4px solid #fff;
border-top:4px solid #fff;overflow-x:hidden;/* box-shadow:0px 2px 1rem -0.5rem rgba(0,0,0,0.25),0px 0px 0.25rem 1rem #fff;*//* box-shadow:1px 1px 8px 4px #eeeff1;*/}
@media (max-width:520px){.container__item{height:auto;max-height: 100% !important;padding: 0 3em;}}
/*.container__item:hover{box-shadow:7px 7px 14px rgba(0,0,0,0.4);}*/
@media screen and (max-width:899px){.container__item{width:calc((100% - 60px)/3);}}
@media screen and (max-width:767px){.container__item{width:100%;margin:30px auto 0;/*max-width:300px;*/ }}
/*@media screen and (max-width:899px){.container__item:nth-child(3n){margin-right:0;}}@media screen and (max-width:767px){.container__item:nth-child(3n){margin:30px auto 0;}}*/
/* .container__item:nth-child(4n){margin-right:0;} @media screen and (max-width:899px){.container__item:nth-child(4n){margin-right:30px;}}@media screen and (max-width:767px){.container__item:nth-child(4n){margin:30px auto 0;}} */
.container__item--category{top:0px;z-index:1;padding:1em;background:transparent !important;font-size:11px;line-height:1.6em;font-weight:600;text-align:center;}
.container__item--category h3{ margin:0px;letter-spacing:0.041em !important;text-shadow:1px 1px 1px rgba(138,134,84,0.32);}
.container__item--img{ padding: 5px 2em;}
@media (min-width: 560px){.container__item--img{ padding:5px 4em;} }
.container__item--desc{padding:20px;font-size:11px;line-height:1.86em;text-align:left;font-weight:500;color:#4b384c;}
/**list like flag *************** 47 ,147**/
.img-list{/* margin-left:-3em;*/ padding:2em 2.4em 2em 0em;}
/* @media screen and (min-width:899px){.img-list{padding:2em 3em 2em 1.5em;}}*/
.img-list-text{color:#0d3277;}
.img-list ol,.img-list ul{list-style:none;box-shadow:0px 1px 5px 4px rgba(0,0,0,0.19) !important;}
.img-list-item{/* margin-bottom:2em;*/ padding:1em;background-size:200% auto;border-bottom:1px solid #c2c2c2;background-image: linear-gradient(to right,rgb(255 255 245 / 69%) 0%,#e0e0e0 50%);}
.img-list-item:hover{background-image:linear-gradient(to right,#E9E9E1 0%,#ffede0 50%);}
.img-list-gutter{padding:0;}
@media (min-width:600px){.image-list-gutter{display:table;}
.img-list-item{padding:3em 7em;/*margin:2em;*/}
.img-list-text{padding:1em 0;}
.img-list-image,.img-list-text{/* display:table-cell;*/ vertical-align:top;}
.img-list-text{padding:1em 0px 0px 0px;/* padding:0px 6px 0 0px */ min-width:40vw;color:#0f0f1f}
.img-list-image{ min-width:40vw;padding:2em;}}
@media (min-width:764px){.img-list-text{/* min-width:50vw;caused img to shift out with ... name chg */ padding:0 10px 0 48px;}
.img-list-image{/* min-width:280px;*/}
.img-list-src{width:100%;max-width:356px;}}
.img-list-item:hover{box-shadow:2px 20px 19px -24px rgba(1,1,10,0.34);}
/**newsfeed ************ 13 **/
.newsfeed-wrap{ /*-webkit-column-count:2;column-count:2;-webkit-column-gap:1rem;column-gap:1rem;*/ padding:2em 3% 2em 1%;overflow-y:auto;max-height:100vh;padding-bottom: 22vh !important;}/* was 3 didnt work -webkit-column-count:3;column-count:3;*/
@media (max-width:1600px){.newsfeed-wrap{ /*-webkit-column-count:2;column-count:2;*/}}
@media (max-width:900px){.newsfeed-wrap{padding:2em 5% 2em 1%;}}
@media (max-width:600px){.newsfeed-wrap{/*-webkit-column-count:1;column-count:1;*/padding:2em 7% 2em 1%;}}
.newsfeed-wrap article{box-sizing:border-box;padding:1rem 2rem 1rem 2rem;box-shadow:1px 1px 9px -3px rgba(0,0,0,0.3);/* box-shadow:0px 2px 12px -3px rgba(0,0,0,0.3);*/ background:#fff;
display:inline-block;width:100%;margin:4px;/* max-height:315px;caused pics/iframes to dissapear on scroll & on full screen */ overflow-y:auto;overflow-x:hidden;border-bottom:4px #f8f8f8 solid;}
.newsfeed-wrap article a{text-decoration:none;color:#347b96;}
.newsfeed-wrap:hover{}
.newsfeed-wrap article:hover{/*border:3px double #89C1BE;*/ box-shadow:0px 8px 18px 0px rgba(0,0,0,0.23);}
.newsfeed-wrap article:hover img{-webkit-filter:grayscale(75%) hue-rotate(45deg);filter:grayscale(75%) hue-rotate(45deg);}
/* .newsfeed-wrap > article .newsfeed__img{overflow:hidden;margin-bottom:1rem;max-height:250px;}caused img to cut in half
.newsfeed-wrap > article .newsfeed__img > img{width:100%;max-height:250px;-o-object-fit:cover;object-fit:cover;border-radius:3px;transition:.3s ease filter;}*/
.newsfeed-wrap .newsfeed__desc{margin-bottom:1rem;font-size:1.25rem;line-height:2.34rem;letter-spacing:0.06rem;}
.newsfeed-wrap .newsfeed__desc h1{font-size:1.8rem !important ;letter-spacing:0px !important ;}
.newsfeed-wrap .newsfeed__desc h2{font-size:1.5rem !important ;letter-spacing:0px !important ;}
.newsfeed-wrap .newsfeed__footer{font-style:italic;font-size:.85rem;display:flex;flex-flow:row wrap;justify-content:space-between;width:100%;}
.newsfeed-wrap .newsfeed__footer p{color:#999;}
.newsfeed-wrap .newsfeed__footer .newsfeed__more{color:#89C1BE;}
/**pg flip 4 31 amazing on clk **/
.pf_book{position:fixed;top:18vh;transform-style:preserve-3d;}
.pf_page{position:absolute;width:50%;height:100%;top:0;left:50%;transform-style:preserve-3d;}
.pf_side{position:absolute;top:0;left:0;backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;font-size:13px;color:#394477;}
.pf_side0{transform:none;}
.pf_side1{transform:rotateY(180deg);}
.pf_flip{/*do nothing,its used by js*/}
.pf_book{width:80%;margin:12px 10%;height:60vh;perspective:800px;}
.pf_page{transition:transform 1s;transform-origin:left center;}
.pf_side0{background:linear-gradient(to right,rgba(0,0,0,0.1),white 0.5em);padding:1em 3em;box-sizing:border-box;}
.pf_side1{background:linear-gradient(to left,rgba(0,0,0,0.1),white 0.8em);padding:1em 3em;box-sizing:border-box;}
.pf_page:first-of-type .pf_side0{box-shadow:-10px 0 10px -6px rgba(0,0,0,0.3);background:linear-gradient(to right,rgba(0,0,0,0.1),lemonchiffon 0.5em);}
.pf_page:last-of-type .pf_side1{box-shadow:10px 0 10px -6px rgba(0,0,0,0.3);background:linear-gradient(to left,rgba(0,0,0,0.1),powderblue 0.8em);}
/**pg flip 3 30 prefer other **/
.pppselected,.pppflipped{transform:rotateY(180deg) !important;}
.ppp{position:absolute;top:0px;right:0px;display:inline-block;width:100%;/*width:400px;*/ height:100%;min-height:66vh;background-color:antiquewhite;overflow:hidden;backface-visibility:hidden;}
.ppp:before{position:absolute;content:'';width:100%;height:100%;left:0px;top:0px;}
.ppp:after{position:absolute;content:'';width:100%;height:100%;left:0px;top:0px;}
.ppp p,.ppp h2 ,ppp .fm{font-family:Algerian,'FontAwesome';font-weight:bolder;position:absolute;display:block;top:2%;margin-left:-45%;left:50%;width:90%;height:96%;overflow-y:auto;text-shadow:none;z-index:100000;vertical-align:central;}
.ppp p{font-size:15px;padding:1em;}
.ppp .fm{}
.bg{top:0px;left:0px;bottom:0px;right:0px;position:absolute !important;width:100%;height:100%;vertical-align:central;text-align:center;}
.bg:before{font-family:Arial;font-size:30px;position:absolute;color:black;content:' ';text-align:left;vertical-align:top;width:100%;height:100%;left:0px;top:0px;opacity:.15;border:solid 1px black;box-sizing:border-box;}
.bg:after{font-family:Arial;font-size:8px;position:absolute;text-align:left;vertical-align:top;color:black;content:' ';position:absolute;width:100%;height:100%;left:0px;top:0px;opacity:.1;}
#pppbook{position:relative;margin:0px 26%;transform-style:preserve-3d;}
#pppbook_cont{height:70vh;width:100%;position:relative;margin:0 23%;transform-style:preserve-3d;}
.pppflip{transition:1.2s;position:absolute !important;top:0px;right:0px;height:100%;width:100%;/*width:400px;*/ transform-style:preserve-3d;position:relative;transform-origin:left center;transform:translateZ(-1px);}
.pppflip .bck{transform:rotateY(180deg);padding:2em;}
.pppflip .frnt{z-index:2;transform:rotateY(0deg);}
/**pg pagination **/
#pP{ overflow-y: auto;max-height: 70vh;display: block;min-height: 300px;margin: 20px auto 0;max-height: 100vh !important;padding-bottom: 32vh !important;overflow-y: auto !important;}
.hide{visibility:hidden;}
.pPtion{width:88%;max-width:700px;margin:10px auto;min-height:50px;text-align:center;}
.pgtitle{font-size:28px;margin-bottom:10px;float:left;text-align:center;width:58%;padding:1%;}
.pgPrev,.pgNext{float:left;font-size:18px;width:8%;margin-bottom:30px;text-align:center;cursor:pointer;xbackground:#bbb;border-radius:5px;padding:1%;}
.pgPrev{transition-duration:0.6s;}
.pgPrev :hover{transform:translateX(-1px);}
.pgNext{float:right;transition-duration:0.6s;}
.pgNext :hover{transform:translateX(1px);}
.pgCont{clear:both;margin-left:-10px;max-height:1000vh;height:45vh;overflow-y:auto;box-shadow:0 0.875rem 1.75rem rgba(0,0,0,0.25),0 0.625rem 0.625rem rgba(0,0,0,0.22) !important;padding:2em;}
/* .console{width:95%;max-width:700px;margin:10px auto;padding:10px 0;outline:1px solid cyan;text-align:center;}*/
.pPNum{padding:1px 5px;border-radius:100px;margin:10px 1px 10px 1px;display:inline-block;background:#ddd;cursor:pointer;box-shadow:1px 4px 5px 0 rgba(0,0,0,0.5);}
.pPNum.navActive{background:#bbb;color:white;}