/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/* You will see it included in the source of every page as                  */
/* 'custom/styles/default/hs_default_custom_style.css'                      */
/****************************************************************************/

@import url("//cdn2.hubspot.net/hub/1958393/hub_generated/template_assets/1470395970193/custom/page/web_page_basic/ressponsive.min.css");

@import url('https://www.sonatype.com/hubfs/Fonts/Proxima-Nova-Extras.css');  /* add more proxima nova fonts  */
@import url("https://1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Fonts/proximanova.css");
/* Get Proxima Nova */
@import url("https://1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Fonts/proximanova.css");

/* Get Font Awesome */
@import url("https://1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Fonts/font-awesome/css/font-awesome.css");

body {
  /* Force background colors to bleed to the edge of the screen */
  margin: 0;
  font-family: "Proxima Nova Light";
  font-size: 18px;
}
h1,h2,h3,h4,h5,h6,strong,b {
    font-family: "Proxima Nova Semibold";
}
a {
  text-decoration: none;
  font-family: 'Proxima Nova Semibold';
}
a:hover {
    opacity: 0.5;
}
.hero {
  text-align:center;
}
.hero h1 {
    margin: 60px 0 25px 0;
}
.hero h2 {
  font-family:"Proxima Nova Light";
  font-size:30px;
  line-height:40px;
  font-weight:normal;
  margin: 0 0 25px 0;
}
h1 {
   font-size: 40px;
   line-height: 50px;
   margin: 25px 0;}
h2 {
   font-size: 30px;
   line-height: 36px;
   margin: 30px 0;
}
h2.banner_only {
  font-family:"Proxima Nova Light";
  font-size:30px;
  line-height:40px;
  font-weight:normal;
  margin:25px 0 25px 0;
} 
h3 {
 font-size: 22px;
   line-height: 28px;
   margin: 25px 0 5px 0;
}
h4 {
   font-size: 18px;
   letter-spacing: 1px;
   line-height: 22px;
   margin: 25px 0 0 0;
   text-transform: uppercase;
}
h5 {
   font-size: 20px;
   line-height: 24px;
   margin: 30px 0 0 0;
}
p {
   font-size: 18px;
   line-height: 29px;
   margin: 0 0 20px 0;
}
.body-container-wrapper ul li {
    line-height: 26px;
    margin-bottom: 7px;
} 
p.quote {
   font-size: 28px;
   line-height: 40px;
   margin: 20px auto 10px auto;
   max-width: 1000px;
   color: #FFFFFF;
}
p.quote_attribute {
   font-family: "Proxima Nova Semibold";
   font-size: 16px;
   line-height: 20px;
   text-align: right;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin: 0 auto 10px auto;
   max-width: 1000px;
   color: #FFFFFF;
}
.center-align {
    text-align: center;
}
.sonatype-landing-cta h2,
.sonatype-companies h2,
.sonatype-model h2,
.sonatype-partners h2,
.sonatype-deming h2,
.sonatype-media h2 {
    text-align: center;
}

.sonatype-landing-cta h2,
.sonatype-companies h2,
.sonatype-model h2 {
    color: #3B4D96;
}

.sonatype-firewall-thankyou .sonatype-default-background {
    background-color: #6c5896;
}

.sonatype-firewall-thankyou .sonatype-gradient {
    background: linear-gradient(to right, rgba(108, 88, 150, 0), #6c5896);
}
/**************************************
 * Style overrides and custom classes *
 **************************************/

/* Link color */
a, a:active, a:focus, a:visited {
 color:#3B4D96;
 text-decoration:none;
}
.content a:hover {
 text-decoration:underline;
}
 
 
/* Remove unwanted margin from  menus */
.hs-menu-wrapper ul {
    margin: 0;
    padding: 0;
}

/* Remove bullets from vertical menus */
.hs-menu-wrapper.hs-menu-flow-vertical li {
    list-style-type: none;
}

/* Represents a full-width content block that bleeds to the screen edge */
.sonatype-section {
    padding: 8px 4em 8px 4em;
}

@media (max-width: 767px) {
    /* Hide the caret on mobile */
    .sonatype-primary-nav ul li.hs-menu-depth-1 > a::after {
        border: 0;
    }
    /* Remove Icon on mobile */
    features-integrations-block img.icon{
        display: none;
    }
    features-integrations-block p{
        margin-left: 40px !important;
    }
    
}


/* Prevent content intended to be read from exceeding 1200 pixels in width */
.sonatype-section > .row-fluid-wrapper > .row-fluid,
.sonatype-section > .cell-wrapper,
.sonatype-section > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget {
    margin: 0 auto;
    max-width: 1200px;
}

.sonatype-striped-background {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Assets/pattern-stripes.png);
}

/* Each section of the website has its own distinctive background color */

.sonatype-default-page .sonatype-default-background {
    background-color: #3B4D96;
}
.sonatype-addo-subpage .sonatype-default-background {
    background-color: #3B4D96;

}
.sonatype-addo-blog .sonatype-default-background {
    background-color: #3B4D96;
}

.sonatype-repository .sonatype-default-background {
    background-color: #46956d;
}
.sonatype-supply .sonatype-default-background {
    background-color: #f1f1f1;
}

.sonatype-default-page .sonatype-auditor .sonatype-default-background,
.sonatype-auditor .sonatype-default-background {
    background-color: #885195;
}

.sonatype-firewall .sonatype-default-background {
    background-color: #6c5896;
}
.sonatype-grey .sonatype-default-background {
    background-color: #f1f1f1;
    
}
.sonatype-red .sonatype-default-background {
    background-color: #ff0000;
    
}

.sonatype-lifecycle .sonatype-default-background {
    background-color: #4f5f98;
}

.sonatype-error .sonatype-default-background {
    background-color: #d54854;
}

.sonatype-generic .sonatype-default-background {
    background-color: #6d7073;
}

.sonatype-background-image {
    background-position: center;
    background-size: cover;
}
.sonatype-earth-at-night {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Assets/earth_at_night.jpg);
    color: #ffffff;
}
.sonatype-earth-at-night h1 {
    color: #ffffff !important;
}
.sonatype-earth-at-night .sonatype-call-to-action.primary {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.sonatype-earth-at-night .sonatype-call-to-action.secondary {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}
.sonatype-earth-at-night .cta_button {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.sonatype-team {
    background-position: top;
    background-size: cover;
   /* background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Career_Page/5.png); */
    background-image: url('https://www.sonatype.com/hubfs/About/2018-01-29%20Website%20Footer%20-%20v01.jpg');
    height: 500px;
}
.sonatype-datacenter {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Assets/datacenter.png);
}
.sonatype-capital {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Industry_Pages/Capital.jpg);
}

.sonatype-grey-capital {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Capitalgrey.jpg);
}
.sonatype-technology {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Industry_Pages/technology.png);
}
.sonatype-healthcare {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Industry_Pages/healthcare_image.jpg);
}
.sonatype-manufacturing {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Industry_Pages/manufacturing-page-image.png);
}
.sonatype-government {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Industry_Pages/US_Capitol_2-1.jpg);
}

.sonatype-financial,.sonatype-government,.sonatype-manufacturing,.sonatype-healthcare,.sonatype-technology,.sonatype-financial-german,.sonatype-APAC,.sonatype-german,.sonatype-nse,.sonatype-addo,.sonatype-china{
    height:500px;
    position:relative;
}

.sonatype-financial {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Industry_Pages/financial-services-page.jpg);
}

.sonatype-APAC {
    background-image: url(https://1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/APAC%20Landing%20Page/iStock-499480344.jpg);
}
.sonatype-china {
    background-image: url(https://www.sonatype.com/hubfs/Shanghai.jpg);
}

.sonatype-nse {
    background-image: url(https://1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/iStock-155098011.jpg);
}
.sonatype-addo {
    background-image: url(https://1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/bobby%20addo3.jpg);
    background-repeat:no-repeat;
    background-position:center;
}
.sonatype-german {
    background-image: url(https://1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Frankfurt.jpg);
}
.sonatype-financial-german {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Industry_Pages/Warsaw-Skyline-poland.jpg);
}
.sonatype-financial > div,.sonatype-government > div,.sonatype-manufacturing > div,.sonatype-healthcare > div,.sonatype-technology > div,.sonatype-financial-german > div,.sonatype-APAC > div,.sonatype-german > div,.sonatype-nse > div,.sonatype-addo > div,.sonatype-china >div {
opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); background:#000; position:absolute; bottom:0px; width:100%;
}
.sonatype-financial > div p,.sonatype-government > div p,.sonatype-manufacturing > div p,.sonatype-healthcare > div p,.sonatype-technology > div p,.sonatype-financial-german > div p,.sonatype-APAC > div p,.sonatype-german > div p,.sonatype-nse > div p,.sonatype-addo > div p,.sonatype-china > div p {
    color:#FFF; opacity:1; -moz-opacity:1; filter: alpha(opacity=100); padding:0px 150px;
}

@media (max-width: 767px) {    
    .sonatype-financial > div p,.sonatype-government > div p,.sonatype-manufacturing > div p,.sonatype-healthcare > div p,.sonatype-technology > div p,.sonatype-financial-german > div p,.sonatype-APAC div p,.sonatype-german div p,.sonatype-nse div p,.sonatype-addo div p,.sonatype-china > div p {
        padding:0px 5px !important;
    }
}



/* Map gradients to the background color for that section of the website */

.sonatype-default-page .sonatype-gradient {
    background: linear-gradient(to right, rgba(51, 102, 153, 0), #3B4D96);
}
.sonatype-addo-subpage .sonatype-gradient {
    background: linear-gradient(to right, rgba(80, 93, 149, 0), #3B4D96);
}
.sonatype-addo-blog .sonatype-gradient {
    background: linear-gradient(to right, rgba(80, 93, 149, 0), #3B4D96);
}
.sonatype-repository .sonatype-gradient {
    background: linear-gradient(to right, rgba(70, 149, 109, 0), #46956d);
}

.sonatype-auditor .sonatype-gradient {
    background: linear-gradient(to right, rgba(136, 81, 149, 0), #885195);
}

.sonatype-firewall .sonatype-gradient {
    background: linear-gradient(to right, rgba(108, 88, 150, 0), #6c5896);
}
.sonatype-grey .sonatype-gradient {
    background: linear-gradient(to right, rgba(108, 88, 150, 0), #6c5896);
}

.sonatype-lifecycle .sonatype-gradient {
    background: linear-gradient(to right, rgba(79, 95, 152, 0), #4f5f98);
}

.sonatype-error .sonatype-gradient {
    background: linear-gradient(to right, rgba(213, 72, 84, 0), #d54854);
}

.sonatype-generic .sonatype-gradient {
    background: linear-gradient(to right, rgba(109, 112, 115, 0), #6d7073);
}

.sonatype-body {
    padding: 2em 4em 4em 4em;
}

/* Remove excess padding on mobile */
@media (max-width: 767px) {
    .sonatype-body {
        padding: 2em 1em 4em 1em;
    }
}

/* CTA buttons */

.cta_button {
    border: none !important;
    text-transform: uppercase;
    background-image: none !important;
    background-color: #2c2d2e !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    border-radius: 26px !important;
    padding: 8px 17px 8px 17px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: Proxima Nova Semibold;
    font-size: 14px !important;
}

.cta_button span {
    vertical-align: middle;
}
.cta_button.sonatype-three-cta {
    color: #000 !important;
    display: inline-block;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    border-radius: 29px !important;
    padding: 14px 24px 14px 24px;
}
.sonatype-large-cta .cta_button {
    border-radius: 30px !important;
    padding: 14px 24px 14px 24px !important;
}

.cta_button.sonatype-secondary-cta {
    color: #fff !important;
    display: inline-block;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    padding-top: 6px;
    padding-bottom:6px;
}
.cta_button.sonatype-emphasis-cta {
    color: #fff !important;
    display: inline-block;
    background-color: #ff008c !important;
    border: 1px solid #ff008c !important;
    padding-top: 6px;
    padding-bottom:6px;
}
.cta_button.sonatype-transparent-cta {
    color: #000 !important;
    display: inline-block;
    background-color: transparent !important;
    border: 1px solid #000 !important;
    padding-top: 6px;
    padding-bottom:6px;
}
.cta_button.sonatype-white-cta {
    color: #000 !important;
    display: inline-block;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    padding-top: 6px;
    padding-bottom:6px;
}
.cta_button.sonatype-purple-cta {
    color: #fff !important;
    display: inline-block;
    background-color: #8002ef !important;
    border: 1px solid #8002ef !important;
    padding-top: 6px;
    padding-bottom:6px;
}
.pink-cta .sonatype-overview-block .cta-container a.cta_button {
     background-color: #ff008c !important;
     font-family: "Proxima Nova Semibold"  !important;
}

/******************
 * Top navigation *
 ******************/

.sonatype-secondary-header {
    background-color: #f1f1f1;
    padding-bottom: 0;
}

/* News bar */

.sonatype-news {
    font-size: 70%;
    color: #6d7073;
}

.sonatype-news a {
    color: #2c2d2e;
    border-bottom: 1px solid #d0d1d1;
}
.sonatype-news p {
    font-size:13px;
    margin-top:0;
    margin-bottom:0;
}
.home-2017 .sonatype-news p {
    font-size:13px;    
}
/* Sub nav */

.sonatype-secondary-nav > div {
    float:right !important;
}

.sonatype-secondary-nav ul {
    list-style: none;
    text-align:right;
}

.sonatype-secondary-nav li {
    display: inline;
}

.sonatype-secondary-nav a {
   
    vertical-align: top;
    font-size: 70%;
    color: #6d7073;
    padding-right: 0.7em;
}

.sonatype-secondary-nav li:last-child a {
    padding-right: 0;
}

.sonatype-secondary-nav a i.fa {
    position: relative;
    vertical-align: top;
    top: 1px;
}
/******   This is a band-aid - for some reason the facebook and youtube icons weren't showing up on  some pages.  *****/
/*****    There was some conflict with the FontAwesome  and FortAwesome icons so I forced this to FontAwesome  *******/
.sonatype-secondary-nav li:nth-child(3) a i.fa,
.sonatype-secondary-nav li:nth-child(5) a i.fa
 {
    font-family:"FontAwesome", "Proxima Nova Semibold";
}
.sonatype-secondary-nav {
    margin-top:2px;
}

/* Primary header */

.sonatype-section.sonatype-primary-header {
    padding-bottom: 0;
    line-height: 1;
    background: #ffffff;
	  border-bottom: 1px solid #e3e3e3;  /*** for sticky nav  **/
}
/* .header-positioning {  /* remove for sticky header  
  position:relative;
}
**/
/**  For sticky nav **/
.header-positioning {
  position:fixed;
  z-index: 1000;
}
.fixed-nav-margin {
  margin-bottom:69px;
}

/**  end sticky nav **/
/* Logo nav */

.sonatype-primary-nav-logo img {
    max-width: 200px !important;
    margin-top: 9px;
}
.row-fluid [class*="span"].mobile-vertical-logo {
  display:none;
}
/* Primary nav */

.sonatype-primary-nav > .cell-wrapper {
    float: right;
}

.sonatype-primary-nav {
    margin: 14px 0 0 0;
    text-align:right;
}

.sonatype-primary-nav a {
    color: #2c2d2e;
    padding-right: 1em;
  font-family: 'Proxima Nova Light';
}

.sonatype-primary-nav a:last-child {
    padding-right: 0;
}

.sonatype-primary-nav ul {
    list-style: none;
 /*   display: inline-table;  */ /**  to align dropdown  **/
    position: relative;
    text-align: left;
    display: inline;
    float:right;
}

.sonatype-primary-nav > ul {
    margin: 0;
}

.sonatype-primary-nav > div {
    float:right !important;
}

/* Since the top-level nav isn’t clickable, cancel the hover state */
.sonatype-primary-nav ul li.hs-menu-depth-1 > a:hover {
    opacity: inherit;
}

/* …except for the Get Nexus button */
.sonatype-primary-nav ul li.hs-menu-depth-1:last-child > a:hover,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-last-child(2) > a:hover{
    opacity: 0.5;
}

/* Add a caret to the active menu item */
.sonatype-primary-nav ul li.hs-menu-depth-1 > a::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid transparent;
    left: 50%;
    top: 38px;
    margin-left: -8px;
}
/**  Hide the Tarife option from the German nav 
.smartling-de .sonatype-primary-nav .hs-menu-wrapper > ul > li:first-child > ul li:last-child {
        display:none;
}  **/

@media (max-width: 767px) {
    /* Hide the caret on mobile */
    .sonatype-primary-nav ul li.hs-menu-depth-1 > a::after {
        border: 0;
    }
}

/* Assign an appropriate color to the nav caret, depending on the main color of the page */
.sonatype-products .sonatype-primary-nav ul li.hs-menu-depth-1:nth-child(1) > a::after,
.sonatype-heroes .sonatype-primary-nav ul li.hs-menu-depth-1:nth-child(2) > a::after,
.sonatype-industries .sonatype-primary-nav ul li.hs-menu-depth-1:nth-child(3) > a::after,
.sonatype-learning .sonatype-primary-nav ul li.hs-menu-depth-1:nth-child(4) > a::after {
    border-bottom-color: #3B4D96;
}
.sonatype-products-overview .body {
    min-height: 325px;
}
@media (max-width: 1300px) {
    .sonatype-products-overview .body {
        min-height: 325px;
    }
}
@media (max-width: 1100px) {
    .sonatype-products-overview .body {
        min-height: 325px;
    }
}
@media (max-width: 950px) {
    .sonatype-products-overview .body {
        min-height: 325px;
    }
    .sonatype-products-overview .header{
        min-height: 82px;
    }
}
@media (max-width: 767px){
    .sonatype-products-overview .body {
        min-height: auto;
    }
}

.sonatype-grey .sonatype-primary-nav ul li.hs-menu-depth-1:nth-child(1) > a::after {
    border-bottom-color: #f1f1f1;
}

.sonatype-supply .sonatype-primary-nav ul li.hs-menu-depth-1:nth-child(1) > a::after {
    border-bottom-color: #f1f1f1;
}

/* Make sure primary nav links overlap with their menus, so the mouse can move from the link to the menu without it collapsing */
.sonatype-primary-nav ul > li.hs-menu-depth-1 {
    padding-right: 1.25em;
}

.sonatype-primary-nav ul li.hs-menu-depth-1 > a {
    position: relative;
    display: block;
  /*  height: 34px;  */   /** to align dropdown  **/
    height: 37px;
    padding-right: 0;
}

/* Get Nexus button */

.sonatype-primary-nav ul li.hs-menu-depth-1:last-child {
    padding-right: 0;
}

.sonatype-primary-nav ul li.hs-menu-depth-1:nth-last-child(2) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:last-child a
{
    height: auto;
}

/* Dropdown menus */

.sonatype-primary-nav ul ul {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #2c2d2e;
    padding: 1.5em;
    margin-left: -1em;
    border-radius: 2px;
  /*  top: 32px;  */  /** to better align dropdown  **/
    top: 37px;
}

.sonatype-primary-nav ul ul li {
    float: none;
    padding-bottom: 1em;
    white-space: nowrap;
}

.sonatype-primary-nav ul ul li:last-child {
    padding-bottom: 0;
}

.sonatype-primary-nav ul ul li a {
    color: #ffffff;
}
.sonatype-primary-nav ul ul li a span {
    font-size:12px;
}
.sonatype-primary-nav ul ul li a span.sl_hide_de {
    font-size: 13pt;
}
.sonatype-primary-nav ul ul li a:hover {
    text-decoration: underline;
}
/*
 * Not needed with mega nav  1-16-21  FROM HERE
 * .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:first-child a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(5) a{
  opacity:0.5;  
}
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:first-child a:hover,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(5) a:hover{  
  text-decoration:none;
}
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(2) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(3) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(4) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(6) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(7) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(8) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(9) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(10) a
{
  padding-left:15px;
  font-size:13pt;
}
 .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:first-child a,
 .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(6) a,
 .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(9) a,
 .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(11) a{
  opacity:0.5;  
}
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:first-child a:hover,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(6) a:hover,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(9) a:hover {  
  text-decoration:none;
}
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(2) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(3) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(4) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(5) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(7) a,

.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(8) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(10) a,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(12) a
{
  padding-left:15px;
  font-size:13pt;
}
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(2) a span,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(3) a span,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(4) a span,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(5) a span,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(7) a span,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(8) a span,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(9) a span,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(10) a span,
.sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(12) a span
{
  padding-left:15px;
}
  TO HERE */

/* hiding pricing page from German pages  */
.smartling-de .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(9) a,
.smartling-de .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(10) a {
	display:none;
}
.smartling-de .sonatype-column.footer-products ul li:last-child {
	display:none;
}
/*****************************/
.sonatype-primary-nav ul li {
    float: left;
}

.sonatype-primary-nav ul li:hover > ul {
    display: block;
}

.sonatype-primary-nav ul:after {
    content: ""; clear: both; display: block;
}

/* Call to action */

.sonatype-primary-nav .hs-menu-wrapper > ul > li:nth-last-child(2) > a,
 .sonatype-primary-nav .hs-menu-wrapper > ul > li:last-child > a {
    border-radius: 26px !important;
    padding: 8px 17px 8px 17px !important;
    background-color: #2c2d2e;
    color: #ffffff;
    white-space: nowrap;
    display: inline-block;
    top: -8px;
    font-size:14px;
    font-family: 'Proxima Nova Semibold';
}
/**  adding drift chat button  **/
.sonatype-primary-nav .hs-menu-wrapper > ul > li:last-child > a {
    color: #ffffff;
    font-weight: bold;
    border: 1px solid  #ffffff;
    background-color: #3b4d96;
}
/* This is to make the call to action go away when ADDO is done */

.sonatype-primary-nav.addo .hs-menu-wrapper > ul > li:nth-of-type(5) > a  {
    color: #2c2d2e;
    background-color: none;
    background-color: #ffffff;
    font-size: 14pt;
    padding: 0!important;
    top: 0;
	}


/*****  styling for cookie policy  5/2018  ******/	
div#hs-eu-cookie-confirmation {
    background-color:#1f3d5c  !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    background-color:#1f3d5c  !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    color:#fff   !important;
    font-family: "Proxima Nova Light"  !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
    color:#fff !important;
    font-family: "Proxima Nova Light"  !important;    
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    font-family: "Proxima Nova Light"  !important; 
    color:#1f3d5c !important;
}
/************************************************************************/
/*****  Trying to add some site-wide styles here so the css can get cleaned up  ***/
/*********************************************************************/

img.swell-image1-1 {
  transition:transform .5s;
}
img.swell-image1-1:hover {    
	transform: scale(1.1); 
}
img.swell-image1-2 {
  transition:transform .5s;
}
img.swell-image1-2:hover {    
	transform: scale(1.2); 
}

/*******  Solid Background colors  ******************************************/
.bluay-bg {
  background-color:#F2F8FC;
}
.white-bg
{
    background-color:#ffffff;
}
.lightblue-bg {
   background-color:#E9F7FF;
}
.gray-bg {
    background-color: #f2f8fc;
}
.purple-bg {
    background-color: #8002ef;
}
/*******  Gradient Background colors  ******************************************/
.repo-gradient {
  background:linear-gradient(90deg, #4BA9EA 0%, #00AFA9 100%);  
}
.lightblue-to-green-gradient-bg {
  background:linear-gradient(90deg, #2ABCFF 0%, #00AFA9 99.94%);
}
.darkdream-to-dream-gradient-bg {
  background:linear-gradient(316.35deg, #0F1C4D 15.44%, #3B4D96 82.21%);
}
.logocolors-gradient-bg {
  background:linear-gradient(138.86deg, #8002EF 6.37%, #00A1E2 92.41%);
}
.gradient-banner-generic {
    background-image: linear-gradient(to right bottom, #8e00f8, #00a9ef);  
}
.gradient-banner-purple {
   background-image: linear-gradient(to right, #8002EF, #A830C2);
}
.gradient-banner-coral {
   background-image: linear-gradient(to right, #E03B5A, #FF5869);
}
.gradient-banner-repo {
    background-image: linear-gradient(to right bottom, #0cccf9, #20c979); 
}
.gradient-banner-lifecycle {
    background-image: linear-gradient(to right bottom,#2682ff,#2666ab);
}
.gradient-banner-lc-darker {
  background-image: linear-gradient(316.35deg, #0F1C4D 15.44%, #3B4D96 82.21%);
}
.gradient-banner-container {
  background-image: linear-gradient(316.35deg, #0F1C4D 15.44%, #3B4D96 82.21%);
}
.gradient-banner-water-to-blue {
  background-image: linear-gradient(125.99deg, #2682FF 3.92%, #00A1E2 91.34%);
}
.gradient-banner-blue-to-turquoise {
  background-image: linear-gradient(90.21deg, #00A1E2 0%, #00AFA9 102.02%, #4FB2A6 102.03%);
}
.gradient-bg-image {
    background-image: url(https://1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Header%20-%202019/Components@2x-2000x800.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.gradient-banner-bluetopurple {
  background-image: linear-gradient(to right bottom, #3D4B99, #8002EF);  
}
.gradient-purples90degrees {
  background: linear-gradient(90deg, #AB00C6 -1.76%, #FE1278 97.06%);

}
.lift-gradient {
  background: linear-gradient(311.1deg, #2682FF 7.77%, #3B4D96 69.76%);
}
.dsodays-gradient-bg {
    background-image: linear-gradient(90deg,#0399ff 0%,#e70d68 50%,#f45e08 100%);
    background-image: -ms-linear-gradient(to right,#0399ff 0%,#e70d68 50%,#f45e08 100%); 
}
.dso-style-banner {
	position: relative;
}
.dso-style-banner__bg {
	background-image: linear-gradient(90deg, #0399ff 0%, #e70d68 50%, #f45e08 100%);
	background-image: -ms-linear-gradient(to right, #0399ff 0%, #e70d68 50%, #f45e08 100%);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	}
.dso-style-banner__bg > div {
    background-size: cover;
    background-position: center center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 100%;
    mix-blend-mode: soft-light;
    width: 100%;
}
/*** Nasty IE doesn't like this gradient effect  *****/


.dso-style-banner__heading {
	color: #fff;
	text-align: center;
	margin-top:0;
	padding:100px 40px;
	
}
.brain-overlay-bg {
    background-image: url(https://www.sonatype.com/hubfs/Nexus%20Intelligence/SON_Nexus_Intelligence_Refresh_brain_overlay-lighter@2x.png);
    background-repeat: no-repeat;
    background-position: top right;
}
/*********************  Animated backgrounds   ********************/
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position:  0 100%; }
}
.bg-animate {
	width: 100%; 
	height: auto; 
	background-image: url(https://www.sonatype.com/hubfs/Updates%20Fall%202017/Home%20page/SON_scrolling_texture_2@2x.png);
	background-size:2000px 1500px;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	animation: animatedBackground 60.01s linear infinite;
	padding:10px 0;
	
	max-width:2000px;
	float:none !important;
	margin:0 auto !important;
}
.bg-animate.purple-gradient {
  background-image: url(https://www.sonatype.com/hubfs/animated%20backgrounds/SON_Scrolling_texture_purple-gradient@2x.png);
  max-width:2600px;
  background-size:2600px 1500px;
  background-size:2600px auto;
}
/************** borders   ********************************************/
.shadow-border {
  -webkit-box-shadow: 0px 2px 19px 2px rgba(211,211,211,.5);
    -moz-box-shadow: 0px 2px 19px 2px rgba(211,211,211,.5);
    box-shadow: 0px 2px 19px 2px rgba(211,211,211,.5); 
    padding:20px;
}



/*****************  buttons   ***************************************/


.st-button.fat {
  padding: 15px 30px;
}

@media (max-width:767px) {
  .left-button.center-mobile {
      justify-content: center;  
  }
  .right-button.center-mobile {
      justify-content: center;
  }   
}

/**********************************************************************
* Button styles - updated Feb 2021  
***********************************************************************/
.st-landing-page .st-button {
    padding: 10px 30px;
}
.st-button-div {
    margin-top:10px;
    text-align:center;
}
.st-button-div a.st-button {
    padding:20px 30px;
    border-radius:50px;
    border-width:1px;
    border-style:solid;
    text-align:center;
    font-family:"Proxima Nova Semibold";
    font-size:18px;
}
.st-button-div a.st-button.small {
    font-size:14px;
    padding:18px 40px 17px;
}
.st-button {
    padding:20px;
    border-radius:50px;
    font-weight:bold;
    border-width:1px;
    border-style:solid;
    text-align:center;
    font-family:"Proxima Nova Semibold";
    font-size:18px;
    cursor: pointer;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.st-button.small {
    font-size:14px;
    padding:15px 15px 13px;
}
.st-button.extra-small {
    padding:10px 5px 8px;   
    font-size:14px;
}
.st-button.pink {
    background-color: #ff008c;
    color: #fff;
    border-color: #ff008c;
}
.st-button.pink a {
    color:#ffffff;
}
.st-button.black {
    background-color:#2c2d2e;
    border-color:#2c2d2e;
    color:#ffffff;
}
.st-button.black a {
    color:#ffffff;
}
.st-button:hover {
    opacity: 0.5;
}
.st-button.black.transparent {
    background-color:transparent;
    color:#2c2d2e;
}
.st-button.black.transparent a {
    color:#2c2d2e;   
}
.st-button.white {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#2c2d2e;
}
.st-button.white a{
    color:#2c2d2e;
}
.st-button.white.transparent {
    background-color:transparent;
    color:#ffffff;
}
.st-button.white.transparent a {
    color:#ffffff;    
}
.st-button.water {
  background-color:#2682FF;
  color:#ffffff;
  border:1px solid #2682FF;
}
.st-button.water a {
  color:#ffffff;
}
.st-button.water.transparent {
  background:transparent;
  color: #2682FF;
}
a.st-button.water.transparent {
  color:#2682FF;
}
.st-button.water.white {
  background-color:#ffffff;
}
a.st-button.water.white  {
  color:#2682FF;
}
.st-button.modal a {
    background-image: url(https://www.sonatype.com/hubfs/Updates%20Fall%202017/Home%20page/Modal-arrow.png?t=1504707736196);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}
.st-button-div  a.st-button.modal.small  {
    background-image:url("https://www.sonatype.com/hubfs/Updates%20Fall%202017/Home%20page/Modal-arrow.png");
    background-repeat:no-repeat;
    background-position:15% center;
    text-align:right;
    padding:18px 30px 17px 50px;
}
.st-button.modal {
    vertical-align:middle;
    padding:14px 0;
}

.st-button.centered {
    max-width: 200px;
    margin-left: auto !important;
    margin-right: auto;
    float: none;
}
.st-button.short-wide {
    padding:10px 30px;
}
.st-landing-page .st-button.hs-size,
.st-button.hs-size {
    padding:7px 24px;
}
.st-button.purple {
    background-color:#8002ef;
    color:#ffffff;
    border-color:#8002ef;
}
.st-button.purple a {
    color:#ffffff;
}
.st-button.gradient {
  background-color:none;
  background-image: linear-gradient(to right bottom, #8e00f8, #00a9ef);  
  color:#ffffff;
  border:none;
}
.st-button.gradient a {
  color:#ffffff; 
}
.st-button.gradient-border {
    background-image: linear-gradient(to right bottom, #8e00f8, #00a9ef);
    border-radius: 50px;
    padding: 2px;
}
.gradient-border {
    background-image: linear-gradient(to right bottom, #8e00f8, #00a9ef);
    border-radius: 50px;
    padding: 2px;
}
.st-button.gradient-border-inner {
    text-align: center;
    border: 2px solid transparent;
    padding: 8px 18px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: "Proxima Nova Semibold"; 
}
.st-button.gradient-border-inner.whitebg {
  background-color:#ffffff; 
  color:#1b1c30;
}

.purple_cta {
  background-color:#8002ef;  
  border:none;
  text-transform:uppercase  !important;
  box-shadow:none;
  padding:10px 20px;
}
.two-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;  
}
.center-button {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;  
}
.left-button {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;  
}
.right-button {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;  
}
.center-button a,
.left-button a,
.right-button a {
  margin-top:5px; 
}


/**********************************************************************
* End Button styles - Fall 2017  
***********************************************************************/
/*****************  font colors   ***************************************/
.white-text, 
.white-text a
{
    color:#ffffff;
}
p.appscan20-dyk {
  font-family:'Proxima Nova Semibold';
  text-transform:uppercase;
  font-size:20px;
}
p.appscan20-dyk.azure {
  color: #00a1e2;
}
p.appscan20-dyk.coral {
  color: #e85c5e;
}
p.appscan20-dyk.purple {
  color: #684f9b;
}
/*********************************  flex styling  *********************/
.banner-flex-text {
    align-self:center;
    -webkit-align-self:center;
} 
.flex-form {
    -webkit-align-items:stretch;
    align-items:stretch;    
}
.flexrows {
    display:-webkit-flex;
    display:flex;
}
.center-all-flexrow {
  align-items:center;
}
.onerow {
  -webkit-align-content: center; /* Safari */
  align-content:         center;
}
.center-flexrow {
  -webkit-align-self: center; /* Safari */
  align-self:         center;
}
.stretch-flexrow {
    -webkit-align-items:stretch;
    align-items:stretch;
}
 .row-fluid [class*="span"].flexrow-fluid .row-fluid {
    display:-webkit-flex;
    display:flex; 
    margin:0 auto;
    max-width:1200px;
}
.row-fluid [class*="span"].flexrow-fluid.center .row-fluid {
    align-items:center;
}
.row-fluid [class*="span"].flexrow-fluid.width-1280 .row-fluid  {
     max-width:1280px; 
}
 .row-fluid [class*="span"].flexrow-row {
    display:-webkit-flex;
    display:flex; 

}
/**************************  FORMS   *****************************/
.st-form.white-bg p {
    color:#2c2d2e;
}
.st-form.white-bg input,
.st-form.white-bg select {
    border:1px solid #d1d2d2; 
    margin-top:0;
    height:40px;   /* new  */
}
.st-form.white-bg input[type=button]
.st-form.white-bg input[type=submit] {
  border: none;
}
.st-form.white-bg .actions input {
    border:none;    
}

.st-form.white-bg {
    background-color:rgba(255, 255, 255, 0.9);
    color:#2c2d2e;
}
.st-form.white-bg.solid {   /* new */
    background-color:rgba(255, 255, 255);
    color:#2c2d2e;
}
.st-form.white-bg textarea {
  border:1px solid #d1d2d2;
}
.st-form {
    padding:15px; 
    margin-top:55px;
    margin-bottom:60px;
    border-radius:5px;
}
.st-form h3 {
margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.st-form label {
    font-size:18px;
}
.st-form input {
    height:40px;
    border:none;
    margin-bottom:15px;
    margin-top:5px;
    border-radius:5px;
    padding-left:5px;
}
.st-form input[type=button],
.st-form input[type=submit] {
  border: none;
  border-radius: 50px;
  text-transform: uppercase;
}
.st-form.white-bg-form {
  background-color:#ffffff; 
}
.st-form.white-bg-form input {
  border:1px solid #C5C6C7;
}
.st-form.white-bg-form .actions input {
  border: none;  
}
.st-form.white-bg-form select,
.st-form.white-bg-form textarea{
  border:1px solid #C5C6C7;  
}
.st-form select {
    border-radius:5px;
    height:40px;
    -webkit-appearance: none;
    background-color:#ffffff;
    margin-top:5px;
    border:none;
}
.st-form textarea {
    border:none;
    border-radius:5px;
}

.st-form fieldset.form-columns-1 .hs-input {
    width:100% !important;
    height:40px;
    margin-bottom:15px;
    padding-left:5px;
}

.st-form fieldset.form-columns-1 input[type="radio"].hs-input  {
    width:auto !important;
    height:10px;
}
.st-form fieldset.form-columns-1 .input {
     margin-right:0 !important;
    margin-top: 4px;
}
.st-form fieldset.form-columns-2 .input {
    margin-right:0 !important;
    margin-top: 4px;

}
.st-form fieldset.form-columns-2 .input input {
    width:93% !important;    
}
.st-form fieldset.form-columns-3 .input input {
    width:92% !important;   
}
.st-form fieldset.form-columns-3 label {
    font-size:15px;   
}
.st-form fieldset.form-columns-2 > :last-child .input input {
    float:right;
}
.st-form .actions input {
    width:100%;
    color:#ffffff;
    background-color:#ff008c;
    border-radius:50px;
    font-family:"Proxima Nova Semibold";
    font-size:18px;
    text-transform:uppercase;
    line-height:22px;
    height:45px;
    margin-top:15px;
    -webkit-appearance: none;
}
.st-form input.hs-input[type="checkbox"] {
    width: 12px !important;
    height: 12px;
    vertical-align: unset;
    margin-bottom: 10px;
}
.st-form.width-100percent fieldset {
    max-width:100%;
}

.st-form.width-100percent fieldset.form-columns-1 .hs-input {
  width:99.5% !important;

}
.st-form.width-100percent fieldset.form-columns-2 .input input {
  width:98% !important;
}

.st-form.button-240 .actions input {
   max-width:240px;
}
.form-overlap-200 {
    margin-top: -200px;
    margin-bottom: -458px;
}
.st-form .actions:hover input {
  opacity:.5;
  cursor:pointer;
} 
/*****  padding and margins  ********/
.bottommargin-30 {
    margin-bottom:30px;
}
/******************** tablet  ********************/
@media (max-width: 1100px) {
    .row-fluid [class*="span"].flexrow-fluid {
      padding:10px;
  }
}
@media (max-width:767px) {
    .row-fluid [class*="span"].flexrow-fluid .row-fluid {
      display:block;
    } 
    .flexrows.stack-mobile {
        flex-direction:column;
    }
}

/*********************  mobile  ***************/
@media (max-width: 500px) {
  .sonatype-section {
      padding: 8px 15px;
  }
}
/*************************************************************************/
/******   End site-wide styles   ***************************/
/**********************************************************************/


/*******************************
*  Additions for mobile nav  Aug-2017
********************************/
.mobile-trigger {
    display:none;
}
.row-fluid [class*="span"].mobile-navigation {
    display:none;
}
.sonatype-primary-nav.mobile-version {
    margin:0;
}
@media (max-width: 767px) {
    .row-fluid [class*="span"].mobile-navigation {
        display:block;
    }  
    .row-fluid [class*="span"].desktop-navigation {
        display:none;
    }
    .header-container-wrapper .container-fluid .row-fluid [class*="span"].sonatype-secondary-header {
        display:none;
    }
    .row-fluid  .sonatype-primary-nav [class*="span"] {
        width:100%;
    }
    .sonatype-primary-nav {
        margin:0;
    }
    .sonatype-section.sonatype-primary-header{
        padding:0;
    }
    .sonatype-primary-nav-logo {
        padding:25px 30px 0px 30px;
    }
    .row-fluid [class*="span"].sonatype-primary-nav-logo {
        
    }
      .row-fluid [class*="span"].mobile-vertical-logo {
        display:block;
    }
  .sonatype-primary-nav ul ul li a span {
    display:none; 
  }
  /*  Not needed due to Mega nav 1-16-21  from here... 
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(2) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(3) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(4) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(6) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(7) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(8) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(9) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(3) ul li.hs-menu-depth-2:nth-of-type(10) a
    {
      padding-left:45px;
    } 
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(2) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(3) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(4) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(5) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(7) a,
   .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(8) a, 
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(10) a,
    .sonatype-primary-nav ul li.hs-menu-depth-1:nth-of-type(1) ul li.hs-menu-depth-2:nth-of-type(12) a
    {
      padding-left:45px;
    }
.... to here */
  
    .sonatype-primary-nav ul {  /**  added to align dropdown menu on desktop  **/
        float: none; 
    }  
    .sonatype-primary-nav ul > li.hs-menu-depth-1 {
      padding-left: 1.25em;  /** 8-29-20  **/
    }

}
/* Show menu and remove background color on desktop after toggling mobile menu */
@media screen and (min-width:769px) {
  .mobile-navigation .hs-menu-wrapper {
      display:block !important;
      background: transparent !important;
  }
}
@media screen and (max-width:767px) {
/* Force header to trigger mobile layout on iPads */
	  .mobile-navigation,
  .mobile-navigation .hs-menu-wrapper > ul,
  .mobile-navigation .hs-menu-wrapper > ul li,
  .mobile-navigation .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;

    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    max-width: none;
   /* width: 100%; */  /** 6-12-20 **/
    height: auto;
    line-height: 1;
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;

  }
/*    .mobile-navigation .hs-menu-wrapper  > ul li.hs-menu-depth-1:nth-of-type(5) a,
    .mobile-navigation .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-of-type(6) a, 
    .mobile-navigation .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-of-type(7) a, */
    .mobile-navigation .hs-menu-wrapper  > ul li.hs-menu-depth-1:nth-of-type(8) a {
      color:#999b9d;
    }
    .mobile-navigation .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-of-type(7) a {
      color:#ffffff; /** 6-12-20 **/
  }
    .mobile-navigation .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-of-type(8) {
        padding-bottom:30px;
    }
    .mobile-navigation .hs-menu-wrapper > ul {
        background-color: #2c2d2e;
        padding-bottom:20px;
        padding-top:20px;
      	background-color:#ffffff; /** 6-12-20 **/
    }
    .sonatype-primary-nav ul ul li {
        padding-bottom:0;
    }
    .sonatype-primary-nav .hs-menu-wrapper > ul > li:last-child > a,
   .sonatype-primary-nav .hs-menu-wrapper > ul > li:nth-last-child(2) > a{
        border:1px solid #ffffff;
        padding:18px 0 !important;
        border-radius:50px  !important;
      	background-color: #ff008c;  /** 6-12-20 **/
        border-color: #ff008c;  /** 6-12-20 **/
        width:100%;  /** 6-12-20 **/
        font-size:15px;  /*8-29-20 */
        max-width:220px;
    }
  .sonatype-primary-nav .hs-menu-wrapper > ul > li:last-child > a {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
  }
    .sonatype-primary-nav .hs-menu-wrapper > ul > li:last-child > a:hover {
       /* color:#000000;
        background-color:#ffffff;
        opacity:1;  */   /* 1-20-21  */
        text-decoration:none;
    }

    .sonatype-primary-nav .hs-menu-wrapper > ul > li:last-child,
  .sonatype-primary-nav .hs-menu-wrapper > ul > li:nth-last-child(2){
        padding:10px 20px;
        /*width:90%;  */
        border-bottom:1px solid;  /** 8-29-20  **/
        text-align:center;
    }
    .sonatype-primary-nav .hs-menu-wrapper > ul > li:last-child > a,
    .sonatype-primary-nav .hs-menu-wrapper > ul > li:nth-last-child(2) > a {
        font-weight:bold;
        text-align:center;
        text-transform:uppercase;
    }
  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 45px;          /* Position Button at top right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */
    padding: 6px 12px;
    margin-top: -16px;
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    text-align: left;
    background:transparent;

  }

  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
  }

 .mobile-trigger span{
      display: inline;
  }
    .mobile-trigger:after {
        position:absolute;
      /*  content: 'Menu';  */
        right:25px;
        font-family: "FontAwesome";
        content: "\f0c9";
        font-size: 33px;
    }
    .mobile-open .mobile-trigger:after {
     /*   content:" ";  */
      color: #999b9d;
    }
  .mobile-trigger span:after{
      position: absolute;
     /* Change the text on the closed toggle button */
      text-transform:normal;
      right:5px;
      font-size:18px;
      color:#999b9d;
        font-family:FontAwesome;
 /*       content: '\f107'; */
  }
     .mobile-trigger span:before{

     }
  .mobile-open .mobile-trigger span:after{
      position: relative;
      right: 5px;
      font-family:FontAwesome;
  /*    content:"\f00d"; */
      color:#999b9d;

  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: transparent; /* Changes button background to be slightly darker than open menu color */  
  }




  /* Toggle Button Icon & Animations
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -5px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 25px; /* Icon line width */
    height: 2px; /* Icon line height */
    background-color: #D61F38; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    margin-top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    margin-top: 6px; /* Position bottom line */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: -5px;
    right: 25px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */
    padding: 0 !important;
    border-left: none;
  }
  .child-trigger:hover{
    text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    font-family: FontAwesome;
    content: "\f00d";
    color:#999b9d;
    font-style: normal;
  }
.child-trigger i, .child-trigger i:after{
  width: 5px; /* Icon line width */
  height: 5px; /* Icon line height */
     background-color:transparent; /* Icon color */
    display: block;
  }

   .mobile-navigation .hs-menu-wrapper > ul li.hs-item-has-children.child-open > a
  {
    color:#999b9d;
    text-decoration:none;
    }

     .mobile-navigation  .hs-menu-wrapper > ul li.hs-item-has-children.child-open ul li a {
        color:#ffffff;
        text-decoration:none;
    }
  .mobile-navigation .hs-menu-wrapper > ul li.hs-item-has-children.child-open > ul li.hs-menu-depth-2 a:hover {
      color:#ffffff !important;
      text-decoration:underline;
      text-decoration-color:#999b9d;
      opacity:1;
  }
  /* Menu Styles on Mobile Devices
     ========================================================================== */

  /* Hide menu on mobile */
  .mobile-navigation.js-enabled .hs-menu-wrapper,
  .mobile-navigation.js-enabled .hs-menu-children-wrapper{
    display: none;
  }

  /* Make child lists appear below parent items */
  .mobile-navigation ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
    margin-left:10px;
  }

  /* Mobile Menu Styles */
  .mobile-navigation.js-enabled .hs-menu-wrapper{
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0px;          /**************************************************************/
    width: 100%;

  }
  .mobile-navigation .hs-menu-wrapper{
    padding: 0 0 0 0;
    width: 100%; /* Full screen width */
    z-index: 8888;
  }

   /* Level 1 Menu List Styles */
   .mobile-navigation .hs-menu-wrapper > ul {
        margin-top:30px;
   }
  .mobile-navigation .hs-menu-wrapper > ul > li{
    position: relative;
    border: 1px solid;   /** 8-29-20  **/
    border-bottom: none;
  }
  .mobile-navigation .hs-menu-wrapper > ul > li a{
    font-size: 14pt; /* Font size of top level list items */
  /*  line-height: 45px;  */
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .mobile-navigation.hs-menu-wrapper > ul li{
    border-top: none; /* Adds transparent dark highlights to top of top level list items */
  }

  .mobile-navigation .hs-menu-wrapper >  ul li a{
    padding: 0 30px;
   /*  color:#ffffff; link color set by global mobile-aColor variable */
    color: #2b66ab; /** 6-12-20 **/
    text-transform: uppercase; /** 6-12-20 **/
    font-family: "Proxima Nova Semibold"; /** 6-12-20 **/
  }

  .mobile-navigation .hs-menu-wrapper > ul li a:hover{

    text-decoration:underline;
    text-decoration-color:#999b9d;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
      display: none;
  }

  /* Level 2 and Higher Menu List Styles */
  .mobile-navigation .hs-menu-wrapper > ul ul{
    background: transparent;
    border: 0px;
    padding: 0px;
  }
  .mobile-navigation .hs-menu-wrapper > ul ul li{
    
  }
  .mobile-navigation .hs-menu-wrapper > ul ul li a{
     /*  text-indent: 18px;Indent Child lists */
    font-size: 15px; /* Font size of child lists */
    color:#ffffff;
    color:#2b66ab; /** 6-12-20 **/
    text-transform: initial;  /* 1-16-21  */
    font-family: "Proxima Nova Semibold" !important; /* 1-16-21  */
    font-weight:400; /* 1-16-21  */
    
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{
      display: none;
  }
  .mobile-navigation .hs-menu-wrapper>ul>li>ul:before {
      display: none;
  }

  /* Level 3 and Higher Menu List Styles */
  .mobile-navigation .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .mobile-navigation .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
/*******************************************************************/
/******  BEGIN changes to fix mobile Android issue 11-2018  *********************/
/*****************************************************************/
  /* Child Toggle Button
     ========================================================================== */

  .kid-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: -1px;  /** 8-29-20  **/
    right: 1px;  /** 8-29-20  **/
    width: 100% !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */
    padding: 0 !important;
    border-left: none;
  }
  .kid-trigger:hover{
    text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  .kid-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    left:42%;
  }
  .kid-trigger i:after{
    position: absolute;
    content: '';
  }
  .kid-trigger i, .kid-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:white; /* Icon color */
    background-color:#2b66ab; /** 6-12-20 **/
    display: block;
  }
  .kid-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .kid-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .kid-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
/*******************************************************************/
/******  END changes to fix mobile Android issue 11-2018  *********************/
/*****************************************************************/
  
  
/*********************************************************/
/***** Remove Sticky nav on mobile  *********************/
/*********************************************************/  
  .header-positioning {
      position: relative;
  }
  .fixed-nav-margin {
    margin-bottom:0;
  }
}

/*******************************
*  END Additions for mobile nav  Aug-2017
********************************/
/**************************************************************/
/*   Smartling Language Selector code  begin **********************/
/*************************************************************/
.smartling-language-selector {
    position:absolute;
    top:11px;
   /* left:74%;  */
    left:59%;   /*reposition language selector tr 4-17-22 */
    max-width:150px;
}
.smartling-language-selector.white-paper {
    right:17%;
    left:auto;
    top:50px;
}
.smartling-language-selector.lp-2019 {
    top:25px;
}
ul.smt-menu {
	position:relative;
	width:110px; /* MUST BE SET TO FIXED WITH */
	margin:0 auto !important;
	padding:0 0 0 0 !important;
	list-style:none !important;
	z-index:99999;
	visibility:visible;
}
/* no focus dotted line  */
ul.smt-menu :focus {
	outline: 0 !important;
}
/* container of menu items */

ul.smt-menu ul {
	position:absolute !important;
	display:none;
	list-style:none !important;
	text-indent:none !important;
	width:100%;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	border:1px solid #999;
}
/* list items (
	includes trigger
) */
ul.smt-menu li {
	margin:0;
	padding:0 !important;
	display:block !important;
	float:left !important;
	width:100% !important;

}
/* item wrapper */
ul.smt-menu li.smt-item {
	float:none !important;
	display:block !important;
}
/* down arrow at end of trigger link */
ul.smt-menu li .smt-trigger-link .smt-downArrow {
	display:inline-block;
	height:13px;
	width:13px;
	background:url(bullet_arrow_down.png) no-repeat;
}
/* hover state for button which opens menu */
ul.smt-menu li:hover .smt-trigger-link,
ul.smt-menu li.sfhover .smt-trigger-link{

}
/* triggers has-layout for ie6 */
* html .smt-trigger-link,
 .smt-link{
	display:inline-block;
 }/* styles trigger link */
 ul.smt-menu a.smt-trigger-link{
	 display:block !important;
	 padding:0px !important;
	 text-decoration:none !important;
	 font-family:"Proxima Nova Semibold" !important;
	 font-size:14px !important;
	 color:#6d7073  !important;
/*	 background-color:#fff !important;
	 border:1px solid #2c2d2e; */
	 cursor:pointer;
	 background-image:none !important;
	 text-align:right;
 }/* styles item link tags */

ul.smt-menu a.smt-trigger-link:before {
     font-family:"FontAwesome";   
    content:"\f0ac   ";
}
 
ul.smt-menu a.smt-trigger-link:after {
     font-family:"FontAwesome";   
    content:"     \f0d7";
}
 a.smt-link{
	 display:block !important;
	 padding:3px 7px !important;
	 text-decoration:none !important;
	 font-family:"Proxima Nova Semibold" !important;
	 font-size:14px !important;
	 line-height:12px !important;
	 color:#6d7073  !important;
	 background-color:#fff;
	 cursor:pointer;
	 border:0px solid black;
 }
 a.smt-link:hover {
     opacity:1;
 }
 /* menu items */
	 ul.smt-menu li li a{
	 background-color:#fff;
 }
 /* hover state for menu items */
 ul.smt-menu li li a:hover{
	 background-color:#999 !important;
	 color:#fff !important;
 }
 /* the world "language" in trigger  */
 ul.smt-menu span.smt-word{
	 font-weight:normal !important;
	 padding-right:5px !important;
 }
 /* the name of language in trigger  */
 ul.smt-menu span.smt-lang{
	 font-weight:bold !important;
	 color:#6d7073  !important;
	 padding-left:5px;
 }
.smartling-language-selector.white-paper ul.smt-menu span.smt-lang {
    color:#fff !important;
}
.smartling-language-selector.white-paper ul.smt-menu a.smt-trigger-link:after,
.smartling-language-selector.white-paper ul.smt-menu a.smt-trigger-link:before {
    color: #fff !important;
} 
 /* hover state for name of language in trigger */
 ul.smt-menu li:hover span.smt-word,
 ul.smt-menu li.sfhover span.smt-word{
 }
 /* hover state for the world "language" in trigger */
 ul.smt-menu li:hover span.smt-lang,ul.smt-menu li.sfhover span.smt-lang{
	color:#6d7073  !important;
 }
/**************************************************************/
/*   Smartling Language Selector code  END **********************/
/*************************************************************/
/****************************
 * Hero with call to action *
 ****************************/

.sonatype-hero {
    padding: 0;
}

.sonatype-hero .sonatype-gradient {
    background: linear-gradient(to bottom right, rgba(70, 149, 109, 0), #46956d);
    padding-top: 6em;
    padding-bottom: 6em;
}

.sonatype-hero .widget-type-cta {
    text-align: center;
    margin-top: 3em;
}

/* Mission */

.sonatype-mission {
    text-align: center;
    padding-bottom: 2em;
}

.sonatype-mission h1 {
    color: #adc2d6;
    font-family: 'Proxima Nova Semibold';
    margin: 0;
}

.sonatype-mission h1.word {
    color: #ffffff;
}

@keyframes one {
    0%   {opacity: 1;}
    15%  {opacity: 1;}
    20%  {opacity: 0;}
    75%  {opacity: 0;}
    80%  {opacity: 1;}
    100% {opacity: 1;}
}

@keyframes two {
    0%   {opacity: 0;}
    15%  {opacity: 0;}
    20%  {opacity: 1;}
    35%  {opacity: 1;}
    40%  {opacity: 0;}
    100% {opacity: 0;}
}

@keyframes three {
    0%   {opacity: 0;}
    35%  {opacity: 0;}
    40%  {opacity: 1;}
    55%  {opacity: 1;}
    60%  {opacity: 0;}
    100% {opacity: 0;}
}

@keyframes four {
    0%   {opacity: 0;}
    55%  {opacity: 0;}
    60%  {opacity: 1;}
    75%  {opacity: 1;}
    80%  {opacity: 0;}
    100% {opacity: 0;}
}

.sonatype-mission .word { 
  position: absolute;
  text-align: center;
  width: 100%;
  display: block;
  opacity: 0;
  animation-duration: 10.01s;
  animation-iteration-count: infinite;
}

.sonatype-mission .word.one {
  opacity: 1;
  animation-name: one;
}

.sonatype-mission .word.two {
  animation-name: two;
}

.sonatype-mission .word.three {
  animation-name: three;
}

.sonatype-mission .word.four {
  animation-name: four;
}

.sonatype-mission .underline {
  position: relative;
  height: 1.5em;
}

/***********************************
 * The software supply chain model *
 ***********************************/

.sonatype-model {
    background-color: #f1f1f1;
    padding-top: 4em;
    padding-bottom: 3em;
}

/*******************
 * Muda vs. Kaizen *
 *******************/
 
.sonatype-muda-vs-kaizen {
    background-color: #2c2d2e;
    color: #999b9d;
    text-align: center;
    padding-top: 4em;
    padding-bottom: 4em;
}

.sonatype-muda-vs-kaizen a {
    color: #ffffff;
    text-decoration: underline;
}

.sonatype-muda-vs-kaizen hr {
    border: 1px solid #414345;
}

.sonatype-muda-vs-kaizen .table-header,
.sonatype-muda-vs-kaizen .table-footer {
    display: flex;
    position: relative;
    color: #ffffff;
}

.sonatype-muda-vs-kaizen .table-header {
    margin-bottom: 1em;
}

.sonatype-muda-vs-kaizen .table-footer {
    margin-top: 1em;
}

.sonatype-muda-vs-kaizen .table-header div,
.sonatype-muda-vs-kaizen .table-footer div {
    padding: 1em;
    font-family: 'Proxima Nova Semibold';
    width: 50%;
}

.sonatype-muda-vs-kaizen .table-header .muda,
.sonatype-muda-vs-kaizen .table-footer .muda {
    font-size: 150%;
    background-color: #d54854;
}

.sonatype-muda-vs-kaizen .table-header .kaizen,
.sonatype-muda-vs-kaizen .table-footer .kaizen {
    font-size: 150%;
    background-color: #3B4D96;
}

.sonatype-muda-vs-kaizen .benefits .muda,
.sonatype-muda-vs-kaizen .benefits .kaizen {
    text-align: left;
    margin-bottom: 0.5em;
}

.sonatype-muda-vs-kaizen .benefits .muda strong {
    color: #e27f88;
}

.sonatype-muda-vs-kaizen .benefits .kaizen strong {
    color: #7194b8;
}

.sonatype-muda-vs-kaizen .benefits a {
    font-family: 'Proxima Nova Semibold';
}

/**********************************************
 * Logos from companies that use our software *
 **********************************************/

.sonatype-companies {
    padding-top: 4em;
    padding-bottom: 8em;
}

.sonatype-companies .widget-type-linked_image {
    margin-top: 1em;
    text-align: center;
}

/**********************************************
 * Logos from partners that we associate with *
 **********************************************/
 
.sonatype-partners {
    padding-bottom: 4em;
}

.sonatype-partners .widget-type-linked_image {
    text-align: center;
    margin-top: 1em;
}

/************************
 * Product overview map *
 ************************/
 
.sonatype-map {
    background-color: #14293d;
    padding: 0;
    position: relative;
    height: 550px;
}

.sonatype-map .product-overview-image {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Assets/map_1.png);
    width: 1000px;
    height: 600px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    margin-top: -60px;
    background-repeat:no-repeat;
}

.sonatype-before-map {
    padding-bottom: 6em;
}

.sonatype-after-map {
    padding-top: 4em;
}

@media (max-width: 999px) {
    .sonatype-map {
        text-align: center;
        height: auto;
    }
    
    .sonatype-map .product-overview-image {
        background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/Assets/Product_Map_Mobile.png);
        max-width: 341px;
        width: 100%;
        height: 1747px;
        position: relative;
        left: auto;
        display: inline-block;
        margin-left: auto;
        margin-top: 4em;
        margin-bottom: 4em;
    }
    
    .sonatype-before-map {
        padding-bottom: 2em;
    }
    
    .sonatype-after-map {
        padding-top: 2em;
    }
}

/*************************************************
 * A bit about our source of inspiration: Deming *
 *************************************************/

.sonatype-deming {
    background-color: #3B4D96;
    padding-top: 6em;
    padding-bottom: 4em;
}

.sonatype-deming h2 {
    color: #adc2d6;
    margin-bottom: 0.5em;
}

.sonatype-deming img {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    margin-top: -217px;
}

/****************************************************
 * Companies that have covered Sonatype in the news *
 ****************************************************/

.sonatype-media {
    background-color: #414345;
    padding-top: 4em;
    padding-bottom: 4em;
}

.sonatype-media h2 {
    color: #adc2d6;
    margin-bottom: 0.5em;
}

.sonatype-media img {
    padding-top: 2em;
}

.sonatype-media a {
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    font-family: "Proxima Nova Light";
}

/*****************************************************
 * Footer containing the site map and copyright info *
 *****************************************************/

.sonatype-footer {
   /* background-color: #1b1c30; */
    background: linear-gradient(180deg, #111C49 0%, #3B4D96 100%);
}

/* Column headers */
.sonatype-footer .sonatype-column {
    padding-top: 3em;
}

/* Logo */

.sonatype-footer-nav-logo img {
    width: 111px !important;
}


/* Social networking */

.sonatype-footer .sonatype-social i.fa {
    display: inline-block;
    width: 25px;
}

.sonatype-footer .sonatype-social a {
    display: block;
    margin-top: 8px;
    font-size: 80%;
}

.sonatype-footer .sonatype-social a:first-child {
    margin-top: 7px;
}

/* Site map */

.sonatype-footer ul {
    padding-left: 0;
}

.sonatype-footer li {
    padding-top: 0.5em;
    font-size: 80%;
}

.sonatype-footer a {
font-family: 'Proxima Nova Light';
  color:#ffffff;
}

.sonatype-footer .bars {
    margin-top: 4em;
    height: 6em;
}

.sonatype-footer .sonatype-legal {
    margin-top: 3em !important;
}
/************************************************************/
/*  Footer styles 8/2017 begin here  *******************/
/************************************************************/
.sonatype-legal p {
    margin-bottom:5px;
  /*  color: #999b9d;  */
    font-size: 14px;
    line-height:18px;
    color:#ffffff;
}
.home-2017 .sonatype-legal p {
  color:#ffffff;
}
.sonatype-legal p a {
    text-decoration:underline;
}
.sonatype-legal  p.footer-copyright {
    font-size:12px;
}
.sonatype-legal  p.footer-terms a{
    font-size:12px;
    text-decoration:underline;
}
ul.mobile-footer-links {
    list-style-type:none;
}
ul.mobile-footer-links li a {
    font-size:18px;
    color:#ffffff;
    line-height:40px;
}
.row-fluid [class*="span"].mobile-footer {
    display:none;
}
.mobile-footer ul.sonatype-social {
    list-style-type:none;
}
.mobile-footer ul.sonatype-social li a {
    font-size:18px;
    line-height:40px;
}
.sonatype-footer .mobile-footer .sonatype-social a:first-child {
    margin-top:0;
}
.sonatype-footer .footer-header {
    font-size:18px;
}
.sonatype-footer .footer-menu li {
    font-size:14px;
    line-height:30px;
}
.sonatype-footer .footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    padding:0;
}
.sonatype-footer .sonatype-social a {
    line-height:30px;
    font-size:14px;
}
@media (max-width:767px) {
    .row-fluid [class*="span"].mobile-footer {
        display:block;
    }
    .row-fluid [class*="span"].desktop-footer {
        display:none;
    }

}
/************************************************************/
/*  Footer styles 8/2017 end here  *******************/
/************************************************************/
/************************
 * Download page styles *
 ************************/

.sonatype-download-version {
    margin-top: 2em;
    padding: 1em;
    background-color: #F2F8FC;
}

.sonatype-download-version h2 {
    margin-top: 0;
}

.sonatype-download-version ul {
    margin: 0;
    padding: 0;
}

.sonatype-download-version ul li {
    display: inline-block;
    padding-right: 2em;
}

/* Hardcoded column widths */

.sonatype-download-version table td:first-child {
    width: 120px;
}

.sonatype-download-version table td:nth-child(3),
.sonatype-download-version table td:nth-child(4),
.sonatype-download-version table td:nth-child(5) {
    width: 60px;
}

/* Cell padding */

.sonatype-download-version table td {
    padding: 0.5em;
}

.sonatype-download-version table td:first-child {
    padding-left: 0;
}

.sonatype-download-version table td:last-child {
    padding-right: 0;
}

.sonatype-download-version table tr:last-child td {
    padding-bottom: 0;
}

/*********
 * Forms *
 *********/

/*.sonatype-default-page .hs-form,*/
.sonatype-form {
    margin-top: 1em;
}

/*.sonatype-default-page .hs-form label span,*/
body .sonatype-form .hs-form label {
    font-size: 10pt !important;
    font-family: "Proxima Nova Light";
    font-weight: normal;
    width: 200px !important;
    line-height: 1.5 !important;
    color: #000000; 
    position: relative !important;
    top: 2px !important;
}

/*.sonatype-default-page .hs-form label,*/
body .sonatype-form label {
    color: #000000 !important;
}

/*.sonatype-default-page .hs-form h3,*/
.sonatype-form h3 {
    margin-top: 0;
    color: #3B4D96;
}

/*.sonatype-default-page .hs-form,*/
.sonatype-form > div {
    background-color: #F2F8FC;
    padding: 1em;
    border-radius: 2px;
}

/*.sonatype-default-page .hs-form #hs_cos_wrapper_module_14334512212372418,*/
body .sonatype-form #hs_cos_wrapper_module_14334512212372418 {
    margin: 0 !important;
}

/*.sonatype-default-page .hs-form textarea,
.sonatype-default-page .hs-form input,
.sonatype-default-page .hs-form select,*/
.sonatype-form textarea,
.sonatype-form input,
.sonatype-form select {
    height: 28px;
    border: solid 1px #c5c6c7 !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    width: 100%;
    font-size: 14px !important;
}

/*.sonatype-default-page .hs-form textarea,*/
.sonatype-form textarea {
    height: 6em;
}

/*.sonatype-default-page .hs-form input,*/
.sonatype-form input {
    min-height: 28px;
}

/*.sonatype-default-page .hs-form .field,*/
.sonatype-form .field {
    margin-bottom: 0.5em;
}

/*.sonatype-default-page .hs-form select,*/
.sonatype-form select {
    height: 29px;
    cursor: pointer !important;
}
.sonatype-ssc-form select {
    height: 29px;
    cursor: pointer !important;
}
.sonatype-form submit {
    cursor: pointer !important;
}
.sonatype-ssc-form submit {
    cursor: pointer !important;
}    
.sonatype-form input {
cursor: pointer !important;
}

.sonatype-scc-form input {
cursor: pointer !important;
}
.sonatype-form hs-button {
cursor: pointer !important;
}
.sonatype-ssc-form hs-button {
cursor: pointer !important;
}

/*.sonatype-default-page .hs-form input[type=submit],*/
.sonatype-form input[type=submit] {
    width: auto !important;
    height: auto;
    font-family: "Proxima Nova Semibold" !important;
    letter-spacing: 1px;
    border: none !important;
    text-transform: uppercase;
    background-image: none !important;
    background-color: #2c2d2e !important;
    color: #fff !important;
    white-space: nowrap !important;
    border-radius: 26px !important;
    padding: 8px 17px 8px 17px !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/*.sonatype-default-page .hs-form input[type=submit]:hover,*/
.sonatype-form input[type=submit]:hover {
    opacity: 0.5;
}

.inputs-list {
    list-style-type:none; /* Form Field Styling - added by hubSpot */
}

.sonatype-form ul.no-list.hs-error-msgs.inputs-list {  /* added by Melissa 9/3/21 to fix error message spacing */
  padding-left: 0px;
}
.sonatype-form .hs-error-msg {  /* added by Melissa 9/3/21 to style error message */
  font-family: "Proxima Nova Semibold" !important;
  color: #FF5869 !important;
}
  

/************************************************************************
 * Sonatype page summary (containing overview blocks arranged in a row) *
 ************************************************************************/

.sonatype-summary-headers {
    background-color: #f1f1f1;
    padding-bottom: 3em;
}

/**************************************
 * Tertiary nav used on company pages *
 **************************************/

.sonatype-nav-block {
    background-color: #F2F8FC;
    padding: 1em 2em 1em 2em;
    border-radius: 2px;
}

.sonatype-nav-block a {
    color: #2c2d2e;
}

/********************************
 * CTA section on landing pages *
 ********************************/

.sonatype-landing-cta {
    background-color: #ffffff;
}

/****************
 * Careers page *
 ****************/

.sonatype-careers {
    padding-bottom: 2em;
}

/************************
 * Image on error pages *
 ************************/

.sonatype-error-image img {
    width: 500px !important;
}

/******************************
 * Demo landing page template *
 ******************************/

.sonatype-demo-cta {
    background-image: url(//1958393.fs1.hubspotusercontent-na1.net/hubfs/1958393/DEMO_Background_image.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/************************************************
 * Nexus Firewall from RHC tooltip landing page *
 ************************************************/

.sonatype-firewall-docs-banner {
    background-color: #333333;
    color: #ffffff;
}

.sonatype-firewall-docs-banner a {
    color: #ffffff;
    text-decoration: underline;
}

/*********
 * SSC Forms *
 *********/

/*.sonatype-default-page .hs-form,*/
.sonatype-ssc-form {
    margin-top: 1em;
}

/*.sonatype-default-page .hs-form label span,*/
body .sonatype-ssc-form .hs-form label {
    font-size: 15pt !important;
    font-family: "Proxima Nova Light";
    font-weight: normal !important;
    width: 200px !important;
    line-height: 2 !important;
    color: #000000 !important;
    position: relative !important;
    top: 2px !important;
}

/*.sonatype-default-page .hs-form label,*/
body .sonatype-ssc-form label {
    color: #000000 !important;
}

/*.sonatype-default-page .hs-form h3,*/
.sonatype-ssc-form h3 {
    margin-top: 0;
    color: #3B4D96;
}

/*.sonatype-default-page .hs-form,*/
.sonatype-ssc-form > div {
    background-color: #3B4D96;
    padding: 1em;
    border-radius: 4px;
}

/*.sonatype-default-page .hs-form #hs_cos_wrapper_module_14334512212372418,*/
body .sonatype-ssc-form #hs_cos_wrapper_module_14334512212372418 {
    margin: 0 !important;
}

/*.sonatype-default-page .hs-form textarea,
.sonatype-default-page .hs-form input,
.sonatype-default-page .hs-form select,*/
.sonatype-ssc-form textarea,
.sonatype-ssc-form input,
.sonatype-ssc-form select {
    height: 28px;
    /*border: solid 1px #c5c6c7 !important;*/
    border-radius: 2px !important;
    background-color: #ffffff !important;
    width: 100%;
    font-size: 14px !important;
}

/*.sonatype-default-page .hs-form textarea,*/
.sonatype-ssc-form textarea {
    height: 6em;
}

/*.sonatype-default-page .hs-form input,*/
.sonatype-ssc-form input {
    min-height: 28px;
}

/*.sonatype-default-page .hs-form .field,*/
.sonatype-ssc-form .field {
    margin-bottom: 0.5em;
}

/*.sonatype-default-page .hs-form select,*/
.sonatype-ssc-form select {
    height: 29px;
}

/*.sonatype-default-page .hs-form input[type=submit],*/
.sonatype-ssc-form input[type=submit] {
    width: auto !important;
    height: auto;
    font-family: "Proxima Nova Light" !important;
    border: none !important;
    text-transform: uppercase;
    background-image: none !important;
    background-color: #2c2d2e !important;
    color: #fff !important;
    white-space: nowrap !important;
    border-radius: 26px !important;
    padding: 8px 17px 8px 17px !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/*.sonatype-default-page .hs-form input[type=submit]:hover,*/
.sonatype-ssc-form input[type=submit]:hover {
    opacity: 0.5;
    cursor: pointer !important;
}

.inputs-list {
    list-style-type:none; /* Form Field Styling - added by hubSpot */
}

/* added by Hubspot Support 7.13.16 */
input[type="checkbox"] {
    width: auto;
    vertical-align: middle;
}

/*Div Tables for Product Overview - Protein*/

.sonatype-protein div-table {
    max-width: 500px;
    font-size:0.5em;
    }
.sonatype-protein div-cell {
    padding:5px;
    min-width: 500px;
    padding:20px 40px 20px 40px;
    }

.sonatype-protein div-button a.anchor {
        border:1px solid #333;
        color:#333;
        padding:8px 12px 8px 12px;
        border-radius:18px;font-size:0.8em;
        width:90px;
        margin:auto;
        margin-top:1px;
        text-align:center;}

.sonatype-protein div-table {
display: table;
width:100%;
}
.sonatype-protein div-row  {
display: table-row;
width:100%;
}
.soantype-protein div-cell {
display: table-cell;
border-right:3px solid white;
}
.sonatype-protein div-cell ul{
padding-left:17px;
}

.sonatype-protein div-cell a{
    color:#777;
    display:block;
}
.sonatype-protein div-cell a.hover{
    text-decoration:underline;
}


/* Forrester & Gartner Floating Reports */
.main_wrapper {
 position: relative;
 width: 100%;
 height: 0px;
}

.outer_wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    top: 25px;
    overflow: hidden;
    box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.29);
}

.green_left_sec {
    float: left;
    width: 50%;
    min-height: 212px;
    background: #FFF;    
    border-top: 12px solid #3d867b;
    padding-top: 25px;
}
.img_logo_wrapper img {
    margin-top: 15px;
    width: 75%;
}

.logo_wrap {margin-bottom: 15px;}

.blue_right_sec {
    float: right;
    width: 50%;
    min-height: 212px;
    background: #EEE;
    border-top: 12px solid #1160a4;
    padding-top: 25px;
}

.img_logo_wrapper {
    width: 25%;
    float: left;
}

.title_section_wrapper {
    width: 69%;
    padding: 0 3% 0 3%;
    float: right;
}

.title_section_wrapper h2 {
    font-size: 18px;
    text-align: left;
    line-height: 22px;
    margin-bottom: 0px;
    margin: 0;
    color:#369;
}

.title_section_wrapper p {
    font-size: 15px;
    text-align: left;
}

.title_section_wrapper a {
    /* text-align: left; */
    background: #2c2d2e;
    padding: 7px 20px;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 11px;
    display: inline-block;
}
.cta_sec {
    position: absolute;
    top: 72%;
}

.circle-image{ 
   width:150px;height:150px;
   border: solid 1px #555;
   background-color: #eed;
   box-shadow: 10px -10px rgba(0,0,0,0.6);
   -moz-box-shadow: 10px -10px rgba(0,0,0,0.6);
   -webkit-box-shadow: 10px -10px rgba(0,0,0,0.6); 
   -o-box-shadow: 10px -10px rgba(0,0,0,0.6);
   border-radius:100px;
}
/* addo-2017---start
---------------------------------------------------------------------- */

.span12.widget-span.widget-type-cell.addo_wrap {
 /*   background-image: url(https://www.sonatype.com/hubfs/ADDO%202017/SON_bannerimage_2.png) !important;  */
    background-image: url(https://www.sonatype.com/hubfs/ADDO/Bobby_older_banner.png) !important; 
        padding-top: 250px;
    padding-bottom: 200px;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.addo h1 {
    color: #fff;
    font-size: 55px;
    margin-bottom: 10px;
    line-height: 1;
}

.addo p {
    font-size: 40px;
    color: #fff;
    margin-top: 15px;
}
/*reposition language selector tr 4-17-22 */
@media (max-width:2100px) {
    .smartling-language-selector {
        left:64%;
    }
}

/*@media (max-width:2560px) {
    .smartling-language-selector {
        left:68%;
    }
}
@media (max-width:2400px) {
    .smartling-language-selector {
        left:70%;
    }
}
@media (max-width:2390px) {
    .smartling-language-selector {
        left:68.5%;
    }
}
@media (max-width:2270px) {
    .smartling-language-selector {
        left:70%;
    }
}
@media (max-width:2000px) {
    .smartling-language-selector {
        left:74%;
    }
}
@media (max-width:1900px) {
    .smartling-language-selector {
        left:71%;
    }
}
@media (max-width:1850px) {
    .smartling-language-selector {
        left:76%;
    }
}
*/
@media (max-width:1750px) {
    .smartling-language-selector.white-paper {
        right:14%;
    }
}
@media (max-width:1650px) {
    .smartling-language-selector.white-paper {
        right:12%;
    }
/*    .smartling-language-selector {
        left:78%;
    } */
}
@media (max-width:1500px) {
/*    .smartling-language-selector {
        left:81%;
    } */
    .smartling-language-selector.white-paper {
        right:8%;
    }
}
@media (max-width:1400px) {
    .smartling-language-selector.white-paper {
        right:2%;
    }
 /*   .smartling-language-selector {
        left:83%; 
    } */
}
@media (max-width:1200px) {
    .smartling-language-selector {
      /*  left:81%;  */
        left:60%;
    }
}
@media (max-width:1000px) {
    .smartling-language-selector {
      /*  left:81%;  */
        left:50%;
    }
}
 @media screen and (max-width: 1023px) {
.span12.widget-span.widget-type-cell.addo_wrap {
    background-image: url(https://www.sonatype.com/hubfs/ADDO/Bobby_older_banner.png) !important;
    padding-top: 180px;
    padding-bottom: 80px;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.addo h1 {
    color: #fff;
    font-size: 45px;
    margin-bottom: 10px;
    line-height: 1;
}
}
 @media screen and (max-width: 850px) {
.span12.widget-span.widget-type-cell.addo_wrap {
    background-image: url(https://www.sonatype.com/hubfs/ADDO/Bobby_older_banner.png) !important;
    padding-top: 120px;
    padding-bottom: 40px;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.addo p {
    font-size: 30px;
    color: #fff;
    margin-top: 15px;
}
.addo h1 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 10px;
    line-height: 1;
}
}
@media (max-width:767px)  {
    .smartling-language-selector {
        top:40px;
        left:45%;
    }
    .smartling-language-selector.white-paper {
        right:120px;
    }  
    .form-overlap-200 {
      margin-bottom:10px;
      margin-top:10px;      
    }
    .row-fluid [class*="span"].go-away-on-mobile {
      display:none;
  }
} 
 @media screen and (max-width: 650px) {
.span12.widget-span.widget-type-cell.addo_wrap {
    background-image: url(https://www.sonatype.com/hubfs/ADDO/Bobby_older_banner.png) !important;
    padding-top: 90px;
    padding-bottom: 20px;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.addo p {
    font-size: 20px;
    color: #fff;
    margin-top: 15px;
}
.addo h1 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1;
}
}
@media (max-width:500px) {
     .smartling-language-selector {
        left:35%;
        top:65px;
    }
    .smartling-language-selector.white-paper {
        top:90px;
    }   
}
 @media screen and (max-width: 470px) {
.span12.widget-span.widget-type-cell.addo_wrap {
    background-image: url(https://www.sonatype.com/hubfs/ADDO/Bobby_older_banner.png) !important;
    padding-top: 70px;
    padding-bottom: 10px;
    background-size: cover;
    width: 100%;
    background-position: center;
}
}
 @media screen and (max-width: 420px) {
.span12.widget-span.widget-type-cell.addo_wrap {
    background-image: url(https://www.sonatype.com/hubfs/ADDO/Bobby_older_banner.png) !important;
    padding-top: 50px;
    padding-bottom: 0px;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.addo h1 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1;
}
.addo p {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
}}
/* addo-2017---close
---------------------------------------------------------------------- */
/* lines 1455 inserted by HS Support 11/30/16 */
img{max-width: 100%; height: auto;}


/* AddEvent theme CSS
---------------------------------------------------------------------- */

/* The button */
.addeventatc     						{width:170px;display:inline-block;position:relative;text-align:center;z-index:999998;background:#2878eb;cursor:pointer;font-family:Roboto,"Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;color:#fff!important;font-size:15px;font-weight:300;text-decoration:none;padding:12px 20px 12px 15px;}
.addeventatc:hover 						{color:#fff;font-size:15px;text-decoration:none;background-color:#2c84f4;}
.addeventatc:active 					{top:1px;}
.addeventatc .arrow 					{width:15px;height:10px;position:absolute;top:50%;right:15px;margin-top:-5px;background:url(../gfx/icon-arrow-t1.png) no-repeat;}
.addeventatc-selected 					{background-color:#2c84f4;}
.addeventatc .start, .addeventatc .end, .addeventatc .timezone, .addeventatc .title, .addeventatc .description, .addeventatc .location, .addeventatc .organizer, .addeventatc .organizer_email, .addeventatc .facebook_event, .addeventatc .all_day_event, .addeventatc .date_format, .addeventatc .alarm_reminder, .addeventatc .recurring, .addeventatc .attendees, .addeventatc .calname, .addeventatc .uid {display:none!important;}

/* The drop down */
.addeventatc_dropdown 					{width:215px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:2px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addeventatc_dropdown span 				{display:block;line-height:100%;background:#fff;text-decoration:none;font-size:14px;color:#333;padding:9px 10px 9px 40px;}
.addeventatc_dropdown span:hover 		{background-color:#f4f4f4;color:#000;text-decoration:none;font-size:14px;}
.addeventatc_dropdown em 				{color:#999!important;font-size:12px!important;}
.addeventatc_dropdown .frs 				{background:#fff;color:#cacaca!important;cursor:pointer;font-size:9px!important;font-style:normal!important;font-weight:normal!important;line-height:110%!important;padding-left:10px;position:absolute;right:10px;text-align:right;text-decoration:none;top:5px;z-index:101;}
.addeventatc_dropdown .frs:hover 		{color:#999!important;}
.addeventatc_dropdown .ateappleical 	{background-image:url(../gfx/dropdown-apple-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addeventatc_dropdown .ateoutlook 		{background-image:url(../gfx/dropdown-outlook-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addeventatc_dropdown .ateoutlookcom 	{background-image:url(../gfx/dropdown-outlook-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addeventatc_dropdown .ategoogle 		{background-image:url(../gfx/dropdown-google-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addeventatc_dropdown .ateyahoo 		{background-image:url(../gfx/dropdown-yahoo-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addeventatc_dropdown .atefacebook 		{background-image:url(../gfx/dropdown-facebook-t1.png);background-position:13px 50%;background-repeat:no-repeat;}
.addeventatc_dropdown .copyx 			{height:21px;display:block;position:relative;cursor:pointer;}
.addeventatc_dropdown .brx 				{height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;right:10px;top:9px;}