/* -------------------------------- web font CSS -------------------------------- */
@-zs-include webfonts(Lato:700,400/Open Sans:300,400);
/* -------------------------------- PRESET CSS -------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  margin: 0;
  padding: 0;
  font-weight: normal;
  /* added text default color black 20200818 */
  /* so we dont have to keep styling our bullet points to black separately */
    color: #000000 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:700;
}
body {
 background-attachment:$BGAttachment1[scroll];
 background-color:$BGColor1[#ededed];
 background-image:$BGImage1[none];
 background-position:$BGPosition1[0 0];
 background-repeat:$BGRepeat1[repeat];
 background-size:$BGSize1[auto];
 font-family:$BodyFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$BodyFontSize[14px];
 color:$BodyTextColor[#000000];
}
h1 {
font-family:$BodyH1FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyH1FontSize[28px];
color:$BodyH1TextColor[#385e96];
}
h2 {
font-family:$BodyH2FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyH2FontSize[24px];
color:$BodyH2TextColor[#385e96];
}
h2 {
    /* updated 20200803 */
    font-family: 'Lato', Verdana, Geneva, sans-serif !important;
    font-size: 24px !important;
    color: #385e96 !important;
}
h3 {
font-family:$BodyH3FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyH3FontSize[22px];
color:$BodyH3TextColor[#385e96];
}
h4 {
font-family:$BodyH4FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyH4FontSize[20px];
color:$BodyH4TextColor[#385e96];
}
h5 {
font-family:$BodyH5FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyH5FontSize[18px];
color:$BodyH5TextColor[#385e96];
}
h6 {
font-family:$BodyH6FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyH6FontSize[16px];
color:$BodyH6TextColor[#385e96];
}
a {
 color:$BodyAColor[#385e96];
 text-decoration:$BodyATextDecoration[underline];
}
a:hover {
 text-decoration:$BodyAHoverTextDecoration[underline];
 color:$BodyAHoverColor[#385e96];
}
p {
  line-height: 1.8;
}
a img {
  border: 0 solid
}
:focus {
  outline: none;
}
hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
}

a.button2 {
    /* added 20210505 */
	background: #385E96;;
	margin:0 5px 0 5px;
	padding:10px;
	border-radius:5px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:1vw;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  box-shadow: 0 1px 1px #fff;
  -webkit-box-shadow: 0 1px 1px #fff;
  -moz-box-shadow: 0 1px 1px #fff;
  -o-box-shadow: 0 1px 1px #fff;
}
th {
 font-family:$BodyTHFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$BodyTHFontSize[14px];
 color:$BodyTHTextColor[#4f4f6a];
 background:$BodyTHBGColor[#f7f7f7];
 border-width:$BodyTHBorderWidth[1px];
 border-style:$BodyTHBorderStyle[solid];
 border-color:$BodyTHBorderColor[#dbdbdb];
 padding:$BodyTHCellSpaceing[8px];
 font-weight:normal;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
}
td {
 font-family:$BodyTDFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$BodyTDFontSize[14px];
 color:$BodyTDTextColor[#595a5b];
 background:$BodyTDBGColor[#ffffff];
 border-width:$BodyTDBorderWidth[1px];
 border-style:$BodyTDBorderStyle[solid];
 border-color:$BodyTDBorderColor[#dbdbdb];
 padding:$BodyTDCellSpaceing[8px];
}
ul, ol {
  padding: 0 0 0 20px;
}
ol {
  padding: 0 0 0 30px;
}
li {
  padding: 5px 0;
}
/* -------------------------------- COMMEN USAGE CSS -------------------------------- */
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.clearDiv {
  clear: both;
}
/* -------------------------------- THEME DESIGN CSS -------------------------------- */
.themeWidth {
  width: 1000px;
  margin: 0 auto;
}
.themeContentAreaContainer{
  background-color:$ContentBGColor[#ffffff];
 background-image:$ContentBGImage[none];
 background-position:$ContentBGPosition[0 0];
 background-repeat:$ContentBGRepeat[repeat];
 background-attachment:$ContentBGAttachment[scroll];
 background-size:$ContentBGSize[auto];
 box-shadow: $ContentBoxOuterShadowXaxis[0px] $ContentBoxOuterShadowYaxis[0px] $ContentBoxOuterShadowBlur[0px] $ContentBoxOuterShadowSpread[0px] $ContentBoxOuterShadowColor[transparent], $ContentBoxInnerShadowXaxis[0px] $ContentBoxInnerShadowYaxis[0px] $ContentBoxInnerShadowBlur[0px] $ContentBoxInnerShadowSpread[0px] $ContentBoxInnerShadowColor[transparent] inset;
 -moz-box-shadow: $ContentBoxOuterShadowXaxis[0px] $ContentBoxOuterShadowYaxis[0px] $ContentBoxOuterShadowBlur[0px] $ContentBoxOuterShadowSpread[0px] $ContentBoxOuterShadowColor[transparent], $ContentBoxInnerShadowXaxis[0px] $ContentBoxInnerShadowYaxis[0px] $ContentBoxInnerShadowBlur[0px] $ContentBoxInnerShadowSpread[0px] $ContentBoxInnerShadowColor[transparent] inset;
 -o-box-shadow: $ContentBoxOuterShadowXaxis[0px] $ContentBoxOuterShadowYaxis[0px] $ContentBoxOuterShadowBlur[0px] $ContentBoxOuterShadowSpread[0px] $ContentBoxOuterShadowColor[transparent], $ContentBoxInnerShadowXaxis[0px] $ContentBoxInnerShadowYaxis[0px] $ContentBoxInnerShadowBlur[0px] $ContentBoxInnerShadowSpread[0px] $ContentBoxInnerShadowColor[transparent] inset;
 -webkit-box-shadow: $ContentBoxOuterShadowXaxis[0px] $ContentBoxOuterShadowYaxis[0px] $ContentBoxOuterShadowBlur[0px] $ContentBoxOuterShadowSpread[0px] $ContentBoxOuterShadowColor[transparent], $ContentBoxInnerShadowXaxis[0px] $ContentBoxInnerShadowYaxis[0px] $ContentBoxInnerShadowBlur[0px] $ContentBoxInnerShadowSpread[0px] $ContentBoxInnerShadowColor[transparent] inset;
   border-radius: $ContentBorderRadius[0];
 -moz-border-radius:$ContentBorderRadius[0];
 -webkit-border-radius:$ContentBorderRadius[0];
 -o-border-radius:$ContentBorderRadius[0];
 border-width: $ContentBorderWidth[0];
 border-style:$ContentBorderStyle[none];
 border-color:$ContentBorderColor[transparent];
  padding:0 20px 0;
  overflow:hidden;
}
/* -------------------------------- NAVIGATION AREA CSS -------------------------------- */
.navigationContainer{
  width:70%;
  float:left;
}
.themeHeader {
background-color:$NavigationBGColor[#385e96];
 background-image:$NavigationBGImage[none];
 background-repeat:$NavigationBGRepeat[repeat-x];
 background-position:$NavigationBGPosition[left top];
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 z-index:10;
}
#navigation ul {
  list-style:none;
  padding:0;
  margin:0;
}
#navigation li {
  display:block;
  float:left;
  margin:0;
  padding:0;
  line-height:3.3;
}
#navigation li a {
 font-family:$NavigationFontFamily['Lato', Arial, Helvetica, sans-serif];
 color:$NavigationAColor[#ffffff];
 font-size:$NavigationFontSize[12px];
 text-transform:uppercase;
  float:left;
  padding:0 16px;
  text-decoration:none;
  cursor:pointer;
  line-height:4;
  font-weight:400;
}
#navigation li:hover a, #navigation li.selected a, #navigation li.active a {
 color:$NavigationAHoverColor[#ffffff];
 background-color:$NavigationBGSelectedColor[#2A3E48];
 background-image:$NavigationBGSelectedImage[none];
 background-repeat:$NavigationBGSelectedRepeat[repeat];
 background-position:$NavigationBGSelectedPosition[left top];
}
#navigation li a span {
  float:left;
}
#navigation li.navArrow a em, #navigation li:hover.navArrow a em, #navigation li.active.navArrow a em, #navigation li.selected.navArrow a em {
  background:transparent url(images/navArrow.png) no-repeat scroll 0 0;
  display:block;
  float:left;
  height:8px;
  width:7px;
  margin:23px 0 0 8px;
}
/* -------------------------------- SUBMNU AREA CSS -------------------------------- */
.submenu {
  width:195px;
  position:absolute;
  display:block;
  overflow:hidden;
 background-color:$SubmenuBGColor[#282c2d];
background-image:$SubmenuBGImage[none];
background-position:$SubmenuBGPosition[top left];
background-repeat:$SubmenuBGRepeat[repeat];
 border-width:$SubmenuBorderWidth[0px];
border-style:$SubmenuBorderStyle[solid];
border-color:$SubmenuBorderColor[transparent];
 border-radius:$SubmenuBorderRadius[0];
-moz-border-radius:$SubmenuBorderRadius[0];
-webkit-border-radius:$SubmenuBorderRadius[0];
-o-border-radius:$SubmenuBorderRadius[0];
-webkit-transition:height 0.5s ease 0s, top 0.5s ease 0s;
-moz-transition:height 0.5s ease 0s, top 0.5s ease 0s;
-o-transition:height 0.5s ease 0s, top 0.5s ease 0s;
-ms-transition:height 0.5s ease 0s, top 0.5s ease 0s;
transition:height 0.5s ease 0s, top 0.5s ease 0s;
}
.submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1px;
  line-height: 0;
}
.submenu li {
  display: block;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.submenu li a {
 color:$SubmenuTextColor[#ffffff];
 font-size:$SubmenuFontSize[12px];
 font-family:$SubmenuFontFamily['Lato', Arial, Helvetica, sans-serif];
  text-decoration: none;
  display: block;
  width:100%;
  line-height:1.7;
  padding:5px 0;
  float: left;
  cursor: pointer;
  transition:background 0.3s ease-in-out;
  -webkit-transition:background 0.3s ease-in-out;
  -moz-transition:background 0.3s ease-in-out;
  -o-transition:background 0.3s ease-in-out;
}
.submenu li a:hover {
 color:$SubmenuTextHoverColor[#ffffff];
 background-color:$SubmenuBGHoverColor[#2a3e48];
background-image:$SubmenuBGHoverImage[none];
background-position:$SubmenuBGHoverPosition[top left];
background-repeat:$SubmenuBGHoverRepeat[repeat];
}
.submenu li a span {
  width: 165px;
  float: left;
  padding-left:10px;
  word-wrap: break-word;
}
.submenu li.navArrow a em, .submenu li:hover.navArrow a em {
  background: url(images/subnavArrow.png) left top no-repeat;
  float: left;
  height: 10px;
  width: 10px;
  margin-top:8px;
  margin-left: 9px;
}
/* -------------------------------- Branding Area (Sitename, Caption, Logo, banner) CSS -------------------------------- */
.themeBrandingBar{
  text-align:center;
  padding:50px 0 10px;
}
.themeBrandingBar span{
  display:block;
}
.logo{
  margin-bottom:10px;
}
.sitename{
 font-family:$SiteNameFontFamily['Lato', Arial, Helvetica, sans-serif];
 font-size:$SiteNameFontSize[32px];
 color:$SiteNameTextColor[#282c2d];
  word-wrap: break-word;
  font-weight:bold;
}
.caption{
 font-family:$CaptionFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$CaptionFontSize[14px];
 color:$CaptionTextColor[#666666];
  word-wrap: break-word;
  font-weight:300;
  padding-top:5px;
}
.themeBanner{
  margin-bottom:20px;
}
.themeBreadcrumb {
  padding: 10px 0;
  margin-bottom: 20px;
}
.themeBreadcrumb span {
  padding: 0 10px;
}
.themeBreadcrumb p {
  word-wrap: break-word;
}
/* -------------------------------- Content & Sidebar Areas CSS -------------------------------- */
.themeContentArea{
width:70%;
  min-height:400px;
  height:auto !important;
  height:400px;
  padding-bottom:20px;
}
.themeSidebarArea{
  width:30%;
}
.themeSidebarAreaInner {
    font-family:$SidebarFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$SidebarFontSize[13px];
 color:$SidebarTextColor[#3f3f3f];
background-color:$SidebarBGColor[transparent];
 background-image:$SidebarBGImage[none];
 background-position:$SidebarBGPosition[0 0];
 background-repeat:$SidebarBGRepeat[repeat];
 background-attachment:$SidebarBGAttachment[scroll];
 background-size:$SidebarBGSize[auto];
 box-shadow: $SidebarBoxOuterShadowXaxis[0px] $SidebarBoxOuterShadowYaxis[0px] $SidebarBoxOuterShadowBlur[0px] $SidebarBoxOuterShadowSpread[0px] $SidebarBoxOuterShadowColor[transparent], $SidebarBoxInnerShadowXaxis[0px] $SidebarBoxInnerShadowYaxis[0px] $SidebarBoxInnerShadowBlur[0px] $SidebarBoxInnerShadowSpread[0px] $SidebarBoxInnerShadowColor[transparent] inset;
 -webkit-box-shadow: $SidebarBoxOuterShadowXaxis[0px] $SidebarBoxOuterShadowYaxis[0px] $SidebarBoxOuterShadowBlur[0px] $SidebarBoxOuterShadowSpread[0px] $SidebarBoxOuterShadowColor[transparent], $SidebarBoxInnerShadowXaxis[0px] $SidebarBoxInnerShadowYaxis[0px] $SidebarBoxInnerShadowBlur[0px] $SidebarBoxInnerShadowSpread[0px] $SidebarBoxInnerShadowColor[transparent] inset;
 -moz-box-shadow: $SidebarBoxOuterShadowXaxis[0px] $SidebarBoxOuterShadowYaxis[0px] $SidebarBoxOuterShadowBlur[0px] $SidebarBoxOuterShadowSpread[0px] $SidebarBoxOuterShadowColor[transparent], $SidebarBoxInnerShadowXaxis[0px] $SidebarBoxInnerShadowYaxis[0px] $SidebarBoxInnerShadowBlur[0px] $SidebarBoxInnerShadowSpread[0px] $SidebarBoxInnerShadowColor[transparent] inset;
 -o-box-shadow: $SidebarBoxOuterShadowXaxis[0px] $SidebarBoxOuterShadowYaxis[0px] $SidebarBoxOuterShadowBlur[0px] $SidebarBoxOuterShadowSpread[0px] $SidebarBoxOuterShadowColor[transparent], $SidebarBoxInnerShadowXaxis[0px] $SidebarBoxInnerShadowYaxis[0px] $SidebarBoxInnerShadowBlur[0px] $SidebarBoxInnerShadowSpread[0px] $SidebarBoxInnerShadowColor[transparent] inset;
 border-width: $SidebarBorderWidth[0px];
 border-style:$SidebarBorderStyle[none];
 border-color:$SidebarBorderColor[ transparent];
 border-radius: $SidebarBorderRadius[0px];
 -moz-border-radius:$SidebarBorderRadius[0px];
 -webkit-border-radius:$SidebarBorderRadius[0px];
 -o-border-radius:$SidebarBorderRadius[0px];
  min-height:300px;
  height:auto !important;
  height:300px;
  margin-left:20px;
  padding-bottom:20px;
}
.themeSidebarAreaInner h1 {
font-family:$SidebarH1FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarH1FontSize[28px];
color:$SidebarH1TextColor[#282c2d];
}
.themeSidebarAreaInner h2 {
font-family:$SidebarH2FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarH2FontSize[24px];
color:$SidebarH2TextColor[#282c2d];
}
.themeSidebarAreaInner h3 {
font-family:$SidebarH3FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarH3FontSize[22px];
color:$SidebarH3TextColor[#282c2d];
}
.themeSidebarAreaInner h4 {
font-family:$SidebarH4FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarH4FontSize[20px];
color:$SidebarH4TextColor[#282c2d];
}
.themeSidebarAreaInner h5 {
font-family:$SidebarH5FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarH5FontSize[18px];
color:$SidebarH5TextColor[#282c2d];
}
.themeSidebarAreaInner h6 {
font-family:$SidebarH6FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarH6FontSize[16px];
color:$SidebarH6TextColor[#282c2d];
}
.themeSidebarAreaInner a {
 color:$SidebarAColor[#385e96];
 text-decoration:$SidebarATextDecoration[none];
}
.themeSidebarAreaInner a:hover {
 text-decoration:$SidebarAHoverTextDecoration[none];
 color:$SidebarAHoverColor[#385e96];
}
.themeSidebarAreaInner form li span input[type=text], .themeSidebarAreaInner form li span textarea, .themeSidebarAreaInner form li span select {
    width:215px;
    padding:5px 3px;
}
.themeSidebarAreaInner form li span select {
    width:228px;
}
.themeSidebarAreaInner form li input[type="submit"], .themeSidebarAreaInner form li input[type="reset"], button{
    padding:10px 30px;
}
.themeSidebarAreaInner th {
 font-family:$SidebarTHFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$SidebarTHFontSize[14px];
 color:$SidebarTHTextColor[#4f4f6a];
 background:$SidebarTHBGColor[#f7f7f7];
 border-width:$SidebarTHBorderWidth[1px];
 border-style:$SidebarTHBorderStyle[solid];
 border-color:$SidebarTHBorderColor[#dbdbdb];
 padding:$SidebarTHCellSpaceing[8px];
 font-weight:normal;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
}
.themeSidebarAreaInner td {
 font-family:$SidebarTDFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$SidebarTDFontSize[14px];
 color:$SidebarTDTextColor[#595a5b];
 background:$SidebarTDBGColor[#ffffff];
 border-width:$SidebarTDBorderWidth[1px];
 border-style:$SidebarTDBorderStyle[solid];
 border-color:$SidebarTDBorderColor[#dbdbdb];
 padding:$SidebarTDCellSpaceing[8px];
}
/* -------------------------------- Sidebar Higlight Box CSS -------------------------------- */
.themeSidebarAreaInner .zs-highlight-box {
 background-color: $SidebarHighlightBoxBGColor[#b4b0e3];
 background-image: $SidebarHighlightBoxBGImage[none];
 background-image: $SidebarHighlightBoxBGImage[none], -moz-linear-gradient($SidebarHighlightBoxGradientDirection[bottom], $SidebarHighlightBoxGradientStartColor[transparent], $SidebarHighlightBoxGradientEndColor[transparent]);
 background-image: $SidebarHighlightBoxBGImage[none], -webkit-linear-gradient($SidebarHighlightBoxGradientDirection[bottom], $SidebarHighlightBoxGradientStartColor[transparent], $SidebarHighlightBoxGradientEndColor[transparent]);
 background-image: $SidebarHighlightBoxBGImage[none], -o-linear-gradient($SidebarHighlightBoxGradientDirection[bottom], $SidebarHighlightBoxGradientStartColor[transparent], $SidebarHighlightBoxGradientEndColor[transparent]);
 background-position: $SidebarHighlightBoxBGPosition[top left];
 background-repeat: $SidebarHighlightBoxBGRepeat[no-repeat];
 box-shadow: $SidebarHighlightBoxOuterXaxis[0px] $SidebarHighlightBoxOuterYaxis[0px] $SidebarHighlightBoxOuterBlur[5px] $SidebarHighlightBoxOuterSpread[0px] $SidebarHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $SidebarHighlightBoxInnerXaxis[0px] $SidebarHighlightBoxInnerYaxis[0px] $SidebarHighlightBoxInnerBlur[0px] $SidebarHighlightBoxInnerSpread[4px] $SidebarHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -moz-box-shadow: $SidebarHighlightBoxOuterXaxis[0px] $SidebarHighlightBoxOuterYaxis[0px] $SidebarHighlightBoxOuterBlur[5px] $SidebarHighlightBoxOuterSpread[0px] $SidebarHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $SidebarHighlightBoxInnerXaxis[0px] $SidebarHighlightBoxInnerYaxis[0px] $SidebarHighlightBoxInnerBlur[0px] $SidebarHighlightBoxInnerSpread[4px] $SidebarHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -webkit-box-shadow: $SidebarHighlightBoxOuterXaxis[0px] $SidebarHighlightBoxOuterYaxis[0px] $SidebarHighlightBoxOuterBlur[5px] $SidebarHighlightBoxOuterSpread[0px] $SidebarHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $SidebarHighlightBoxInnerXaxis[0px] $SidebarHighlightBoxInnerYaxis[0px] $SidebarHighlightBoxInnerBlur[0px] $SidebarHighlightBoxInnerSpread[4px] $SidebarHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -o-box-shadow: $SidebarHighlightBoxOuterXaxis[0px] $SidebarHighlightBoxOuterYaxis[0px] $SidebarHighlightBoxOuterBlur[5px] $SidebarHighlightBoxOuterSpread[0px] $SidebarHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $SidebarHighlightBoxInnerXaxis[0px] $SidebarHighlightBoxInnerYaxis[0px] $SidebarHighlightBoxInnerBlur[0px] $SidebarHighlightBoxInnerSpread[4px] $SidebarHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 border-width: $SidebarHighlightBoxBorderWidth[1px];
 border-style:$SidebarHighlightBoxBorderStyle[solid];
 border-color:$SidebarHighlightBoxBorderColor[#dedede];
 border-radius: $SidebarHighlightBoxBorderRadius[0];
 -moz-border-radius:$SidebarHighlightBoxBorderRadius[0];
 -webkit-border-radius:$SidebarHighlightBoxBorderRadius[0];
 -o-border-radius:$SidebarHighlightBoxBorderRadius[0];
 padding: $SidebarHighlightBoxInnerSpace[10px];
 margin: $SidebarHighlightBoxOuterSpace[10px];
    min-height: 100px;
font-family:$SidebarHighlightBoxFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$SidebarHighlightBoxFontSize[13px];
 color:$SidebarHighlightBoxTextColor[#725997];
}
.themeSidebarAreaInner .zs-highlight-box h1 {
font-family:$SidebarHighlightBoxH1FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarHighlightBoxH1FontSize[28px];
color:$SidebarHighlightBoxH1TextColor[#B0F69E];
}
.themeSidebarAreaInner .zs-highlight-box h2 {
font-family:$SidebarHighlightBoxH2FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarHighlightBoxH2FontSize[24px];
color:$SidebarHighlightBoxH2TextColor[#B0F69E];
}
.themeSidebarAreaInner .zs-highlight-box h3 {
font-family:$SidebarHighlightBoxH3FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarHighlightBoxH3FontSize[22px];
color:$SidebarHighlightBoxH3TextColor[#B0F69E];
}
.themeSidebarAreaInner .zs-highlight-box h4 {
font-family:$SidebarHighlightBoxH4FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarHighlightBoxH4FontSize[20px];
color:$SidebarHighlightBoxH4TextColor[#B0F69E];
}
.themeSidebarAreaInner .zs-highlight-box h5 {
font-family:$SidebarHighlightBoxH5FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarHighlightBoxH5FontSize[18px];
color:$SidebarHighlightBoxH5TextColor[#B0F69E];
}
.themeSidebarAreaInner .zs-highlight-box h6 {
font-family:$SidebarHighlightBoxH6FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$SidebarHighlightBoxH6FontSize[16px];
color:$SidebarHighlightBoxH6TextColor[#B0F69E];
}
.themeSidebarAreaInner .zs-highlight-box a {
 color:$SidebarHighlightBoxAColor[#B0F69E];
 text-decoration:$SidebarHighlightBoxATextDecoration[none];
}
.themeSidebarAreaInner .zs-highlight-box a:hover {
 text-decoration:$SidebarHighlightBoxAHoverTextDecoration[none];
 color:$SidebarHighlightBoxAHoverColor[#B0F69E];
}
.themeSidebarAreaInner .zs-highlight-box form li span input[type=text], .themeSidebarAreaInner .zs-highlight-box form li span textarea, .themeSidebarAreaInner .zs-highlight-box form li span select {
    width:185px;
}
.themeSidebarAreaInner .zs-highlight-box form li span select {
    width:198px;
}
.themeSidebarAreaInner .zs-highlight-box th {
 font-family:$SidebarHighlightBoxTHFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$SidebarHighlightBoxTHFontSize[14px];
 color:$SidebarHighlightBoxTHTextColor[#4f4f6a];
 background:$SidebarHighlightBoxTHBGColor[#CAC6F5];
 border-width:$SidebarHighlightBoxTHBorderWidth[1px];
 border-style:$SidebarHighlightBoxTHBorderStyle[solid];
 border-color:$SidebarHighlightBoxTHBorderColor[#b4b0e3];
 padding:$SidebarHighlightBoxTHCellSpaceing[8px];
 font-weight:normal;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
}
.themeSidebarAreaInner .zs-highlight-box td {
 font-family:$SidebarHighlightBoxTDFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$SidebarHighlightBoxTDFontSize[14px];
 color:$SidebarHighlightBoxTDTextColor[#595a5b];
 background:$SidebarHighlightBoxTDBGColor[#ffffff];
 border-width:$SidebarHighlightBoxTDBorderWidth[1px];
 border-style:$SidebarHighlightBoxTDBorderStyle[solid];
 border-color:$SidebarHighlightBoxTDBorderColor[#dbdbdb];
 padding:$SidebarHighlightBoxTDCellSpaceing[8px];
}
/*----------------------------------- Highlight Text Css  -----------------------------------------------*/
.themeSidebarAreaInner .zs-text-light-color {
color:$SidebarTextLightColor[#C4C4C4]
}
.themeSidebarAreaInner .zs-text-highlight-color {
color:$SidebarTextHighlightColor[#282C2D]
}
.themeSidebarAreaInner .zs-highlight-box .zs-text-light-color {
color:$SidebarHighlightBoxTextLightColor[#C4C4C4]
}
.themeSidebarAreaInner .zs-highlight-box .zs-text-highlight-color {
color:$SidebarHighlightBoxTextHighlightColor[#B0F69E]
}
/* -------------------------------- Footer Area CSS -------------------------------- */
.themeFooter{
background-color:$FooterBGColor[#8b8b8b];
 background-image:$FooterBGImage[none];
 background-position:$FooterBGPosition[0 0];
 background-repeat:$FooterBGRepeat[repeat];
 background-attachment:$FooterBGAttachment[scroll];
 background-size:$FooterBGSize[auto];
 box-shadow: $FooterBoxOuterShadowXaxis[0px] $FooterBoxOuterShadowYaxis[0px] $FooterBoxOuterShadowBlur[0px] $FooterBoxOuterShadowSpread[0px] $FooterBoxOuterShadowColor[ transparent], $FooterBoxInnerShadowXaxis[0px] $FooterBoxInnerShadowYaxis[0px] $FooterBoxInnerShadowBlur[0px] $FooterBoxInnerShadowSpread[0px] $FooterBoxInnerShadowColor[transparent] inset;
-moz-box-shadow: $FooterBoxOuterShadowXaxis[0px] $FooterBoxOuterShadowYaxis[0px] $FooterBoxOuterShadowBlur[0px] $FooterBoxOuterShadowSpread[0px] $FooterBoxOuterShadowColor[ transparent], $FooterBoxInnerShadowXaxis[0px] $FooterBoxInnerShadowYaxis[0px] $FooterBoxInnerShadowBlur[0px] $FooterBoxInnerShadowSpread[0px] $FooterBoxInnerShadowColor[transparent] inset;
-webkit-box-shadow: $FooterBoxOuterShadowXaxis[0px] $FooterBoxOuterShadowYaxis[0px] $FooterBoxOuterShadowBlur[0px] $FooterBoxOuterShadowSpread[0px] $FooterBoxOuterShadowColor[ transparent], $FooterBoxInnerShadowXaxis[0px] $FooterBoxInnerShadowYaxis[0px] $FooterBoxInnerShadowBlur[0px] $FooterBoxInnerShadowSpread[0px] $FooterBoxInnerShadowColor[transparent] inset;
-o-box-shadow: $FooterBoxOuterShadowXaxis[0px] $FooterBoxOuterShadowYaxis[0px] $FooterBoxOuterShadowBlur[0px] $FooterBoxOuterShadowSpread[0px] $FooterBoxOuterShadowColor[ transparent], $FooterBoxInnerShadowXaxis[0px] $FooterBoxInnerShadowYaxis[0px] $FooterBoxInnerShadowBlur[0px] $FooterBoxInnerShadowSpread[0px] $FooterBoxInnerShadowColor[transparent] inset;
border-style:$FooterBorderWidth[0px];
 border-style:$FooterBorderStyle[solid];
 border-color:$FooterBorderColor[transparent];
 border-radius: $FooterBorderRadius[0px];
 -moz-border-radius:$FooterBorderRadius[0px];
 -webkit-border-radius:$FooterBorderRadius[0px];
 -o-border-radius:$FooterBorderRadius[0px];
 font-family:$FooterFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$FooterFontSize[13px];
 color:$FooterTextColor[#ffffff];
  min-height:100px;
  height:auto !important;
  height:100px;
  padding:20px;
}
.themeFooter h1 {
font-family:$FooterH1FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterH1FontSize[28px];
color:$FooterH1TextColor[#ffffff];
}
.themeFooter h2 {
font-family:$FooterH2FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterH2FontSize[24px];
color:$FooterH2TextColor[#ffffff];
}
.themeFooter h3 {
font-family:$FooterH3FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterH3FontSize[22px];
color:$FooterH3TextColor[#ffffff];
}
.themeFooter h4 {
font-family:$FooterH4FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterH4FontSize[20px];
color:$FooterH4TextColor[#ffffff];
}
.themeFooter h5 {
font-family:$FooterH5FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterH5FontSize[18px];
color:$FooterH5TextColor[#ffffff];
}
.themeFooter h6 {
font-family:$FooterH6FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterH6FontSize[16px];
color:$FooterH6TextColor[#ffffff];
}
.themeFooter a {
 color:$FooterAColor[#385e96];
 text-decoration:$FooterATextDecoration[none];
}
.themeFooter a:hover {
 text-decoration:$FooterAHoverTextDecoration[none];
 color:$FooterAHoverColor[#385e96];
}
.themeFooter table {
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
}
.themeFooter th {
 font-family:$FooterTHFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$FooterTHFontSize[14px];
 color:$FooterTHTextColor[#3f3f3f];
 background:$FooterTHBGColor[#1c1f1f];
 border-width:$FooterTHBorderWidth[1px];
 border-style:$FooterTHBorderStyle[solid];
 border-color:$FooterTHBorderColor[#000000];
 padding:$FooterTHCellSpaceing[8px];
 font-weight:normal;
 box-shadow:none;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 -o-box-shadow:none;
}
.themeFooter td {
 font-family:$FooterTDFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$FooterTDFontSize[14px];
 color:$FooterTDTextColor[#595a5b];
 background:$FooterTDBGColor[#282c2d];
 border-width:$FooterTDBorderWidth[1px];
 border-style:$FooterTDBorderStyle[solid];
 border-color:$FooterTDBorderColor[#000000];
 padding:$FooterTDCellSpaceing[8px];
}
.themeFooter form li span input[type=text], .themeFooter form li span textarea, .themeFooter form li span select {
  background:#1c1f1f;
  border-bottom:1px solid #000000;
}
.themeFooter form li input[type=submit], .themeFooter button{
    background:#778D92;
}
.themeFooter hr {
    border-top-color:#4C4E4E;
}
/* -------------------------------- Footer Higlight Box CSS -------------------------------- */
.themeFooter .zs-highlight-box {
 background-color: $FooterHighlightBoxBGColor[#bd2436];
 background-image: $FooterHighlightBoxBGImage[none];
 background-image: $FooterHighlightBoxBGImage[none], -moz-linear-gradient($FooterHighlightBoxGradientDirection[bottom], $FooterHighlightBoxGradientStartColor[transparent], $FooterHighlightBoxGradientEndColor[transparent]);
 background-image: $FooterHighlightBoxBGImage[none], -webkit-linear-gradient($FooterHighlightBoxGradientDirection[bottom], $FooterHighlightBoxGradientStartColor[transparent], $FooterHighlightBoxGradientEndColor[transparent]);
 background-image: $FooterHighlightBoxBGImage[none], -o-linear-gradient($FooterHighlightBoxGradientDirection[bottom], $FooterHighlightBoxGradientStartColor[transparent], $FooterHighlightBoxGradientEndColor[transparent]);
 background-position: $FooterHighlightBoxBGPosition[top left];
 background-repeat: $FooterHighlightBoxBGRepeat[no-repeat];
 box-shadow: $FooterHighlightBoxOuterXaxis[0px] $FooterHighlightBoxOuterYaxis[0px] $FooterHighlightBoxOuterBlur[5px] $FooterHighlightBoxOuterSpread[0px] $FooterHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $FooterHighlightBoxInnerXaxis[0px] $FooterHighlightBoxInnerYaxis[0px] $FooterHighlightBoxInnerBlur[0px] $FooterHighlightBoxInnerSpread[4px] $FooterHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -moz-box-shadow: $FooterHighlightBoxOuterXaxis[0px] $FooterHighlightBoxOuterYaxis[0px] $FooterHighlightBoxOuterBlur[5px] $FooterHighlightBoxOuterSpread[0px] $FooterHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $FooterHighlightBoxInnerXaxis[0px] $FooterHighlightBoxInnerYaxis[0px] $FooterHighlightBoxInnerBlur[0px] $FooterHighlightBoxInnerSpread[4px] $FooterHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -webkit-box-shadow: $FooterHighlightBoxOuterXaxis[0px] $FooterHighlightBoxOuterYaxis[0px] $FooterHighlightBoxOuterBlur[5px] $FooterHighlightBoxOuterSpread[0px] $FooterHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $FooterHighlightBoxInnerXaxis[0px] $FooterHighlightBoxInnerYaxis[0px] $FooterHighlightBoxInnerBlur[0px] $FooterHighlightBoxInnerSpread[4px] $FooterHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -o-box-shadow: $FooterHighlightBoxOuterXaxis[0px] $FooterHighlightBoxOuterYaxis[0px] $FooterHighlightBoxOuterBlur[5px] $FooterHighlightBoxOuterSpread[0px] $FooterHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $FooterHighlightBoxInnerXaxis[0px] $FooterHighlightBoxInnerYaxis[0px] $FooterHighlightBoxInnerBlur[0px] $FooterHighlightBoxInnerSpread[4px] $FooterHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 border-width: $FooterHighlightBoxBorderWidth[1px];
 border-style:$FooterHighlightBoxBorderStyle[solid];
 border-color:$FooterHighlightBoxBorderColor[#000000];
 border-radius: $FooterHighlightBoxBorderRadius[0];
 -moz-border-radius:$FooterHighlightBoxBorderRadius[0];
 -webkit-border-radius:$FooterHighlightBoxBorderRadius[0];
 -o-border-radius:$FooterHighlightBoxBorderRadius[0];
 padding: $FooterHighlightBoxInnerSpace[10px];
 margin: $FooterHighlightBoxOuterSpace[10px];
    min-height: 100px;
font-family:$FooterHighlightBoxFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$FooterHighlightBoxFontSize[13px];
 color:$FooterHighlightBoxTextColor[#E76176];
}
.themeFooter .zs-highlight-box h1 {
font-family:$FooterHighlightBoxH1FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterHighlightBoxH1FontSize[28px];
color:$FooterHighlightBoxH1TextColor[#ffffff];
}
.themeFooter .zs-highlight-box h2 {
font-family:$FooterHighlightBoxH2FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterHighlightBoxH2FontSize[24px];
color:$FooterHighlightBoxH2TextColor[#ffffff];
}
.themeFooter .zs-highlight-box h3 {
font-family:$FooterHighlightBoxH3FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterHighlightBoxH3FontSize[22px];
color:$FooterHighlightBoxH3TextColor[#ffffff];
}
.themeFooter .zs-highlight-box h4 {
font-family:$FooterHighlightBoxH4FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterHighlightBoxH4FontSize[20px];
color:$FooterHighlightBoxH4TextColor[#ffffff];
}
.themeFooter .zs-highlight-box h5 {
font-family:$FooterHighlightBoxH5FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterHighlightBoxH5FontSize[18px];
color:$FooterHighlightBoxH5TextColor[#ffffff];
}
.themeFooter .zs-highlight-box h6 {
font-family:$FooterHighlightBoxH6FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$FooterHighlightBoxH6FontSize[16px];
color:$FooterHighlightBoxH6TextColor[#ffffff];
}
.themeFooter .zs-highlight-box a {
 color:$FooterHighlightBoxAColor[#E7BC61];
 text-decoration:$FooterHighlightBoxATextDecoration[none];
}
.themeFooter .zs-highlight-box a:hover {
 text-decoration:$FooterHighlightBoxAHoverTextDecoration[none];
 color:$FooterHighlightBoxAHoverColor[#E7BC61];
}
.themeFooter .zs-highlight-box hr {
    border-top-color:#E44A62;
}
.themeFooter .zs-highlight-box th {
 font-family:$FooterHighlightBoxTHFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$FooterHighlightBoxTHFontSize[14px];
 color:$FooterHighlightBoxTHTextColor[#8D1524];
 background:$FooterHighlightBoxTHBGColor[#D53447];
 border-width:$FooterHighlightBoxTHBorderWidth[1px];
 border-style:$FooterHighlightBoxTHBorderStyle[solid];
 border-color:$FooterHighlightBoxTHBorderColor[#bd2436];
 padding:$FooterHighlightBoxTHCellSpaceing[8px];
 font-weight:normal;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
}
.themeFooter .zs-highlight-box td {
 font-family:$FooterHighlightBoxTDFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$FooterHighlightBoxTDFontSize[14px];
 color:$FooterHighlightBoxTDTextColor[#595a5b];
 background:$FooterHighlightBoxTDBGColor[#F3F3F3];
 border-width:$FooterHighlightBoxTDBorderWidth[1px];
 border-style:$FooterHighlightBoxTDBorderStyle[solid];
 border-color:$FooterHighlightBoxTDBorderColor[#DADADA];
 padding:$FooterHighlightBoxTDCellSpaceing[8px];
}
.themeFooter .zs-highlight-box form li span input[type=text], .themeFooter .zs-highlight-box form li span textarea, .themeFooter .zs-highlight-box form li span select {
background: #D43245;
border-bottom: 1px solid #A81426;
color:#F37B8E;
}
/*----------------------------------- Highlight Text Css  -----------------------------------------------*/
.themeFooter .zs-text-light-color {
color:$FooterTextLightColor[#474747]
}
.themeFooter .zs-text-highlight-color {
color:$FooterTextHighlightColor[#ffffff]
}
.themeFooter .zs-highlight-box .zs-text-light-color {
color:$FooterHighlightBoxTextLightColor[#405257]
}
.themeFooter .zs-highlight-box .zs-text-highlight-color {
color:$FooterHighlightBoxTextHighlightColor[#ffffff]
}
/* -------------------------------- Form Areas CSS -------------------------------- */
form ul {
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
}
form li {
  overflow:hidden;
  padding:6px 0;
  margin:0;
  margin-top:6px;
}
form ul li label, form ul li div {
  width:auto;
  float:none;
  padding:3px 0;
}
form li div span{
    display:block;
}
form li span input, form li span label {
  float:none;
  width:auto;
  margin:5px 2px 0;
  font-weight:normal;
  padding:5px 2px;
 #padding-top:1px;
}
form li span input[type=text], form li span textarea, form li span select {
 font-family:$BodyFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$BodyFontSize[13px];
 color:$BodyTextColor[#3f3f3f];
  width:280px;
  background:#f7f7f7;
  border:0px;
  border-bottom:1px solid #e5e5e5;
  float:left;
  padding:5px;
  resize: none;
  margin:0px;
}
form li span select {
  width:293px;
}
form li span textarea {
  height:80px;
  overflow:auto;
}
form .dateinvoker {
  background:url(images/datePickerIcn.png) 0 0 no-repeat;
  width:22px;
  height:20px;
  border:none;
  vertical-align:middle;
  margin-top:7px;
  outline:none;
  padding:0px;
}
form li input[type=submit], form li input[type=reset], button {
 font-family:$BodyFontFamily['Open Sans', Verdana, Geneva, sans-serif];
  font-size:12px;
  color:#ffffff;
  border:0px;
  background:#282c2d;
  padding:10px 40px;
  margin-right:10px;
  cursor:pointer;
 #padding:3px 5px;
 text-transform:uppercase;
}
form li input[type=reset] {
  background:#f7f7f7;
  color:#282c2d;
}
/* -------------------------------- SEARCH BOX AREA CSS -------------------------------- */
.searchContainer {
  margin: 10px 0 0;
  float:right;
}
.searchbox {
  width:160px;
  height: 27px;
  position: relative;
  border:0 solid;
  background: #ffffff;
}
.searchbox input[type=text] {
  background: transparent;
  width: 125px;
  height: 27px;
  border:0 none;
  outline: none;
  line-height: 27px;
  font-family:'Open Sans', Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #3f3f3f;
  padding: 0 5px
}
.searchbox input[type=submit] {
  background: url(images/searchicon.png) center center no-repeat;
  width:24px;
  height: 27px;
  position: absolute;
  top:0px;
  right:0px;
  border: 0 none;
  cursor: pointer;
}
/* ------------------------------------ carousel Area CSS ------------------------------------------------*/
.zs-slideshow-left-arrow {
  background: url(images/zs-slideshow-left-arrow.png) left top no-repeat;
  cursor: pointer;
  height: 55px;
  left:0px;
  margin-top: -28px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 500ms ease 0s;
  -webkit-transition: opacity 500ms ease 0s;
  -moz-transition: opacity 500ms ease 0s;
  -o-transition: opacity 500ms ease 0s;
  width: 28px;
  z-index: 150;
}
.zs-slideshow-right-arrow {
  background: url(images/zs-slideshow-right-arrow.png) left top no-repeat;
  cursor: pointer;
  height: 55px;
  right:0px;
  margin-top: -28px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 500ms ease 0s;
  -webkit-transition: opacity 500ms ease 0s;
  -moz-transition: opacity 500ms ease 0s;
  -o-transition: opacity 500ms ease 0s;
  width:28px;
  z-index: 150;
  left: auto;
}
.themeSlideshowOuterContainer {
  bottom:3px;
  opacity: 0;
  position: absolute;
  transition: opacity 500ms ease 0s;
  z-index: 150;
}
.themeSlideshowInnerContainer {
  background: transparent;
  border-radius: 0;
  padding: 0px 10px 10px;
  float: right;
}
.zs-slideshow-control-active {
  background: url(images/zs-slideshow-control-active.png) no-repeat left top;
  cursor: pointer;
  display: inline-block;
  height: 13px;
  margin: 0 0 0 7px;
  width: 13px;
}
.zs-slideshow-control {
  background: url(images/zs-slideshow-control.png) no-repeat left top;
  cursor: pointer;
  display: inline-block;
  height: 13px;
  margin: 0 0 0 5px;
  width: 13px;
}
/*-----------------------------------       Higlight Container     -----------------------------------------------*/
.zs-highlight-box {
 background-color: $BodyHighlightBoxBGColor[#b4b0e3];
 background-image: $BodyHighlightBoxBGImage[none];
 background-image: $BodyHighlightBoxBGImage[none], -moz-linear-gradient($BodyHighlightBoxGradientDirection[bottom], $BodyHighlightBoxGradientStartColor[transparent], $BodyHighlightBoxGradientEndColor[transparent]);
 background-image: $BodyHighlightBoxBGImage[none], -webkit-linear-gradient($BodyHighlightBoxGradientDirection[bottom], $BodyHighlightBoxGradientStartColor[transparent], $BodyHighlightBoxGradientEndColor[transparent]);
 background-image: $BodyHighlightBoxBGImage[none], -o-linear-gradient($BodyHighlightBoxGradientDirection[bottom], $BodyHighlightBoxGradientStartColor[transparent], $BodyHighlightBoxGradientEndColor[transparent]);
 background-position: $BodyHighlightBoxBGPosition[top left];
 background-repeat: $BodyHighlightBoxBGRepeat[no-repeat];
 box-shadow: $BodyHighlightBoxOuterXaxis[0px] $BodyHighlightBoxOuterYaxis[0px] $BodyHighlightBoxOuterBlur[5px] $BodyHighlightBoxOuterSpread[0px] $BodyHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $BodyHighlightBoxInnerXaxis[0px] $BodyHighlightBoxInnerYaxis[0px] $BodyHighlightBoxInnerBlur[0px] $BodyHighlightBoxInnerSpread[4px] $BodyHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -moz-box-shadow: $BodyHighlightBoxOuterXaxis[0px] $BodyHighlightBoxOuterYaxis[0px] $BodyHighlightBoxOuterBlur[5px] $BodyHighlightBoxOuterSpread[0px] $BodyHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $BodyHighlightBoxInnerXaxis[0px] $BodyHighlightBoxInnerYaxis[0px] $BodyHighlightBoxInnerBlur[0px] $BodyHighlightBoxInnerSpread[4px] $BodyHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -webkit-box-shadow: $BodyHighlightBoxOuterXaxis[0px] $BodyHighlightBoxOuterYaxis[0px] $BodyHighlightBoxOuterBlur[5px] $BodyHighlightBoxOuterSpread[0px] $BodyHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $BodyHighlightBoxInnerXaxis[0px] $BodyHighlightBoxInnerYaxis[0px] $BodyHighlightBoxInnerBlur[0px] $BodyHighlightBoxInnerSpread[4px] $BodyHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 -o-box-shadow: $BodyHighlightBoxOuterXaxis[0px] $BodyHighlightBoxOuterYaxis[0px] $BodyHighlightBoxOuterBlur[5px] $BodyHighlightBoxOuterSpread[0px] $BodyHighlightBoxOuterShadowColorColor[rgba(0, 0, 0, 0.11)], $BodyHighlightBoxInnerXaxis[0px] $BodyHighlightBoxInnerYaxis[0px] $BodyHighlightBoxInnerBlur[0px] $BodyHighlightBoxInnerSpread[4px] $BodyHighlightBoxInnerShadowColorColor[rgba(0, 0, 0, 0.12)] inset;
 border-width: $BodyHighlightBoxBorderWidth[1px];
 border-style:$BodyHighlightBoxBorderStyle[solid];
 border-color:$BodyHighlightBoxBorderColor[#dedede];
 border-radius: $BodyHighlightBoxBorderRadius[0];
 -moz-border-radius:$BodyHighlightBoxBorderRadius[0];
 -webkit-border-radius:$BodyHighlightBoxBorderRadius[0];
 -o-border-radius:$BodyHighlightBoxBorderRadius[0];
 padding: $BodyHighlightBoxInnerSpace[10px];
 margin: $BodyHighlightBoxOuterSpace[10px];
    min-height: 100px;
font-family:$BodyHighlightBoxFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$BodyHighlightBoxFontSize[13px];
 color:$BodyHighlightBoxTextColor[#725997];
}
.zs-highlight-box h1 {
font-family:$BodyHighlightBoxH1FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyHighlightBoxH1FontSize[28px];
color:$BodyHighlightBoxH1TextColor[#B0F69E];
}
.zs-highlight-box h2 {
font-family:$BodyHighlightBoxH2FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyHighlightBoxH2FontSize[24px];
color:$BodyHighlightBoxH2TextColor[#B0F69E];
}
.zs-highlight-box h3 {
font-family:$BodyHighlightBoxH3FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyHighlightBoxH3FontSize[22px];
color:$BodyHighlightBoxH3TextColor[#B0F69E];
}
.zs-highlight-box h4 {
font-family:$BodyHighlightBoxH4FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyHighlightBoxH4FontSize[20px];
color:$BodyHighlightBoxH4TextColor[#B0F69E];
}
.zs-highlight-box h5 {
font-family:$BodyHighlightBoxH5FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyHighlightBoxH5FontSize[18px];
color:$BodyHighlightBoxH5TextColor[#B0F69E];
}
.zs-highlight-box h6 {
font-family:$BodyHighlightBoxH6FontFamily['Lato', Verdana, Geneva, sans-serif];
font-size:$BodyHighlightBoxH6FontSize[16px];
color:$BodyHighlightBoxH6TextColor[#B0F69E];
}
.zs-highlight-box a {
 color:$BodyHighlightBoxAColor[#B0F69E];
 text-decoration:$BodyHighlightBoxATextDecoration[none];
}
.zs-highlight-box a:hover {
 text-decoration:$BodyHighlightBoxAHoverTextDecoration[none];
 color:$BodyHighlightBoxAHoverColor[#B0F69E];
}
.zs-highlight-box hr {
    border-top-color:#A690C7;
}
.zs-highlight-box th {
 font-family:$BodyHighlightBoxTHFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$BodyHighlightBoxTHFontSize[14px];
 color:$BodyHighlightBoxTHTextColor[#4f4f6a];
 background:$BodyHighlightBoxTHBGColor[#CAC6F5];
 border-width:$BodyHighlightBoxTHBorderWidth[1px];
 border-style:$BodyHighlightBoxTHBorderStyle[solid];
 border-color:$BodyHighlightBoxTHBorderColor[#b4b0e3];
 padding:$BodyHighlightBoxTHCellSpaceing[8px];
 font-weight:normal;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
  -o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.64);
}
.zs-highlight-box td {
 font-family:$BodyHighlightBoxTDFontFamily['Open Sans', Verdana, Geneva, sans-serif];
 font-size:$BodyHighlightBoxTDFontSize[14px];
 color:$BodyHighlightBoxTDTextColor[#595a5b];
 background:$BodyHighlightBoxTDBGColor[#ffffff];
 border-width:$BodyHighlightBoxTDBorderWidth[1px];
 border-style:$BodyHighlightBoxTDBorderStyle[solid];
 border-color:$BodyHighlightBoxTDBorderColor[#dbdbdb];
 padding:$BodyHighlightBoxTDCellSpaceing[8px];
}
.zs-highlight-box form li span input[type=text], .zs-highlight-box form li span textarea, .zs-highlight-box form li span select {
background: #C3C0E9;
border-bottom: 1px solid #A6A1DD;
color:#725997;
}
/*----------------------------------- Highlight Text Css  -----------------------------------------------*/
.zs-text-light-color {
color:$BodyTextLightColor[#C4C4C4]
}
.zs-text-highlight-color {
color:$BodyTextHighlightColor[#282C2D]
}
.zs-highlight-box .zs-text-light-color {
color:$BodyHighlightBoxTextLightColor[#C4C4C4]
}
.zs-highlight-box .zs-text-highlight-color {
color:$BodyHighlightBoxTextHighlightColor[#B0F69E]
}
/***************************** START: SOCIAL ICONS SPRITE *****************************/
.themeSocialIconContainer {
  position:relative;
}
.themeSocialiconArea {
  position:absolute;
  top:100px;
  right:-30px;
}
.zs-socialicon-email,.zs-socialicon-facebook,.zs-socialicon-flickr,.zs-socialicon-googleplus,.zs-socialicon-linkedin,.zs-socialicon-pinterest,.zs-socialicon-rss,.zs-socialicon-twitter,.zs-socialicon-youtube {
    background:url('images/zs-socialicon-sprite.png') no-repeat top left; width:30px; height:30px; display:block;
}
.zs-socialicon-email {
    background-position:0 -0px;
}
.zs-socialicon-facebook {
    background-position:0 -30px;
}
.zs-socialicon-flickr {
    background-position:0 -60px;
}
.zs-socialicon-googleplus {
    background-position:0 -90px;
}
.zs-socialicon-linkedin {
    background-position:0 -120px;
}
.zs-socialicon-pinterest {
    background-position:0 -150px;
}
.zs-socialicon-rss {
    background-position:0 -180px;
}
.zs-socialicon-twitter {
    background-position:0 -210px;
}
.zs-socialicon-youtube {
    background-position:0 -240px;
}
/*****************************   END: SOCIAL ICONS SPRITE *****************************/
/*THEME TABS ACCORDION AREA CSS */
.zs-tabs ul {
list-style: none;
float: left;
padding: 0px;
width: 100%;
margin: 0;
border-bottom: 1px solid #e6e5e5;
border-left: 1px solid #e6e5e5;
}
.zs-tabs ul li {
margin: 0px;
float: left;
padding: 0px;
}
.zs-tabs ul li div {
background: #F3F3F3;
padding: 0 25px;
font-size: 14px;
color: #777777;
position: relative;
margin: 0 0 -1px;
line-height:3;
#height:40px;
display: block;
cursor: pointer;
border-right: 1px solid #e6e5e5;
border-top: 1px solid #e6e5e5;
border-bottom: 1px solid #e6e5e5;
}
.zs-tabs ul li:hover div {
background: #000;
color: #ffffff;
}
.zs-tabs ul li.selected div {
background: #ffffff;
color: #F05959;
border-bottom: 1px solid #ffffff;
}
.zs-tabs-accordion-content {
clear:both;
border: 1px solid #E8E8E8;
padding: 15px;
display: none;
color: #777777;
border-top: 0px;
background: #FFFFFF;
margin-bottom:3px;
min-height:70px;
height:auto !important;
height:70px; 
}
.zs-accordion {
background: #F3F3F3;
color: #777777;
padding: 12px 10px;
cursor: pointer;
border: 1px solid #E8E8E8;
margin-bottom: 2px;
display: none;
}
.zs-accordion.selected {
background: #F05959;
color: #FFFFFF;
border: 0px;
margin-bottom: 0;
}

/*THEME SIDEBAR TABS ACCORDION AREA CSS */
#sidebar-container .zs-tabs ul {
    list-style: none;
    float: left;
    padding: 0px;
    width: 100%;
    margin: 0;
    display:none;
    border-bottom: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
}
#sidebar-container .zs-tabs ul li {
    margin: 0px;
    float: left;
    padding: 0px;
}
#sidebar-container #sidebar-container .zs-tabs ul li div {
    background: #F3F3F3;
    padding: 0 25px;
    font-size: 14px;
    color: #777777;
    position: relative;
    margin: 0 0 -1px;
    line-height:3;
    #height:40px;
    display: block;
    cursor: pointer;
    border-right: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
}
#sidebar-container .zs-tabs ul li:hover div {
    background: #F05959;
    color: #ffffff;
}
#sidebar-container .zs-tabs ul li.selected div {
    background: #ffffff;
    color: #F05959;
    border-bottom: 1px solid #ffffff;
}
#sidebar-container .zs-tabs-accordion-content {
    clear:both;
    border: 1px solid #E8E8E8;
    padding: 15px;
    display: none;
    color: #777777;
    border-top: 0px;
    background: #FFFFFF;
    margin-bottom:3px;
    min-height:70px;
    height:auto !important;
    height:70px;
}
#sidebar-container .zs-accordion {
    background: #F3F3F3;
    color: #777777;
    padding: 12px 10px;
    cursor: pointer;
    border: 1px solid #E8E8E8;
    margin-bottom: 2px;
    display:block;
}
#sidebar-container .zs-accordion.selected {
    background: #F05959;
    color: #FFFFFF;
    border: 0px;
    margin-bottom: 0;
}


/*THEME FOOTER TABS ACCORDION AREA CSS */
#footer-container .zs-tabs ul {
list-style: none;
float: left;
padding: 0px;
width: 100%;
margin: 0;
border-bottom: 1px solid #e6e5e5;
border-left: 1px solid #e6e5e5;
}
#footer-container .zs-tabs ul li {
margin: 0px;
float: left;
padding: 0px;
}
#footer-container .zs-tabs ul li div {
background: #F3F3F3;
padding: 0 25px;
font-size: 14px;
color: #777777;
position: relative;
margin: 0 0 -1px;
line-height:3;
#height:40px;
display: block;
cursor: pointer;
border-right: 1px solid #e6e5e5;
border-top: 1px solid #e6e5e5;
border-bottom: 1px solid #e6e5e5;
}
#footer-container .zs-tabs ul li:hover div {
background: #000;
color: #ffffff;
}
#footer-container .zs-tabs ul li.selected div {
background: #ffffff;
color: #F05959;
border-bottom: 1px solid #ffffff;
}
#footer-container .zs-tabs-accordion-content {
clear:both;
border: 1px solid #E8E8E8;
padding: 15px;
display: none;
color: #777777;
border-top: 0px;
background: #FFFFFF;
margin-bottom:3px;
min-height:70px;
height:auto !important;
height:70px; 
}
#footer-container .zs-accordion {
background: #F3F3F3;
color: #777777;
padding: 12px 10px;
cursor: pointer;
border: 1px solid #E8E8E8;
margin-bottom: 2px;
display: none;
}
#footer-container .zs-accordion.selected {
background: #F05959;
color: #FFFFFF;
border: 0px;
margin-bottom: 0;
}


.newsletter-container {
  background: $NewsletterBGColor[transparent];
  padding: 10px
}
h3.newsletter-heading {
  margin-bottom: 10px;
font-family: $NewsletterHeadingFontFamily[inherit];
font-size: $NewsletterHeadingFontSize[22px];
color: $NewsletterHeadingColor[inherit];
}
.newsletter-desc {
  margin-bottom: 25px;
font-family: $NewsletterDescFontFamily[inherit];
font-size: $NewsletterDescFontSize[inherit];
color: $NewsletterDescColor[inherit];
}
.newsletter-input-field, .zs-highlight-box .newsletter-input-field, #sidebar-container .newsletter-input-field, #sidebar-container .zs-highlight-box .newsletter-input-field, #footer-container .zs-highlight-box .newsletter-input-field, .zs-tabs-accordion-content .newsletter-input-field, #footer-container .newsletter-input-field {
background: $NewsletterInputBGColor[#ffffff];
border-width: $NewsletterInputBorderWidth[1px];
border-color: $NewsletterInputBorderColor[#dddddd];
color:$NewsletterInputColor[#666666];
font-family: $NewsletterInputFontFamily[inherit];
font-size: $NewsletterInputFontSize[inherit];
  border-style: solid;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-right: 5px;
  width: 200px;
  padding: 10px 5px;
}
button.newsletter-button, .zs-highlight-box button.newsletter-button, #sidebar-container .zs-highlight-box button.newsletter-button, #footer-container .zs-highlight-box button.newsletter-button, #footer-container button.newsletter-button, #footer-container .zs-tabs-accordion-content button.newsletter-button {
background: $NewsletterButtonBGColor[#F2C71C];
background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background: -o-linear-gradient(top, #ffffff, #f2f2f2);
background: -s-linear-gradient(top, #ffffff, #f2f2f2);
border-width: $NewsletterButtonBorderWidth[1px];
border-color: $NewsletterButtonBorderColor[#D5D5D5];
color:$NewsletterButtonColor[#333333];
font-family: $NewsletterButtonFontFamily[inherit];
font-size: $NewsletterButtonFontSize[inherit];
border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
  text-shadow:1px 1px 0 #ffffff;
  border-style: solid;
  cursor: pointer;
  padding: 10px 15px;
  box-sizing: border-box;
  margin-right: 0;
  margin:0px;
}
.newsletter-layout-1 .newsletter-form, .newsletter-layout-2 .newsletter-form {
  margin: 0 auto;
  text-align: center;
}
.newsletter-layout-3 .newsletter-form {
  width: 200px;
  margin: 0 auto;
  text-align: right;
}
.newsletter-layout-3 button {
  text-align: right;
}

#sidebar-container .newsletter-container {
  padding: 5px
}
#sidebar-container .newsletter-input-field {
  width:150px;
}
#sidebar-container .newsletter-layout-3 .newsletter-form {
  width:150px;
}

#sidebar-container .zs-highlight-box .newsletter-input-field, #sidebar-container .zs-tabs-accordion-content .newsletter-input-field {
  width:120px;
}

#sidebar-container .zs-highlight-box .newsletter-layout-3 .newsletter-form, #sidebar-container .zs-tabs-accordion-content .newsletter-layout-3 .newsletter-form {
  width:120px;
}

.newsletter-form input[type="text"]::-moz-placeholder {
   color: green;
  font-size:85%;
  line-height:normal;
}
.newsletter-form  input[type="text"]::-webkit-input-placeholder{
   color: green;
  font-size:85%;
  line-height:normal;
}

.newsletter-form  input[type="text"]:-ms-input-placeholder {
   color: green;
  font-size:85%;
  line-height:normal;
}

.zphero-boxed {
    /* updated 20200728 */
    background-color: #ffffff;
    max-height: 100px;
    max-width: 1010px;
    visibility: visible;
    display: block;
    padding: 0px;
}

.zphero {
    max-height: 263px !important;
    visibility: hidden;
}

.zpapply-height {
    /* max-height: 263px !important; */
}

.theme-banner {
    /* updated 20200728 */
    /* this can override zphero-boxed */
    /* background-color: red; */
    max-height: 263px;
    max-width: 1020px;
    visibility: visible;
    display: block;
}

.theme-content-area {
    /* updated 20200728 */
    /* this is used several times on the page */
    /* around the hero image and then the whole page */
    /* this goes wall to wall */
    background-color: #ededed;
    /* display: block; */
    /* width: 1500px; */
}

.theme-content-container {
    /* updated 20200728 */
    background-color: #ffffff;
    max-width: 1000px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.hero-container {
    /* updated 20200728 */
    /* background-color: red; */
    max-height: 263px !important;
    max-width: 960px;
    visibility: visible;
    display: block;
}

.zpslider-img {
    /* updated 20200728 */
    /* background-color: red; */
    max-height: 263;
    max-width: 960px;
    visibility: visible;
    display: block;
}



.zpcontainer {
    /* updated 20200728 */
    /* this is used several times on the page */
    /* around the hero image and then the whole page */
    /* and also around the nav bar */
    /* this leaves space between the rows */
    /* display: none; */
    /* background-color: #ffffff; */
    max-width: 1000px !important;
}

.zprow {
    /* updated 20200728 */
    /* this leaves space between the rows */
    /* this is also in the footer */
    /* background-color: purple; */
    padding-left: 25px;
}

.zpcol-md-4 {
    /* be careful this affects the meeting schedule widget */
    /* updated 20200728 */
    /* width: 32%; */
}

.zpcontent-container {
    /* updated 20200728 */
    background-color: #ffffff;
}

.theme-header-topbar {
    /* updated 20200728 */
    /* this is the nav bar blue */
    /* stated at style.css */
    /* this stylesheet is customcss */
    /* background: #385e96 */
}

.theme-header-topbar-05 {
    /* updated 20200728 */
    /* in nav bar */
    /* isnt doing anything */
    /* stated at style.css */
}

body {
    /* updated 20200728 */
    background-color: #ededed;
    background: #ededed;
}

.zptab-content {
    /* updated 20200728 */
    background-color: #ffffff;
    background: #ffffff;
}

.zptabelem-inner-container.zptabs-style-01.zptab-type-01 .zptabs-content-container .zptab-content {
    /* updated 20200728 */
    background-color: #ffffff;
    background: #ffffff;
}

.zphero > ul li.zphero-slide .zpslider-img {
    max-width: 960px !important;
    max-height: 263px !important;
}

.zphero {
    /* width: 960px !important; */
    /* height: 263px !important; */
}

.zphero-slide {
    /* width: 960px !important; */
    /* height: 263px !important; */
}

.zpslider-img {
    /* width: 960px !important; */
    /* height: 263px !important; */
}

.zphero > ul li.zphero-slide {
    width: 100%;
    /* height: 100%; */
    max-height: 263px;
    /* position: relative; */
    position: absolute;
    left: 40px;
    top: 0;
    padding: 0;
    margin: 0;
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.footer-container {
    /* updated 20200728 */
    background-color: #8b8b8b;
    max-width: 1000px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.theme-footer-area {
    /* updated 20200728 */
    background-color: #ededed;
}

.ht_master .wtHolder {
    	width: 100%;
}

.zpsnippet-container {
    /* this appears on contributions page and also face to face meetings page */
    /* styling them both will cause problems */
    /* style them separately by data element id attribute */
    /* as seen below */
}

div[data-element-id="elm_VVym0SN2T5Kxu1wLRLYA_A"] {
    /* this is the paypal logo button */
    /* or any other item with the same data element id */
    width: 400px;
}

div[data-element-id="elm_qojT_q7tTz2pjsVmSjSQPA"] {
    /* this is the paypal logo button on the Publications page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_Ad_LHae9TkqUtVV0jDDnTA"] {
    /* this is the paypal logo button on the Dansk language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_V5eLYGsKRniDEt7kzdP0rA"] {
    /* this is the paypal logo button on the Deutsch language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_fOZtXVChSp6y83ZHkmHHdA"] {
    /* this is the paypal logo button on the Espanol language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_tjbdaZ3TQRW7ooWfNKqFNg"] {
    /* this is the paypal logo button on the Farsi language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_LdnTr5GrSmKrCWqSV133PA"] {
    /* this is the paypal logo button on the Francais language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_47jYhG3KQ4SuhnhAZ8PkJg"] {
    /* this is the paypal logo button on the Greek language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_mQ2tczQVSSiDxOriG2rBBA"] {
    /* this is the paypal logo button on the Italiano language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_JyWw2309Q3-3LX4Xnfy6NQ"] {
    /* this is the paypal logo button on the Japanese language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_dxqrMJAkTH6_9ariyNmYYg"] {
    /* this is the paypal logo button on the latviešu-valoda language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_u4DQ47ARRyeX5XIcrWFv3Q"] {
    /* this is the paypal logo button on the Magyar language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_xLVzyUcMSCequt4ANB3UnQ"] {
    /* this is the paypal logo button on the Polski language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_4HDt5GdIQliTKoMbrtFX-w"] {
    /* this is the paypal logo button on the Portugues language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_skCpnCvyTG2KLEp3TPniVA"] {
    /* this is the paypal logo button on the Brasil language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_5XimgYM9Tf2OGPSy9QD9gA"] {
    /* this is the paypal logo button on the Russian language page*/
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_bhXsJdWKRo-I_8lKet_LVQ"] {
    /* this is the paypal logo button on the Suomi language page */
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_82Y4BwIzQbeaBLfnOcEPdQ"] {
    /* this is the paypal logo button on the Svenska language page */
    /* or any other item with the same data element id */
    width: 147px !important;
}

div[data-element-id="elm_X1cBSlTxSeanCqu9uPaalg"] {
    /* this is the paypal logo button on the Our Promises page */
    /* or any other item with the same data element id */
    width: 147px !important;
}











div[data-element-id="elm_GJ8dk_EuSxO1Xw7tInuPmQ"] {
    /* this is the face to face meetings widget */
    /* or any other item with the same data element id */
    width: 147px;
}

div[data-element-id="elm__t_2DyHUReGAQem7BrroSg"] {
    /* this is the left hand copyright statement on the basics page */
    /* or any other item with the same data element id */
    width: 431px !important;
    overflow-wrap: normal !important;
    height: 305px !important;
    word-wrap: break-word !important;
    display: block !important;
}

div[data-element-id="elm_HDc8UiCpSHyQ7egbmhiIlA"] {
    /* this is the language box on the home page */
    /* or any other item with the same data element id */
    width: 60% !important;
    /* display: block !important; */
}

div[data-element-id="elm_GiiEdHH-TvyE-Tx-PCveww"] {
    /* this is the translate box on the home page */
    /* or any other item with the same data element id */
    width: 40% !important;
    /* display: block !important; */
}

div[data-element-id="elm_cxz4ZvtISKiO4_7NlTM3EQ"] {
    /* this is an unwanted gap on the Find A Meeting page */
    /* or any other item with the same data element id */
    /* it is below the paragraphs but above the footer */
    display: none !important;
    /* display: block !important; */
}

div[data-element-id="elm_sMzUkKvAQfueeq32-Hp9GA"] {
    /* this is the officers grid on the Contacts page */
    /* or any other item with the same data element id */
    color: #000000 !important;
}

a[title=" Add/Update/Delete meeting info"] {
    /* this is a hyperlink on the Find A Meeting page */
    /* or any other item with the same title attribute */
    text-decoration: underline !important;
    /* display: block !important; */
}

.zptext {
    /* careful this is for multiple columns on the Basics page */
}

.zpimage-with-text-container.zpimage-align-left figure img {
    /* globe image on Publications page */
    /* width: 86px !important; */
}

.primary_theme  primary_sidebar_theme zc-page-perma zc-bg-page-perma {
	/* this is the meeting results box on the Face To Face Meetings page */
	/* width: 100% !important; */
}

div[data-element-id="elm_VVym0SN2T5Kxu1wLRLYA_A"] {
    /* this is the meeting results box on the Face To Face Meetings page */
    /* or any other item with the same data element id */
    width: 100% !important;
}

div[data-element-id="elm_0kq52s-LSqCg1aiA0nwK-w"] {
    /* this is the box around both columns of the Basics Steps and Traditions page */
    /* or any other item with the same data element id */
    color: #000000 !important;
}

div[data-element-id="elm_HmP8sg99SNCvGjcDhb0q_g"] {
    /* this is the box around the literature sale on the home page */
    /* or any other item with the same data element id */
    color: #000000 !important;
}

div[data-element-id="elm_KIJIDPTIS9Oe5ONPzDI_kg"] {
    /* this was the box around the translate instructions on the home page */
    /* this section was removed from homepage on 20210421 */
    /* the bullets and numbers were white on white inherited from the body */
    color: #000000 !important;
}

@media all and (max-width: 922px) {
    .zphero-boxed {
    	/* updated 20200728 */
    	background-color: #ffffff;
    	height: 25vw !important;
    	max-width: 90vw !important;
    	visibility: visible;
    	display: block;
    	padding: 0px;
	}
    
    .zphero {
    	max-height: 263px !important;
    	visibility: visible;
    	overflow: visible;
        background-color: #ededed !important;
	}
    
    .theme-banner {
    	/* updated 20200728 */
    	/* this can override zphero-boxed */
    	/* background-color: red; */
    	/* height: 300px !important; */
    	max-width: 90vw !important;
    	visibility: visible;
    	display: block;
	}
    .theme-content-container {
    	/* updated 20200728 */
    	background-color: #ffffff;
    	max-width: 90vw !important;
    	display: block;
    	margin-right: auto;
    	margin-left: auto;
	}

	.hero-container {
    	/* updated 20200728 */
    	/* background-color: red; */
    	max-height: 263px !important;
    	max-width: 90vw;
    	visibility: visible;
    	display: block;
        position: relative !important;
        top: 0px;
        left: 0px;
	}
    
    .zpslider-img {
    	/* updated 20200728 */
    	/* background-color: red; */
    	max-height: 263px !important;
    	max-width: 90vw !important;
    	visibility: visible;
    	display: block;
	}

	.zpcontainer {
    	/* updated 20200728 */
    	/* this is used several times on the page */
    	/* around the hero image and then the whole page */
    	/* and also around the nav bar */
    	/* this leaves space between the rows */
    	/* display: none; */
    	/* background-color: #ffffff; */
    	max-width: 90vw !important;
	}

	.zprow {
    	/* updated 20200728 */
    	/* this leaves space between the rows */
    	/* this is also in the footer */
    	/* background-color: purple; */
    	padding-left: 0px !important;
	}
    
    .zphero > ul li.zphero-slide .zpslider-img {
    	max-width: 90vw !important;
    	/* max-height: 50px !important; */
	}
    
    .zphero > ul li.zphero-slide {
    	width: 100%;
    	/* height: 100%; */
    	max-height: 100px !important;
    	/* position: relative; */
        display: block;
    	position: absolute !important;
    	left: 5vw !important; */
    	top: 0px !important; */
    	padding: 0;
    	margin-left: 0;
    	/* margin-left: auto; */
    	/* margin-right: auto; */
	}
    
    .zphero > ul li.zphero-slide .zpslider-img {
        height: 25vw !important;
    }
    
    .footer-container {
    	/* updated 20200728 */
    	background-color: #8b8b8b !important;
    	max-width: 1000px;
    	display: block;
    	margin-right: auto;
    	margin-left: auto;
	}
    
	.theme-footer-area {
    	/* updated 20200728 */
    	background-color: #ededed !important;
	}
    
    .ht_master .wtHolder {
    	width: 100%;
	}
    
}

​