/**

Theme Name: ACCB: V50 - Nov 2020

Theme Description: Uploaded 11/14/20. (10/25/26)

*/


/*
Theme Name: 
Theme URI: http://salespresence.net
Author: SalesPresence Incorporated
Author URI: http://salespresence.net
Description: Uploaded 11/14/20
Version: 50.0
License: N / A
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: 

*/


#bitnami-banner {display:none;}



/*
How to Create a WordPress Theme Thumbnail Image
Creating the thumbnail is easy: create a PNG image that's 880 pixels wide x 660 pixels tall that shows a screenshot of your theme in action. Save that image as screenshot.png in your theme's directory, and it will show up in the WordPress Dashboard.
*/


/* Your theme's stylesheet must contain a commented-out header with the theme's name: Theme Name: nameoftheme */

/* This CSS file sets the basic looks of your theme. These lines set the background of the page and surround the main parts of your site with borders as per your need. */


/* ACC BUSINESS COLORS */
/*
ACC TEAL #00789D
ACC GREEN #3C8A2E
ACC LIGHT #ORANGE #FCB314
ACC ORANGE #FF7200
ACC LT BLLUE #99BFC2
ACC LT TEAL #00B0CA
ACC LT GREEN #A2AD00
ACC GREY #808080
*/




/* MENU ax01 - FULL SCREEN TOP MENU - BEGIN */
/*
[] ax01UnOrdList <ul>
[] ax01dropdownTopicButton <li>
[] ax01ListItem <li>
[] ax01LargeScrnDropMenu <div>
[] ax01MenuButtn <li>
[] ax01DropdownHead <a>
[] ax01DrDnLink <a>
[] singleColumnHide <div>



DIV LIST 

<div class="ax05MobButtonBox">
<div class="ax22prodAndSrvHeadMobileText">Products and Services</div>
<div id="ax15MobFindBox" class="ax15findPanel largeScreenNone transAnim dropShadow">


<!-- ========| ax06 - POP-OVER BEGIN |========== -->

<div id="myNav" class="popOverMenu largeScreenNone" >
  <div class="popOverMenu-content" >

<div class="ax01pageHeaderMenuBox">
<div class="ax01LargeScrnDropMenu">

<div style="clear: both;"></div>

<div class="ax07threeColCenteringBox">


<div class="pageLeftPanel">
<div class="pageCenterMainContentPanel">

<div class="ax17head">


<div class="pageRightPanel">

<div style="clear: both;"></div>
<div style="text-align:center;">

<div style="display:block; text-align:center; ">

TABLES

<table id="ax15SearchSpacerTable" class="showOff" width="100%" border=0px>
<table width="100%" border="0px" id="ax15TextInputTable">
<table width="100%" border="0px" id="ax40globalPageCenteringTable">
<table border="0px" class="globalOuterBorderProdPages">
<table border="0px" class="singleColumnNone pageHeaderTable">

<table class="ax19leftBox">
<table class="ax18rightBox">
<table class="ax19footerTable">



*/










/*@charset "UTF-8";*/

table_X {
border: 0px blue; 
border-style:dashed;
}


table_X tr td {
border: 0px orange; 
border-style:dashed;
}

p_X {
border: 0px pink; 
border-style:dashed;
}


div {
border: 0px #FCB314; 
border-style:dashed;
}


li_X {
border: 0px green; 
border-style:dashed;
}

.ax40globalPageCenteringTable {
width:100%;
max-width: 1100px !important;
border: 0px pink; 
border-style:dashed;
margin-left: auto;
margin-right: auto;
}


/* <table> */
.globalOuterBorderProdPages {
width:100%;
max-width: 1100px !important;
table-layout: fixed; 
border: 0px lightblue; 
border-style:dashed;

margin-left: auto;
margin-right: auto;

/*
display: flex; 
flex-direction: initial; 
flex-wrap: wrap; 
justify-content: center; 
align-items: top;
*/
}




.globalOuterBorderHomePage {
max-width: 1200px;
width:100%;
border: 0px lightblue; 
border-style:dashed;

margin-left: auto;
margin-right: auto;

/*
display: flex; 
flex-direction: initial; 
flex-wrap: wrap; 
justify-content: center; 
align-items: top;
*/
}

/* converted via: */
/* https://everythingfonts.com/otf-to-woff */

@font-face {
font-family: OmnesATTLight;
src: url("fonts/OmnesATT-Light.woff") format("opentype");
}



@font-face {
font-family: OmnesATTRegular;
src: url("fonts/OmnesATT-Regular.woff");
}

@font-face {
font-family: OmnesATTMedium;
src: url("fonts/OmnesATT-Medium.woff");
}

@font-face {
font-family: LucidaGrande;
src: url("fonts/LucidaGrande.ttc");
}

/* BASE FONT SIZE FOR DESK TOP VIEW */
body {
font-size:15px;
line-height: 22px;
font-family: OmnesATTRegular, Arial, sans-serif!important;
text-align:left;
margin-right:auto;
}



/* ax02 CENTER - MAIN CONTENT PANEL - BEGIN */

.headlineFlushRight {
margin-top: 30px;
margin-bottom: 40px;
margin-right: 10px;
font-size:3.2em;
line-height: .9em;
color:#00789d;
text-align:right;
font-family: OmnesATTLight, Arial, sans-serif!important;
letter-spacing: -2px;
display: block;

}







/* ax02 CENTER - MAIN CONTENT PANEL - END */



@media only screen and (max-width:600px) {
.headlineFlushRight {
margin-top:100px;
margin-bottom: 100px;
padding:15px 0px;
font-size:2.8em !important;}

.ax18rightBox { width: 89%!important; margin-left:20px;}

}

@media only screen and (max-width:800px) and (min-width: 600px)  {

.headlineFlushRight {
				margin-left: 30%;
				margin-top:40px;
				margin-bottom: 40px; }
}

@media only screen and (max-width:4000px) and (min-width: 800px)  {

.headlineFlushRight {
				margin-left: 50%;
				margin-top:0px;
				margin-bottom: 40px; }



.largeScreenHide {
				visibility: hidden !important; }

.largeScreenNone {
				display: none !important; }
}


/* ==================| MED SCREEN - START  =========================*/
@media only screen and (max-width: 1090px) {
/* REDUCES TOP MENU FONT AT REDUCED SCREEN WIDTH  */

.ax01DrDnLink {
font-size:11px !important; padding: 5px 5px !important;  }

.ax01MenuButtn {
font-size:11px !important; padding: 0px 5px !important;  }

body {
/* ADJUSTS TO MAKE ROOM FOR LOGO */
	background-position: 0% 60px;  }

} /* END -  max-width: 1090px */

/* ==================| MED SCREEN - END  =========================*/


/* ========| SMALL - SCREENS 0 TO 799 pixels wide - BEGIN ========*/
@media only screen and (max-width: 799px) { 
/*@media only screen and (max-width: 690px) {*/


body {
/* HIDE PAGE BKGND (WHITE ARC) WHEN SCREEN NARROWS */
background-image: none; }

.headerLogo {
	margin-top: 25px;
	float: right !important; }


.singleColumnHide {
	visibility: hidden !important; }

.singleColumnNone {
	display: none !important; }


} /* END - @media max-width: 799px */



@media only screen and (max-width: 600px) { 
body, p {
font-size:17px !important; }

}
/* ==================| SMALL - SCREENS 0 TO 799 pixels wide - END =========================*/
/* ==================| SMALL SCREEN - END =========================*/
















/* ax04 ALL PAGES FOOTER - BEGIN */
/* ax04 ALL PAGES FOOTER - BEGIN */

.ax04Ftr {
text-decoration:none;
font-size:.9em !important; 
line-height: .6em !important; 
color:#00B0CA;
white-space: nowrap
} 

.ax04Ftr:hover {
color:#00789D; 
text-decoration:underline;
}

.ax04FtrBars {
font-size:.9em !important; 
line-height: .6em !important; 
color:#00789D; 
}
    
/* ax04 ALL PAGES FOOTER - END */
/* ax04 ALL PAGES FOOTER - END */







/* ax05 - MOBILE MENU STYLES - BEGIN */
/* ax05 - MOBILE MENU STYLES - BEGIN */

.dropShadow {
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
}

.ax05MenuButtn {
margin: 0px 5px;
}

.ax05MobButtonBox {
text-align:right;
margin-right:14px;
margin-top:6px;
padding-top:2px;
padding-bottom:2px;
}

.ax05FixedNavbarTopForMobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    background-color: #00789d;
   z-index:14;
height:46px;
}


.ax05colTurq {background: linear-gradient(to left, #00789D, #00B0CA);}

.ax05colGreen {background: linear-gradient(to left, #3C8A2E, #A2AD00);}

.ax05colOrange {background: linear-gradient(to left, #FF7200, #FCB314);}



/* ax05 - MOBILE MENU STYLES - END */
/* ax05 - MOBILE MENU STYLES - END */




/* ========| ax06 - POP-OVER BEGIN |========== */
/* ========| ax06 - POP-OVER BEGIN |========== */
.pListIt {
list-style-type: none;
margin-left:-40px;
display: block !important;
line-height:1.2em;
} 

.pCatButt {
color: white; 
background-color: #00789d; 
padding-top: 3px;
padding-left:10px; 
display: block; 
text-align: left; 
text-decoration: none;
box-sizing: border-box;
line-height:1.2em;
}

.pGreyTitle {
display: block;
font: "OmnesATTRegular", Arial, sans-serif !important;
color: black;
background-color: rgba(0, 0, 0, 0.04) !important;
padding-left: 23px;
padding-top:6px;
text-decoration: none;
text-align: left;
line-height:1.2em;
}

.pItLnk {
color: #00789d;
text-decoration: none;
display: block;
text-align: left;
/*padding: 6px 6px 6px 0px !important;*/

column-width: 100% !important;
margin-left:-10px;
list-style-type: none !important;
margin:8px;
margin-top: .5em;
line-height:1.2em;
}

.pItLnk:hover {
text-decoration: underline;
}
.pItLnk:before {

content: ' ';
display: inline-block;
background: #00b0ca;
width: 8px;
height: 8px;
margin-right: 7px;
margin-left: -16px;
}
/* ========| ax06 - POP-OVER END |========== */
/* ========| ax06 - POP-OVER END |========== */









/* ax15c - SEARCH STYLES - BEGIN */
.ax15findPanel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #00789d;
    margin:0px;
    padding:0px;
    height: 0px; 
    z-index:12;
    transition: 0.5s;
}
/* ax15c - SEARCH STYLES - BEGIN */



/*   ax06c - POP-OVER MENU STYLES - BEGIN */
/*   ax06 - POP-OVER MENU STYLES - BEGIN */
    

.popOverMenu {
	border: 0px solid red; 
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    /*  background-color: rgba(0,0,0, 0.9); */
    background-color: white;
    /*background-color: rgba(1, 104, 111, 0.89); */
 /*   overflow-y: hidden; */
	overflow-y: auto;
    transition: 0.5s;
}

.popOverMenu-content {
	border: 0px solid blue; 
    position: relative;
    top: 5%;
    width: 100%;
    text-align: left;
    vertical-align: text-top;
    margin-top: 30px;
    padding:0px;
   margin-left:0px;
}

.popOverMenu a:hover, .popOverMenu a:focus {
   /* color: white;*/
}


@media screen and (max-width: 450px) {
    
.popOverMenu {overflow-y: auto;}
  
    
.headlineFlushRight {
		margin-top: 0px;
	}
}
/*   ax06 - POP-OVER MENU STYLES - END */
/*   ax06 - POP-OVER MENU STYLES - END */






/* ax07 -- PAGE THREE COLUMN GRID - BEGIN */

/* The CSS box-sizing property allows us to include the padding and border in an element's total width and height. Without the CSS box-sizing Property
By default, the width and height of an element is calculated like this: width + padding + border = actual width of an element
height + padding + border = actual height of an element. This means: When you set the width/height of an element, the element often appear bigger than you have set (because the element's border and padding are added to the element's specified width/height). */

* {
   box-sizing: border-box; 
}

.ax07threeColCenteringBox tr td { width:100%; }

.ax07threeColCenteringBox {
	overflow:auto;
	width: 100%;
table-layout: fixed; 
max-width:1300px;
	border: 0px solid purple;
border-style: dashed; 

/*	display: flex; 
	flex-direction: initial; 
	flex-wrap: wrap; 
	justify-content: center; 
	align-items: top;
*/
} 


/* COLUMN SIZING FOR HOME PAGE ONLY - BEGIN */
/* COLUMN SIZING FOR HOME PAGE ONLY - BEGIN */
.homePageLeftPanel {
    float:left;
    width:5%;
    border: 0px solid lightblue;
    max-width: 50px;
}

/*.globalOuterBorderProdPages {
max-width: 1000px; */


.homePageLeftPanel a {
    /*
     background-color:#e5e5e5;
     padding:8px;
     margin-top:7px;
     width:100%;
     color:black;
     display:block;
     */
}


.homepageCenterMainContentPanel {
    float:left;
    width:100%;
    border: 0px solid lightgreen;
    max-width: 1200px;
    margin-top:0px;
}

.homePageRightPanel {
    float:right;
    width:5%;
    border: 0px solid lightblue;
    max-width:50px; 
}
/* COLUMN SIZING FOR HOME PAGE ONLY - END */
/* COLUMN SIZING FOR HOME PAGE ONLY - END */


/* COLUMN SIZING FOR ALL OTHER PAGES - BEGIN */
/* COLUMN SIZING FOR ALL OTHER PAGES - BEGIN */

.pageLeftPanel {
    float:left;
    width:20%;
    border: 0px solid lightblue;
    border-style: dashed;
    /*max-width: 250px;*/
}

/*.globalOuterBorderProdPages {
max-width: 1000px; */

.pageLeftPanel a {
    /*
     background-color:#e5e5e5;
     padding:8px;
     margin-top:7px;
     width:100%;
     color:black;
     display:block;
     */
}


.pageCenterMainContentPanel {
    float:left;
    width:58%;
    border: 0px solid lightgreen;
    max-width: 1090px;
    padding-left: 20px;	
    padding-right: 20px;	
    text-align:left;
}

.pageCenterMainContentPanel ul li {
margin-bottom: 1.4em;
}

/* RIGHT PANEL USED ON PRODUCT PAGES FOR FEATURE BOX */
.pageRightPanel {
    float:right;
    width:20%;
    border: 0px solid lightblue;
    border-style: dashed;
   /* max-width: 250px;*/
}



/* COLUMN SIZING FOR ALL OTHER PAGES - END */
/* COLUMN SIZING FOR ALL OTHER PAGES - END */




/* SINGLE COLUMN SCREENS - BEGIN */
/* SINGLE COLUMN SCREENS - BEGIN */


@media only screen and (max-width:670px) and (min-width: 10px) {


.headlineFlushRight {
margin-top: 5px !important;
margin-bottom: -20px !important; }

}

@media only screen and (max-width:620px) and (min-width: 10px) {
body {
font-size:17px !important;
line-height: 24px !important; 
/*background:pink !important; */}


.pageCenterMainContentPanel b p{
font-size:1.31em !important; 

} /* SMALLER SCREENS */


}






.tooltip { font-size:1em; }

/*@media only screen and (max-width:1020px) {*/
/*@media only screen and (max-width:1020px) {*/

@media only screen and (max-width:670px) {
/* HOME PAGE ONLY - For mobile phones - BEGIN */
/* HOME PAGE ONLY - For mobile phones - BEGIN */

/* ENLARGE BODY TEXT ON SCREENS BELOW 620 PIXELS WIDE */

/*background-image: none;*/


.homePageLeftPanel, .homepageCenterMainContentPanel, .homePageRightPanel {
width:100%; }


/* HIDE LEFT PANEL WHEN SCREEN NARROWS */
.homePageLeftPanel {
display: none; }
/* HOME PAGE ONLY - For mobile phones - END */
/* HOME PAGE ONLY - For mobile phones - END */





/* ALL PRODUCT PAGES - For mobile phones - BEGIN */
/* ALL PRODUCT PAGES - For mobile phones - BEGIN */

.pageLeftPanel, .pageCenterMainContentPanel, .pageRightPanel {
        width:100%; }


/* HIDE LEFT PANEL WHEN SCREEN NARROWS */
.pageLeftPanel {
display: none; }

.pageRightPanel, .pageLeftPanel, .homePageLeftPanel,.homePageRightPanel {
/*.globalOuterBorderProdPages {*/
max-width: 1000px !important; }

/* ALL PRODUCT PAGES - For mobile phones - END */
/* ALL PRODUCT PAGES - For mobile phones - END */

/* ax07 -- PAGE THREE COLUMN GRID - END */


}
/* SINGLE COLUMN SCREENS - END */
/* SINGLE COLUMN SCREENS - END */







.ax01pageHeaderMenuBox { /*  */     
background-color: rgba(0,0,0,0.04) !important;
max-width:750px;
width:100%;

border: 0px orange; 
border-style:dashed;

}




/* ax01UnOrdList <ul> */
.ax01UnOrdList {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ax01dropdownTopicButton <li> */
.ax01ListItem .ax01DrDnLink:hover, .ax01dropdownTopicButton:hover .ax01MenuButtn {
    color: white !important;
    background-color: #00789d !important;
}

.ax01ListItem.ax01dropdownTopicButton {
    display: inline-block !important;
    
}



.ax01dropdownTopicButton:hover .ax01LargeScrnDropMenu {
    display: block !important;
}


/* ax01ListItem <li> */
.ax01ListItem {
    float: left !important;
    margin: 0 !important;
}

/* ADDS DOUBLE ARROW BEFORE EACH MENU ITEM*/
.ax01ListItem .ax01DrDnLink:before {
    
    /*   content:"\0BB \020";
     color: #00b0ca;
     padding: 0px 0px 0px 7px !important;*/
    
    content: ' ';
    display: inline-block;
    background: #00b0ca;
    width: 8px;
    height: 8px;
    margin-right: 11px;
    margin-left:6px;
    
}

.ax01ListItem .ax01DrDnLink, .ax01MenuButtn {
    display: inline-block !important;
    color: #00789d !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 14px; }

.ax01MenuButtn { 	padding: 0px 10px;}

.ax01ListItem .ax01DrDnLink {
				padding: 5px 10px; }


.ax01ListItem .ax01DrDnLink:hover, .ax01dropdownTopicButton:hover .ax01MenuButtn {
    color: white !important;
    background-color: #00789d !important;
}

.ax01ListItem.ax01dropdownTopicButton {
    display: inline-block !important;
    
}

/* ax01LargeScrnDropMenu <div> */
/* SETS THE COLOR OF THE DROPDOWN SUB-MENUS*/
.ax01LargeScrnDropMenu {
    display: none !important;
    position: absolute !important;
    background-color: white !important;
    min-width: 160px !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
    z-index: 1 !important;
}

/*
 If the padding property has two values:
 padding: 25px 50px;
 top and bottom paddings are 25px
 right and left paddings are 50px
 */
.ax01LargeScrnDropMenu .ax01DrDnLink {
    color: black !important;
    color: #00789d !important;
    /*padding: 6px 24px 16px 0px !important;*/
    text-decoration: none !important;
    display: block !important;
    text-align: left !important;
}

.ax01LargeScrnDropMenu .ax01DrDnLink:hover {
    background-color: #00789d !important;
    color: white !important;
}

.ax01dropdownTopicButton:hover .ax01LargeScrnDropMenu {
    display: block !important;
}

/* ax01MenuButtn <li> */

.ax01MenuButtn {
    font-family: "OmnesATTRegular", Arial, sans-serif!important;
    margin:0 0 0 0 !important;
    list-style-type: none !important;
}

.ax01MenuButtn:hover{
    color: white !important;
    background-color: #00789d !important;
}


.ax01ListItem .ax01DrDnLink, .ax01MenuButtn {
    display: inline-block !important;
    color: #00789d !important;
    text-align: center !important;
    text-decoration: none !important;
}

.ax01MenuButtn
{
  /*  padding: 5px 14px !important;*/
}

.ax01ListItem .ax01DrDnLink:hover, .ax01dropdownTopicButton:hover .ax01MenuButtn {
    color: white !important;
    background-color: #00789d !important;
}

/* ax01DropdownHead <a> */
.ax01DropdownHead {
    display: inline-block;
    font: OmnesATTRegular, Arial, sans-serif!important;
    color: black !important;
    background-color: rgba(0,0,0,0.04) !important;
    padding: 3px 9px !important;
    min-width: 100% !important;
    text-decoration: none !important;
    text-align: left;
    margin-left:0px;
    font-size:14px;
}

/* ax01DrDnLink */
.ax01DrDnLink {
    font-family: "OmnesATTRegular", Arial, sans-serif!important;
    color:#00789d !important;
    text-decoration:underline !important;
    padding: 6px 6px 6px 0px !important;
}

.ax01DrDnLink:hover {
    text-decoration:none !important;
}

/* ADDS DOUBLE ARROW BEFORE EACH MENU ITEM*/
.ax01ListItem .ax01DrDnLink:before {
    content: ' ';
    display: inline-block;
    background: #00b0ca;
    width: 8px;
    height: 8px;
    margin-right: 7px;
    margin-left:6px;    
}

.ax01ListItem .ax01DrDnLink {
    display: inline-block !important;
    color: #00789d !important;
    text-align: center !important;
    text-decoration: none !important;
}

.ax01ListItem .ax01DrDnLink:hover {
    color: white !important;
    background-color: #00789d !important;
}

.ax01LargeScrnDropMenu .ax01DrDnLink {
    color: black !important;
    color: #00789d !important;
    text-decoration: none !important;
    display: block !important;
    text-align: left !important;
}

.ax01LargeScrnDropMenu .ax01DrDnLink:hover {
    background-color: #00789d !important;
    color: white !important;
}

.ax01DropdownHead .ax01DrDnLink:hover {
    background-color: rgba(0,0,0,0.04) !important;
    color: black !important;
    text-decoration: none !important;
    
}



.ax01SrchHover {
  /* width: 130px;*/
  height: 13px;
  position: relative;
  display: inline-block; }
    
.ax01SrchHover .img-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;  }

.ax01SrchHover:hover .img-top {
  display: inline;  }









/* MENU ax01 - FULL SCREEN TOP MENU - END */






/*  ax14c ROTATING BANNER - BEGIN */
/* ======= ax14 - SLIDING BANNER - BEGIN ====== */
/* ======= ax14 - SLIDING BANNER - BEGIN ====== */

#ax14slider {
   background: #fff;
/*   height: 143px;
   width: 290px; */
      height: 220px;
   width: 100%;

   margin: 0;
   overflow: visible;
   position: relative;
   border: 0px solid green;
padding:0px;
}

.ax14boxBorder {

border: 0px solid #c4c3b5;
display: inline-block;
}

/* HIDE ALL OUTSIDE OF THE ax14slider */

#ax14mask {
   overflow: hidden;
  height: 220px; 
   width:100%;
	border: 0px solid red;

}


/* IMAGE LIST */

#ax14slider ul {
   margin: 0 0;
   padding: 0;
   position: relative;
}

#ax14slider li {
   width: 100%;  /* Width Image */
   height: 220px; /* Height Image */
   position: absolute;
   left: -625px; /* Original Position - Outside of the ax14slider */
   list-style: none;
}

#ax14slider li.firstanimation {
   animation: cycle 25s linear infinite; /* infinite */
}

#ax14slider li.secondanimation {
   animation: cycletwo 25s linear infinite; /* infinite */
}

#ax14slider li.thirdanimation {
   animation: cyclethree 25s linear infinite; /* infinite */
}


#ax14slider_OLD .tooltip {
   background: rgba(0,0,0,0.9);
   width: 50%;
   position: relative;
   float: right;
   bottom: 75px;
   right: 0px;
}


#ax14slider .tooltip {
   position: relative;
   
   margin-top:0px; 
   padding:1px 4px 0px 6px; 
   text-align:left; 
   color:white; 
   text-shadow:1px 1px 3px black;
 /*  display:block; 
   font-size:.9em;*/
   line-height: 1.16em;
font-size: 1.35em;
}

.ax14c1 {
   float: right;
   width: 57%;
   background: linear-gradient(to top, #00789d, #0080ca);
   bottom: 75px;
   right: 10px;
}

.ax14c2 {
   float: right;
   width: 43%;
   background: linear-gradient(to top, #3c8a2e, #a2ad00);
   bottom: 75px;
   right: 10px;
}

.ax14c3 {
   float: left;
   width: 30%;
   background: linear-gradient(to top, #ff7200, #fcb314);
   bottom: 100px;
   left: 10px;
}




#ax14slider .tooltip h1 {

/*   color: #fff;
   font-size: 24px;
   font-weight: 300;
   line-height: 60px;
   padding: 0 0 0 10px;*/
}
/*
#ax14slider li#first: hover .tooltip,
#ax14slider li#second: hover .tooltip,
#ax14slider li#third: hover .tooltip,
#ax14slider li#fourth: hover .tooltip,
#ax14slider li#fifth: hover .tooltip {
   left: 0px;
}
*/
/* ANIMATION */





@keyframes cycle {
   0%  { top: 0px;} /* When you start the slide, the first image is already visible */
   4%  { left: 0px; } /* Original Position */
   16% { left: 0px; opacity:1; z-index:0; } /* From 4% to 16 % = for 3 seconds the image is visible */
   30% { left: 625px; opacity: 0; z-index: 0; } /* From 16% to 20% = for 1 second exit image */
   36% { left: -625px; opacity: 0; z-index: -1; } /* Return to Original Position */
   92% { left: -625px; opacity: 0; z-index: 0; }
   96% { left: -625px; opacity: 0; } /* From 96% to 100% = for 1 second enter image*/
   100%{ left: 0px; opacity: 1; }
}



@keyframes cycletwo {
   0%  { left: -625px; opacity: 0; } /* Original Position */
   26% { top: -625px; opacity: 0; }/* Starts moving after 16% to this position */
   30% { left: -625px; opacity: 0; }
   35% { left: 0px; opacity: 0; }  /* From 20% to 24% = for 1 second enter image*/
   60% { left: 0px; opacity: 1; }  /* From 20% to 24% = for 1 second enter image*/
   66% { left: 625px; opacity: 0; z-index: 0; } /* From 36% to 40% = for 1 second exit image */
   100%{ left: -625px; opacity: 0; z-index: -1; }
}

@keyframes cyclethree {
   0%  { left: -625px; opacity: 0; }
   36% { top: 0px; opacity: 0; }
   55% {left:-625px; opacity: 0;}
   56% { top: 0px; opacity: 1; }
   60% { left: 0px; opacity: 1; z-index: 0; }
   90% { left: 0px; opacity: 1; z-index: -1; }
   91% { left: 625px; opacity: 0; z-index: -1; }
   100%{ left: -625px; opacity: 0; z-index: -1; }
}

/* PROGRESS BAR */

.progress-barX {
   position: relative;
   top: -5px;
   width: 680px;
   height: 5px;
   background: #000;
   animation: fullexpand 19s ease-out infinite;
}




#ax14slider li.firstanimation {
   animation: cycle 19s linear infinite;  /* infinite */
}

#ax14slider li.secondanimation {
   animation: cycletwo 19s linear infinite; /* infinite */
}

#ax14slider li.thirdanimation {
   animation: cyclethree 19s linear infinite; /* infinite */
}

/* ANIMATION */


@keyframes cycle {
 /*  0%  { top: 0px; }*/ /* When you start the slide, the first image is already visible */
   0%  { left: -625px; opacity:1; z-index:0;} /* Original Position */
   2% { left: 0px; opacity:1; z-index:0; } /* From 4% to 16 % = for 3 seconds the image is visible */
   29% { left: 0px; opacity: 1; z-index: 0; } /* From 16% to 20% = for 1 second exit image */
   31% { left: 625px; opacity: 1; z-index: 0; } /* Return to Original Position */
   34% { left: 625px; opacity: 0; z-index: 0; } /* Return to Original Position */
   95% { left: -625px; opacity: 0; } /* From 96% to 100% = for 1 second enter image*/
   100% { left: -625px; opacity: 1; } /* From 96% to 100% = for 1 second enter image*/
}


@keyframes cycletwo {
   0%  { top: 0px; opacity:0; z-index:-1} /* When you start the slide, the first image is already visible */
   31%  { left: -625px; opacity:1; z-index:-1} /* Original Position */
   33% { left: 0px; opacity:1; z-index:0; } /* From 4% to 16 % = for 3 seconds the image is visible */
   62% { left: 0px; opacity: 1; z-index: 0; } /* From 16% to 20% = for 1 second exit image */
   64% { left: 625px; opacity: 1; z-index: 0; } /*    96% { left: -625px; opacity: 0; } /* From 96% to 100% = for 1 second enter image*/
   66% { left: 625px; opacity: 1; z-index:-1; } /*    96% { left: -625px; opacity: 0; } /* From 96% to 100% = for 1 second enter image*/
   100%{ left: -625px; opacity: 0; z-index:-1}
}

@keyframes cyclethree {
   0%  { left: -625px; opacity: 0; z-index: -1; }
   65% { left: -625px; opacity: 1;  z-index: 0; }
   67% { left: 0px; opacity: 1; }
   98% { left: 0px; opacity: 1; }
   100% { left: 625px; opacity: 1; z-index: 0; }
}


/* PROGRESS BAR */

.progress-barX {
   position: relative;
   top: -5px;
   width: 680px;
   height: 5px;
   background: #000;
   animation: fullexpand 25s ease-out infinite;
}



/* ANIMATION BAR */

@keyframes fullexpand {
   /* In these keyframes, the progress-bar is stationary */
   0%, 20%, 40%, 60%, 80%, 100% { width: 0%; opacity: 0; }

   /* In these keyframes, the progress-bar starts to come alive */
   4%, 24%, 44%, 64%, 84% { width: 0%; opacity: 0.3; }

   /* In these keyframes, the progress-bar moves forward for 3 seconds */
   16%, 36%, 56%, 76%, 96% { width: 100%; opacity: 0.7; }

   /* In these keyframes, the progress-bar has finished his path */
   17%, 37%, 57%, 77%, 97% { width: 100%; opacity: 0.3; }

   /* In these keyframes, the progress-bar will disappear and then resume the cycle */
   18%, 38%, 58%, 78%, 98% { width: 100%; opacity: 0; }
}
/* ======= ax14 - SLIDING BANNER - END ====== */
/* ======= ax14 - SLIDING BANNER - END ====== */





/*  ax14c ROTATING BANNER - END */





/* ========| ax06 - POP-OVER BEGIN |========== */
/* ========| ax06 - POP-OVER BEGIN |========== */
.pListIt {
list-style-type: none;
margin-left:-40px;
display: block !important;
line-height:1.2em;
} 

.pCatButt {
color: white; 
background-color: #00789d; 
padding-top: 3px;
padding-left:10px; 
display: block; 
text-align: left; 
text-decoration: none;
box-sizing: border-box;
line-height:1.2em;
}

.pGreyTitle {
display: block;
/*  font: "OmnesATTRegular", Arial, sans-serif !important; */
color: black;
background-color: rgba(0, 0, 0, 0.04) !important;
padding-left: 23px;
padding-top:6px;
text-decoration: none;
text-align: left;
line-height:1.2em;
}

.pItLnk {
color: #00789d;
text-decoration: none;
display: block;
text-align: left;
/*padding: 6px 6px 6px 0px !important;*/

column-width: 100% !important;
margin-left:-10px;
list-style-type: none !important;
margin:8px;
margin-top: .5em;
line-height:1.2em;
}

.pItLnk:hover {
text-decoration: underline;
}
.pItLnk:before {

content: ' ';
display: inline-block;
background: #00b0ca;
width: 8px;
height: 8px;
margin-right: 11px;
margin-left: -16px;
}
/* ========| ax06 - POP-OVER END |========== */
/* ========| ax06 - POP-OVER END |========== */








/* ax15h - SEARCH BAR - BEGIN */
/* ax15h - SEARCH BAR - BEGIN */
.ax15SearchTextBox {
height: 30px;
padding: 2px;
box-sizing: border-box;
margin-top: 0px !important;
margin-bottom: 12px !important;
margin-left: 12px;
margin-right:12px;
}

	.showOff {
		display: none !important;
transition: 0.5s;
	}

	.showOn {
		display: block !important;
transition: 0.5s;
	}
/* ax15h - SEARCH BAR - END */
/* ax15h - SEARCH BAR - END */







/* ax16c -- PAGE HEADER TABLE - BEGIN */
.ax01pageHeaderTable {
    float:left;
    width:100%;
    border: 0px solid pink;
    border-style:dashed;
    /*/max-width: 990px;*/
}

.ax01pageHeaderTable td {
    border: 0px solid yellow;
    border-style:dashed;

}



.ax16sectionHeaderFlushRight {

border: 0px solid pink;
border-style: dashed;

margin-top: 20px;
margin-bottom: 40px;
margin-right: 10px;
margin-left: 10px;
font-weight: normal;
font-size:2.9em;
line-height: .9em;
color:#00789d;
text-align:right;
font-family: OmnesATTLight, Arial, sans-serif!important;
letter-spacing: -1px;
display: inline-block;


}

/* ax16c -- PAGE HEADER TABLE - END */




/* ax17h MAIN CONTENT SECTION, PRODUCT PAGE - BEGIN  */
/*@font-face {
font-family: LucidaGrande;
src: url("fonts/LucidaGrande.ttc");
}
*/

.ax18rightBox b {
margin-left: 25px;
}

.ax17head {
/* PRODUCT TITLE / MAIN HEADLINE */
color: #00789d;
font-size:1.8em;
line-height: 1.2em;
font-family: "Lucida Grande", "Lucida Sans Unicode", LucidaGrande, Arial, sans-serif !important;
margin-bottom: 20px !important;
font-weight: bold;
letter-spacing: -1px;
transition: width 2s;
}

/*
.pageCenterMainContentPanel b p{
color: #3c8a2c;
font-size:1.45em;
margin-top: 30px !important;
margin-bottom: -10px !important; }*/



.pageCenterMainContentPanel b p{
color: #3c8a2c;
font-size:1.28em;
margin-top: 30px !important;
margin-bottom: -10px !important;
font-family: OmnesATTMedium, Arial, sans-serif !important; }



@media only screen and (orientation: landscape) {

.mobLogoPgTop, .mobLogoPgTopPP {
margin-top: 20px !important; 
margin-bottom: 80px; 

}
}

@media only screen and (orientation: portrait) {

/* ON HOME PAGE ONLY */
.mobLogoPgTop {
margin-top: 100px !important; 
margin-bottom: 80px; 
max-width:100%;
}

/* ON NON-HOME PAGES */
.mobLogoPgTopPP {
margin-top: 150px !important; 
margin-bottom: 80px; 
max-width:100%;

}

}

@media only screen and (max-width: 799px) {
.ax17head {
/* FOR SINGLE COL, ADD SPACE ABOVE HEADLINE */
/*margin-top: 80px; */
border: solid red 0px}
}

 /* ax17h MAIN CONTENT SECTION, PRODUCT PAGE - END  */  



/* ax18 PRODUCTS - PAGE RIGHT COLUMN - BEGIN */
/* ax18 PRODUCTS - PAGE RIGHT COLUMN - BEGIN */

.ax18boxHeaderWcolorBkgnd {
background: linear-gradient(to top, #3c8a2e, #a2ad00);
text-align:left; 
padding:1px 4px 0px 10px; 
margin-top:0px; 
color:white;
text-shadow:1px 1px 3px black;
display:block; 
border: 0px solid black; }

.ax18boxBody {background:rgba(254, 255, 235, 1);}




.ax18rightBox  {
border: 1px solid #ccc;

/* CREATES BORDERS WITHIN A TABLE: */
border-collapse: collapse;
padding-right: 20px;
padding-top:0px; }

.ax18rightBox{
width: 100%;
/*
width: 89%;
margin-left:20px;*/
/* FONTS */
color: #444;
/*color: #555;*/
/*font: 14px/22px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/

}

.ax18rightBox ul li {
margin-bottom: 20px;
list-style-type: none !important;
margin-right:9px;
font-size:14px;
}

.ax18rightBox ul  {
padding-left: 25px;
}

.ax18rightBox b {
margin-left: 25px;
}


.ax18rightBox ul li:first-child {
margin-top: -.8em;
}

/* ADDS CUSTOM SQUARE BULLETS TO LIST */
.ax18rightBox ul li:before {

content: ' ';
display: inline-block;
/*background: #00789D;*/
background: #00B0CA;
width: 8px;
height: 8px;
margin-right: 8px;
margin-left: -16px;
}

/* ACC BUSINESS COLORS */
/*
ACC TEAL #00789D
ACC GREEN #3C8A2E
ACC LIGHT #ORANGE FCB314
ACC ORANGE #FF7200
ACC LT BLLUE #99BFC2
ACC LT TEAL #00B0CA
ACC LT GREEN #A2AD00
ACC GREY #808080
*/


.ax18head {
background: #3c842e;
color: #fff !important;
padding: 5px;
font-weight:bold;
padding:10px !important;
}




/* ax18 PRODUCTS - PAGE RIGHT COLUMN - END */
/* ax18 PRODUCTS - PAGE RIGHT COLUMN - END */



/* ax19c SECTION LINKS - PAGE LEFT COLUMN - BEGIN */
/* ax19 SECTION LINKS - PAGE LEFT COLUMN - BEGIN */



.ax19leftBox {
border: 1px solid #ccc;
padding:0px;

/* CREATES BORDERS WITHIN A TABLE: */
border-collapse: collapse;
}

.ax19leftBox{
width: 100%;

/* FONTS */
color: #444;
/*color: #555;*/
/*font: 14px/22px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/

}


.ax19leftBox p b {
margin-left:10px;
}

.ax19leftBox ul li {
margin-bottom: 1em;
line-height:1.22em !important;
list-style-type: none !important;
margin-right: 8px;
}

.ax19leftBox ul li a {
color: #00789D;
text-decoration: none;
font-size:14px;
}

.ax19leftBox ul li a:hover {
color: #A2AD00;
text-decoration: underline;
}

.ax19leftBox ul  {
padding-left: 25px;
}


.ax19leftBox ul li:before {

content: ' ';
display: inline-block;
background: #A2AD00;
width: 8px;
height: 8px;
margin-right: 7px;
margin-left: -16px;
}

/* ACC BUSINESS COLORS */
/*
ACC TEAL #00789D
ACC GREEN #3C8A2E
ACC LIGHT #ORANGE #FCB314
ACC ORANGE #FF7200
ACC LT BLLUE #99BFC2
ACC LT TEAL #00B0CA
ACC LT GREEN #A2AD00
ACC GREY #808080
*/




.ax19SubTitle {
display: inline-block;
color: black;
background-color: rgba(0, 0, 0, 0.04) !important;


padding-left: 13px;
padding-top:6px;
text-decoration: none;
text-align: left;
line-height:1.2em;
width:100% !important;

font-size:14px;
}


.ax19head {
background: #00789D;
color: #fff !important;
font-weight:bold;
padding:10px !important;
}

/* ax19 SECTION LINKS - PAGE LEFT COLUMN - END */
/* ax19 SECTION LINKS - PAGE LEFT COLUMN - END */


/* ax22h - Prod & Srv Header for Mobile Screens - BEGIN */

.ax22prodAndSrvHeadMobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
height: 146px;
    background-color: #00789d;
    margin:0px;
    z-index:5;
vertical-align: text-bottom;
transition: 0.5s;
}

.ax22ourStoryHeadMobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 136px;
/*    background-color: #853c00;

    background-color: #d15e00;
    background-color: linear-gradient(to top, #FF7200, #FCB314) !important;*/
    background-color: #FF7200;
    background: linear-gradient(to left, #FF7200, #FCB314);
    margin:0px;
    z-index:5;
    vertical-align: text-bottom;
    transition: 0.5s;
}

/*
ACC LIGHT #ORANGE #FCB314
ACC ORANGE #FF7200
*/


.ax22FeatBenefitsHeadMobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 146px;
    background: #A2AD00;
    background: linear-gradient(to left, #3C8A2E, #A2AD00);
    margin:0px;
    z-index:5;
vertical-align: text-bottom;
transition: 0.5s;
}




/* ACC BUSINESS COLORS */
/*
ACC TEAL #00789D
ACC GREEN #3C8A2E
ACC LIGHT #ORANGE #FCB314
ACC ORANGE #FF7200
ACC LT BLLUE #99BFC2
ACC LT TEAL #00B0CA
ACC LT GREEN #A2AD00
ACC GREY #808080
*/







/*294 x 121 */
.ax22prodAndSrvHeadMobile img {
    position: absolute;
    clip: rect(20px,850px,95px,0px);
width:100%;
    z-index:2;
margin-top:20px;
transition: 0.5s;
}


#ax22fb-img {
    position: absolute;
    clip: rect(40px,850px,75px,0px);
width:100%;
    z-index:2;
margin-top:72px;
margin-left:0px;
transition: 0.5s;

}


#ax22os-img {
    position: absolute;
    clip: rect(4px,850px,86px,0px);
width:100%;
    z-index:2;
margin-top:42px;
margin-left:0px;
transition: 0.5s;
}



/**/
@media only screen and (max-width:714px) and (min-width: 10px)  {

#ax22os-img {
margin-top:34px; 
clip: rect(4px,850px,73px,0px) !important;
transition: 0.5s; }

#ax22fb-img {
margin-top:34px; 
clip: rect(4px,850px,79px,0px) !important;
transition: 0.5s; }

}



.ax22prodAndSrvHeadMobileText, .ax22prodAndSrvHeadMobileText-os {
text-align:right;
margin-right:20px;
color:white;
text-shadow:1px 1px 3px black;
transition: 0.5s;
}

.ax22prodAndSrvHeadMobileText {margin-top:118px; }

.ax22prodAndSrvHeadMobileText-os {margin-top:110px; }


#ax24headerLogoForMobile { margin-top:190px; }



@media only screen and (max-height: 400px) {
.ax22prodAndSrvHeadMobile, .ax22ourStoryHeadMobile, .ax22FeatBenefitsHeadMobile {
height: 30px;
transition: 0.5s; }

#ax22fb-img, #ax22os-img {
height: 10px;
transition: 0.5s; }


#ax24headerLogoForMobile { margin-top:65px !important; }



.ax22prodAndSrvHeadMobile img, #ax22fb-img, #ax22os-img
 {
    clip: rect(10px,850px,5px,0px);
transition: 0.5s; }

.ax22prodAndSrvHeadMobileText, .ax22prodAndSrvHeadMobileText-os {

margin-top:10px;
transition: 0.5s; }


}

/* ax22h - Prod & Srv Header for Mobile Screens - END */






/* ax15MobFindBox - BEGIN */
/* ax15MobFindBox - BEGIN */
	.showOff {
		display: none !important;
transition: 0.5s;
	}

	.showOn {
		display: block !important;
transition: 0.5s;
	}
/* ax15MobFindBox - END */
/* ax15MobFindBox - END */









/* ax29 FOOTER - BEGIN */

.ax29footerTable {
/*background:red;*/
border: 0px solid red;
width: 100%; }


.ax29footerTable {
border: 0px solid red;
width: 100%; }

.ax29footerText {
font-size:13px; 
line-height: 18px; 
/*color:rgba(60, 138, 46, 0.89);*/
color:rgba(41, 146, 153, 0.8);
margin-bottom:40px;  }


.ax29footerText2 {
margin-top:40px;
font-size:11px; 
line-height:14px; 
color:rgba(41, 146, 153, 0.8)  }


/* ax29 FOOTER - END */













/* ax50c DESKTOP SEARCH - BEGIN */

#ax50SearchTextBox {
height: 30px;
padding: 2px;
/*box-sizing: border-box;*/
margin-top: -6px !important;
margin-bottom: 10px !important;
margin-left: 12px;
margin-right:12px;
width:100%; 
transition: 0.5s;
font-size:18px; 
-webkit-transition: height 2s; /* Safari */
    transition: height 2s;
}

#ax50SearchDropdown2 {

    position: fixed;
    top: 20;
    left: 20;
    width: 100%;
background-color: #00789d;

    margin:0px;
    z-index:95;
/*vertical-align: text-bottom;*/

}

/**/
#ax50SearchDropdown {
background-color: #00789d;
height: 0px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}





	.ax50ShowOff {
/*		display: none !important; */
/*-webkit-transition: height 2s;
  transition: height 2s;*/  
   overflow:hidden;
    max-height:0px; }

	.ax50ShowOn {
/*		display: block !important; */
   overflow:hidden;
    -webkit-transition:max-height 500ms ease;
    -moz-transition:max-height 500ms ease;
    -o-transition:max-height 500ms ease;
    transition:max-height 500ms ease;
    max-height:200px }

/* ax50c DESKTOP SEARCH - END */





/* OUR STORY SECTION / MGMT - START */

.mgmt_pic_border {
border: 1px solid rgba(0,0,0,0.28); }	

.rimg {
float: left;
margin: 0 15px 5px 0px; }

/* OUR STORY SECTION / MGMT - END */





