/* For Content */


input,select,option { box-sizing: border-box;}

/* ADG */
.MainHeader {font-size:25px; letter-spacing:2px;border-bottom:1px solid black;text-transform:uppercase;text-align:left;}
.header,.Header {height:21px;font-size:17px;letter-spacing:2px;border-bottom:1px solid black;text-transform:uppercase;}
.headerNoUnderline  {height:21px;border-bottom:0px solid white;font-size:17px;letter-spacing:2px;text-transform:uppercase;}
.mediumHeader {height:25px;font-size:22px;letter-spacing:2px;border-bottom:1px solid black;text-transform:uppercase;text-align:left;}
.mainHeader,.MainHeader {font-size:25px; letter-spacing:2px;border-bottom:1px solid black;text-transform:uppercase;text-align:left;}
.sectionHeader { font-size:26px; text-decoration:none; padding-bottom:6px; }
.sectionMenu { font-size: 36px; color:#999999; font-weight:bolder; line-height:36px; }
.megaHeader {font-size:33px;padding-left:30px; }

.header, .header a, tr.header td { font-weight:bold; border-bottom:1px solid #dddddd; min-height:24px; font-size:16px; text-decoration:none; }

.mainContent { max-width:1000px; }

.ADMbg1 { background-color:white; }
.ADMbg2 { background-color:#efefef; }
.ADMbg3 { background-color:#ddf0f6; }
.ADMbg4 { background-color:#d2e8f1; }
.ADMbg1:hover,.ADMbg2:hover,.ADMbg3:hover,.ADMbg4:hover { background-color:#dddddd; }

.List {color:#333333;background-color:#f6f6f6;}
a.List {color:#333333;}
 .List2{color:#333333;background-color:white;}
a.List2{color:#333333;}

.color:hover {background:#a7a8a9;}


/* store */
.sfm{top:200;left:0;height:1;width:1;position:absolute;z-index:-1;visibility:hidden;}

/* qEdit */
.qEditConf {background:#e0f9dc!important;color:black!important;border:1px solid green;border-radius:5px;padding:5px;font-size:9px;font-weight:bold;}
.qae { position:absolute;z-index:2;bottom:-8px;right:-32px;font-size:9px;line-height:9px;opacity:8;color:green;max-width:250px;} /*max-height:9px;white-space:nowrap;*/


/*
h1{ clear:both; display:block; font-size:21px; line-height:21px; font-weight:normal; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; background:url(../images/h1line.gif) repeat-x bottom left; }
h1 span{ color:#ed9319;}
*/

img,table{border:0;}
table{border-spacing:0;}
input:not([type='radio']):not([type='checkbox']) {-webkit-appearance:none;border-radius:0;}

*,input,select,textarea,option,button {outline:none!important;}
input:focus, textarea:focus, select:focus{ outline:none!important;} /*fix chrome 88 black borders */


/* easing:
a,button,input,textarea,img,div,span { outline: none!important; transition: .50s ease-in-out; -moz-transition: .50s ease-in-out; -webkit-transition: .50s ease-in-out; } *:after, *:before { transition: .30s ease-in-out; -moz-transition: .30s ease-in-out; -webkit-transition: .30s ease-in-out; } 
body > div {transition:all 0.3s ease;}
*/



/* POSITIONING / ALIGNMENT*/

.verticalCenter { display: -webkit-flex; display: flex; -webkit-align-items: center;align-items: center; }

.justify, .justify p, .justify div,. justify td {text-align:justify;}
.right,.right option,.rightt,.alignRight {text-align:right!important;} /* justify-content:right !important; -webkit-justify-content:right !important; }*/
.left,.left option,.leftt,.alignLeft {text-align:left!important; } /*justify-content:left !important; -webkit-justify-content:left !important;} */
/*.center,.center option,.alignCenter,.center td {text-align:center !important;justify-content:center !important; -webkit-justify-content:center !important;} */
.center,.center option,.alignCenter,.center td {
	text-align:center!important;
	-webkit-justify-content:center!important;
	justify-content:center!important; 
	margin:auto;
}
.center table { margin-left:auto; margin-right:auto; }

.rightLeft,.rightLeft option {text-align:right !important; justify-content:right !important; -webkit-justify-content:right !important;}
.leftRight,.leftRight option {text-align:left !important; justify-content:left !important; -webkit-justify-content:left !important;}
.centerLeft,.centerLeft option,.centerLeft td {text-align:center !important;justify-content:center !important; -webkit-justify-content:center !important;}
.centerRight,.centerRight option,.centerRight td {text-align:center !important;justify-content:center !important; -webkit-justify-content:center !important;}

.top,.vTop,.valignTop {vertical-align:top !important;}
.middle,.vMiddle,.valignMiddle,.middle td{position:relative;display:table-cell!important;vertical-align:middle!important;}
.bottom,.vBottom,.valignBottom{display:table-cell!important;vertical-align:bottom !important;}
.valignTop20   {height:20px;vertical-align:top !important;}
.valignMiddle20{height:20px;vertical-align:middle !important;}
.valignBottom20{height:20px;vertical-align:bottom !important;}

.floatLeft,.floatLeftWrap { float:left; }
.floatRight,.floatRightOff { float:right; } /* floats left until wrap, then centers */

/* to center div inside div valign=middle & align=center <div class=centerParent><div class=centerChild><table style='height:100%;width:100%;'></table></div></div> */
.centerParent { position:relative;height:100%;width:100%;}
.centerChild  { position:absolute;height:100%;width:100%;left:0;right:0;top:0;bottom:0;margin:auto;}

.absoluteCenter { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;transition:.5s ease; }

.absoluteTR{position:absolute;z-index:2;top:0px;right:0px;} .absoluteTL{position:absolute;z-index:2;top:0px;left:0px;} .absoluteBR{position:absolute;z-index:2;bottom:0px;right:0px;} .absoluteBL{position:absolute;z-index:2;bottom:0px;left:0px;}
.absoluteFull{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;vertical-align:middle;}

.bottomRight {bottom:0px;right:0px;}.bottomLeft {bottom:0px;left:0px;}
.topRight {top:0px;right:0px;}.topLeft {top:0px;left:0px;}

.clear { clear: both;}

.z1{z-index:1;}.z2{z-index:2;}.z5{z-index:5;}.z10{z-index:10;}.z100{z-index:100;}.z1000{z-index:1000;}.z5000{z-index:5000;}


.inlineBlockMenu {display:inline-block;text-align:center;}
.inlineBlockMenu:hover {background:#eeeeee;}

.block{display:block;}.inline{display:inline;}.inlineBlock{display:inline-block;}.flex{display:flex;}
.relative,.container{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}


.hidden,.displayNone { display:none; }
.visible { display:inline; }
.zero	 { font-size:0px;height:0px;width:0px;line-height:0px; }
.showSmall,.showSmallBlock,.hideBig { display:none; }
.showBig { display:inline; }
.showBigBlock { display:block; }

.indentWrap { } /* indents the div when cols wrap */
.indent { padding-left:30px; }
.indentLess { padding-left:10px; }

.dotWrap:before,.dotLeft:before { content:'\2022'; padding-right:5px; } /* dot disappears when cols wrap */
.width80Wrap { width:80%;margin:auto; }



/* FONT PROPERTIES */
.plain,.plain:hover { text-decoration:none;font-weight:normal; }
.italic {font-style:italic;}
.bold,.bold a { font-weight:bold !important; }
.notBold,.botBold a,.notBold td {font-weight:normal!important;}
.noTxtDec {text-decoration:none;}
.strike {text-decoration:line-through;}

.nowrap,.noWrap,table.noWrap td,.noWrap a { white-space:nowrap; }
.hands,.hands label { cursor:pointer; }

.tightFont {letter-spacing:-1px;}
.wideFont {letter-spacing:1px;}

.uppercase,.uppercase a {text-transform:uppercase!important;}
.lowercase,.lowercase a {text-transform:lowercase!important;}
.capitalize,.capitalize a{text-transform:capitalize!important;}

.underline,.underline a { text-decoration:underline !important; }
.underline2,.underline2 a { box-shadow: 0px 2px 0px #aaaaaa; }
.spacedUnderline,.spacedUnderline a {  border-bottom: 1px solid black; display: inline; padding-bottom: 3px; }

.borderRadius0  { border-radius:0px!important; }
.borderRadius10 { border-radius:10px!important;}
.borderRadius20 { border-radius:20px!important;}

.dropCaps p:first-letter { font-size:200%;line-height:100%;float:left; margin-top: -12px;}
.dropCaps p:first-child:first-letter { font-size: 250%; margin: 10px 7px 0; float:left; } /* makes first letter large in paragraph */  /*.dropCaps p:first-child { font-style: italic; color: #333333; }*/

.space, .space12{height:12px;} /* adds a line break div on web, but disappears when wrapped */
.space2,.space24{height:24px;}
.space3,.space36{height:36px;}

hr,.hr,.hr100 {height:1px;border:0px;background:#dddddd;width:100%;}
.hr2 {height:2px;border:0px;background:#dddddd;width:100%;}
.hr80 {height:1px;border:0px;background:#dddddd;width:80%;}
.hrDashed { border-bottom:1px dashed #dddddd;border-top:1px dashed white; }

.lineClamp1 {-webkit-line-clamp:1;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
.lineClamp2 {-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
.lineClamp3 {-webkit-line-clamp:3;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
.lineClamp4 {-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
.lineClamp5 {-webkit-line-clamp:5;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
.lineClamp6 {-webkit-line-clamp:6;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
.lineClamp7 {-webkit-line-clamp:7;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}


.ShadowBox { box-shadow: 5px 5px 5px #eeeeee;  border-radius:10px;background-color:white; padding:15px; border:1px solid gray; text-decoration:none; }
.vgImg { border-radius:6px; border-bottom-right-radius:16px; }

.Shadow { box-shadow:5px 5px 10px black; }
.ShadowBottom { box-shadow: 0 8px 6px -6px black; }
.smallShadow { box-shadow:2px 2px 4px black; }
.tinyShadow { box-shadow:1px 1px 1px gray; } 
.softShadow {box-shadow:0px 0px 6px 3px #cccccc;}
.Glow { box-shadow: 0px 0px 6px #ffffff; }
.GlowBlack { box-shadow: 0px 0px 3px gray; }

.grow,.growMore{display:inline-block;transition-duration:0.4s;transition-property:transform;}
.grow:active,.grow:hover,.grow:focus{transform:scale(1.1);}
.growMore:active,.growMore:hover,.growMore:focus{transform:scale(1.2);}

.circle:hover {border-radius:50%;}

.encircle { width:2em;height:2em;box-sizing:initial;;border:0.1em solid #333;text-align:center;border-radius:50%;line-height:2em;box-sizing:content-box;}

.outlineBlack,.textShadow,.textShadowBlack { text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;} /* filter:drop-shadow(2px 2px 2px black);-webkit-filter:drop-shadow(2px 2px 2px black); }*/
.outlineWhite,.textShadowWhite { text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
.outlineGray,.textShadowGray { text-shadow:-1px -1px 0 #ddd,1px -1px 0 #ddd,-1px 1px 0 #ddd,1px 1px 0 #ddd;}

.autoHighlight tr:hover  { background-color: #eeeeee; } 
.autoHighlight div:hover { background-color: #eeeeee; }

.delete { ;content: "Test";background:red; color:white; cursor:pointer;  border-radius:10px; height:8px;	font-size:12px;	line-height:8pxpadding-left:2px;padding-right:3px; }
.Spacer { padding: 3px 3px 3px 3px; line-height: 18px; }


.ease { outline:none!important; transition:.50s ease-in-out; -moz-transition:.50s ease-in-out; -webkit-transition:.50s ease-in-out;} 
.ease:after,.ease:before { transition:.30s ease-in-out; -moz-transition:.30s ease-in-out; -webkit-transition:.30s ease-in-out;}

.zoom,.zoomMore,.zoomMost,.zoom3,.zoom10,.zoom20 {transform:scale(1.0);transition:all .5s;overflow:hidden;}
.zoom3:hover,.zoom3:focus,.zoom:hover,.zoom:focus {transform:scale(1.03);transition:all .5s;overflow:hidden;}
.zoom10:hover,.zoom10:focus,.zoomMore:hover,.zoomMore:focus {transform:scale(1.1);transition:all .5s;overflow:hidden;}
.zoom20:hover,.zoom20:focus,.zoomMost:hover,.zoomMost:focus {transform:scale(1.2);transition:all .5s;overflow:hidden;}

.scale50{zoom:50%;}.scale75{zoom:75%;}.scale90{zoom:90%;}.scale100{zoom:100%;}.scale110{zoom:110%;}.scale120{zoom:120%;}.scale130{zoom:130%;}.scale140{zoom:140%;}.scale150{zoom:150%;}.scale200{zoom:20%;}




.shrink {transform:scale(1.0);transition:all .5s;overflow:hidden;}
.shrink:hover,.shrink:focus {transform:scale(.9);transition:all .5s;overflow:hidden;}

.efFadeIn {visibility:visible;opacity:1;transition:opacity 2s linear;}
.efFadeOut {visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear;}

.rotate {transition:all .5s;overflow:hidden;}
.rotate:hover {transform:rotateZ(-30deg);-webkit-transform:rotateZ(-30deg);-ms-transform:rotateZ(-30deg);}

.swing {transition:all .5s;overflow:hidden;}
.swing:hover {animation:swing 1s ease;animation-iteration-count:1; -webkit-animation:swing 1s ease;-webkit-animation-iteration-count:1;}


/*.fadeIn{opacity:0.5;}.fadeIn:hover{opacity:1;} */
.fadeIn { animation:fadeIn ease 5s;animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
@keyframes fadeIn {
 from { opacity:0; }
 to { opacity:1; }
}


.fadeOut { animation:fadeOut ease 5s;animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
@keyframes fadeOut {
    0% { opacity: 1; }
    99% { opacity: 0.01;width: 100%; height: 100%; }
    100% { opacity: 0;width: 0; height: 0;}
}



.rotateLeft90 { -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.25)'; transform: rotate(-90deg); }
.rotateRight90 { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0.25)'; transform: rotate(90deg); }


.parallax { /* SET THESE: background-image: url('xyz.jpg');height: 500px; */  background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover; }
.parallaxBody { /* SET THIS: background-image: url('xyz.jpg'); 	ALSO REQUIRED: body,html { height:100% } */ height: 100%; background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
/* turn off parallax for mobiles: */
/* @media only screen and (max-device-width: 1366px) { .parallax,.parallaxBody { background-attachment: scroll; } } */

.videoIframe {height:0;position:relative;padding-top:25px;padding-bottom:56.25%;}  /* 16:9 */ 
.videoIframe iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.ghost { text-align: center; /*white-space: nowrap;*/ }
.ghost:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ }
.ghostCenter { display: inline-block; vertical-align: middle; width: 300px; }

.copyBtn { background:white; color:black; border:0px solid gray; padding:0;margin:0; cursor: pointer; font-weight:bold; z-index:0; position: relative; } /* use ralative so .copied has a position to go to!!*/
.copied::after {
  font-size: 0.75em; padding: 2px 3px; color: #fff; background-color: green; content: 'copied';
  position: absolute; top: 12%; right: 110%; display: block; border-radius: 3px; opacity: 0;
  will-change: opacity, transform; animation: showcopied 1.5s ease;
}
@keyframes showcopied {
  0%	{ opacity: 0; transform: translateX(100%); }
  70%	{ opacity: 1; transform: translateX(0); }
  100%	{ opacity: 0; }
}


.Table { display: table; }
.Row   { display: table-row; }
.Column{ display: table-cell; }

#overlay { display:none; position:absolute; left:0px; top:0px; z-index:5; width:100%; height:100%; /*background:black;opacity: 0.4;filter: alpha(opacity=40);*/ }
#overlay > div { position:relative; width:80%; max-width:600px; height:80%;	background:white; border:1px solid #dddddd; padding:5px; margin:100px auto; }


/* PADDING / MARGIN */
.pad0 {padding:0px!important;}
.pad1 {padding:1px!important;}
.pad2 {padding:2px!important;}
.pad3 {padding:3px!important;}
.pad4 {padding:4px!important;}
.pad5 {padding:5px!important;}
.pad6 {padding:6px!important;}
.pad10{padding:10px!important;}
.pad15{padding:15px!important;}
.pad20{padding:20px!important;}
.pad20Big {padding:20px;}
.margin20tbBig {margin:20px 0px;}
.padResp,.padResp20 {padding:20px;}
.padResp10 {padding:10px;}
.pads5 {padding-left:5px;padding-right:5px;}.pads10{padding-left:10px;padding-right:10px;}.pads20{padding-left:20px;padding-right:20px;}
.padLeft5,.padL5 {padding-left:5px;}.padLeft10,.padL10 {padding-left:10px;}.padLeft20,.padL20 {padding-left:20px;}
.padR5 {padding-right:5px;}.padR10 {padding-right:10px;}.padR20 {padding-right:20px;}
.padT5 {padding-top:5px;}.padT10 {padding-top:10px;}.padT20 {padding-top:20px;}
.padB5 {padding-bottom:5px;}.padB10 {padding-bottom:10px;}.padB20 {padding-bottom:20px;}

.padLR2,.padLR2 td {padding-left:2px;padding-right:2px;}
.padLR3,.padLR3 td {padding-left:3px;padding-right:3px;}
.padLR5,.pad5LR,.padLR5 td {padding-left:5px;padding-right:5px;}
.padLR10,.pad10LR,.padLR10 td {padding-left:10px;padding-right:10px;}
.padLR20,.pad20LR,.padLR20 td {padding-left:20px;padding-right:20px;}
.padTB2,.padTB2 td {padding-top:2px;padding-bottom:2px;}.padTB5,.pad5TB,.padTB5 td {padding-top:5px;padding-bottom:5px;}.padTB10,.pad10TB,.padTB10 td {padding-top:10px;padding-bottom:10px;}.padTB20,.pad20TB,.padTB20 td {padding-top:20px;padding-bottom:20px;}

.sectionPad,.sectionPad20 {clear:both;margin:0px;padding:20px;text-align:left;position:relative;}
.sectionPad10 {clear:both;margin:0px;padding:10px;text-align:left;position:relative;}
.sectionPad5  {clear:both;margin:0px;padding:5px;text-align:left;position:relative;}
.sectionPad4  {clear:both;margin:0px;padding:4px;text-align:left;position:relative;}
.sectionPad3  {clear:both;margin:0px;padding:3px;text-align:left;position:relative;}
.sectionPad2  {clear:both;margin:0px;padding:2px;text-align:left;position:relative;}
.sectionPad1  {clear:both;margin:0px;padding:1px;text-align:left;position:relative;}

.margin0{margin:0px!important;}
.margin2{margin:2px!important;}
.margin5 {margin:5px!important;}
.margin10 {margin:10px!important;}
.margin15 {margin:15px!important;}
.margin20 {margin:20px!important;}
.fullMargin { padding-left:10%;padding-right:10%; }


/* COLUMNS */
.column-container { display: flex; }
.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ text-align:center; display: inline-block; width: 33%; }

.columns4 {columns:4;}
.columns3,.columns3-2,.columns3-1,.columns3-2-1 {columns:3;}
.columns2 {columns:2;}
.columns1 {columns:1;}

.twoColumnText {
    column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;
    column-gap: 50px; -moz-column-gap: 50px; -webkit-column-gap: 50px;
    text-align:justify;
}

.holdColumn { page-break-inside: avoid; padding:10px; } 
.respColumns { column-count:4;  column-gap: 30px;  text-align:left; } 
.nl2br { white-space:pre-line;}

/* COLORS */
.red,.red a,.red td,.red td a { color:red!important; }
.green,.green a,.green td,.green td a { color:green!important; }
.orange,.orange a,.orange td,.orange td a { color:orange!important; }
.black,.black a,.black td,.black td a { color:black!important; }
.gray,.gray a,.gray td,.gray td a { color:gray!important; }
.white,.white a,.white td,.white td a { color:white!important; }
.blue,.blue a,.blue td,.blue td a { color:#4b9dea!important; } /*1e90ff*/

/*.bgWhite,table.bgWhite td,.bgWhite table td,.bgWhite td,.bgWhite span,.bgWhite div { background:white;color:black;} */
.bgWhite,.bgWhite td	{background:white!important;color:black!important;} 
.bgGray,.bgGray td	{background:#eeeeee!important;color:black!important;}
.bgDarkGray,.bgDarkGray td	{background:#4d4d4d!important;color:white!important;}
.bgGreen,.bgGreen td	{background:#e0f9dc!important;color:black!important;}
.bgRed,.bgRed td	{background:#e43d40!important;color:white!important;}
.bgBlue,.bgBlue td	{background:#4b9dea!important;color:white!important;}
.bgBlack,.bgBlack td	{background:black!important;color:white!important;}
.bgOrange,.bgOrange td	{background:orange!important;}
.bgYellow,.bgYellow td	{background:yellow!important;color:black!important;}
.bgCCCCCC,.bgcccccc,.bgcccccc td	{background:#cccccc!important;}
.bgdddddd,.bgdddddd td {background:#dddddd!important; }

.borderWhite,.borderWhite td {border:1px solid white;}
.borderGray,.borderGray td {border:1px solid #eeeeee;}
.borderDarkGray,.borderDarkGray td {border:1px solid #4d4d4d;}
.borderGreen,.borderGreen td {border:1px solid #e0f9dc;}
.borderRed,.borderRed td {border:1px solid red;}
.borderBlue,.borderBlue td {border:1px solid #4b9dea;}
.borderBlack,.borderBlack td {border:1px solid black;}
.borderOrange,.borderOrange td {border:1px solid orange;}
.borderYellow,.borderYellow td {border:1px solid yellow;}

/*#77dd77*/ /*red: ff5252*/
.greenButton    {background:#e0f9dc!important;color:black!important;border:1px solid green;}
.redButton      {background:#e43d40!important;color:white!important;border:1px solid #8b0000;}
.orangeButton   {background:#ff9933!important;color:black!important;border:1px solid #cc7000;}
.yellowButton   {background:#fdfd96!important;color:black!important;border:1px solid #cccc00;}
.blueButton     {background:#4b9dea!important;color:white!important;border:1px solid blue;} /*16216a*/
.blackButton    {background:black!important;  color:white!important;border:1px solid gray;}
.grayButton     {background:#dddddd!important;color:black!important;border:1px solid black;}
.whiteButton	{background:white!important;  color:black!important;border:1px solid gray;}

.greenButton,.redButton,.orangeButton,.yellowButton,.blueButton,.blackButton,.grayButton,.whiteButton { padding:10px 30px;cursor:pointer;transform:scale(1.0);transition:all 0.2s ease;displayOFF:inline-block;}
.greenButton:hover,.redButton:hover,.orangeButton:hover,.yellowButton:hover,.blueButton:hover,.blackButton:hover,.grayButton:hover,.whiteButton:hover { filter:brightness(90%);transform:scale(1.05);}

.bigRoundButton {display:inline-block;font-size:26px;background:#030303;border:2px solid #666666;border-radius:10px;padding:12px 30px 8px 30px;margin:6px;font-weight:bold;cursor:pointer;white-space:nowrap;}


/* Tables and alternating bgs */
.table {width:100%;border-spacing:0px;border:0px;}
.table tr:first-child td { font-weight:bold; border-bottom:1px solid #e5e5e5!important; } /* SET FIRST ROW AS HEADER -- BUT THIS DOESNT WORK */
.table td { padding:2px; } /*tr:first-child*/

.altTable tr:nth-child(even),.altTable tr:nth-child(even) textarea {background:#fafafa;}
.altTable tr:nth-child(odd), .altTable tr:nth-child(odd)  textarea {background:white;}
.altTable tr:first-child td { border-bottom: 1px solid #eeeeee !important; }
.altTable td, .altTable td a,.altTable td span, .altTable td div { color:black; }

.altRows:nth-of-type(even) { background:#f6f6f6;}
.altRows:nth-of-type(odd)  { background:white;}

.altDiv:nth-of-type(even)  { padding:10px 26px;background:#f1f1f1;} 
.altDiv:nth-of-type(odd)   { padding:10px 26px;background:white;} 
.altDiv2:nth-of-type(even) { padding:10px 26px;background:white;}
.altDiv2:nth-of-type(odd)  { padding:10px 26px;background:#f1f1f1;}

.altDiv5:nth-of-type(even) { padding:5px 5px;background:white;}
.altDiv5:nth-of-type(odd)  { padding:5px 5px;background:#f1f1f1;}

.altMargin5:nth-of-type(even) { margin:5px 5px;background:white;}
.altMargin5:nth-of-type(odd)  { margin:5px 5px;background:#f1f1f1;}

.altBg:nth-of-type(even) { background:white;}
.altBg:nth-of-type(odd)  { background:#f1f1f1;}

.altDivs div:nth-of-type(even)  { padding:10px 26px;background:#f1f1f1;}
.altDivs div:nth-of-type(odd)   { padding:10px 26px;background:white;}

.altDivs5 div:nth-of-type(even)  { padding:5px 26px;background:#f1f1f1;}
.altDivs5 div:nth-of-type(odd)   { padding:5px 26px;background:white;}

.altDivs5-0 div:nth-of-type(even)  { padding:5px 0px;background:#f1f1f1;}
.altDivs5-0 div:nth-of-type(odd)   { padding:5px 0px;background:white;}
.altDivs5-0 div:before { content:'\a0\a0';} 

.altDivs2 div:nth-of-type(even) { padding:10px 26px;background:white;}
.altDivs2 div:nth-of-type(odd)  { padding:10px 26px;background:#f1f1f1;}


div.tableDiv {display:table;}
div.tr {display:table-row;}
div.td {display:table-cell;}



/* FONT SIZING */
.xlFont,.xlText,.xlargeFont,.xlargeText,.xlFont a,.xlText a,.xlargeFont a,.xlargeText a {font-size:22px;}
.lFont,.lText,.largeFont,.largeText,.lText a,.lFont > a,.largeFont a,.largeText a       {font-size:18px;}
.nFont,.nText,.normalFont,.normalText,.nText a,.nFont a,.normalFont a,.normalText a   {font-size:;    }
.mFont,.mText,.mediumFont,.mediumText,.mText a,.mFont a,.mediumFont a,.mediumText a   {font-size:12px;}
.sFont,.sText,.smallFont,.smallText,.sText a,.sFont a, .sText a,.smallFont a,.smallText a       {font-size:10px;}
.xsFont,.xsText,.tinyFont,.tinyText,.tText,.xsText a, .tText a,.xsFont a,.tinyFont a,.tinyText a         {font-size:9px; }

.smallTextResp {  font-size:10px; }
.mediumTextResp { font-size:12px; }
.largeTextResp { font-size:14px; }
.xlargeTextResp { font-size:16px;}

.xsFontR,.xsFontR a,.xsFontR td,	.xsFont,.xsFont a,a.xsFont,.xsFont td,		a.xsFontR, a.xsFontR span,	a.xsFont, a.xsFont span		{font-size:9px;}
.sFontR,.sFontR a,.sFontR td,		.sFont,.sFont a,a.sFont,.sFont td,		a.sFontR, a.sFontR span,	a.sFont, a.sFont span		{font-size:10px;}
.nFontR,.nFontR a,.nFontR td,		.nFont,.nFont a,.nFont td,			a.nFontR, a.nFontR span,	a.nFont, a.nFont span		{font-size:;}
.mFontR,.mFontR a,.mFontR td,		.mFont,.mFont a,.mFont td,			a.mFontR, a.mFontR span,	a.mFont, a.mFont span		{font-size:14px;}
.mlFontR,.mlFontR a,.mlFontR td,           .mlFont,.mlFont a,a.mlFont,.mlFont td,              a.mlFontR, a.mlFontR span,        a.mlFont, a.mlFontR span          {font-size:16px;}
.lFontR,.lFontR a,.lFontR td,		.lFont,.lFont a,a.lFont,.lFont td,		a.lFontR, a.lFontR span,	a.lFont, a.lFontR span		{font-size:19px;}
.xlFontR,.xlFontR a,.xlFontR td,	.xlFont,.xlFont a,a.xlFont,.xlFont td,		a.xlFontR, a.xlFontR span,	a.xlFont, a.xlFont span		{font-size:26px;}
.xxlFontR,.xxlFontR a,.xxlFontR td,	.xxlFont,.xxlFont a,a.xxlFont,.xxlFont td,	a.xxlFontR, a.xxlFontR span,	a.xxlFont, a.xxlFont span	{font-size:32px;}
.xxxlFontR,.xxxlFontR a,.xxxlFontR td,	.xxxlFont,.xxxlFont a,a.xxxlFont,.xxxlFont td,	a.xxxlFontR, a.xxxlFontR span,	a.xxxlFont, a.xxxlFont span	{font-size:50px;}

.xsFontEm { font-size:.5em; }
.sFontEm  { font-size:.8em; }
.nFontEm  { font-size:1em; }
.mFontEm  { font-size:1.2em; }
.lFontEm  { font-size:1.5em; }
.xlFontEm { font-size:2em; }
.xxlFontEm{ font-size:3em; }


/*
fieldset { border: 1px solid #bbbbbb;}
legend {font-weight:bold; font-size:14px; border:1px solid #bbbbbb; padding: 2px 6px; }
*/


/* FORMS / INPUTS */
form:not([novalidate]) input:required, form:not([novalidate]) textarea:required {border-left: 3px solid red;}
form:not([novalidate]) input:required:valid, form:not([novalidate]) textarea:required:valid {border-left: 3px solid green;}
/*form:not([novalidate]) input:not(:focus):valid, form:not([novalidate]) textarea:not(:focus):valid {border-left: 3px solid #d2d2d2;}*/
form:not([novalidate]) input:focus:invalid, form:not([novalidate]) textarea:focus:invalid {border-left: 3px solid orange;}


.noselect { user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.radio2 { display:none; }
.radio2 + label { background:white; color:black; border-radius:20px; padding:7px 12px; }
.radio2 + label:hover { background:#eeeeee;cursor:pointer; }
.radio2:checked + label { background:green; border-radius:20px; padding:7px 12px; color:white; }

input[type=radio].radio2 { display:none; }
input[type=radio].radio2 + label { background:white; color:black; border-radius:20px; padding:7px 12px; }
input[type=radio].radio2 + label:hover { background:#eeeeee;cursor:pointer; }
input[type=radio].radio2:checked + label { background:green; border-radius:20px; padding:7px 12px; color:white; }

input[type=radio].radio2Small { display:none; }
input[type=radio].radio2Small + label { background:white; color:black; border-radius:10px; padding:1px 3px; }
input[type=radio].radio2Small + label:hover { background:#eeeeee;cursor:pointer; }
input[type=radio].radio2Small:checked + label { background:green; border-radius:10px; padding:1px 3px; color:white; }

input[type=radio].radio2SmallSquare { display:none; }
input[type=radio].radio2SmallSquare + label { background:white; color:black; padding:1px 3px; }
input[type=radio].radio2SmallSquare + label:hover { background:#eeeeee;cursor:pointer; }
input[type=radio].radio2SmallSquare:checked + label { background:green; padding:1px 3px; color:white; }


input[type=checkbox].checkbox2 { display:none; }
input[type=checkbox].checkbox2 + label { background:white; color:black; border-radius:5px; padding:1px 3px; }
input[type=checkbox].checkbox2 + label:hover { background:#eeeeee;cursor:pointer; }
input[type=checkbox].checkbox2:checked + label { background:green; border-radius:5px; padding:1px 3px; color:white; }

input[type=checkbox].checkbox2SmallSquare { display:none; }
input[type=checkbox].checkbox2SmallSquare + label { background:white; color:black; padding:1px 3px; }
input[type=checkbox].checkbox2SmallSquare + label:hover { background:#eeeeee; cursor:pointer; }
input[type=checkbox].checkbox2SmallSquare:checked + label { background:green; padding:1px 3px; color:white; }


/* checkbox3 for <label><input type=checkbox><span></span></label>*/
.checkbox3 label [type='checkbox'] {display:none;}
.checkbox3 span:hover {background:#eeeeee;cursor:pointer;}
.checkbox3 [type='checkbox']:checked + span {background:green;border-radius:5px;padding:1px 3px;color:white;}
.checkbox3 [type='checkbox'][disabled] + span {background:;}



/* WIDTHS */
.w30px{width:30px;}
.w40px{width:40px;}
.w50px{width:50px;}

.w5{width:5%}
.w10{width:10%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w32{width:32%}
.w33{width:33%}
.w35{width:35%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w66{width:66%}
.w67{width:67%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}

.tableTight {border-collapse:collapse;border-spacing:0px;}

.width20-33 { width:20%; }
.width20-50 { width:20%; }
.width25-33,.width25-33-50 { width:25%; }
.width33-50 { width:33%; }
.width25-50 { width:25%; }

.section,.sectionNoPad {clear:both;width:100%;margin:0px;padding:0px;text-align:left;}
/*.section,.sectionNoPad {clear:both;margin:0px;padding:0px;text-align:left;}*/

.eqHeight { display:flex; }



.col {float:left;} /*display:block;padding:2px 0px;margin:0px; 1% 0 1% 1.6%;}*/
.col:first-child {margin-left:0;}
.group:before,.group:after {content:"";display:table;}
.group:after { clear:both; }
.group{zoom:1;} /* For IE 6/7 */
.oneCol  {width:100%;}
.twoCol,.halfCol  {width:49%;}
.threeCol{width:32%;}
.fourCol,.quarterCol {width:24%;}
.twoThirdsCol{width:64%}
.oneThirdCol,.thirdCol {width:32%;}
.threeQuarterCol {width:74%;}

.col2,.col2n{width:2%;}
.col3,.col3n{width:3%;}
.col4,.col4n{width:4%;}
.col5,.col5n{width:5%;}
.col9n {width:9%;} /* n denotes No-Break - no @media tag */ 
.col10,.col10n{width:10%;}
.col11,.col11n{width:11%;}
.col12,.col12n{width:12%;}
.col13,.col13n{width:13%;}
.col14,.col14n{width:14%;}
.col15,.col15n{width:15%;}
.col16,.col16n{width:16%;}
.col20,.col20n,.col20-33,.col20-50,.col20-25-33-50{width:20%;}
.col22,.col22n{width:22%;}
.col23,.col23n{width:23%;}
.col24,.col24n{width:24%;}
.col25,.col25n,.col25-50,.col25-33-50,.col25-50-100 {width:25%;}
.col26,.col26n{width:26%;}
.col27,.col27n{width:27%;}
.col28,.col28n{width:28%;}
.col30,.col30n{width:30%;}
.col31,.col31n{width:31%;}
.col32,.col32n{width:32%;}
.col33,.col33n,.col33e,.col33-50,.col33-50-100{width:33%;}
.col34,.col34n,.col34e{width:34%;}
.col35,.col35n{width:35%;}
.col36,.col36n{width:36%;}
.col37,.col37n{width:37%;}
.col38,.col38n{width:38%;}
.col40,.col40n{width:40%;}
.col45,.col45n{width:45%;}
.col47,.col47n{width:47%;}
.col48,.col48n{width:48%;}
.col49,.col49n{width:49%;}
.col50,.col50n,.col50e,.col50-100{width:50%;}
.col55,.col55n{width:55%;}
.col60,.col60n{width:60%;}
.col65,.col65n{width:65%;}
.col66,.col66n{width:66%;}
.col67,.col67n{width:67%;}
.col70,.col70n{width:70%;}
.col75,.col75n{width:75%;}
.col80,.col80n{width:80%;}
.col85,.col85n{width:85%;}
.col90,.col90n{width:90%;} 
.col95,.col95n{width:95%;}
.col100{width:100%;}

.col140{width:140px;}
.col280{width:280px;}
.col520{width:520px;}
.col800{width:800px;}



/*
@media only screen and (min-width: 481px) {
	.showSmall,.hideBig { display:none; }
	.showBig { display:inline; }
}
*/


/* image_slider */
.sliderArea { position:relative; }
.sliderTextArea { position:absolute;left:0px;width:100%;background:rgba(5,5,5,0.3);color:white!important;padding:10px 0px; }
.sliderFont, .sliderFont a   { font-size:26px;padding:0px 10px; opacity:1;letter-spacing:-1px;color:white!important; }
.sliderFont2, .sliderFont2 a { font-size:12px;padding:0px 10px; opacity:1;padding-top:3px;color:white!important; }
.sliderInfo { position:absolute;left:0px;top:-16px; }
@media only screen and (max-width: 840px) {
	.sliderTextArea	{ padding:8px 0px; }
        .sliderFont, .sliderFont a { font-size:20px; }
        .sliderFont2, .sliderFont2 a { font-size:11px; }
}
@media only screen and (max-width: 580px) {
	.sliderTextArea	{ padding:6px 0px;  }
        .sliderFont, .sliderFont a { font-size:16px;}
        .sliderFont2, .sliderFont2 a { font-size:10px; }
}
@media only screen and (max-width: 320px) {
	.sliderTextArea	{ padding:4px 0px; }
        .sliderFont, .sliderFont a { font-size:12px;  }
        .sliderFont2, .sliderFont2 a { font-size:9px; }
}

.sliderAdArea { position:relative;background:black; }
.sliderAd { position:absolute;top:22%;bottom:22%;15%;right:0;left:0;margin:auto;max-width:720px;color:white;text-align:center; }
@media only screen and (max-width:1150px) { .sliderAd { top:18%;bottom:18%;right:0%;left:0%; }  }
@media only screen and (max-width:1000px) { .sliderAd { top:14%;bottom:14%;right:0%;left:0%; }  }
@media only screen and (max-width: 870px) { .sliderAd { top:8%; bottom:8%; right:0%;left:0%; }  }
@media only screen and (max-width: 750px) { .sliderAd { top:5%; bottom:5%; right:0%;left:0%; }  }

/* for Google Ads: */
/*
.googleAdResponsive img { width:320px; height:40px; }
@media(min-width: 500px) { .googleAdResponsive img { width:496px; height:62px; } }
@media(min-width: 800px) { .googleAdResponsive img { width:728px; height:90px; } }
*/

.img-fluid { max-width:100%; height:auto;}
.w25 { width:25%;}
.w33 { width:33%;}
.w50 { width:50%;}
.w66 { width:66%;}
.w67 { width:67%;}
.w75 { width:75%;}
.w100{ width:100%;}

.imageFull2 { width:auto;max-width:100%;height:auto;max-height:100% }

@media only screen and (max-width: 5000px) {
        .imageFull,.imageFull img,.fullWidth { max-width:100%; height:auto; } /* max-height:auto; } */
}


@media only screen and (max-width: 1220px) {
/*	.padResp,.padResp20 {padding:10px;}
	.padResp10 {padding:7px;} */
	.eqHeight { display:flex; }
}

@media only screen and (max-width: 1080px) {
	.col20-25-33-50 {width:25%;}
}

@media only screen and (max-width: 940px) {
	.padResp,.padResp20 {padding:10px;} 
	.padResp10 {padding:7px;}
	.col25-33-50,.col20-25-33-50,.width25-33-50 { width:33%;}
	.col33-50-100,.col25-50-100 { width:50%;} 
	.eqHeight { display:initial; }
	.col33e,.col34e,.col50e { width:100%; }
	.columns3-2-1 {columns:2};	

	.xsFontR,.xsFontR a,.xsFontR td,        .xsFont,.xsFont a,a.xsFont,.xsFont td,          a.xsFontR, a.xsFontR span,      a.xsFont, a.xsFont span         {font-size:9px;}
	.sFontR,.sFontR a,.sFontR td,           .sFont,.sFont a,a.sFont,.sFont td,              a.sFontR, a.sFontR span,        a.sFont, a.sFont span           {font-size:9px;}
	.nFontR,.nFontR a,.nFontR td,           .nFont,.nFont a,.nFont td,                      a.nFontR, a.nFontR span,        a.nFont, a.nFont span           {font-size:80%;}
	.mFontR,.mFontR a,.mFontR td,           .mFont,.mFont a,.mFont td,                      a.mFontR, a.mFontR span,        a.mFont, a.mFont span           {font-size:13px;}
	.mlFontR,.mlFontR a,.mlFontR td,        .mlFont,.mlFont a,a.mlFont,.mlFont td,          a.mlFontR, a.mlFontR span,      a.mlFont, a.mlFontR span        {font-size:15px;}
	.lFontR,.lFontR a,.lFontR td,           .lFont,.lFont a,a.lFont,.lFont td,              a.lFontR, a.lFontR span,        a.lFont, a.lFontR span          {font-size:17px;}
	.xlFontR,.xlFontR a,.xlFontR td,        .xlFont,.xlFont a,a.xlFont,.xlFont td,          a.xlFontR, a.xlFontR span,      a.xlFont, a.xlFont span         {font-size:22px;}
	.xxlFontR,.xxlFontR a,.xxlFontR td,     .xxlFont,.xxlFont a,a.xxlFont,.xxlFont td,      a.xxlFontR, a.xxlFontR span,    a.xxlFont, a.xxlFont span       {font-size:28px;}
	.xxxlFontR,.xxxlFontR a,.xxxlFontR td,  .xxxlFont,.xxxlFont a,a.xxxlFont,.xxxlFont td,  a.xxxlFontR, a.xxxlFontR span,  a.xxxlFont, a.xxxlFont span     {font-size:40px;}
}

@media only screen and (max-width: 780px) {
        .xsFontR,.xsFontR a,.xsFontR td,        .xsFont,.xsFont a,a.xsFont,.xsFont td,          a.xsFontR, a.xsFontR span,      a.xsFont, a.xsFont span         {font-size:8px;}
        .sFontR,.sFontR a,.sFontR td,           .sFont,.sFont a,a.sFont,.sFont td,              a.sFontR, a.sFontR span,        a.sFont, a.sFont span           {font-size:9px;}
        .nFontR,.nFontR a,.nFontR td,           .nFont,.nFont a,.nFont td,                      a.nFontR, a.nFontR span,        a.nFont, a.nFont span           {font-size:70%;}
        .mFontR,.mFontR a,.mFontR td,           .mFont,.mFont a,.mFont td,                      a.mFontR, a.mFontR span,        a.mFont, a.mFont span           {font-size:12px;}
        .mlFontR,.mlFontR a,.mlFontR td,        .mlFont,.mlFont a,a.mlFont,.mlFont td,          a.mlFontR, a.mlFontR span,      a.mlFont, a.mlFontR span        {font-size:14px;}
        .lFontR,.lFontR a,.lFontR td,           .lFont,.lFont a,a.lFont,.lFont td,              a.lFontR, a.lFontR span,        a.lFont, a.lFontR span          {font-size:16px;}
        .xlFontR,.xlFontR a,.xlFontR td,        .xlFont,.xlFont a,a.xlFont,.xlFont td,          a.xlFontR, a.xlFontR span,      a.xlFont, a.xlFont span         {font-size:19px;}
        .xxlFontR,.xxlFontR a,.xxlFontR td,     .xxlFont,.xxlFont a,a.xxlFont,.xxlFont td,      a.xxlFontR, a.xxlFontR span,    a.xxlFont, a.xxlFont span       {font-size:23px;}
        .xxxlFontR,.xxxlFontR a,.xxxlFontR td,  .xxxlFont,.xxxlFont a,a.xxxlFont,.xxxlFont td,  a.xxxlFontR, a.xxxlFontR span,  a.xxxlFont, a.xxxlFont span     {font-size:35px;}
}



/* iphone 4,5 width: 640, iphone 6: 750 */
@media only screen and (max-width: 580px) { /* was: 580, 540, 640 ||  320 overlaps on iphone 4 */
        .col{padding:0px;}
        .oneCol,.twoCol,.threeCol,.fourCol,.twoThirdsCol,.oneThirdCol,.thirdCol,.halfCol,.quarterCol,.threeQuarterCol,.col2,.col3,.col4,.col5,.col10,.col11,.col12,.col13,.col14,.col15,.col16,.col20,.col22,.col23,.col24,.col25,.col25-50,.col26,.col27,.col28,.col30,.col31,.col32,.col33,.col33e,.col33-50-100,.col34,.col34e,.col35,.col36,.col37,.col38,.col40,.col45,.col47,.col48,.col49,.col50,.col50-100,.col55,.col60,.col65,.col66,.col67,.col70,.col75,.col80,.col85,.col90,.col95,.col100,.col140,.col280,.col520,.col800 { width:100%; } 
	.col20-50,.col25-50,.col33-50,.col25-33-50,.col25-50-100,.col20-25-33-50 { width:50%; }
	.col20-33	{ width:33%; }

	.width20-33 { width:33.3%; }
	.width20-50 { width:50%; }
	.width25-33 { width:33.3%; }
	.width25-50,.width25-33-50,.width33-50 { width:50%; }

	.smallTextResp { font-size:9px; }
	.mediumTextResp{ font-size:10px;}
	.largeTextResp { font-size:11px;}
	.xlargeTextResp{ font-size:12px;}

	.sFontR,.sFontR a,a.sFontR,.sFontR td {font-size:9px;}
	.nFontR,.nFontR a,a.nFontR,.nFontR td {font-size:90%;}
        .mFontR,.mFontR a,a.mFontR,.mFontR td {font-size:12px;}
	.mlFontR,.mlFontR a,a.mlFontR,.mlFontR td {font-size:13px;} 
        .lFontR,.lFontR a,a.lFontR,.lFontR td {font-size:15px;}
        .xlFontR,.xlFontR a,a.xlFontR,.xlFontR td {font-size:17px;}
        .xxlFontR,.xxlFontR a,a.xxlFontR,.xxlFontR td {font-size:20px;}
	.xxxlFontR,.xxxlFontR a,a.xxxlFontR,.xxxlFontR td {font-size:30px;}

	.columns3-1,.columns3-2-1 {columns:1;}
	.columns3-2 {columns:2;}

	.mainContent { max-width:100%; }

	.articleImg {object-fit:cover;} /* not used*/

	.Button {padding:4px 3px;font-size:75%;line-height:100%;}


	input,textarea,.textarea, .imageFull,.imageFull img,.fullWidth { max-width:100%; height:auto; }
	.imageHalf,.halfWidth		{ max-width:50%; height:auto; }
	.imageQuarter,.quarterWidth	{ max-width:25%; height:auto; }

	/*.textarea{ width:500px; } */

	.right,.alignRight {text-align:center !important; justify-content:center !important; -webkit-justify-content:center !important;} 
        .left,.alignLeft   {text-align:center !important; justify-content:center !important; -webkit-justify-content:center !important;}
	.left table,.right table { margin-left:auto; margin-right: auto; }

        .leftRight {text-align:right !important; justify-content:right !important; -webkit-justify-content:right !important;}
        .rightLeft {text-align:left !important; justify-content:left !important; -webkit-justify-content:left !important;}
	.centerLeft,.centerLeft td {text-align:left !important;justify-content:left !important; -webkit-justify-content:left !important;}
        .centerRight,.centerRight td {text-align:right !important;justify-content:right !important; -webkit-justify-content:right !important;}

	.fullMargin { padding-left:2px;padding-right:2px; }

        .areaScroll { width:auto;center;display:relative;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;}
        .areaScroll::-webkit-scrollbar {display:none;}
	.areaScroll2 { width:320px;display:relative;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;}
        .areaScroll2::-webkit-scrollbar {display:none;}

	.padResp,.padResp20,.padResp10 {padding:4px;}
        .pads5Small {padding-left:5px;padding-right:5px;}
        .pads10Small{padding-left:10px;padding-right:10px;}
        .pads20Small{padding-left:20px;padding-right:20px;}
	.pad20Big {padding:0px;}
	.margin20tbBig {margin:0px;}

        .showBig,.showBigBlock,.hideSmall,.hideWrap { display:none; }
	.hideBig,.showSmall,.showSmallBlock { display:inline; }
        .space,.space2,.space3,.space12,.space24,.space36 { height:0px!important; }
	.spaceWrap { height:12px; }
        .indentWrap { padding-left:30px; }
        .indentWrap10 {padding-left:10px; }
        .indentWrap20 {padding-left:20px; }
        .indentWrap30 {padding-left:30px; }

	.indent,.indentLess { padding-left:0px; }
	.floatLeftWrap { float:right; margin-right:50px; } /* float:none */
	.floatRightOff { float:none; }
	.width80Wrap { width:100%; }
	
	.dotWrap:before { content:'';padding-right:0px; }

	.respColumns {column-count:2;} 


}

/* iphone 4 height 960, iphone 5: 1136, iphone 6: 1334, 6+ 2208 *//* 1080px 567px */
/* @media only screen and (max-width: 950px) {  
	.col20-50,.col25-50,.col33-50   { width:50%; }
        .col20-33       { width:33%; }

}
*/

/*
@media only screen and (max-width: 1000px) {
        .mainContent { max-width: 100%; }
}
@media only screen and (max-width: 680px) { 
        input,textarea,.textarea, 
	.imageFull	{ max-width: 640px; }  
	.imageHalf	{ max-width: 320px; }
        .imageQuarter	{ max-width: 160px; }
}
@media only screen and (max-width: 580px) {
        input,textarea,.textarea,
	.imageFull	{ max-width: 540px; } 
        .imageHalf	{ max-width: 270px; }
        .imageQuarter	{ max-width: 135px; }
}
@media only screen and (max-width: 480px) {
        input,textarea,.textarea,
        .imageFull      { max-width: 440px; max-height: auto; }
        .imageHalf      { max-width: 220px; }
        .imageQuarter   { max-width: 110px; }
}
@media only screen and (max-width: 360px) {
        input,textarea,.textarea,
	.imageFull	{ max-width: 320px; } 
        .imageHalf	{ max-width: 160px; }
        .imageQuarter	{ max-width: 80px;  }
}

@media only screen and (max-width: 320px) {
        input,textarea,.textarea,
        .imageFull	{ max-width: 280px; max-height: auto; }
        .imageHalf	{ max-width: 140px; }
        .imageQuarter	{ max-width: 70px;  }
}
*/


.printOnly,.onlyPrint { display:none; }
@media print {     
	.noPrint { display:none; }
	.printOnly,.onlyPrint { display:block; }	

	.pageBreakBefore { page-break-before: always; }
	.pageBreakAfter  { page-break-after: always;}
	.pageBreakAvoid {page-break-inside: avoid;}

	/*img {max-width:100%; height:auto; }*/

	.wow,.animated { animation-name:none!important; visibility:visible!important; }

	.p0  { width:0%;display:none;}
	.p100 { width:100%!important;}

	.parallax,.parallaxBody { background-image:none!important;}

	.eqHeight { display: block; }
}







/* BUTTONS */
.roundButton,button.roundButton  { background:white;color:black;font-weight:bold;padding:8px 36px!important;border:3px solid #dddddd;border-radius: 25px;cursor:pointer;white-space:nowrap;transition:.50s ease-in-out; -moz-transition:.50s ease-in-out; -webkit-transition:.50s ease-in-out;}
.roundButton:not[type='button'] { line-height:148px!important }
.roundButton:hover,button.roundButton:hover { background:#dddddd;color:white;text-decoration:none!important; transition:.50s ease-in-out; -moz-transition:.50s ease-in-out; -webkit-transition:.50s ease-in-out; }

.Buttons { padding:5px 8px; font-size:100%; line-height:190%; margin:0px; text-decoration:none; color:#444444; border:1px solid #dddddd; transition:box-shadow .2s, border .2s; white-space:nowrap;cursor: pointer;
        background:white;} 
.Button { /*:not(textarea) {*/
	padding: 5px 8px;
	font-size:100%; /*14px;*/
        line-height:190%;
}
.MediumButton { /*, .MediumButton:hover, .MediumButton:focus {*/
        padding: 1px 4px;
        font-size:80%; 
        line-height:190%; 
}
.SmallButton { /*, .SmallButton:hover, .SmallButton:focus {*/
        padding: 1px 3px;
        font-size:60%;
        line-height:180%;
}
.Button,.MediumButton,.SmallButton {
	/*box-sizing: border-box; *//*keeps inputbox same height as link - doesnt work*/
	margin:0px;
        text-decoration: none;
        color: black;
        border:1px solid #dddddd; /*transparent*/
	transition: box-shadow .2s, border .2s;
        /*transition:all .2s ease-out;*/
}
/*.Button:not(textarea),.MediumButton:not(textarea),.SmallButton:not(textarea) { white-space:nowrap; } //////nowrap kills TEXTAREA tabs and spacing!! */
.Button:not(textarea),.MediumButton:not(textarea),.SmallButton:not(textarea) {white-space:nowrap;} 
.Button td,.Button td a,.Button:not(textarea):not(select):not(option):not([type=text]):not([type=password]),
.MediumButton td,.MediumButton td a,.MediumButton:not(textarea):not(select):not(option):not([type=text]):not([type=password]),
.SmallButton td,.SmallButton td a,.SmallButton:not(textarea):not(select):not(option):not([type=text]):not([type=password]) {
        cursor: pointer;
	background: white; /*bh f9f9f9, adg = #6699cc;*/
        color:black;
}
.Buttons:hover,.Button:hover,.Button:focus,
.MediumButton:hover,.MediumButton:focus,
.SmallButton:hover,.SmallButton:focus {
        text-decoration:none;
        box-shadow: 0 0 5px #6699cc; /*88D5E9;*/
        border: 1px solid #6699cc;
}
.tinyButton { 
	padding: 0px ;
        font-size:9px;
        line-height:160%;
	cursor:pointer;
	padding:1px;
	color:red;
}
.tinyButton:hover { box-shadow: 0 0 5px #6699cc;text-decoration:none;}


/* REGULAR LONG */
.Border {			border:		1px solid black;    border-radius:3px; -webkit-border-radius:3px; }
.BorderLeft {			border-left:	1px solid black;  }
.BorderRight {			border-right:	1px solid black;  }
.BorderTop {			border-top:	1px solid black;  }
.BorderBottom {			border-bottom:	1px solid black;  }
.BorderLeftRightTop {		border-left:	1px solid black;
				border-right:	1px solid black;
				border-top:	1px solid black;  }
.BorderLeftRightBottom {	border-left:	1px solid black;
				border-right:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderLeftTopBottom {		border-left:	1px solid black;
				border-top:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderRightTopBottom {		border-right:	1px solid black;
				border-top:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderRightBottom {		border-right:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderLeftBottom {		border-left:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderLeftRight {		border-left:	1px solid black;
				border-right:	1px solid black;  }
.BorderTopBottom {		border-top:	1px solid black;
				border-bottom:	1px solid black;  }

/* REGULAR SHORT */
.BorderL {			border-left:	1px solid black;  }
.BorderR {			border-right:	1px solid black;  }
.BorderT {			border-top:	1px solid black;  }
.BorderB {			border-bottom:	1px solid black;  }
.BorderLRT	{		border-left:	1px solid black;
				border-right:	1px solid black;
				border-top:	1px solid black;  }
.BorderLRB {			border-left:	1px solid black;
				border-right:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderLTB {			border-left:	1px solid black;
				border-top:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderRTB {			border-right:	1px solid black;
				border-top:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderRB {			border-right:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderLB {			border-left:	1px solid black;
				border-bottom:	1px solid black;  }
.BorderRT {                     border-right:   1px solid black;
                                border-top:     1px solid black;  }
.BorderLT {                     border-left:    1px solid black;
                                border-top: 	1px solid black;  }
.BorderLR {			border-left:	1px solid black;
				border-right:	1px solid black;  }
.BorderTB {			border-top:	1px solid black;
				border-bottom:	1px solid black;  }



/* SOFT LONG */
.BorderSoft {			border:		1px solid #cccccc;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.BorderSoftLeft {		border-left:	1px solid #cccccc;  }
.BorderSoftRight {		border-right:	1px solid #cccccc;  }
.BorderSoftTop,
tr.BorderSoftTop td {		border-top:	1px solid #cccccc;  }
.BorderSoftBottom,
tr.BorderSoftBottom td {	border-bottom:	1px solid #cccccc;  }
.BorderSoftLeftRightTop	{	border-left:	1px solid #cccccc;
				border-right:	1px solid #cccccc;
				border-top:	1px solid #cccccc;  }
.BorderSoftLeftRightBottom {	border-left:	1px solid #cccccc;
				border-right:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftLeftTopBottom {	border-left:	1px solid #cccccc;
				border-top:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftRightTopBottom {	border-right:	1px solid #cccccc;
				border-top:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftRightBottom {	border-right:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftLeftBottom {		border-left:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftLeftRight {		border-left:	1px solid #cccccc;
				border-right:	1px solid #cccccc;  }
.BorderSoftTopBottom,
tr.BorderSoftTopBottom td {	border-top:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }

/* SOFT SHORT */
.BorderSoft {			border:		1px solid #cccccc;  }
.BorderSoftL {			border-left:	1px solid #cccccc;  }
.BorderSoftR {			border-right:	1px solid #cccccc;  }
.BorderSoftT,tr.BorderSoftT td {border-top:	1px solid #cccccc;  }
.BorderSoftB,tr.BorderSoftB td {border-bottom:	1px solid #cccccc;  }
.BorderSoftLRT	{		border-left:	1px solid #cccccc;
				border-right:	1px solid #cccccc;
				border-top:	1px solid #cccccc;  }
.BorderSoftLRB {		border-left:	1px solid #cccccc;
				border-right:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftLTB {		border-left:	1px solid #cccccc;
				border-top:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftRTB {		border-right:	1px solid #cccccc;
				border-top:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }


.BorderSoftRTB {                border-right:   1px solid #cccccc;
                                border-top:     1px solid #cccccc;
                                border-bottom:  1px solid #cccccc;  }


.BorderSoftRB {			border-right:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftRT {                 border-right:   1px solid #cccccc;
                                border-top:     1px solid #cccccc;  }
.BorderSoftLB {			border-left:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }
.BorderSoftLT {                 border-left:    1px solid #cccccc;
                                border-top:	1px solid #cccccc;  }
.BorderSoftLR {			border-left:	1px solid #cccccc;
				border-right:	1px solid #cccccc;  }
.BorderSoftTB,
tr.BorderSoftTB td {		border-top:	1px solid #cccccc;
				border-bottom:	1px solid #cccccc;  }


.round {
        border-radius:50%;
}


.Rounded,.rounded {
 	-moz-border-radius:10px 10px 10px 10px;
        -webkit-border-radius:10px;
        border-radius:10px;
	/*border:1px solid #cccccc; */
}
.RoundedLess {
        -moz-border-radius:5px 5px 0px 0px;
        -webkit-border-radius:5px;
        border-radius:5px;
}
.RoundedMore {
        -moz-border-radius:30px 30px 30px 30px;
        -webkit-border-radius:30px;
        border-radius:30px;
}

.RoundedLittle {
        -moz-border-radius:3px 3px 0px 0px;
        -webkit-border-radius:3px;
        border-radius:3px;
}

.RoundedTop {
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	border:1px solid #cccccc;
}
.RoundedTopLess {
        border-top-right-radius:5px;
        border-top-left-radius:5px;
        border:1px solid #cccccc;
}
.RoundedBottom {
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        /*border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;*/
}






.RoundedTopBlue {
	border-top-right-radius: 10px;
        border-top-left-radius: 10px;
	border:1px solid #6699cc;
}



.ScrollArea {
	width:1000px; /*1000px;*/
	height: auto;
	padding-left: 0px;
	padding-right: 0px;
	border-color: white;
	border-width: 0px;
	border-style: solid;
	overflow-x: scroll;	 /* overflow:hidden;    hidden,auto,scroll,visible  */
	/*float: left; */
	display	: block;
}
.ScrollArea::-webkit-scrollbar {display:none;}

.overflowHidden { overflow:hidden; }
.overflowHidden::-webkit-scrollbar {display:none;width:0px;height:0px;}

.overflowScroll { overflow:scroll; } /* DOESNT WORK IN FIREFOX!!!! - scrollbars show, can use overflow:-moz-scrollbars-none */
.overflowScroll::-webkit-scrollbar {display:none;width:0px;height:0px;}

.Button2014 {
	padding: 3px 3px;
	text-shadow: 0 1px 1px #fff;
	text-decoration: none;
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));	
	border-radius: 5px;
	marginft: 5px;
	color: black;
	background-color: #dddddd; /* #c7e0ed; */
	border: 1px solid #cccccc; /* #8dbcd9; */
	cursor: hand;
}

.Button2015 {
        padding: 2px 3px;
        text-decoration: none;
        /* box-shadow: 1px 1px 1px 1px #dddddd;*/
	/*box-shadow: 0 10px 6px -6px #999;*/ 
        color: black; /* #197ba8; */
	background-color: white; /* #c7e0ed; */
        border: 1px solid #dddddd; /* #8dbcd9; */
        cursor: pointer;
	font-size:14px;
	white-space:nowrap;
}

.ButtonBackground {
	text-shadow: 0 1px 1px #eeeeee;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 1px #dddddd;
        color: black; /* #197ba8; */
        background-color: #dddddd; /* #c7e0ed; */
        border: 1px solid #cccccc; /* #8dbcd9; */
        background: linear-gradient(90deg, #dfdfdf, #fdfdfd );
        background: -moz-linear-gradient(90deg, #dfdfdf, #fdfdfd );
        background: -webkit-linear-gradient(90deg, #dfdfdf, #fdfdfd );
        background: -o-linear-gradient(90deg, #dfdfdf, #fdfdfd );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#fdfdfd');
        background: -moz-linear-gradient(top, #dfdfdf, #fdfdfd);
}

.NewButton {
	padding: 5px 10px;
	font-size:35px;
	text-shadow: 1px 1px 0.1em #fff;
	text-decoration: none;
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
	border-radius: 10px;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.5) inset;
	overflow: hidden;
	color: #197ba8;
	background-color: #c7e0ed;
	border: 2px solid #8dbcd9;
	cursor: pointer;
	border: 3px solid #8dbcd9;
	text-align:center;
	vertical-align:middle;
	opacity:0.7; filter:alpha(opacity=70);
}	
.NewButton:hover { 
	opacity:0.95; filter:alpha(opacity=95);
	text-decoration:none; 
}
.Button2015:hover {
        background-color:#eeeeee;
        text-decoration: none;
}


 
/*select.Button,option.Button,.Button option:not(:checked) {  background:white !important; color:black; }
*/

.smallButton2005,.SmallButton {
	padding:0px 2px;
        text-decoration: none;
	background-color:white;
        color: black; /* #197ba8; */
        border-bottom: 1px solid #cccccc; /* #8dbcd9; */
        border-right: 1px solid #cccccc;
	cursor: pointer;
	font-size:10px;
}
.smallButton2005:hover,.SmallButton2005:hover {
	background-color:#e1e1e1;
	text-decoration: none;
	/*font-size:10px;*/
}

.MediumButton2015 {
        padding: 2px 2px;
        text-shadow: 0 1px 1px #ffffff;
        text-decoration: none;
        border-radius: 2px;
        box-shadow: 1px 1px 1px 1px #dddddd;
        color: black; /* #197ba8; */
        background-color: white; /* #c7e0ed; */
        border: 1px solid #cccccc; /* #8dbcd9; */
        cursor: pointer;
        font-size:12px;
}
.MediumButton2015:hover  {
        background-color:       #eeeeee;
        text-decoration:        none;
        font-size:12px;
}


.ButtonMenuSub { padding:1px;line-height:22px; }
.ButtonMenuSub:hover { background: #eeeeee; }
.ButtonList {
	border-right:1px solid #ffe222;
	border-bottom:1px solid #ffe222;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	margin:5px;
	font-stretch:expanded;
	background: #fffbe2;
}
a.ButtonList:hover {
	background:#cccccc;
	text-decoration:none;
	font-stretch:expanded;
}
a.ButtonList {
	background:;
	font-stretch:expanded;
}
input.ButtonList:hover {
	background:#dddddd;
	text-decoration:none;
	font-stretch:expanded;
}