/* START CSS
** TITLE: Gistmeblog.com
** DOCUMENT: https://gistmeblog.com/style */




/* BASIC */
DOCTYPE, a, abbr, acronym, address, applet, object, area, article, aside, audio, b, base, basefont, bdi, bdo, big, blockquote, body, br, button, canvas, caption, center, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, dir, ul, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, frame, frameset, hh6, head, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, link, main, map, mark, meta, meter, nav, noframes, noscript, ol, optgroup, option, output, p, param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strike, strong, style, sub, summary, sup, svg, table, tbody, td, template, textarea, tfoot, th, thead, time, title, tr, track, tt, u, var, video, wbr {border: 0px; font-family: Verdana; font-size: 14px; font-weight: normal; line-height: 1.8; margin: 0px; padding: 0px; outline: 0px; text-decoration: none; text-shadow: unset; word-wrap: break-word;}
html {box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%!important; min-width: 100%!important; max-width: 100%!important;}
*, *:before, *:after {box-sizing:  border-box; -webkit-box-sizing:  border-box;}
body {background: #FFFFFF; border: 0px; color: black; display: block; font-family: Verdana; font-weight: normal; line-height: 1.7; margin: 0px; padding: 0px; outline: 0px; text-align: left; text-decoration: none; text-shadow: unset; word-wrap: break-word; width: 100%!important; min-width: 100%!important; max-width: 100%!important;}
a, a:active, a:hover, a:link, a:visited {color: #009000; font-size: inherit; text-decoration: none;}
p {margin: 0px; padding: 0px;}


/* ALIGN ELEMENT */
.left {text-align: left!important;}
.center {text-align: center!important;}
.right {text-align: right!important;}
.middle {margin: 0 auto; position: absolute; top: 50%; left: 50%; bottom: 50%; right: 50%;}
.fll {float: left!important;}
.flr {float: right!important;}
.pa {position: absolute!important;}
.pf {position: fixed!important;}
.prel {position: relative!important;}
.pt {top: 0!important;}
.pb {bottom: 0!important;}
.pl {left: 0!important;}
.pr {right: 0!important;}
.vam {vertical-align: middle!important;}
.vat {vertical-align: top!important;}
.vab {vertical-align: bottom!important;}
.ma {margin: auto;}
.mtop {top: 50%;}
.mbottom {bottom: 50%;}
.mleft {left: 50%;}
.mright {right: 50%;}


/* ANIMATIONS */
.bounce {-webkit-animation:bounce 2s both;animation:bounce 2s both}
@-webkit-keyframes bounce{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
.spin	{animation:  spin 2s infinite linear} @keyframes spin {0%{transform: rotate(0deg)}100%{transform: rotate(359deg)}}
.fadein {animation: opac 0.7s} @keyframes opac{from{opacity: 0} to{opacity: 1}}
.fadeout {-webkit-animation:fadeout 1s ease-out both;animation:fadeout 1s ease-out both} @-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}
.slideup {position: relative; animation: animatetop 0.4s} @keyframes animatetop {from{top: -300px; opacity: 0} to{top: 0; opacity: 1}}
.slideleft {position: relative; animation: animateleft 0.4s} @keyframes animateleft {from{left: -300px; opacity: 0} to{left: 0; opacity: 1}}
.slideright {position: relative; animation: animateright 0.4s} @keyframes animateright {from{right: -300px; opacity: 0} to{right: 0; opacity: 1}}
.slidedown {position: relative; animation: animatebottom 0.4s} @keyframes animatebottom {from{bottom: -300px; opacity: 0} to{bottom: 0; opacity: 1}}
.zoom {animation: animatezoom 0.6s} @keyframes animatezoom {from{transform: scale(0)} to{transform: scale(1)}}
.input {transition: width 0.4s ease-in-out} .input: focus{width: 100%!important}


/* BACKGROUND COLORS */
.bgactive:hover {background-color: #006000!important;}
.bgmain {background-color: #006000!important;}
.bgwhite {background-color: white!important;}
.bgblack {background-color: black!important;}
.bgblue {background-color: darkblue!important;}
.bggreen {background-color: darkgreen!important;}
.bgred {background-color: darkred!important;}
.bggrey {background-color: grey!important;}
.bgash {background-color: darkgrey!important;}
.bgyellow {background-color: yellow!important;}
.bgpink {background-color: pink!important;}


/* BACKGROUND IMAGES */
.bg1 {background-image: url("https://gistmeblog.com/img?token=23715752&ext=jpg&type=img&filename=bg"); background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-size: cover;}
.bg2 {background-image: url("https://gistmeblog.com/img?token=23715752&ext=jpg&type=img&filename=cover"); background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-size: cover;}


/* BARS */
.bar1 {background-color: #FFFFFF;}
.bar2 {background-color: #EFEFEF;}
.bar3 {background-color: #E1E1E1;}
.bar4 {background-color: #0e0e0e;} .bar4 span a {color: white; border-left: 1px solid #A9A9A8; float: right; padding-left: 10px;}
.bar5 {background-color: #C1C1C1;}
.bar6 {background-color: #FFFFFF; border-left: 1px solid #A9A9A8; border-bottom: 1px solid #A9A9A8; border-right: 1px solid #A9A9A8; margin: auto; width: 80%;}
.bar7 {background-color: #003000;}
.bar8 {background-color: #A1A1A1;}


/* BROWSER ELEMENTS */
.pe {pointer-events: none!important;}
.of {object-fit: cover; object-position: center;}
.nocopy {-webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.allcopy {-webkit-user-select: all; -webkit-touch-callout: all; -moz-user-select: all; -khtml-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all;}


/* BLUR */
.blur1 {background-color: rgba(0,0,0,0.2);}
.blur2 {background-color: rgba(0,0,0,0.4);}
.blur3 {background-color: rgba(0,0,0,0.6);}
.blur4 {background-color: rgba(0,0,0,0.8);}
.blur5 {background-color: rgba(0,0,0,0.9);}
.blur6 {background-color: rgba(0,0,0,0.95);}


/* BORDER */
.border {border: 1px solid #A9A9A8;}
.bordercollapse {border-collapse: collapse!important;}
.bordernone {border: none!important;}
.borderleft {border-left: 1px solid #A9A9A8!important;}
.borderright {border-right: 1px solid #A9A9A8!important;}
.bordertop {border-top: 1px solid #A9A9A8!important;}
.borderbottom {border-bottom: 1px solid #A9A9A8!important;}
.b0, .bnone {border: none!important;}
.bbnone {border-bottom: none!important;}
.btnone {border-top: none!important;}
.blnone {border-left: none!important;}
.brnone {border-right: none!important;}


/* BORDER COLOR */
.bc1 {border-color: #FFFFFF!important;}
.bc2 {border-color: #006000!important;}
.bc3 {border-color: #A9A9A8!important;}
.bc4 {border-color: transparent!important;}
.bc5 {border-color: #0E0E0E!important;}


/* BORDER RADIUS */
.br1 {border-radius: 100%;}
.br2 {border-radius: 50%;}
.br3 {border-radius: 10%;}
.br4 {border-radius: 5px;}
.br5 {border-radius: 10px;}
.br6 {border-radius: 20px;}
.br7 {border-radius: 50px;}
.br8 {border-bottom-right-radius: 100px;}


/* BORDER WIDTH */
.bw1 {border-width: 1px!important;}
.bw2 {border-width: 2px!important;}
.bw3 {border-width: 3px!important;}
.bw4 {border-width: 4px!important;}
.bw5 {border-width: 5px!important;}
.bw6 {border-width: 6px!important;}
.bw7 {border-width: 7px!important;}


/* BOX SHADOW */
.bs1 {box-shadow: 0 8px 6px -6px black;}
.bs2 {box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #eee, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #eee, 0 20px 1px -9px rgba(0,0,0,0.15);}
.bs3 {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}


/* COLOR */
.white, a.white, .white a {color: white!important;}
.black, a.black, .black a {color: black!important}}
.grey, a.grey, .grey a {color: grey!important;}
.cmain, a.cmain {color: #006000!important;}
.yellow, a.yellow {color: yellow!important;}
.green, a.green {color: green!important;}
.red, a.red {color: red!important;}
.blue, a.blue {color: blue!important;}
.brown, a.brown {color: brown!important;}
.purple, a.purple {color: purple!important;}


/* CURSOR */
.cursorpointer {cursor: pointer!important;}


/* DISPLAY */
.db {display: block!important;}
.dib {display: inline-block!important;}
.hide {display: none!important;}
.invisible {visibility: hidden!important;}


/* FONT CASE */
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}


/* FILE UPLOAD BUTTON */
.custom-file-input::-webkit-file-upload-button {display: none;}
.custom-file-input::before {content: 'Select a file'; font-family: Verdana; display: inline-block; background: #006000; border: 1px solid #A9A9A8; border-radius: 3px; color: white; padding: 10px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 700; font-size: 10pt;}
.custom-file-input:active::before {background: #003000;}



/* FONT SIZE */
.small, .small a {font-size: small;}
.medium, .medium a {font-size: medium;}
.large, .large a {font-size: large;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f25 {font-size: 25px;}
.f30 {font-size: 30px;}
.f35 {font-size: 35px;}
.f40 {font-size: 40px;}
.f45 {font-size: 45px;}
.f50 {font-size: 50px;}
.f50 {font-size: 50px;}
.f55 {font-size: 55px;}
.f60 {font-size: 60px;}
.f65 {font-size: 65px;}
.f70 {font-size: 70px;}
.f75 {font-size: 75px;}
.f80 {font-size: 80px;}
.f85 {font-size: 85px;}
.f90 {font-size: 90px;}
.f95 {font-size: 95px;}
.f100 {font-size: 100px;}


/* FONT WEIGHT */
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}


/* HEIGHT */
.h2 {min-height: 2vh!important;}
.h5 {min-height: 5vh!important;}
.h7 {min-height: 7vh!important;}
.h10 {min-height: 10vh!important;}
.h12 {min-height: 12vh!important;}
.h15 {min-height: 15vh!important;}
.h20 {min-height: 20vh!important;}
.h25 {min-height: 25vh!important;}
.h30 {min-height: 30vh!important;}
.h35 {min-height: 35vh!important;}
.h40 {min-height: 40vh!important;}
.h45 {min-height: 45vh!important;}
.h48 {min-height: 48vh!important;}
.h50 {min-height: 50vh!important;}
.h53 {min-height: 53vh!important;}
.h55 {min-height: 55vh!important;}
.h60 {min-height: 60vh!important;}
.h65 {min-height: 65vh!important;}
.h70 {min-height: 70vh!important;}
.h75 {min-height: 75vh!important;}
.h80 {min-height: 80vh!important;}
.h85 {min-height: 85vh!important;}
.h90 {min-height: 90vh!important;}
.h95 {min-height: 95vh!important;}
.h100 {min-height: 100%!important; height: 100%!important;}
.hfull {min-height: 100vh!important;}
.hfeet {min-height: 60px!important;}


/* LINE HEIGHT */
.lh0 {line-height: 0;}
.lh1 {line-height: 10px;}
.lh2 {line-height: 20px;}


/* LIST */
ol, ul {direction: ltr; margin: 5px 0px; padding-left: 40px;}
ol.alpha {list-style-type: lower-alpha;}
ol.roman {list-style-type: lower-roman;}
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
li {margin: 2px; padding: 0px;}


/* MARGIN */
.m0 {margin: 0px!important;} .ml0 {margin-left: 0px!important;} .mr0 {margin-right: 0px!important;} .mt0 {margin-top: 0px!important;} .mb0 {margin-bottom: 0px!important;}
.m5 {margin: 5px!important;} .ml5 {margin-left: 5px!important;} .mr5 {margin-right: 5px!important;} .mt5 {margin-top: 5px!important;} .mb5 {margin-bottom: 5px!important;}
.m10 {margin: 10px!important;} .ml10 {margin-left: 10px!important;} .mr10 {margin-right: 10px!important;} .mt10 {margin-top: 10px!important;} .mb10 {margin-bottom: 10px!important;}
.m20 {margin: 20px!important;} .ml20 {margin-left: 20px!important;} .mr20 {margin-right: 20px!important;} .mt20 {margin-top: 20px!important;} .mb20 {margin-bottom: 20px!important;}
.m30 {margin: 30px!important;} .ml30 {margin-left: 30px!important;} .mr30 {margin-right: 30px!important;} .mt30 {margin-top: 30px!important;} .mb30 {margin-bottom: 30px!important;}
.m40 {margin: 40px!important;} .ml40 {margin-left: 40px!important;} .mr40 {margin-right: 40px!important;} .mt40 {margin-top: 40px!important;} .mb40 {margin-bottom: 40px!important;}
.m50 {margin: 50px!important;} .ml50 {margin-left: 50px!important;} .mr50 {margin-right: 50px!important;} .mt50 {margin-top: 50px!important;} .mb50 {margin-bottom: 50px!important;}
.m60 {margin: 60px!important;} .ml60 {margin-left: 60px!important;} .mr60 {margin-right: 60px!important;} .mt60 {margin-top: 60px!important;} .mb60 {margin-bottom: 60px!important;}
.m70 {margin: 70px!important;} .ml70 {margin-left: 70px!important;} .mr70 {margin-right: 70px!important;} .mt70 {margin-top: 70px!important;} .mb70 {margin-bottom: 70px!important;}
.m80 {margin: 80px!important;} .ml80 {margin-left: 80px!important;} .mr80 {margin-right: 80px!important;} .mt80 {margin-top: 80px!important;} .mb80 {margin-bottom: 80px!important;}
.m90 {margin: 90px!important;} .ml90 {margin-left: 90px!important;} .mr90 {margin-right: 90px!important;} .mt90 {margin-top: 90px!important;} .mb90 {margin-bottom: 90px!important;}
.m100 {margin: 100px!important;} .ml100 {margin-left: 100px!important;} .mr100 {margin-right: 100px!important;} .mt100 {margin-top: 100px!important;} .mb100 {margin-bottom: 100px!important;}
.m150 {margin: 150px!important;} .ml150 {margin-left: 150px!important;} .mr150 {margin-right: 150px!important;} .mt150 {margin-top: 150px!important;} .mb150 {margin-bottom: 150px!important;}
.m200 {margin: 200px!important;} .ml200 {margin-left: 200px!important;} .mr200 {margin-right: 200px!important;} .mt200 {margin-top: 200px!important;} .mb200 {margin-bottom: 200px!important;}
.m150 {margin: 250px!important;} .ml250 {margin-left: 250px!important;} .mr250 {margin-right: 250px!important;} .mt250 {margin-top: 250px!important;} .mb250 {margin-bottom: 250px!important;}
.m300 {margin: 300px!important;} .ml300 {margin-left: 300px!important;} .mr300 {margin-right: 300px!important;} .mt300 {margin-top: 300px!important;} .mb300 {margin-bottom: 300px!important;}
.m350 {margin: 350px!important;} .ml350 {margin-left: 350px!important;} .mr350 {margin-right: 350px!important;} .mt350 {margin-top: 350px!important;} .mb350 {margin-bottom: 350px!important;}
.m400 {margin: 400px!important;} .ml400 {margin-left: 400px!important;} .mr400 {margin-right: 400px!important;} .mt400 {margin-top: 400px!important;} .mb400 {margin-bottom: 400px!important;}
.m450 {margin: 450px!important;} .ml450 {margin-left: 450px!important;} .mr450 {margin-right: 450px!important;} .mt450 {margin-top: 450px!important;} .mb450 {margin-bottom: 450px!important;}
.m500 {margin: 500px!important;} .ml500 {margin-left: 500px!important;} .mr500 {margin-right: 500px!important;} .mt500 {margin-top: 500px!important;} .mb500 {margin-bottom: 500px!important;}


/* MEDIA */
img {outline: none; pointer-events: none; vertical-align: baseline; -ms-interpolation-mode: bicubic;}
video {border: 1px solid #A9A9A8; outline: none; width: 100%;}
img .icsmall, .icsmall img {height: 25px!important; width: 25px!important;}
img .icbutton, .icbutton img {float: left; height: 24px!important; margin-right: 10px; width: 24px!important;}
img .iccon, .iccon img {float: left; height: 25px!important; margin-right: 20px; width: 25px!important;}
img .ic1, .ic1 img {height: 40px; width: 40px;}
img .ic2, .ic2 img {height: 70px; width: 70px;}
img .ic3, .ic3 img {height: 100px; width: 100px;}
img .ic4, .ic4 img {height: 150px; width: 150px;}
img .ic5, .ic5 img {height: 240px; width: 240px;}
img .ic6, .ic6 img {position: absolute; top: 70px; left: 20px; height: 120px; width: 120px;}
img .ic7, .ic7 img {position: absolute; top: 150px; left: 30px; height: 180px; width: 180px;}


/* PADDING */
.ptop {padding-top: 50%;} .pbottom {padding-bottom: 50%;} .pleft {padding-left: 50%;} .pright {padding-right: 50%;}
.p0 {padding: 0px!important;} .pl0 {padding-left: 0px!important;} .pr0 {padding-right: 0px!important;} .pt0 {padding-top: 0px!important;} .pb0 {padding-bottom: 0px!important;}
.p1 {padding: 1px!important;} .pl1 {padding-left: 1px!important;} .pr1 {padding-right: 1px!important;} .pt1 {padding-top: 1px!important;} .pb1 {padding-bottom: 1px!important;}
.p2 {padding: 2px!important;} .pl2 {padding-left: 2px!important;} .pr2 {padding-right: 2px!important;} .pt2 {padding-top: 2px!important;} .pb2 {padding-bottom: 2px!important;}
.p3 {padding: 3px!important;} .pl3 {padding-left: 3px!important;} .pr3 {padding-right: 3px!important;} .pt3 {padding-top: 3px!important;} .pb3 {padding-bottom: 3px!important;}
.p4 {padding: 4px!important;} .pl4 {padding-left: 4px!important;} .pr4 {padding-right: 4px!important;} .pt4 {padding-top: 4px!important;} .pb4 {padding-bottom: 4px!important;}
.p5 {padding: 5px!important;} .pl5 {padding-left: 5px!important;} .pr5 {padding-right: 5px!important;} .pt5 {padding-top: 5px!important;} .pb5 {padding-bottom: 5px!important;}
.p6 {padding: 6px!important;} .pl6 {padding-left: 6px!important;} .pr6 {padding-right: 6px!important;} .pt6 {padding-top: 6px!important;} .pb6 {padding-bottom: 6px!important;}
.p7 {padding: 7px!important;} .pl7 {padding-left: 7px!important;} .pr7 {padding-right: 7px!important;} .pt7 {padding-top: 7px!important;} .pb7 {padding-bottom: 7px!important;}
.p8 {padding: 8px!important;} .pl8 {padding-left: 8px!important;} .pr8 {padding-right: 8px!important;} .pt8 {padding-top: 8px!important;} .pb8 {padding-bottom: 8px!important;}
.p9 {padding: 9px!important;} .pl9 {padding-left: 9px!important;} .pr9 {padding-right: 9px!important;} .pt9 {padding-top: 9px!important;} .pb5 {padding-bottom: 9px!important;}
.p10 {padding: 10px!important;} .pl10 {padding-left: 10px!important;} .pr10 {padding-right: 10px!important;} .pt10 {padding-top: 10px!important;} .pb10 {padding-bottom: 10px!important;}
.p17 {padding: 17.5px!important;} .pl17 {padding-left: 17.5px!important;} .pr17 {padding-right: 17.5px!important;} .pt17 {padding-top: 17.5px!important;} .pb17 {padding-bottom: 17.5px!important;}
.p15 {padding: 15px!important;} .pl15 {padding-left: 15px!important;} .pr15 {padding-right: 15px!important;} .pt15 {padding-top: 15px!important;} .pb15 {padding-bottom: 15px!important;}
.p20 {padding: 20px!important;} .pl20 {padding-left: 20px!important;} .pr20 {padding-right: 20px!important;} .pt20 {padding-top: 20px!important;} .pb20 {padding-bottom: 20px!important;}
.p30 {padding: 30px!important;} .pl30 {padding-left: 30px!important;} .pr30 {padding-right: 30px!important;} .pt30 {padding-top: 30px!important;} .pb30 {padding-bottom: 30px!important;}
.p40 {padding: 40px!important;} .pl40 {padding-left: 40px!important;} .pr40 {padding-right: 40px!important;} .pt40 {padding-top: 40px!important;} .pb40 {padding-bottom: 40px!important;}
.p50 {padding: 50px!important;} .pl50 {padding-left: 50px!important;} .pr50 {padding-right: 50px!important;} .pt50 {padding-top: 50px!important;} .pb50 {padding-bottom: 50px!important;}
.p60 {padding: 60px!important;} .pl60 {padding-left: 60px!important;} .pr60 {padding-right: 60px!important;} .pt60 {padding-top: 60px!important;} .pb60 {padding-bottom: 60px!important;}
.p70 {padding: 70px!important;} .pl70 {padding-left: 70px!important;} .pr70 {padding-right: 70px!important;} .pt70 {padding-top: 70px!important;} .pb70 {padding-bottom: 70px!important;}
.p80 {padding: 80px!important;} .pl80 {padding-left: 80px!important;} .pr80 {padding-right: 80px!important;} .pt80 {padding-top: 80px!important;} .pb80 {padding-bottom: 80px!important;}
.p90 {padding: 90px!important;} .pl90 {padding-left: 90px!important;} .pr90 {padding-right: 90px!important;} .pt90 {padding-top: 90px!important;} .pb90 {padding-bottom: 90px!important;}
.p100 {padding: 100px!important;} .pl100 {padding-left: 100px!important;} .pr100 {padding-right: 100px!important;} .pt100 {padding-top: 100px!important;} .pb100 {padding-bottom: 100px!important;}
.p150 {padding: 150px!important;} .pl150 {padding-left: 150px!important;} .pr150 {padding-right: 150px!important;} .pt150 {padding-top: 150px!important;} .pb150 {padding-bottom: 150px!important;}
.p200 {padding: 200px!important;} .pl200 {padding-left: 200px!important;} .pr200 {padding-right: 200px!important;} .pt200 {padding-top: 200px!important;} .pb200 {padding-bottom: 200px!important;}
.p150 {padding: 250px!important;} .pl250 {padding-left: 250px!important;} .pr250 {padding-right: 250px!important;} .pt250 {padding-top: 250px!important;} .pb250 {padding-bottom: 250px!important;}
.p300 {padding: 300px!important;} .pl300 {padding-left: 300px!important;} .pr300 {padding-right: 300px!important;} .pt300 {padding-top: 300px!important;} .pb300 {padding-bottom: 300px!important;}
.p350 {padding: 350px!important;} .pl350 {padding-left: 350px!important;} .pr350 {padding-right: 350px!important;} .pt350 {padding-top: 350px!important;} .pb350 {padding-bottom: 350px!important;}
.p400 {padding: 400px!important;} .pl400 {padding-left: 400px!important;} .pr400 {padding-right: 400px!important;} .pt400 {padding-top: 400px!important;} .pb400 {padding-bottom: 400px!important;}
.p450 {padding: 450px!important;} .pl450 {padding-left: 450px!important;} .pr450 {padding-right: 450px!important;} .pt450 {padding-top: 450px!important;} .pb450 {padding-bottom: 450px!important;}
.p500 {padding: 500px!important;} .pl500 {padding-left: 500px!important;} .pr500 {padding-right: 500px!important;} .pt500 {padding-top: 500px!important;} .pb500 {padding-bottom: 500px!important;}


/* SCROLL BAR & HIGHLIGHT */
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: transparent!important;}
::-webkit-scrollbar-thumb {background: #A1A1A1;}
::-webkit-scrollbar-thumb:hover {background: #006000;}
::-moz-selection {background-color: rgba(0,0,0,0.7); color: white;}
::selection {background-color: rgba(0,0,0,0.7); color: white;}


/* WIDTH */
.w5 {width: 5%!important; min-width: 5%!important; max-width: 5%!important;}
.w10 {width: 10%!important; min-width: 10%!important; max-width: 10%!important;}
.w11, a.w11 {width: 11.11%!important; min-width: 11.11%!important; max-width: 11.11%!important;}
.w12 {width: 12%!important; min-width: 12%!important; max-width: 12%!important;}
.w15 {width: 15%!important; min-width: 15%!important; max-width: 15%!important;}
.w20 {width: 20%!important; min-width: 20%!important; max-width: 20%!important;}
.w23 {width: 23%!important; min-width: 23%!important; max-width: 23%!important;}
.w25 {width: 25%!important; min-width: 25%!important; max-width: 25%!important;}
.w30 {width: 30%!important; min-width: 30%!important; max-width: 30%!important;}
.w33 {width: 33%!important; min-width: 33%!important; max-width: 33%!important;}
.w35 {width: 35%!important; min-width: 35%!important; max-width: 35%!important;}
.w40 {width: 40%!important; min-width: 40%!important; max-width: 40%!important;}
.w45 {width: 45%!important; min-width: 45%!important; max-width: 45%!important;}
.w49 {width: 49.5%!important; min-width: 49.5%!important; max-width: 49.5%!important;}
.w50 {width: 50%!important; min-width: 50%!important; max-width: 50%!important;}
.w55 {width: 55%!important; min-width: 55%!important; max-width: 55%!important;}
.w60 {width: 60%!important; min-width: 60%!important; max-width: 60%!important;}
.w65 {width: 65%!important; min-width: 65%!important; max-width: 65%!important;}
.w70 {width: 70%!important; min-width: 70%!important; max-width: 70%!important;}
.w75 {width: 75%!important; min-width: 75%!important; max-width: 75%!important;}
.w80 {width: 80%!important; min-width: 80%!important; max-width: 80%!important;}
.w85 {width: 85%!important; min-width: 85%!important; max-width: 85%!important;}
.w90 {width: 90%!important; min-width: 90%!important; max-width: 90%!important;}
.w95 {width: 95%!important; min-width: 95%!important; max-width: 95%!important;}
.w100 {width: 100%!important; min-width: 100%!important; max-width: 100%!important;}


/* Z-INDEX */
.zindex {z-index: 1;}
.zindex img {z-index: 1;}
.zindex2 {z-index: 2;}
.zindex3 {z-index: 3;}
.zindex4 {z-index: 4;}
.zindex5 {z-index: 5;}
.zindex6 {z-index: 6;}
.zindex7 {z-index: 70;}




/* FORM */
input[type=text], input[type=password], input[type=search], input[type=number], input[type=email] , input[type=url] {background: #EFEFEF; border: 1px solid #A9A9A8; color: black; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; outline: none; overflow: auto; padding: 10px 10px; width: 100%; min-width: 100%; max-width: 100%;}
input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=email]:focus, input[type=email]:focus {border: 1px solid #006000; color: black; margin: 0px; outline: none;}
input[type=submit] {background-color: #006000; border: none; color: white; cursor: pointer; font-family: inherit; font-size: inherit; margin: none; padding: 10px 20px;}
input[type=submit]:disabled {background-color: #C1C1C1; border: 1px solid #A9A9A8; color: black; cursor: pointer; font-family: inherit; font-size: inherit; margin: none; padding: 10px 20px;}
button {background-color: #006000; border: none; color: white; cursor: pointer; font-family: inherit; font-size: inherit; margin: none; padding: 10px 20px;}
select {background: #EFEFEF; border: 1px solid #A9A9A8; color: black; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; outline: none; overflow: auto; padding: 10px 10px; width: 100%; min-width: 100%; max-width: 100%;}
select:focus {border: 1px solid #006000; color: black; margin: 0px; outline: none;}
textarea {background: #EFEFEF; border: 1px solid #A9A9A8; color: black; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; min-height: 200px; outline: none; overflow: auto; padding: 10px; width: 100%; min-width: 100%; max-width: 100%;}
textarea:focus {border: 1px solid #006000; color: black; margin: 0px; outline: none;}


/* HEADER & FOOTER */
header {background: #006000!important; border-bottom: 1px solid #FFFFFF; cursor: pointer; color: white; font-size: 14px; height: 80px!important; padding: 24px 15px; width: 100%;}
header table {width: 100%; min-width: 100%; max-width: 100%;}
header table td {cursor: pointer; height: 80px!important;}
header img {height: 32px;}
.hhead {height: 62px; vertical-align: middle;}
.container {margin-top: 80px!important; width: 100%; min-width: 100%; max-width: 100%;}
.main {margin-left: 230px;}
.submain {margin-left: 460px;}
.nav {background-color: #0E0E0E; border-right: 1px solid #FFFFFF; font-size: 14px; height: 87%; overflow: auto; padding: 10px 10px; position: fixed; left: 0; width: 230px;}
.nav a {color: white; display: block; margin: 2px 0px; padding: 12px 10px;}
.nav a:hover {background-color: #009000;}
.nav .area {border-bottom: 1px solid #FFFFFF; padding: 15px 0px;}
.nav .area img {float: left; width: 24px; height: 24px; vertical-align: middle!important; margin-right: 20px;}
.subnav {background-color: #2E2E2E; border-right: 1px solid #FFFFFF; height: 100%; font-size: 14px; overflow: auto; padding: 20px 10px; position: fixed; left: 230px; width: 230px;}
.subnav .area {border-bottom: 1px solid #FFFFFF; padding: 15px 0px;}
.subnav a {color: white; display: block; margin: 2px 0px; padding: 12px 10px;}
.subnav a:hover {background-color: #009000;}
.subnav img {float: left; width: 22px; height: 22px; vertical-align: middle; margin-right: 20px;}
.pagebodylite {background-color: #FFFFFF; font-size: 14px; min-height: 100vh; padding: 20px 20px 50px 20px;}
.pagebodydeep {background-color: #E1E1E1; font-size: 14px; min-height: 100vh; padding: 20px 20px 50px 20px;}
.pagetitle {background-color: #000000; border-bottom: 1px solid #FFFFFF; color: white; font-size: 14px; padding: 20px; text-transform: uppercase;}
.containerend {margin-bottom: 60px; width: 100%; min-width: 100%; max-width: 100%;}
.label {padding: 5px 0px!important;}
.liner {padding: 18px 0px!important;}
.hinput {height: 62px!important;}
.hform {height: 40px!important;}
.offline {background-color: darkred; color: white; margin: 0 15px 30px 0; text-align: left; padding: 20px; position: fixed; position: fixed; bottom: 0; right: 0;}
.easetip {background-color: #006000; color: white; margin: 0 0 30px 15px; text-align: left; padding: 20px; position: fixed; bottom: 0; left: 0; width: 280px;}
.socialhandle {background: #006000!important; border-right: 1px solid #FFFFFF; border-top: 3px solid #FFFFFF; color: white; font-size: 14px; min-height: 7%; padding: 24px 12px; position: fixed; bottom: 0; left: 0; text-align: right; width: 230px;}
.socialhandle img {clear: both!important; display: inline-block!important; float: none!important; margin-right: 1px!important; object-fit: cover!important; height: 28px!important; width: 28px!important;}
.socialhandle a {background-color: transparent!important; display: inline-block!important; padding: 0px!important;}
.socialhandle .feet {padding: 18px 10px;}
.error {background: darkred; border-bottom: 1px solid #FFFFFF; color: white; font-size: small; padding: 15px; text-align: center!important;}
.success {background: darkgreen; border-bottom: 1px solid #FFFFFF; color: white; font-size: small; padding: 15px; text-align: center!important;}


/* HR */
.title {font-size: 18px; font-weight: bold; text-transform: uppercase;}
.hr {border-bottom: 1px solid #A9A9A8;}
.divider {background-color: #006000;}
.tit {border-bottom: 3px solid #0E0E0E; color: #0E0E0E; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 10px 0px 20px 0px; padding: 10px 0px;}

/* JOB */
.job {background: #FFFFFF; border: 1px solid #A9A9A8; display: inline-block; margin: 10px 2px; padding: 20px 15px; height: 320px; width: 24%;}
.job .head {height: 90px;}
.job .title {font-size: 14px;}
.job .location {font-size: small; padding-top: 5px;}
.job .description {font-size: small; height: 120px; padding-top: 20px;}
.job .url {font-size: small; padding-top: 20px; text-align: right;}


/* NAVIGATION */
.content {margin-left: 15%; width: 85%;}
.menu {background-color: #000; min-height: 100vh;}
.menu a {border-bottom: 1px solid #A9A9A8; color: white; display: block; padding: 15px 10px;}
.menu a:hover {background-color: #006000; border-bottom: 1px solid #fff;}
.menu img {height: 18px; margin-left: 5px; margin-right: 20px; width: 18px; float: left; vertical-align: middle;}
.sidebar {background-color: black; border-right: 1px solid #A9A9A8; display: inline-block; font-size: 12.5px; position: fixed; height: 100%; overflow-x: hidden; overflow-y: auto; width: 15%;}
.section {border-bottom: 1px solid #A9A9A8; padding: 20px 10px;}
.section a {border: 1px solid #000; color: white; display: block; padding: 7px;}
.section a:hover {background-color: #006000; border: 1px solid #A9A9A8;}
.section img {height: 18px; margin-right: 20px; width: 18px; float: left; vertical-align: middle;}
.tail {border-top: 1px solid #fff; z-index: 1000000;}
.tail a {color: white;}


/* POP UP */
.popup {displays: none; position: fixed; z-index: 1; padding-top: 20vh; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5);}
.popup .container {margin: auto; width: 70%;}
.popup .head {background-color: #007000; border-bottom: 1px solid #A9A9A8; color: white; padding: 10px;}
.popup .body {background-color: #FFFFFF; padding: 20px 10px;}
.popup .foot {background-color: #111; border-top: 1px solid #A9A9A8; color: white; padding: 10px;}
.popup .close {color: #ccc; font-weight: bold;}
.popup .close:hover, .popup .close:focus {color: #fff; text-decoration: none; cursor: pointer;}



/* PRELOADERS */
.pl1 {color:#FFFFFF; width:50px; height:50px; display:inline-block; padding:0px; text-align: center; opacity:1; background:#006000; -webkit-animation: pl1 1.5s ease-in-out infinite alternate; animation: pl1 1.5s ease-in-out infinite alternate;} @keyframes pl1 {from {transform: rotate(0deg) scale(1,1);border-radius:0px;} to {transform: rotate(720deg) scale(0.5, 0.5);border-radius:25px;}} @-webkit-keyframes pl1 {from {-webkit-transform: rotate(0deg) scale(1, 1);border-radius:0px;} to {-webkit-transform: rotate(720deg) scale(0.5, 0.5);border-radius:25px;}}


/* SNACKBAR */
#snackbar {visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #006000; border: 3px solid #e8e8e8; color: #fff; text-align: center; padding: 15px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 14px;}
#snackbar.show {visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s;}
@-webkit-keyframes fadein {from {bottom: 0; opacity: 0;}  to {bottom: 30px; opacity: 1;}}
@keyframes fadein {from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}}
@keyframes fadeout {from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}}


/* SPRITES */
#navmenu {background-image: url("https://gistmeblog.com/files/icon/onecm-white-nav.png"); background-position: -3.2cm 0; background-repeat: no-repeat; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-size: cover; border: 0px!important; outline: none!important; display: inline-block!important; padding: 0px!important; width: 1cm!important; height: 1cm!important;}

/* TOOLTIP */
.tooltip {position: relative; display: inline-block;}
.tooltip .tooltiptext {visibility: hidden; min-width: 150px; background-color: #006000; border: 1px solid #fff; color: #fff; text-align: center; border-radius: 1px; padding: 20px 20px; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 1.0s;}
.tooltip .tooltiptext::after {content: ""; position: absolute; bottom: 100%; left: 35%; margin-left: -5px; border-width: 7px; height: 20px; border-style: solid; border-color: transparent transparent #006000 transparent;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}