/*  */

    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */
  /*  */
  /*  */

/* Well Colors */





 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */

/**********************************************************************
* Button styles - Fall 2017  
***********************************************************************/
.st-button-div {
    margin-top:10px;
    text-align:center;
}
.st-button-div a.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;
}
.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;
    
}
.st-button.small {
    font-size:14px;
    padding:15px 15px 13px;
}
.st-button.extra-small {
    padding:10px 5px 8px;   
    font-size:14px;
}
.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.modal a:before {
    content:url("https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Home%20page/Modal-arrow.png?t=1540918461777");
    padding-right:12px;
    vertical-align:-5%;
} */

.st-button.modal a {
    background-image: url(https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Home%20page/Modal-arrow.png?t=1540918461777);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}
.st-button-div  a.st-button.modal.small  {
    background-image:url("https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Home%20page/Modal-arrow.png?t=1540918461777");
    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.pink {
    background-color:#ff008c;
    color:#ffffff;
    border-color:#ff008c;
}
.st-button.pink a {
    color:#ffffff;
}
.st-button.centered {
    max-width: 200px;
    margin-left: auto !important;
    margin-right: auto;
    float: none;
}

/**********************************************************************
* End Button styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* margin and padding styles - Fall 2017  
***********************************************************************/
.sonatype-section.width800 > .row-fluid-wrapper > .row-fluid,
.sonatype-section.width800 > .cell-wrapper,
.sonatype-section.width800 > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget {
    max-width:800px;
}
.sonatype-section.width975 > .row-fluid-wrapper > .row-fluid,
.sonatype-section.width975 > .cell-wrapper,
.sonatype-section.width975 > .hs_cos_wrapper_widget_container > .hs_cos_wrapper_widget {
    max-width:975px;
}
.padding-30 {
    padding:30px;
}
.topmargin-15 {
    margin-top:15px;
}
.topmargin-30 {
    margin-top:30px;
}
.topmargin-40 {
    margin-top:40px;
}
.bottommargin-10 {
    margin-bottom:10px;
}
.bottommargin-20 {
    margin-bottom:20px;
}
.bottommargin-30 {
    margin-bottom:30px;
}
.bottommargin-40 {
    margin-bottom:40px;
}
.bottommargin-60 {
    margin-bottom:60px;
}
.toppadding-10 {
    padding-top:10px;
}
.bottompadding-10 {
    padding-bottom:10px;
}
.toppadding-20 {
    padding-top:20px;
}
.bottompadding-20 {
    padding-bottom:20px;
}
.toppadding-30 {
    padding-top:30px;
}
.bottompadding-30 {
    padding-bottom:30px;
}
.toppadding-40 {
    padding-top:30px;
}
.bottompadding-40 {
    padding-bottom:30px;
}
.toppadding-60 {
    padding-top:60px;
}
.bottompadding-60 {
    padding-bottom:60px;
}
.toppadding-50 {
    padding-top:50px;
}
.bottompadding-50 {
    padding-bottom:50px;
}
.toppadding-40 {
    padding-top:40px;
}

.bottompadding-40 {
   padding-bottom:40px;
}
.bottompadding-80 {
   padding-bottom:80px;
}
.toppadding-100 {
    padding-top:100px;
}
.bottompadding-100 {
   padding-bottom:100px;
}
.toppadding-150 {
    padding-top:150px;
}
.bottompadding-150 {
   padding-bottom:150px;
}
.toppadding-200 {
    padding-top:200px;
}
.bottompadding-200 {
   padding-bottom:200px;
}
.span4.no-margin {
    margin-left:0;
    width:33.333%;
}
.large-padding-header {
    max-width:800px;
    padding-top:200px;
    padding-bottom:200px;
    margin:0 auto;
}
.small-padding-header {
    max-width:800px;
    padding-top:80px;
    padding-bottom:80px;
    margin:0 auto;
}
/**********************************************************************
* End margin and padding styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* text color styles - Fall 2017  
***********************************************************************/

.white-text, 
.white-text a
{
    color:#ffffff;
}
.green-text, 
.green-text a
{
    color:#46956D;
}
.blue-text,
.blue-text a {
    color:#336699;
}
.blue-h3 h3 {
    color:#336699;   
}
.darkgrey-text,
.darkgrey-text a {
    color:#2C2D2E;
}
.center-align {
    text-align:center;
}
.purple-text {
    color:#6c5896;
}
/**********************************************************************
* end text color styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* background color styles - Fall 2017  
***********************************************************************/

.white-bg
{
    background-color:#ffffff;
}
.green-bg
{
    background-color:#46956D;
}
.darkgreen-bg
{
    background-color:#2A5941;
}

.blue-bg
{
    background-color:#336699;
}
.darkblue-bg
{
    background-color:#1F3D5C;
}
.darkgrey-bg {
    background-color:#2C2D2E;
}
.lightgrey-bg {
    background-color:#F1F1F1;
}
.gray-bg {
    background-color:#EBF0F5;
}

.lightpurple-bg {
    background-color:#eae6ed;
}
.black-bg {
    background-color:#2C2D2E;
}
.blue-sprocket-bg {
    background-image:url(https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Landing%20Pages/cogs-15-opaque.png?t=1540918461777);
    background-position:center center;
    background-size:cover;
    background-color:#1F3D5C;
}
.green-sprocket-bg {
    background-image:url(https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Landing%20Pages/cogs-15-opaque.png?t=1540918461777);
    background-position:center center;
    background-size:cover;
    background-color:#2A5941;
}
.capital-bg {
    position: relative;
    background-size: cover;
    background-image: url(https://cdn2.hubspot.net/hubfs/1958393/Industry_Pages/US_Capitol_2-1.jpg?t=1540918461777);
    background-position: 50% 20%;
    }
    
.heading-opacity {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: rgba( 0, 0, 0, .20 );
}
.heading-opacity-variable {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.heading-cta {
    text-align:center;
    margin-top:15px;
}
.heading-cta  .hs-cta-wrapper {
    margin-right:10px;
}
.heading-cta.left {
    text-align:left;
}
.cta-container .second-button {
     display: inline-block;
     margin-top:20px;
}
/**********************************************************************
*  END background  color styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* border styles - Fall 2017  
***********************************************************************/
.video-iframe-border iframe {
    border:5px solid #ebf0f5;
}
.video-iframe-border.black iframe {
    border:5px solid #2c2d2e;
}
.video-fancybox-border a.fancybox img {
    border:5px solid #ebf0f5;
    padding:10px;
}
/**********************************************************************
* end border styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* Masonry styles - Fall 2017  
***********************************************************************/
.masonry-item {
    width: 280px;
    margin-bottom: 17px;
    float: left;
    border: 1px solid #C5C6C7;
    padding: 25px;
    text-align:center;
}
.masonry-item img {
    max-width:125px;
    height:auto;
}
.masonry-item p {
    margin-top:0;
    margin-bottom:20px;
}
.masonry-container {
    margin:0 auto;
    width:auto;
   max-width:1090px;
}
/**********************************************************************
*  END masonry styles - Fall 2017  
***********************************************************************/

/**********************************************************************
* Slick SLider (Nexus Lifecycle) styles - Fall 2017  
***********************************************************************/
.slider {
    width: auto;
   margin: 30px 20px 50px; 
}

.slick-slide {
    padding: 40px 0 0;
    font-size: 30px;
    font-family: "Proxima Nova Light";
}

.slick-prev:before, 
.slick-next:before {
    color: black;    
}
.slick-dots {
    top:0;
    width:500px;
}
.slick-dots li {
  width:70px;
}
@keyframes go-left {
  0% {
    opacity:0;
    transform:translateX(500px);
  }
  50% {
      opacity:0;
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}
@keyframes go-down {
  0% {
    opacity:0;
    transform:translateY(-500px);
  }
  50% {
      opacity:0;
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}

.slider .pane.slick-slide.slick-active .slide-left {
  	
    animation-name: go-left;
    animation-duration: 1s;
}
.slider .pane.slick-slide.slick-active .slide-down {
      
    animation-name: go-down;
    animation-duration: 1s;
}
.slick-list {
	padding-left:0;
}
.panes {
    overflow: hidden;
    min-height: 260px;
    position: relative;
    margin-top: 22px;
    margin-top: 1.375em;
}
.pane {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.pane ul {
    padding-left:0;
    list-style-position:inside;
}
.pane ul li {
    margin-bottom:15px;
}
.item.asset {
    text-align: center;

    display: block;
	color:black;
	}

.item.asset img {
	width: 100%;
	height:auto;
}
.slider-nav-style {
    width:276px;
    margin:0 auto;
}
.slider-nav-style:focus,
.slider-nav-style:hover,
.slider-nav-style:selected {
    outline:0 !important;
}
.slider-nav .slick-current {
    position:relative;
}
.slider-nav {
    border-bottom:1px solid #232425;
}
.slider-nav .slick-current::before {
    border-bottom:3px solid #336699;
    bottom: 0;
    content: "";
    height: 3px;
    left:10px;
    position: absolute;
    width: 90%;
}
.slick-next::before {
    content: "→";
}
.slick-prev::before {
    content: "←";
}
.slick-prev::before, .slick-next::before {
    color: black;
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}
.slick-next {
    right: 0;
}
.slick-prev {
    left: 0;
    z-index:10;
}
.slick-prev, .slick-next {
    top:50%;
    position:absolute;
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: 0 none;
}
/**********************************************************************
* End Slick SLider (Nexus Lifecycle) styles - Fall 2017  
***********************************************************************/

/**********************************************************************
* Home page styles - Fall 2017  
***********************************************************************/
.home-2017 h1 {
    font-size:48px;
    font-family: "Proxima Nova Light";
    font-style: normal;
    font-weight: 100;
    color:#2c2d2e;
    line-height:55px;
}
.home-2017 .fancybox.st-button {
    margin-right:10px;
}
.white-30px-border {
    border-left:30px solid #ffffff;
    border-right:30px solid #ffffff;
}
.home-2017 h2 {
    font-size:36px;
    color:#2c2d2e;
    font-family: "Proxima Nova Light";
}
.home-2017 h3 {
    font-family:"Proxima Nova Semibold";
    font-size:21px;
}
.home-2017 h4 {
    font-family: "Proxima Nova Light";
    font-size:24px;
}
.home-2017 p {
    font-size:18px;
    line-height:22px;
    color:#6d7073;
}
.home-2017  p.white-text {
    color:#ffffff;
}
.home-2017 .accelerate-image, .home-2017 .sticky-x-section {
    margin-right: 0 !important;
    float: right !important;
}
.home-2017 .accelerate-text, .home-2017 .sticky-text-section {
    margin-left: 0 !important;
}
.home-2017 .accelerate-text {
    padding-top:80px;
}

.home-2017 .accerlate  {
    background-color:#ebf0f5;
    padding-top:0;
    padding-bottom:0;
}
.home-2017 .accerlate p {
    font-size:24px;
    line-height:30px;
    margin-top:0;
}
.home-2017 .accerlate .st-button {
    max-width:190px;
}
.home-2017 .banner-text {
    margin-bottom:20px;
}
.home-2017 .banner-text h1 {
    margin-bottom:20px;
    font-size:41px;
}
.home-2017 .platform {
    text-align:center;
    padding-top:10px;
    padding-bottom:70px;
}
.home-2017 .platform h1 {
    margin-bottom:10px;
}
.home-2017 .platform p {
    font-size:14px;
    line-height:20px;
}
.home-2017 .platform-heading p {
    margin-top:15px;
    font-size:18px;
}
.home-2017 .platform-heading {
    margin-bottom:40px;
}
.home-2017 .platform-icons {
    margin-bottom:80px;
}
.home-2017 .platform .st-button {
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
    float:none;
}
.home-2017 .why-nexus {
    background-color:#ebf0f5;   
    text-align:center;
    padding-top:35px;
    padding-bottom:70px;
}
.home-2017 .why-nexus h2 {
    margin-bottom:17px;
    font-size:36px;
}
.home-2017 .why-nexus-images {
/*    margin-top:40px; */
}
.home-2017 .why-nexus-images h3 {
    font-size:24px;
    margin-bottom:0;
    margin-top:10px;
}
.home-2017 .why-nexus-images p {
    font-size:16px;
    line-height:20px;
    margin-top:10px;
    margin-bottom:65px;
}
.home-2017 .why-nexus-images p.first-row {
    margin-bottom:40px;    
}
.home-2017 .why-nexus .st-button {
    margin-top:5px;
    max-width:200px;
    float:none;
    margin-left:auto;
    margin-right:auto;
}
.home-2017 .center-button .st-button {
    margin-top:5px;
    max-width:200px;
    float:none;
    margin-left:auto;
    margin-right:auto; 
    display:block;
}
.home-2017  .journeys {
    background-image:url('https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Home%20page/bg-customer-journeys-2x.png?t=1540918461777');
    background-repeat:no-repeat;
    background-size:cover;
    color:#ffffff;
    padding-top:105px;
    padding-bottom:150px;
    text-align:center;
}
.home-2017  .journeys .st-button {
    max-width:185px;
    float:none;
    margin-left:auto;
    margin-right:auto;
}
.home-2017  .journeys p{
    color:#ffffff;
    margin-top:0;
    margin-bottom:5px;
}
.home-2017  .journeys h2 {
    color:#ffffff;
    font-weight:100;
    margin-bottom:10px;
}
.home-2017 .journeys-images {
    margin-top:30px;
    margin-bottom:35px;
}
.home-2017 ul.journey-photos {
    list-style-type:none;
    text-align:center;
    padding-left:0;
}
.home-2017 ul.journey-photos li {
    display:inline;
    margin-right:5px;
    margin-left:5px;
}
.home-2017 .supply-chains {
    text-align:center;
    padding-top:35px;
    padding-bottom:0;
}
.home-2017 .supply-chains h4 {
    margin-top:0;
}
.home-2017 .supply-chains.supply-chains-v2 h2 {
    margin-bottom:20px;
}
.home-2017 .supply-chains .supply-bottom-border {
    border-bottom:12px solid #ebf0f5;
    padding-top:65px;
}

.home-2017 .supply-chains h3 {
    font-size:24px;
    line-height:28px;
    margin-bottom:20px;
}
.home-2017 .chains-logos {
    margin-top:25px;
    margin-bottom:65px;
}
.home-2017 .reports {
    padding-top:5px;
    padding-bottom:65px;
}
.home-2017 .reports-header {
    margin-bottom:20px;
    text-align:center;
}
.home-2017 .reports a {
    color:#336699;
    font-size:21px;
    line-height:24px;
    font-family:"Proxima Nova Semibold";
}
.home-2017 .reports p {
    font-size:16px;
}
.home-2017 .report-logo {
    display:table-cell;
    height:130px;
    vertical-align:middle;

}
.home-2017 .demo {
    text-align:center;
    padding-top:35px;
    padding-bottom:30px;
}
.home-2017 .demo h4 {
    margin-top:15px;
    margin-bottom:15px;
}
.home-2017 .demo a {
    color:#336699;
}
.home-2017 .logos-mobile,
.home-2017 .mobile-banner-buttons {
    display:none;
}
.home-2017 ul.demo-logos,
.home-2017 ul.demo-logos2 {
    text-align:center;
    list-style-type:none;
}


.home-2017 ul.demo-logos li,
.home-2017 ul.demo-logos2 li{
    display:inline;
    margin-right:7%;
}

.home-2017 .news-events {
    background-color:#1f3d5c;
    padding-top: 30px;
    padding-bottom:75px;

}
.home-2017 .news-events p {
    color:#ffffff; 
    font-family:"Proxima Nova Semibold";
    font-size:18px;
}
.home-2017 .news-events h2 {
    font-weight:100;
    color:#ffffff;
    text-align:center;
    margin-bottom:25px;
}
.home-2017 .news-events .st-button,
.home-2017 .news-events .st-button-div {
    margin-top:45px;
}
.home-2017 .news-events .news-title {
    text-transform:uppercase;
    color:#adc2d6;
}
.home-2017 .news-events .news-view {
    text-transform:uppercase;
    color:#ffffff;
    font-size:14px;
    font-family: "Proxima Nova Light";
}
.home-2017 .news-events .st-button {
    max-width:185px;
    float:none;
    margin-left:auto;
    margin-right:auto;    
}
.home-2017 .sticky-message {
    background-color:#ff008c;
    padding:0;
    color:#ffffff;
    position:fixed;
    bottom:0;
    left:0;
    padding:0;
    width:100%;
}
.home-2017 .sticky-message p {
    color:#ffffff;
    font-size:18px;
    text-align:center;
}
.home-2017 .sticky-message p a {
    color:#ffffff;
    font-size:18px;
    font-family:"Proxima Nova Semibold";
}
.home-2017 .sticky-message.go-away {
    display:none;
}
.home-2017 .sticky-x {
    display:table-cell;
    height:56px;
    vertical-align:middle; 
}
.home-2017 .int-text {
    min-height:165px;
}
#quality, 
#velocity,
#security,
#friction {
    height:290px;
    width:auto;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;    
}
#bodymovin {
    height:540px;
    width:auto;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;    
}
/*****  Image Marquee   ******/
#marquee-container {
 width: 1500px; /* or whatever you want */
 margin: 0 auto; /* centers it */
 overflow: hidden;
 white-space: nowrap;
}
.fat-l { float: left }
.block-hdnews ul {
    list-style-type:none;
}
.block-hdnews img {
    vertical-align:bottom;
}
.home-2017 .nexus-platform {
    margin-top:0px;
}
.home-2017 .nexus-platform h3 {
    margin-bottom:0;
}
.home-2017 .nexus-platform .middle {
    padding-left:10px;
    padding-right:10px;

  
}
.home-2017 .nexus-platform .left {
    padding-right:20px;
    border-right:1px solid #C5C6C7;
}
.home-2017 .nexus-platform .right {
    padding-left:20px;
    border-left:1px solid #C5C6C7;  
}
.home-2017 .nexus-platform .st-button {
    max-width:150px;
}
.home-2017 .nexus-platform ul {
    padding-left:0;
}
.home-2017 .nexus-platform ul li  {
    list-style: none;
    color:#6d7073;
    background-image: url(https://cdn2.hubspot.net/hubfs/1958393/DLF/SON_component.png?t=1540918461777);
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 10px;
    padding-left: 22px;
    line-height:22px;
    margin-bottom:5px;
}

/*.home-2017 .nexus-platform ul li:before  {
   content: '';
   display: inline-block;
   background-image: url("https://cdn2.hubspot.net/hubfs/1958393/DLF/SON_component.png?t=1540918461777");
   	background-repeat: no-repeat;
	background-position: left center;
	background-size:10px;
    width: 20px;
    height: 12px;
} */
/**********************************************************************
* End Home page styles - Fall 2017  
***********************************************************************/


/***********************************************************************
*  Home Page - new video/animations Spring 2018   BEGIN
***********************************************************************/
.home-page-video {
    position:relative;
    max-width: 1840px;
}
.row-fluid [class*="span"].home-page-video {
    float: none; 
    display: block;
    margin: 0 auto;
}
.home-page-video video {

}
.home-video-content {
    position:absolute;
    top:4%;
    text-align:center;
}
.home-video-button {
    position:absolute;
    bottom:8%;
    text-align:center;    
}
.home-video-button .st-button {
    max-width:190px;
    margin:0 auto;
    display:block;
}
.home-banner-two-buttons .st-button {
    max-width:130px;    
}
.home-banner-two-buttons {
    max-width:450px;
    margin:0 auto;
}
.st-button-div .home-banner-two-buttons a.st-button.modal.small {
    padding:15px 30px 14px 50px;
}
.st-button-div .home-banner-two-buttons a.st-button.small {
    padding:15px 40px 14px;    
}
.product, 
.product2 {
    z-index:5;
    position:absolute;
    background:transparent;
    padding:10px;
    text-align:center;
    width:300px;
    height:auto;
}
.product a,
.product2 a {
    font-family:"Proxima Nova Semibold";
    font-size:16px;
    color:black;
    text-transform:uppercase;
    text-align:center;
}
.product p,
.product2 p {
    margin-bottom:0;
    margin-top:0;
    text-align:center;
}
.product:after{
    text-align:center;
    font-family:"FontAwesome";
    font-weight:bold;
    font-size:24px;
    content:"\f107"; 
}
.product2:after {
    text-align:center;
    font-family:"FontAwesome";
    font-weight:bold;
    font-size:26px;
    content:"\f0dd";    
}
.product2#repo:after {
    content:"";
}
.product2#repo {
    max-width:180px;
}
.product2#repo .prod-info2 {
    width:180px; 
/*    background:rgba(0, 0, 0, 0) linear-gradient(rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)) repeat scroll 0 0;
    padding:4px; */
}
.product2#repo:before {
    text-align:center;
    font-family:"FontAwesome";
    font-weight:bold;
    font-size:26px;
    content:"\f0d8";    
}
.prod-info {
    visibility:hidden;
    opacity: 0;
    height: 0;
    background:transparent;
    transition: visibility .75s, height .75s, opacity .5s;
    transition-timing-function: ease ; 
    max-width:175px;
    font-size:14px;
    line-height:20px;
}
.prod-info2 {
    display:none;
    width:275px;
    font-size:14px;
    line-height:20px;
    text-align:center;
}

.prod-info.displayInfo {
    visibility:visible;
    opacity: 1;
    height: auto;
    padding:5px;
}

#firewall {
    top:27%;
    left:27%;
}
#repo {
    top: 52%;
    left: 43%;
}
#intell {
    top: 21%;
    left: 5%;
}
#l-cycle {
    top: 29%;
    left: 62%;
}
#auditor {
    top: 29%;
    left: 81%;
}
.row-fluid [class*="span"].home-page-stacked {
    display:none;
    text-align:center;
}
.home-2017 .mobile-banner-buttons .st-button-div {
    margin-top:45px;
}
.home-stacked-icon-section {
    margin-top:40px;
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position:  0 100%; }
}
.bg-animate {
	width: 100%; 
	height: auto; 
	background-image: url(https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Home%20page/SON_scrolling_texture_2@2x.png?t=1540918461777);
	background-size:2000px 1500px;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	animation: animatedBackground 60s linear infinite;
	padding:10px 0;
	
	max-width:2000px;
	float:none !important;
	margin:0 auto !important;
}
/***********************************************************************
*  Home Page - new video/animations Spring 2018   END
***********************************************************************/

/**********************************************************************
* Form styles - Fall 2017  
***********************************************************************/
.st-form.black-bg {
    background-color:rgba(0, 0, 0, 0.6);
    color:#ffffff;
}
.st-form.black-bg p {
    color:#ffffff;    
}
.st-form.white-bg {
    background-color:rgba(255, 255, 255, 0.9);
    color:#2c2d2e;
}
.st-form.white-bg.shadow {
    -webkit-box-shadow: 1px 2px 18px 0px rgba(177,198,231,1);
    -moz-box-shadow: 1px 2px 18px 0px rgba(177,198,231,1);
    box-shadow: 1px 2px 18px 0px rgba(177,198,231,1);  
}
.st-form.white-bg p {
    color:#2c2d2e;
}
.st-form.white-bg input {
    border:1px solid #2c2d2e; 
    margin-top:0;
}
.st-form.white-bg .actions input {
    border:none;    
}
.st-landing-page .st-form.white-bg h3 {
    color:#ff008c;  
    margin-top:5px;
    margin-bottom:10px;
}
.st-form.white-bg select {
    margin-top:0;    
}
.st-landing-page .body-container .st-form.black-bg p {
    color:#ffffff;  
    font-size:13px;
    line-height:18px;
    margin-top:0;
}
.st-landing-page .body-container .st-form.black-bg p a {
    color:#9fbfdf;
}
.st-landing-page .body-container .submitted-message p {
	color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    padding-top: 50px;    
}
.st-form {
    padding:15px; 
    margin-top:55px;
    margin-bottom:60px;
    border-radius:5px;
}
.st-form h3 {
    font-size:24px;
}
.st-form label {
    font-size:18px;
}
.smartling-fr .st-form label {
    font-size:17px;
}
.st-form input {
    height:40px;
    border:none;
    margin-bottom:15px;
    margin-top:5px;
    border-radius:5px;
}
.st-form.tv-form input {
    width:100%;
}
.st-form.tv-form {
    background-color:#0C1825;
    z-index:1000;
    max-width:380px;
}
.tv-form-position {
    position:absolute;
    top:10px;
    right:0px;
    max-width:400px;
    margin-right:17%;
}
.st-form select {
    border-radius:5px;
    height:40px;
    -webkit-appearance: none;
    background-color:#ffffff;
    margin-top:5px;
}
.st-form.tv-form select {
    width:100%;
}
.st-form fieldset.form-columns-1 .hs-input {
    width:100% !important;
    height:40px;
    margin-bottom:15px;
}

.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;
}
.st-form fieldset.form-columns-2 .input {
    margin-right:0 !important;

}
.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 #atheist {
    width:100%;
    margin-right:10px;
    padding:10px;
    
}
.st-form #atheist option {
    padding:5px;
}
.st-form #downloadbtn {
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
    border-radius: 50px;
}
.st-form [id*="choose_your_nexus"]  {
    width:100%;
}
.st-form .download_wrapper h3 {
    margin-bottom:10px;
    margin-top:10px;
}
.st-form input#downloadbtn {
    background-color:#ff008c;
    color:#ffffff;
    font-family:"Proxima Nova Semibold";
    -webkit-appearance:none;
}
.st-form input.hs-input[type="checkbox"] {
    width:12px !important;
    height:12px;
    vertical-align:unset;
    margin-bottom:10px;
}
.st-form ul.inputs-list.multi-container {
    margin-top:5px;
    padding-left:20px;
}
.st-form.survey-form fieldset .hs-input {
    height:32px;
    margin-bottom:10px;
    margin-top:0;
}
.st-form.survey-form label {
    font-size:17px;
}
.st-form.survey-form .actions input {
    height:40px;
}
.st-form.does-legos-form input {
    height:37px;    
    margin-bottom:10px;
}
.st-form.does-legos-form fieldset.form-columns-1 .hs-input {
    margin-bottom:7px;    
}
.st-form.does-legos-form  ul.inputs-list.multi-container {
    margin-bottom:10px;    
}
.st-form.does-legos-form ul.inputs-list.multi-container li label {
    font-size:15px;
}
.st-form.does-legos-form ul.inputs-list.multi-container li {
    line-height:18px;    
}
.st-form.vidyard-form h3 {
    margin-top:0;
    margin-bottom:5px;
}
.st-form.vidyard-form {
    margin-top:0;
}

/**********************************************************************
* end form styles - Fall 2017  
***********************************************************************/
/*******************************************************************
*  BEGIN Email Unsubscribe page
**********************************************************************/
.email-prefs-2018 .widget-type-email_subscriptions p {
    color:#2C2D2E;
    font-size:16px;    
}
.email-prefs-2018 #email-prefs-form {
    background-color:#EBF0F5;
    padding:60px 20px 20px;
    color:#2C2D2E;
    font-size:16px;
    margin-bottom:50px;
}
.email-prefs-2018 .page-header h1 {
    text-align:center;
    font-size:36px;
    font-family:"Proxima Nova Semibold";
    color:#336699;
}
.email-prefs-2018 .page-header h2 {
    font-size: 18px;
    margin-top: 30px;
    color:#2C2D2E;
}
.email-prefs-2018 .page-header {
    padding-left: 7px;     
}
.email-prefs-2018 .page-header br {
    display:none;
}
.email-prefs-2018 .email-prefs .item .item-inner {
    color:#2C2D2E;
    background-color:#ffffff;
    border-radius:0;
    border:1px solid #C5C6C7;
}
.email-prefs-2018 #submitbutton,
.email-prefs-2018 #globalresub2 {
    color:#ffffff;
    background-color:#ff008c;
    font-size:18px;
    text-transform:uppercase;
    border:none;
    border-radius:50px;
    height:45px;
    -webkit-appearance:none;
    padding:0 20px;
    font-family:"Proxima Nova Semibold";
    margin-top:10px;
}
/*******************************************************************
*  END Email Unsubscribe page
**********************************************************************/
/******** ******************************************************/
/*   Language specific styles  ********************************/
/************************************************************/
.smartling-de .not-german {
    display:none;    
}
.smartling-de.ssc-2018.st-landing-page .st-button {
    padding:10px 15px;
} 
.smartling-de .home-video-button,
.smartling-fr .home-video-button {
    bottom:5%;
}
.smartling-de .home-banner-two-buttons {
    max-width:485px;
}
.smartling-de .home-banner-two-buttons .st-button {
    max-width:160px;
}
.smartling-fr .home-banner-two-buttons {
    max-width:535px;
}
.smartling-fr .home-banner-two-buttons .st-button {
    max-width:170px;
}
/**********************************************************************
* LP styles - Fall 2017  
***********************************************************************/


.banner-flex-text {
    align-self:center;
    -webkit-align-self:center;
} 
.flex-form {
    -webkit-align-items:stretch;
    align-items:stretch;    
}
.st-landing-page h1 {
    font-size:40px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    margin-top:20px;
}
.st-landing-page .why-nexus {
    background-color:#ebf0f5;   
    text-align:center;
    padding:0 20px;
}
.st-landing-page h3 {
    font-size:36px;
    font-family:"Proxima Nova Semibold";  
    line-height:40px;
    font-weight:normal;
}
.st-landing-page .sonatype-overview-block h3 {
    font-size:120%;
    line-height:30px;
}
.st-landing-page .banner-flex-text h3 {
    font-size:30px;
    font-family: "Proxima Nova Light";
    line-height:40px;
    font-weight:normal;
}
.st-landing-page .st-form h3 {
    font-size:24px;
    font-family:"Proxima Nova Semibold"; 
    font-weight:normal;
}
.st-landing-page h3 a {
    font-size:30px;
    font-family:"Proxima Nova Semibold"; 
    font-weight:normal;
}
.st-landing-page .body-container p {
    color:#2C2D2E;
    font-size:18px;
    line-height:29px;
}
.st-landing-page .body-container .sonatype-news p {
	font-size:13px;
	line-height:22px;
	color:#6d7073;
}
.st-landing-page .center-align {
    text-align:center;
}
.st-landing-page .gray-border-bottom {
    border-bottom:1px solid #C5C6C7;
}
.st-landing-page .green-bg {
    background-color:#2A5941;
}
.st-landing-page .st-button {
    padding:10px 30px;
}
.st-landing-page .footer-banner h3 {
    margin-top:20px;
    margin-bottom:20px;
}
.st-landing-page .footer-banner {
    padding-top:10px;
    padding-bottom:10px;
}
.st-landing-page .footer-banner-button {
    margin-top:27px;
    margin-bottom:10px;
}
.st-landing-page.ssc-2018 .footer-banner-button .st-button.pink {
    max-width:120px;    
}
.st-landing-page.ssc-2018.smartling-de .footer-banner-button .st-button.pink {
    max-width:100%;    
}
.st-landing-page .st-button-div  a.st-button.modal.small  {
    background-position:9% center;
    padding:10px 18px 9px 36px;
    margin-right:15px;
}
.st-landing-page .body-container .sonatype-legal p.footer-copyright {
    font-size:12px;
    margin-bottom: 5px;
    color: #6d7073;
    line-height:22px;
}
.pre-footer-button {
    text-align:right;
}
.three-col-table.mobile    {
    display:none;
}
.flexrows {
    display:-webkit-flex;
    display:flex;
}
.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-row {
    display:-webkit-flex;
    display:flex; 

}
    .redbox {
        border:1px solid red;
                -webkit-align-items:stretch;
        align-items:stretch;
    }
    .greenbox {
        background-color:green;
        color:#ffffff;
        align-self:center;
    }
.event-body {
    padding-top:60px;
    padding-bottom:60px;
}
.event-body ul {
    padding-left:0;
}
.event-body ul li {
    margin-bottom:20px;
    font-size:18px;
    list-style-position:inside;
}
.event-body .text24px-bold {
    line-height:37px;
}
.industry-logos {
    background-color:#fafafa;
}
.forrester-wp-image2 {
    text-align:right;
}
.dlf-speaker {
    padding-bottom:20px;
}
.nuc-speaker img {

}
.dlf-speaker h4,
.nuc-speaker h4,
.icon-text-col h4 {
    font-size:24px;
    margin-bottom:5px;
    line-height:32px;
}
.dlf-speaker h5,
.nuc-speaker h5,
.icon-text-col h5 {
    font-family:"Proxima Nova Light";
    font-size:18px;
    margin-top:5px;
}

.dlf-form fieldset.form-columns-2 input,
.dlf-form .hs-form-field .hs-input,
.nuc-form fieldset.form-columns-2 input,
.nuc-form .hs-form-field .hs-input{
    width: 98%;
    height: 40px;
    border: 1px solid #c5c6c7;
    margin-top: 5px;
    padding: 5px;
    border-radius:0;
}

.dlf-form fieldset.form-columns-1 input,
.nuc-form fieldset.form-columns-1 input {
    width: 97% !important;
    height: 40px;
    border: 1px solid #C5C6C7;
    margin-top: 5px;
    padding: 5px;
}
.dlf-form .hs-form-field select.hs-input,
.nuc-form .hs-form-field select.hs-input {
    height:52px;
    width:100%;
    margin-bottom:15px;
}
.dlf-form.st-form .actions input {
    width:35%;
}
.dlf-form.st-form,
.nuc-form.st-form {
    margin-top:0;
    background-color:#EBF0F5;
}
.dlf-form h3, 
.nuc-form h3 {
    color:#336699;
}
.dlf-series h2,
.nuc-series h2 {
    color:#336699;
}
.dlf-icon,
.nuc-icon,
.icon-text-icon {
    text-align:center;
}
.icon-text-icon.left {
    padding-left:20px;
}
.dlf-overlap,
.nuc-overlap {
    z-index:1;
    position:relative;
    margin-bottom:-170px;
    height:170px;
}
.dlf-text-box, 
.nuc-text-box,
.icon-text-text {
    margin-top:20px;
    padding-bottom:10px;
}
.dlf-text-box h4,
.nuc-text-box h4,
.icon-text-text h4 {
    margin-top:0;
}
.ssc-2018 .icon-text-text h4 {
    min-height:60px;    
}
.dlf-text-box.middle,
.nuc-text-box.middle,
.icon-text-text.middle {
    border-left:1px solid #C5C6C7;
    border-right:1px solid #C5C6C7;
    padding-left:10px;
    padding-right:10px;
}
.icon-text-text.left {
    border-left:1px solid #C5C6C7;
    padding-left:20px;
}
.gdpr-learn {
    min-height:215px !important;
}

.generic-form  {
    display:block !important;
    margin:0 auto;
    max-width:500px;
    float:none !important;
}
#learn-button {
    max-width:125px;
    margin:0 auto;
    cursor: pointer;
}
.card-block-image {
    text-align:center;
    z-index:100;
    margin-bottom:-82px;
    position:relative;
    margin-top:40px;
}
.card-block-image.horizontal {
    margin:0 -110px 0 0;
}
.card-block-image img {
    border-radius:50%;
    width:150px;
    height:150px;
    border:3px solid #ffffff;
    z-index:100;
}
.card-block-cta {
    margin-top:20px;
}
.card-block-cta a {
    color:#ffffff;
    text-align:center;
    font-weight:bold;
}
.card-block-cta-link {
    background-color:#369; 
    padding:10px;
}
.card-block-cta-link.horizontal {
    max-width:350px;
    display:block;
    margin:0 auto;
}
.card-block-cta-link:hover {
    background-color:#ff008c;
}
.card-block-info {
    border:1px solid #C5C6C7;
    padding:50px 10px 20px;
    text-align:center;
    border-radius:3px;
    z-index:10;
    position:relative;
}
.card-block-info.horizontal {
    padding:20px 20px 20px 100px;
}
.card-block-text {

}
.strike-behind {
    text-align:center;
    position:relative;
    margin-top:40px;
    margin-bottom:30px;
}
.strike-behind:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 5px solid #ffffff;
  background: #ffffff;
  width: 100%;
  transform: translateY(-50%);
}
.strike-text {
    border:5px solid #ffffff;
    position:relative;
    z-index:100;
    max-width:180px;
    margin:0 auto;
}
.strike-text h2 {
    margin-top:10px;
    margin-bottom:10px;
}

.survey-logos a {
    margin-right:15px;
    margin-left:15px;
}
.survey-logos img {
    margin-bottom:15px;
    max-width:225px;
}
.survey-image {
    max-width:250px;
    height:auto;
    margin:100px auto 0;
}
.sonatype-section.survey-body > .row-fluid-wrapper > .row-fluid {
    max-width:1000px;
}
/***  card with hover effect  ****/
.logo-image {
    opacity:1;
}
.head-shot {
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 155px !important;
    width: auto; 
}
.hover-overlay {
    background-color:#369;
    color:white;
    position:absolute;
    top:0;
    left:0;
    height:300px;
    width:100%;
    z-index:100;
    opacity:0;
    padding-top:26px;
}
.speaker-box {
    height: 300px;
    border: 1px solid #D5D5D5;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
    border-radius: 4px;
    text-align: center;
    padding-top: 26px;
    position: relative;
    margin-bottom: 16px;
}
.card-box {
    max-height: 300px;
    max-width:300px;
    width:100%;
    height:auto;
    border: 1px solid #D5D5D5;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
    border-radius: 4px;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
    margin-left:auto;
    margin-right:auto;
}
.card-overlay {
    background-color:#1c205e;
    color:white;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    opacity:0;
    text-align:left;
    padding:10px 15px 10px;
    border-radius: 4px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box;
     height:100%;
     width:100%;
}
.card-overlay h3
{
    text-align:left;
    margin-bottom:0;
    margin-top:5px;
}
.card-overlay h4 {
    font-family: 'Proxima Nova Light';
    text-align:left;
    margin-bottom:30px;
    font-size:32px;
    margin-top:0;
}
.card-overlay h5 {
    text-align:left;
    font-size:24px;
    margin-top:10px;
    line-height:28px;
    margin-bottom:10px;
}
.card-image img {
    border-radius:4px;
}
.card-text {
    position:absolute;
    bottom:0;
}
/*** end card with hover effect  ***/
.federal-infographics {
    text-align:center;
}
.federal-infographics h3 {
    font-family: "Proxima Nova Semibold";
    font-size: 21px;
}
.st-landing-page .body-container .federal-infographics p {
    font-size: 14px;
    line-height: 20px;
}
.federal-infographics img {
    max-width:200px;
    height:auto;
    max-height:175px;
}
.webinar-block {
    margin-top:75px;
}
.media-block {
    margin-top:35px;
    padding-left:1em;
    padding-right:1em;
}
.media-block:nth-of-type(odd) {
    background-color:#f1f1f1;
    padding-top:1.5em;
    padding-bottom:1em;
}
.media-block h3 {
    margin-top:0;
    line-height:34px;
    margin-bottom:20px;
}
.news-events-info p {
    margin-bottom:0;
    margin-top:0;
    padding-bottom:3px;
    padding-top:0;
}
.st-landing-page .body-container .webinar-block .blue-text p {
    color:#369;
    font-size:24px;
    line-height:30px;
    margin-top:10px;
}

/****  Muda vs Kaizen table styling  ***/
.st-table.sonatype-muda-vs-kaizen {
    color: #666f77;
}
.st-table.sonatype-muda-vs-kaizen hr {
    border: 1px solid #c0c2c3;
} 
.st-table.sonatype-muda-vs-kaizen .table-header .muda,
.st-table.sonatype-muda-vs-kaizen .table-footer .muda {
    font-size: 150%;
    background-color: #ff008d;
}
.st-table.sonatype-muda-vs-kaizen .benefits .muda strong {
    color: #ff008d;
}
.st-table.sonatype-muda-vs-kaizen a {
    color: #585757;
    text-decoration: underline;
}
.st-landing-page .demand-base-overview .sonatype-overview-block {
    font-size:18px;
}
.st-landing-page .demand-base-overview .sonatype-overview-block h3 {
    font-size:120%;
}
/****  End Muda vs Kaizen table styling  ***/
.tour-winter-2018 .tour-body li {
    margin-bottom:15px;
}
.monitor-section {
    padding-left:4em;
}
.ha-info {
    margin-bottom:50px;
}
.ha-info h2 {
    color:#46956d;
}
.ha-info img {
    max-width:200px;
    height:auto;
}
.st-landing-page .sonatype-model {
    padding-top:1em;
}

.bd-gallery .hs_cos_gallery_main .caption.superimpose,
.bd-gallery .hs_cos_gallery_thumbnails .caption.superimpose,
.bd-gallery .hs_cos_gallery_lightbox .caption.superimpose {
    background:transparent;  
    top:0;
}
.bd-gallery .hs_cos_gallery_main .slick-slide .caption img,
.bd-gallery .hs_cos_gallery_thumbnails .slick-slide .caption img,
.bd-gallery .hs_cos_gallery_lightbox .slick-slide .caption img {
    max-width:150px;
    height:auto;
}
.bd-gallery .bold-quote {
    color: #2c2d2e;
    margin-bottom: 40px;
    margin-top: 40x;
    font-size:24px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    line-height:30px;
    text-align:center;
}
.bd-gallery .light-quote {
    text-align: center;
    color: #2c2d2e;
    margin-bottom: 40px; 
    font-size:24px;
    font-family: "Proxima Nova Light"; 
    font-weight:normal;
    line-height:30px;
    text-align:center;
}
.event-agenda {
    -webkit-box-shadow: 1px 6px 32px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 6px 32px -8px rgba(0,0,0,0.75);
    box-shadow: 1px 6px 32px -8px rgba(0,0,0,0.75);
}
.agenda-header {
    color:#ffffff;
    text-align:center;
    font-family:"Proxima Nova Semibold";
    padding:5px 15px;
}
.st-landing-page .body-container .agenda-header p.title1 {
    color:#ffffff;
    font-size:28px;
    line-height:40px;
    margin-bottom:5px;
}
.st-landing-page .body-container .agenda-header p.title2 {
    color:#ffffff;
    font-size:25px;
    line-height:30px;
    margin-top:5px;
}
.agenda-info {
    padding:10px 20px;
}
.agenda-row {
    margin-top:10px;
    margin-bottom:10px;
}
.st-landing-page .body-container p.agenda-time {
    text-align:right;
    font-size:22px;
    font-family: "Proxima Nova Light";  
    margin-top:5px;
    margin-bottom:5px;
}
.st-landing-page .body-container p.agenda-item {
    text-align:left;
    font-size:22px;
    font-family: "Proxima Nova Light"; 
    margin-top:5px;
    margin-bottom:5px;
}
.st-landing-page .body-container .customer-success p {
    color:#369;
    font-size:29px;
    font-family:"Proxima Nova Semibold";
}
.st-landing-page .body-container .success-content p  {
    color:#ffffff;
    font-size:20px;
    line-height:24px;
}
.st-landing-page .body-container .success-content .st-button-div {
    text-align:left;
    margin-bottom:10px;
    margin-top:15px;
}
.success-data {
    position:relative;
}
.success-content {
  position:absolute;
    bottom:0;
    padding:15px;
    width:88%;
}
.success-content p strong {
    font-size:25px;
    line-height:20px;
}
.customer-flip ul {
/*    padding-left:0; */
}

.hover-grid figcaption.success-figcaption {
    padding:0;
}
.st-landing-page .success-content .st-button-div a.st-button.modal.small {
    margin-right:0;
}
.success-video,
.success-button {
    margin-top:10px;
    margin-bottom:10px;
    text-align:left;
}
.db-birds {
    position:absolute;
    bottom:0;
    max-width:380px;
}
/**********************************************************************
* end LP styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* start white paper styles - Fall 2017  
***********************************************************************/
.wp-landing-page h1 {
    font-size:48px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    margin-top:20px;
    line-height:52px;
}
.wp-landing-body {
    margin-top:25px;
}
.wp-landing-body ul {
    padding-left:0;
}
.wp-landing-body ul li {
    list-style-position:inside;
    margin-bottom:15px;
}
.white-paper-form {
    background-color:#EBF0F5;
    padding:24px;
    margin-top:35px;
    margin-bottom:60px;
}
.white-paper-form .st-form .actions input {
    max-width:200px;
    border-radius: 50px;
    border:none;
    width:100%;
}
.smartling-de .white-paper-form .st-form .actions input {
    max-width:250px;
}
.white-paper-form .st-form h3.hs_cos_wrapper.form-title {
    color:#336699;
}
.white-paper-form img {
    margin-top:25px;
} 
.white-paper-form .st-form {
    margin-top:0;
    padding:0;
    margin-bottom:0;
}
.white-paper-form .st-form label {
    color:#2C2D2E;
}
.white-paper-form .st-form input, .white-paper-form .st-form select {
    border-radius:2px;
    border:1px solid #C5C6C7;
    padding-left:5px;
    margin-bottom:10px;
}
.white-paper-form .st-form fieldset.form-columns-1 .hs-input {
    color:#2C2D2E;
    padding-left:10px;
    padding-right:10px;
    width:95% !important;
}
.white-paper-form .st-form fieldset.form-columns-1 input.hs-input[type="checkbox"] {
    width:12px !important;
}
.white-paper-form .st-form fieldset.form-columns-1 select.hs-input {
    width:100% !important;
}
.wp-social-list {
    margin-top:35px;
    margin-bottom:60px;
}
.wp-social {
    color:#ffffff;
    border-radius:50%;
    padding:10px 10px 10px 12px;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
}
.wp-social.wp-facebook {
    background-color:#3D5B98;
    padding:10px 12px 10px 14px;
}
.wp-social.wp-linkedin {
    background-color:#0279B5;
}
.wp-social.wp-twitter {
    background-color:#1FA1F2;
}
.wp-social.wp-googlep {
    background-color:#DC5043;
    margin-right:0;
}
.wp-social.wp-email {
    background-color:#848484;
    padding:10px 13px 10px 12px;
}
.wp-hs-social {
    margin-top:30px;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:first-child  {
    color:#ffffff;
    background-color:#3D5B98;
    border-radius: 50%;
    padding: 8px 1px 8px 4px;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:first-child img {
    display:none;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:first-child:after {
    font-family:"FontAwesome";
    content:"\f09a"; !important;
    color:#ffffff;
    border-radius:50%;
    padding:11px 10px 11px 12px;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(2)  {
    color:#ffffff;
    background-color:#0279B5;
    border-radius: 50%;
    padding: 8px 0px 9px 3px;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(2) img {
    display:none;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(2):after {
    font-family:"FontAwesome";
    content:"\f0e1"; !important;
    color:#ffffff;
    border-radius:50%;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
    padding:10px 10px 10px 11px;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(3)  {
    color:#ffffff;
    background-color:#1FA1F2;
    border-radius: 50%;
    padding: 9px 1px 9px 2px;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(3) img {
    display:none;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(3):after {
    font-family:"FontAwesome";
    content:"\f099"; !important;
    color:#ffffff;
    border-radius:50%;
    padding:10px 8px 10px 11px;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(4)  {
    color:#ffffff;
    background-color:#DC5043;
    border-radius: 50%;
    padding: 9px 0px 9px 2px;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(4) img {
    display:none;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(4):after {
    font-family:"FontAwesome";
    content:"\f0d5"; !important;
    color:#ffffff;
    border-radius:50%;
    padding:10px 5px 10px 11px;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(5)  {
    color:#ffffff;
    background-color:#848484;
    border-radius: 50%;
    padding: 8px 0px 9px 4px;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(5) img {
    display:none;
}
.wp-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(5):after {
    font-family:"FontAwesome";
    content:"\f0e0"; !important;
    color:#ffffff;
    border-radius:50%;
    padding:8px 9px 11px 9px;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
}
.wp-footer-logo {
    padding-top:5px;
}
/**********************************************************************
* end white paper styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* Components styles - Fall 2017  
***********************************************************************/
.components h1 {
    font-size:48px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    line-height:58px;
}
.components h2 {
    font-size:36px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    line-height:44px;
}
.text30px-light {
    font-size:30px;
    font-family: "Proxima Nova Light"; 
    font-weight:normal;
    line-height:37px;
}
.text34px-bold {
    font-size:34px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    line-height:37px;
}
.text30px-bold {
    font-size:30px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    line-height:37px;
}
.text24px-light {
    font-size:24px;
    font-family: "Proxima Nova Light"; 
    font-weight:normal;
    line-height:29px;
}
.text24px-bold {
    font-size:24px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    line-height:29px;
}
.text18px-bold {
    font-size:18px;
    font-family: "Proxima Nova Semibold"; 
    font-weight:normal;
    line-height:29px;
}
.text18px-light {
    font-size:18px;
    font-family: "Proxima Nova Light"; 
    font-weight:normal;
    line-height:29px;
}
.text14px-light {
    font-size:14px;
    font-family: "Proxima Nova Light"; 
    font-weight:normal;
    line-height:21px;
}
.components .sonatype-news p {
    font-size:13px;
}

.closed .recommended-block__title {
    line-height:18px;
    font-family: "Proxima Nova Semibold"; 
}
.components .heading-padding{
    padding-top:250px;
    padding-bottom:250px;
}
.hero {
    position: relative;
    background-size: cover;
    background-position: left center;
    padding: 5% 0;
    -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}
.heading-opacity {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:1;
}
.hero--text {
    position: relative;
    z-index: 2;
    color:white;
}
.hero--text  .st-button.small {
    padding-left:25px;
    padding-right:25px;
}
.hero--text  .st-button {
    margin-right:15px;
}
.hero--text .ctas {
    margin-top:40px;
}
.pre-footer-cta {
    text-align:right;
    padding-right:20px;
}
/**********************************************************************
* Quote Variants styles - Fall 2017  
***********************************************************************/
.banner-quote .cta {
    margin-top:60px;
}
.banner-quote {
    padding:40px 0 60px;
}
.border-quote {
    border:1px solid #F1F1F1;
}
/**********************************************************************
* End Quote Variants  styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* End Components styles - Fall 2017  
***********************************************************************/
/**********************************************************************
* Blog styles - Fall 2017  
***********************************************************************/
.blog-banner {
    background-image:url(https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Landing%20Pages/cogs-15-opaque.png?t=1540918461777);
    background-position:center center;
    background-size:cover;
    background-color:#1f3d5c;
    color:#ffffff;
    padding-top:60px;
    padding-bottom:60px;
}
.blog-subscribe-form {
    padding:30px;
    border-radius:3px;
}
.blog-subscribe-form h3 {
    margin-top:0;
}
.blog-subscribe-form.black-bg {
    background-color:rgba(0,0,0, .6); 
    color:#ffffff;
}
.blog-subscribe-form.white-bg {
    background-color:#ffffff;
    color:#2C2D2E;
    border:1px solid #C5C6C7;
    margin-top:50px;
}

.blog-subscribe-form .actions input {
    color:#ffffff;
    background-color:#ff008c;
    border-radius:50px;
    font-family:"Proxima Nova Semibold";
    text-transform:uppercase;
    line-height:22px;
    height:45px;
    margin-top:15px;
    -webkit-appearance: none;
    border:none;
    font-size:14px;
    padding:10px 30px;
}
.blog-subscribe-form .hs_email input {
    width:96%;
    height:40px;
    margin-bottom:15px;
    padding:5px;
}

.blog-subscribe-form ul.inputs-list.multi-container {
    padding-left:0;
}
.blog-subscribe-form ul.inputs-list.multi-container li {
    display:inline;
    font-size:14px;
    margin-right:20px;
}
.blog-subscribe-form .hs-form-radio-display input[type="radio" i]  {
    width:24px;
    height:24px;
    margin-right:10px;
}
.blog-subscribe-form .hs-form-radio-display input[type="radio"]  {
    vertical-align:bottom;
}
.blog-body {
    margin-bottom:100px;
}
.blog-2017 .post-item {
    border-bottom:1px solid #C5C6C7;
    padding-bottom:25px;
}
.blog-2017 .blog-section {
    margin-top:50px;
    padding-right:20px;
}
.blog-2017 .post-item {
    padding-top:30px;
}
.blog-2017 #hubspot-author_data {
    padding-top:10px;
    font-size:18px;
}
.blog-2017 .blog-pagination {
    margin-top:40px;
}
.blog-2017 .blog-pagination a {
    color:#2C2D2E;
    margin-right:15px;
    padding-left:25px;
    padding-right:25px;
}
.blog-2017 .blog-sidebar {
    margin-top:60px;
}
.blog-2017 .blog-google {
    background-color:#EBF0F5;
    padding:30px 30px 50px;
    border-radius:3px;
    margin-bottom:30px;
}
.blog-2017 .blog-google label {
    font-family:"Proxima Nova Semibold"; 
    font-size:24px;
    margin-bottom:30px;
    color:#2C2D2E;
}
.blog-2017 .blog-google input {
    width:100% !important;
    height:30px;
    margin-bottom:30px;
    margin-top:20px;
    padding:5px;
    border:1px solid #C5C6C7;
}
.blog-2017 .blog-google a.hs-button.primary  {
    font-family:"Proxima Nova Semibold"; 
    text-transform:uppercase;
    color:#2C2D2E;
    font-size:14px;
    padding:15px 35px;
    border-radius:50px;
    border:1px solid #2C2D2E;
    text-align:center;
}
.blog-2017 .recent-posts h3,
.blog-2017 .topic-posts h3 {
    font-size:24px;
    color:#2C2D2E;
    margin-bottom:0;
}
.blog-2017 .recent-posts,
.blog-2017 .topic-posts {
    padding:0 30px 10px;
}
.blog-2017 .recent-posts ul,
.blog-2017 .topic-posts ul {
    padding-left:0;
    margin-top:10px;
}
.blog-2017 .recent-posts ul li,
.blog-2017 .topic-posts ul li {
    list-style-type:none;
    border-bottom:1px solid #C5C6C7;
    padding-top:15px;
    padding-bottom:15px;
}
.blog-2017 .recent-posts ul li a,
.blog-2017 .topic-posts ul li a {
    font-size:18px;
}
.blog-2017  .filter-expand-link {
    display:none;
}
.blog-2017 .post-body {
    border-top:1px solid #C5C6C7;
    margin-top:30px;
    padding-top:10px;
}
.blog-2017 .post-body h1 {
    font-size:30px;
}
.blog-2017 .post-body h2 {
    font-size:24px;
}
.blog-2017 .post-body h3 {
    font-size:20px;
}
.blog-2017 .hs-blog-social-share {
    border-top:1px solid #C5C6C7; 
    border-bottom:1px solid #C5C6C7;
    margin-top:30px;
    margin-bottom:30px;
    padding-bottom:30px;
    line-height:1;
}
.blog-2017-comments .actions input {
    font-family:"Proxima Nova Semibold"; 
    text-transform:uppercase;
    color:#2C2D2E;
    font-size:14px;
    padding:15px 35px;
    border-radius:50px;
    border:1px solid #2C2D2E;
    text-align:center;
    background-color:transparent;
    margin-top:30px;
}
.blog-2017-comments fieldset.form-columns-1 .inputs-list  input[type="checkbox"],
.blog-2017-comments  fieldset.form-columns-1 .inputs-list input[type="radio"] {
    appearance:none;
    -webkit-appearance:none;
    border:1px solid #C5C6C7;
    height:24px;
    width:24px !important;
    margin-left:0;
    margin-right:10px;
    position:relative;
}
.blog-2017-comments fieldset.form-columns-1 .inputs-list  input[type="checkbox"]:checked:after {
    font-family:"FontAwesome";
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}
.blog-2017-comments fieldset {
    width:98%;
    max-width:100% !important;
}
.blog-2017-comments .recaptcha_only_if_privacy a {
    color:#2C2D2E;
}
.blog-2017-comments fieldset.form-columns-2 input
{
    width:92%;
    height:40px;
    border:1px solid #C5C6C7;
    margin-top:5px;
    padding:5px;
}
.blog-2017-comments fieldset.form-columns-1 input {
    width:96% !important; 
    height:40px;
    border:1px solid #C5C6C7;
    margin-top:5px;
    padding:5px;
}

.blog-2017-comments fieldset.form-columns-1 textarea.hs-input {
    width:97% !important;
    height:120px;
}
.blog-2017-comments label {
    font-size:18px;
    color:#2C2D2E;
}
.blog-2017-comments fieldset.form-columns-2,
.blog-2017-comments fieldset.form-columns-1
{
    margin-bottom:15px !important;
}
.blog-2017-comments fieldset.form-columns-1 .hs_subscribe.field ul {
    margin-bottom:15px !important;
    margin-top:5px !important;
}
video.crypto {
    margin-bottom:10px;
    max-width:600px;
}
video.crypto::-webkit-media-controls-panel {
    background-color:#000000;
    color:white;
    margin-top:10px;
}

/**********************************************************************
* End Blog styles - Fall 2017  
***********************************************************************/


/**********************************************************************/
/*   Press Release Blog - Summer 2018  */
/**********************************************************************/

.pr-banner {
    background-color:#1f3d5c;
    background-image:url(https://cdn2.hubspot.net/hubfs/1958393/Updates%20Fall%202017/Landing%20Pages/cogs-15-opaque.png?t=1540918461777);
    color:#ffffff;
    text-align:center;
}
.pr-banner h1 {
    font-size:40px;
    margin-top:70px;
    margin-bottom:55px;
}
.pr-banner h3 {
    font-size:30px;
    font-family:"Proxima Nova Light";
    line-height:40px;
    font-weight:normal;
}
.pr-banner p {
    font-size:18px;
    line-height:29px;
}
.pr-blog .blog-section h3 {
    font-size: 30px;
    font-family: "Proxima Nova Semibold";
    font-weight: normal;
    margin-bottom:20px;
    color:#369;
    font-size:23px;
}
.pr-blog .blog-section p,
.pr-blog .blog-section .pr-content h3 {
    font-weight:400;
    font-family: "Proxima Nova Light";
    font-size: 14pt;
    line-height: 1.5; 
    margin-top:0;
}
.pr-blog .blog-section {
    margin-top:70px;
    margin-bottom:100px;
}
.pr-blog .post-item {
    margin-bottom:70px;
}
.pr-blog .blog-section .pr-content h3 {
    margin-bottom:0;
}
.pr-blog .pr-previous {
    text-align:left;   
}
.pr-blog .pr-all  {
    text-align:center;  
}
.pr-blog .pr-next  {
    text-align:right;    
}
.pr-blog .blog-pagination {
    padding-bottom:10px;
}
.pr-blog .blog-section .pr-content h3 {
    display:none;
}

/**********************************************************************/
/*   German Blog - Fall 2018  */
/**********************************************************************/
.german-blog .post-item {
    margin-bottom:70px;
}
.german-blog .blog-section h3 {
    font-size: 30px;
    font-family: "Proxima Nova Semibold";
    font-weight: normal;
    margin-bottom:20px;
    color:#369;
    font-size:23px;    
}
.german-blog .blog-section {
    margin-top:70px;
    margin-bottom:100px;    
}
/***********************************************************************/
/*  Customer Stories        */
/***********************************************************************/
.story-banner {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    padding:60px 0 122px;
}
.story-banner h1 {
    margin-bottom:30px;
}
.logo-circle {
    margin:0 auto;
    z-index:100;
    margin-top:-75px;
}
.story-overview h3 {
    color:#336699;
    font-size:24px;
}
.story-overview ul li {
    text-align:left;
    margin-bottom:20px;
    color:#2C2D2E;
    font-size:18px;
    line-height:27px;
}
.story-overview .sonatype-overview-block {
    padding-top:0;
}
.logo-circle .align {

    text-align:center;
}
.story-text h3 {
    font-size:24px;
    font-family:"Proxima Nova Semibold";
    margin-top:35px;
}
.story-text p {
    font-size:18px;
    font-family:"Proxima Nova Light";
    margin-bottom:30px;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:first-child  {
    color:#ffffff;
    background-color:#3D5B98;
    padding: 8px 1px 8px 4px;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:first-child img {
    display:none;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:first-child:after {
    font-family:"FontAwesome", "Proxima Nova Semibold";
    content:"\f09a\3000 Facebook"; !important;
    color:#ffffff;
    padding:11px 10px 11px 12px;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(2)  {
    color:#ffffff;
    background-color:#0279B5;
    padding: 8px 0px 9px 3px;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(2) img {
    display:none;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(2):after {
    font-family:"FontAwesome", "Proxima Nova Semibold";
    content:"\f0e1\3000 LinkedIn"; !important;
    color:#ffffff;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
    padding:10px 10px 10px 11px;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(3)  {
    color:#ffffff;
    background-color:#1FA1F2;
    padding: 9px 1px 9px 2px;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(3) img {
    display:none;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(3):after {
    font-family:"FontAwesome", "Proxima Nova Semibold";
    content:"\f099\3000 Twitter"; !important;
    color:#ffffff;
    padding:10px 8px 10px 11px;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(4)  {
    color:#ffffff;
    background-color:#DC5043;
    padding: 9px 0px 9px 2px;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(4) img {
    display:none;
}
.story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(4):after {
    font-family:"FontAwesome", "Proxima Nova Semibold";
    content:"\f0d5\3000 Google +"; !important;
    color:#ffffff;
    padding:10px 5px 10px 11px;
    font-size:14px;
    margin-right:5px; 
    text-align:center;
}
.story-button {
    margin-bottom:10px;
    margin-top:15px;
}
.story-button .st-button {
    padding:10px 30px;
}
.center-ul ul {
    padding-left:75px;
}
.center-ul-2col ul {
    padding-left:100px;
}

/********************************************************************/
/*  End Customer Stories  */
/********************************************************************/
/***************** *************************************************/
/*     Nexus Intelligence August 2018   ****************************/
/*******************************************************************/
.brain-background-image,
.brain-background-image-mid,
.brain-background-image-small-desktop{
    position:relative;
    margin:0 auto;
}
.overlay-image {
    position:absolute;
    top:0;
    left:0;
}
.overlay-image.compID,
.overlay-image.remData,
.overlay-image.secData,
.overlay-image.compData,
.overlay-image.archData,
.overlay-image.crowdData,
.overlay-image.licData {
    opacity:0;
}
.overlay-image.compID.show-overlay,
.overlay-image.remData.show-overlay,
.overlay-image.secData.show-overlay,
.overlay-image.compData.show-overlay,
.overlay-image.archData.show-overlay,
.overlay-image.crowdData.show-overlay,
.overlay-image.licData.show-overlay {
    opacity:1;
}
.full-brain {
    position:relative;
    padding-bottom:40px;
}
.intel-white-source .full-brain {
    padding-bottom:0;
}
.brain-text {
    position:absolute;
    max-width:280px;
}
.brain-text ul {
    margin-top:5px;
    margin-bottom:5px;
}
.brain-text ul li p {
    margin-bottom:0;
    margin-top:0;
}
.st-landing-page .body-container .brain-text p {
    font-size:18px; 
    line-height:24px;
}
.brain-text h5 {
    font-weight:bold;
    font-size:22px;
    margin-bottom:15px;
}
.brain-text.first-lobe,
.brain-text.second-lobe,
.brain-text.third-lobe,
.brain-text.fourth-lobe,
.brain-text.fifth-lobe,
.brain-text.sixth-lobe,
.brain-text.seventh-lobe
{
    display:none;   
}
.brain-text.first-lobe.show-lobe,
.brain-text.second-lobe.show-lobe,
.brain-text.third-lobe.show-lobe,
.brain-text.fourth-lobe.show-lobe,
.brain-text.fifth-lobe.show-lobe,
.brain-text.sixth-lobe.show-lobe,
.brain-text.seventh-lobe.show-lobe
{
    display:block;   
}
.brain-text.first-lobe {
    top:0px;
    left:2px;
}
.brain-text.second-lobe {
    top:0px;
    left:3px;
}
.brain-text.third-lobe{
    top:0px;
    right:60px;
}
.brain-text.fourth-lobe {
    top:0px;
    left:3px;
}
.brain-text.fifth-lobe {
    top:0px;
    right:55px;
}
.brain-text.sixth-lobe {
    top:0px;
    left:3px;
}
.brain-text.seventh-lobe {
    top:0px;
    right:60px;
}
.row-fluid [class*="span"].brain-image-mobile,
.row-fluid [class*="span"].brain-image-midsize,
.row-fluid [class*="span"].brain-image-tablet,
.row-fluid [class*="span"].brain-image-desktop-small {
    display:none;
}
.brain-text.first-lobe h5,
.brain-text p.first-lobe,
.brain-text ul.first-lobe li p {
    color:#6f5ea8;
}
.brain-text.second-lobe h5,
.brain-text p.second-lobe,
.brain-text ul.second-lobe li p  {
    color:#67379a;
}
.brain-text.third-lobe h5,
.brain-text p.third-lobe,
.brain-text ul.third-lobe li p  {
    color:#944c9d;
}
.brain-text.fourth-lobe h5,
.brain-text p.fourth-lobe,
.brain-text ul.fourth-lobe li p  {
    color:#415da9;
}
.brain-text.fifth-lobe h5,
.brain-text p.fifth-lobe,
.brain-text ul.fifth-lobe li p  {
    color:#3fb77b;
}
.brain-text.sixth-lobe h5,
.brain-text p.sixth-lobe,
.brain-text ul.sixth-lobe li p  {
    color:#0784aa;
}
.brain-text.seventh-lobe h5,
.brain-text p.seventh-lobe,
.brain-text ul.seventh-lobe li p  {
    color:#11becc;
}
.brain-text ul.first-lobe,
.brain-text ul.second-lobe,
.brain-text ul.third-lobe,
.brain-text ul.fourth-lobe,
.brain-text ul.fifth-lobe,
.brain-text ul.sixth-lobe,
.brain-text ul.seventh-lobe {
    list-style-type:none;
}
.brain-text ul.first-lobe li p:before,
.brain-text ul.second-lobe li p:before,
.brain-text ul.third-lobe li p:before,
.brain-text ul.fourth-lobe li p:before,
.brain-text ul.fifth-lobe li p:before,
.brain-text ul.sixth-lobe li p:before,
.brain-text ul.seventh-lobe li p:before {
    content: "•";
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/***************** *************************************************/
/*     END Nexus Intelligence August 2018   ****************************/
/*******************************************************************/

/***************************************************************/
/*  Product Overview Changes  -  August 2018  ***************/
/***************************************************************/
.overview-image-bg {
    background-color:#e2ecf1;
    text-align:center;
    color:#336699;
    padding:20px 0 50px;
    margin-bottom:0;
}
.row-fluid [class*="span"].overview-image-bg.desktop {
    
}
.row-fluid [class*="span"].overview-info.mobile {
    display:none;
    
}
.product-overview-div {
    position:relative;
}
.row-fluid [class*="span"].overview-text.overview-lifecycle,
.row-fluid [class*="span"].overview-text.overview-repo,
.row-fluid [class*="span"].overview-text.overview-auditor,
.row-fluid [class*="span"].overview-text.overview-firewall,
.row-fluid [class*="span"].overview-text.overview-intelligence{
    position:absolute;
    background-color:#ffffff;
    padding:0 10px;
    max-width:200px;
    top:0;
    left:50px;
    color:black;
    display:none;

}
.st-landing-page .body-container .row-fluid [class*="span"].overview-text p {
    line-height:20px;
    font-size:14px;
}
.row-fluid [class*="span"].overview-text.overview-lifecycle.show-overview,
.row-fluid [class*="span"].overview-text.overview-repo.show-overview,
.row-fluid [class*="span"].overview-text.overview-auditor.show-overview,
.row-fluid [class*="span"].overview-text.overview-firewall.show-overview,
.row-fluid [class*="span"].overview-text.overview-intelligence.show-overview{
    display:block;
}
.st-landing-page .body-container .row-fluid [class*="span"].overview-text.overview-lifecycle  p {
     color:#435491;   
}
.st-landing-page .body-container .row-fluid [class*="span"].overview-text.overview-repo  p {
    color:#197b4c;   
}
.st-landing-page .body-container .row-fluid [class*="span"].overview-text.overview-auditor  p {
    color:#712f7f; 
}
.st-landing-page .body-container .row-fluid [class*="span"].overview-text.overview-firewall  p {
    color:#584186;
}
.st-landing-page .body-container .row-fluid [class*="span"].overview-text.overview-intelligence  p {
  
}
.row-fluid [class*="span"].overview-text.overview-lifecycle {
    left:35%;
    top:137px;

}
.row-fluid [class*="span"].overview-text.overview-repo {
    left: auto;
    bottom: 75px;
    top: auto;
    right:58%;

}
.row-fluid [class*="span"].overview-text.overview-auditor {
    left: auto;
    right: 23%;
    top: 315px;

}
.row-fluid [class*="span"].overview-text.overview-firewall {
    left: auto;
    top: 222px;
    right:74%;

}
.row-fluid [class*="span"].overview-text.overview-intelligence {
    left: auto;
    right:30%;
    bottom: 0;
    top: auto;
}
.overview-fancybox {
    background-color:#ffffff;
    
}
.product-overview-div .fancybox-skin {
    background-color:#ffffff;   
}
#lifecycle-id,
#repo-id,
#auditor-id,
#intelligence-id,
#firewall-id {
    display:none;
    max-width:700px;
    padding:20px;
    background-color:#ffffff;
}
#lifecycle-id h3,
#repo-id h3,
#auditor-id h3,
#intelligence-id h3,
#firewall-id h3 {
    font-size:28px;
    margin-bottom:0;
    line-height:30px;
    margin-top:0;
}
#lifecycle-id h3 {
    color:#435491; 
}
#repo-id h3 {
    color:#197b4c;  
}
#auditor-id h3 {
    color:#712f7f;  
}
#firewall-id h3 {
    color:#584186;
}
.product-icon {
    text-align:center;
}
.product-icon img {
    max-width:160px;
}
.overview-text-cta p {
    text-align:right;
    margin-bottom:0;
    margin-top:0;
}
.overview-video {
    position: relative;
    width:990px;
    height: 618px;
    margin: 0 auto;
    background-color:#e1ecf1;
    border: none !important;
    overflow:hidden;
}
.overview-video-popup {
    position:absolute;
    border:1px solid;
    opacity:0;
    width: 150px;
    height: 150px;
}
.overview-video-popup.firewall {
    border-color:red;
    top: 110px;
    left: 45px;
}
.overview-video-popup.lifecycle {
    border-color:green;
    top: 15px;
    left: 261px; 
}
.overview-video-popup.auditor {
    border-color:purple;
    top: 175px;
    right: 45px;
}
.overview-video-popup.repo {
    border-color:yellow;
    top: 285px;
    left: 251px;
    height: 125px;
}
.overview-video-popup.intelligence {
    border-color:blue;
    top: 355px;
    left: 412px;
    width: 263px;
    height: 248px; 
}
/***************************************************************/
/*  END Product Overview Changes  -  August 2018  ***************/
/***************************************************************/

/**********************************************************/
/****  Nexus Intelligence Insights  -  September 2018  ***/
/***************************************************************/
.cve-item {
    background-color:#EBF0F5;
    padding:30px;
    position:relative;
    margin-bottom:10px;
    margin-top:10px;
    cursor: pointer; /* Mouse pointer type on hover */
}
.cve-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 21px;
    right: 20px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
}
.cve-trigger:hover{
    text-decoration: none;
}
.cve-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
}
.cve-trigger i:after{
    position: absolute;
    content: '';
}
.cve-trigger i, .cve-trigger i:after{
    width: 18px; /* Icon line width */
    height: 4px; /* Icon line height */
    background-color:#ff008c; /* Icon color */
    display: block;
}
.cve-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.cve-trigger.cve-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.cve-trigger.cve-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
} 
.cve-data{
  display:none;
}
.cve-data.cve-show {
  display:block;
}
.cve-dropdowns {
    margin-top:30px;
}
.insight-graph {
    padding:30px 0;
    margin-top:30px;
}
.cve-info-row {
    margin-bottom:20px;
}

/**********************************************************/
/**** END Nexus Intelligence Insights  -  September 2018  ***/
/***************************************************************/
/**********************************************************/
/******  BEGIN Software Supply Chain - September 2018  *****/
/*********************************************************/
.ssc-banner-bg {
    background-position: center center;
    background-size: cover;
}

/**********************************************************/
/******  END Software Supply Chain - September 2018  *****/
/*********************************************************/

/*********************************************************/
/**********  BEGIN  Package/Language Support - September 2018  ***/
/***********************************************************/
.language-support-header {
    color:#336699;
    background-color:#EBF0F5;
    text-align:center;
    padding:15px 0;
    margin-bottom:20px;
    font-weight:bold;
}
.language-support-column {
    color:#ffffff;
    background-color:#336699;
    text-align:center;
    padding:15px 0;
    margin-bottom:20px;
    font-weight:bold;
}
.language-support-column.firewall {
    background-color:#875294;
}
.language-support-column.lifecycle {
    background-color:#3A4C8C;
}
.language-support-column.repo {
    background-color:#19BA72;
}
.solution-col {
    text-align:center;
    margin-bottom:15px;
}
.solution-col p {
    margin-top:0;
}
.solution-col img {
    max-width:30px;
    height:auto;
}
.cog-rows {
    padding:0 10px 0;
}
.cog-rows .flex-form {
    padding-top:20px;    
}
.cog-rows:nth-of-type(even)  {
    background-color:#F0F0F0;   
}
.language-desktop .banner-flex-container:nth-of-type(even)  {
    background-color:#F0F0F0;   
}
.language-product {
    text-align:center;
    margin-bottom:20px;
}
.language-product img {
    max-height:120px;
    width:auto;
}
.row-fluid [class*="span"].language-mobile {
    display:none;
}
.lang-table {
    border-collapse:collapse;
    margin-bottom:10px;
}
.lang-table td {
}
.lang-table img {
    max-width:20px;
    height:auto;
}
.vertical-text {
	transform: rotate(90deg);
/*	transform-origin: left top 0; */
}
.vertical-right {
	transform: rotate(90deg);
	transform-origin: right top 0;
}
.lang-table .vertical-text {
    color:#336699;
    background-color:#EBF0F5;
    font-weight:bold;
}
.lang-table p.vertical-text {
    padding:10px;
}
.lang_support_mobile {
    text-align:center;
}
.lang_support_mobile p {
    margin-top:5px; 
    margin-bottom:5px;
}
.lang_support_mobile p.notes {
    font-size:12px;
    margin-top:1px;
    line-height:14px;
}
.lang_support_mobile h4 {
    font-weight:bold;
    margin-bottom:5px;
    color:#336699;
}
/*********************************************************/
/**********  END  Package/Language Support - September 2018  ***/
/***********************************************************/
/****************************************************/
/*******  BEGIN AHC API changes  October 2018   ************/
/*************************************************/
#AHC_Click {
    font-weight:bold;
    cursor:pointer;
}
#ahcFname::placeholder,
#ahcLname::placeholder,
#ahc-query::placeholder,
#ahcCompany::placeholder,
#ahcJob::placeholder,
#ahcPhone::placeholder {
    color: #ff008c;
    font-weight:bold;
    font-size:15px;
    opacity: 1; /* Firefox */
}
#ahcFname:-ms-input-placeholder,
#ahcLname:-ms-input-placeholder,
#ahc-query:-ms-input-placeholder,
#ahcCompany:-ms-input-placeholder,
#ahcJob:-ms-input-placeholder,
#ahcPhone:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ff008c;
    font-weight:bold;
    font-size:15px;
}
#ahcFname::-ms-input-placeholder,
#ahcLname::-ms-input-placeholder,
#ahc-query::-ms-input-placeholder,
#ahcCompany::-ms-input-placeholder,
#ahcJob::-ms-input-placeholder,
#ahcPhone::-ms-input-placeholder  {  /* Microsoft Edge */
    color: #ff008c;
    font-weight:bold;
    font-size:15px;
}
.st-landing-page .body-container .st-form.black-bg .phantom-form p {
    margin-bottom:0;    
}
.st-form .phantom-form #atheist {
    margin-bottom:5px;    
}
.download_wrapper.phantom-form input {
    width:98%;
    padding:2px;
}
.download_wrapper.phantom-form > h3 {
    font-size: 22px!important;
    margin-top: 0!important;
    margin-bottom: 15px!important;
}

.download_wrapper.phantom-form select {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-bottom: 25px;
    border: 2px solid #d1d2d2;
}
#optional-region {
    display:none;
}
#optional-region.needRegion {
    display:block;
}
/****************************************************/
/*******  END AHC API changes  October 2018   ************/
/*************************************************/

/****************************************************/
/*******  BEGIN OSS API changes  October 2018   ************/
/*************************************************/
 body input[type="button"]#ossSubmit.disableButton {
    background-color:gray !important; 
    cursor: not-allowed;
}
.st-form #ossSubmit {
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
    border-radius: 50px;
}

.st-form input#ossSubmit {
    background-color: #ff008c;
    color: #ffffff;
    font-family: "Proxima Nova Semibold";
    -webkit-appearance: none;
}
#OSS-popup {
    display:none;
}
#OSS-popup h3 {
    margin-top:15px;
    margin-bottom:15px;
}
#optional-state {
    display:none;
}
#optional-state.needState {
    display:block;
}
#ossFname::placeholder,
#ossLname::placeholder,
#oss-query::placeholder,
#ossCompany::placeholder,
#ossJob::placeholder,
#ossPhone::placeholder {
    color: #ff008c;
    font-weight:bold;
    font-size:15px;
    opacity: 1; /* Firefox */
}
#ossFname:-ms-input-placeholder,
#ossLname:-ms-input-placeholder,
#oss-query:-ms-input-placeholder,
#ossCompany:-ms-input-placeholder,
#ossJob:-ms-input-placeholder,
#ossPhone:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ff008c;
    font-weight:bold;
    font-size:15px;
}
#ossFname::-ms-input-placeholder,
#ossLname::-ms-input-placeholder,
#oss-query::-ms-input-placeholder,
#ossCompany::-ms-input-placeholder,
#ossJob::-ms-input-placeholder,
#ossPhone::-ms-input-placeholder  {  /* Microsoft Edge */
    color: #ff008c;
    font-weight:bold;
    font-size:15px;
}

/****************************************************/
/*******  END OSS API changes  October 2018   ************/
/*************************************************/

/****************************************************/
/*******  BEGIN DemandBase LP changes  October 2018   ************/
/*************************************************/
.demandbase-lp .nexus-platform {
    margin-top:0px;
}
.demandbase-lp .nexus-platform h3 {
    margin-bottom:0;
    font-family: "Proxima Nova Semibold";
    font-size: 21px;
}
.demandbase-lp .nexus-platform .middle {
    padding-left:10px;
    padding-right:10px;
}
.demandbase-lp .nexus-platform .left {
    padding-right:20px;
    border-right:1px solid #C5C6C7;
}
.demandbase-lp .nexus-platform .right {
    padding-left:20px;
    border-left:1px solid #C5C6C7;  
}
.demandbase-lp .nexus-platform .st-button {
    max-width:150px;
}
.demandbase-lp .nexus-platform ul {
    padding-left:0;
}
.demandbase-lp .nexus-platform ul li  {
    list-style: none;
    color:#6d7073;
    background-image: url(https://cdn2.hubspot.net/hubfs/1958393/DLF/SON_component.png?t=1540918461777);
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 10px;
    padding-left: 22px;
    line-height:22px;
    margin-bottom:5px;
}

/****************************************************/
/*******  END DemandBase LP changes  October 2018   ************/
/*************************************************/
/************************************************/
/*************  BEGIN Careers Page changes  Nov 2018  ************/
/**********************************************************/
.insta-image img {
    width:100%;
    object-fit:cover;
    object-position: 0 0;
    height:250px;
    max-width:290px;
    max-height:250px;
        -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.careers-instagram .row-fluid [class*="span"] {
    margin-left: .5%;
    width: 24.1%;    
}
.insta-image {
    height:250px;
    width:290px;
    max-width:290px;
    max-height:250px;
    overflow:hidden;
    margin-bottom:5px;
}
.insta-image:hover img {
    transform: scale(1.2);    
}
/************************************************/
/*************  END Careers Page changes  Nov 2018  ************/
/**********************************************************/

/**********************************************************************
* Media Queries - Fall 2017  
***********************************************************************/
.row-fluid .span20p {
    width:17%;
}

/*********  Home Page Media Queries  ********************************/
@media (max-width:1200px) {
    .demo-logos img, .demo-logos2 img {
        max-width:80px;
        height:auto;
    }
    .home-2017 .accelerate-text .st-button-div a.st-button.small {
            padding:18px 10px;
    }
    .home-2017 .accelerate-text .st-button-div a.st-button.modal.small {
        padding:18px 14px 18px 40px;
    }
    
}
@media (max-width:1100px) {
    .home-2017 ul.demo-logos li,
    .home-2017 ul.demo-logos2 li{
        margin-right:6%;
    }
    .st-landing-page .st-form fieldset.form-columns-2 .hs-form-field {
        width:100%;
    }
    .st-form fieldset.form-columns-2 > *:last-child .input input {
        float:none;
    }
    .st-form fieldset.form-columns-2 .input input {
        width:100% !important;
    }
    .row-fluid [class*="span"].flexrow-fluid .row-fluid {
        padding-left:10px;
        padding-right:10px;
    }
    .row-fluid [class*="span"].flexrow-fluid .row-fluid .row-fluid {
        padding-left:0;
        padding-right:0;
    }
    .home-2017 ul.demo-logos,
    .home-2017 ul.demo-logos2 {
        padding-left:0;
    }
    .monitor-section {
        padding-left:1em;
    }

}


@media (max-width:950px) {
    .home-2017 ul.demo-logos li,
    .home-2017 ul.demo-logos2 li{
        margin-right:4%;
    }
    .home-2017 .accelerate-text .st-button-div a.st-button.small {
        font-size:11px;
    }
}
@media (max-width:820px) {
    .home-2017 ul.demo-logos li,
    .home-2017 ul.demo-logos2 li{
        margin-right:3%;
    }
    .home-2017 .accerlate {
        padding-top:0;
    }
    .home-2017 .accelerate-text {
        padding-top:0;
    }

}
@media (max-width:767px) {
    .home-2017 .accelerate-text .st-button-div a.st-button.small {
            padding:18px 40px 17px;
            font-size:14px;
    }
    .home-2017 .accelerate-text .st-button-div a.st-button.modal.small {
        padding:18px 30px 17px 50px;
    }

    .home-2017 ul.demo-logos li,
    .home-2017 ul.demo-logos2 li {
        margin-right:15%;
    }
    .home-2017 .logos-desktop,
    .home-2017 .desktop-banner-buttons {
        display:none;
    }
    .home-2017 .logos-mobile,
    .home-2017 .mobile-banner-buttons {
        display:block;
    }
    .home-2017 h1, .home-2017 .accerlate h1  {
        font-size:36px;
        line-height:40px;
    }
    .home-2017 p, .home-2017 .accerlate p {
        font-size:16px;
        line-height:20px;
    }
    .home-2017 h2 {
        font-size:30px;
        line-height:37px;
    }
    .home-2017 h4 {
        font-size:18px;
        line-height:22px;
    }
   
    .home-2017 ul.demo-logos li:last-child,
    .home-2017 ul.demo-logos2 li:last-child{
        margin-right:0;
    }

    .home-2017 .accelerate-text, .home-2017 .sticky-text-section {
        margin-left: 0 !important;
    }
    .home-2017 .accelerate-image,
    .home-2017 .accelerate-text,
    .home-2017 .sticky-text-section,
    .home-2017 .sticky-x-section
    {
        width: 100% !important;
        float: none !important;
    }
    .home-2017 .accerlate  {

        padding-bottom:15px;
    }
    .home-2017 .accerlate .sonatype-section {
        padding-left:2em;
        padding-right:2em;
    }
    
    #bodymovin {
        height:325px;
    }
    .home-2017 .accerlate .st-button {
        max-width: 190px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .st-button.modal {
        margin-bottom:15px;
    }
    .home-2017 .banner-text h1,
    .home-2017 .accerlate p {
        text-align:center;
    }
    .white-30px-border {
        border-left: 15px solid #ffffff;
        border-right: 15px solid #ffffff;
    }
    .home-2017 .supply-chains {
        padding-top:10px;
    }
    .home-2017 .chains-logos {
        margin-top:15px;
        margin-bottom:10px;
    }
    .home-2017 .intelligence {
        padding-bottom:20px;
        border-bottom:1px solid #c5c6c7;
    }
     .home-2017 .chain-spacer {
         display:none;
     }
     .home-2017 .integrations {
         padding-top:15px;
     }
     .home-2017 .supply-chains .supply-bottom-border {
         padding-top:20px;
     }
     .home-2017 .report-logo {
         vertical-align:top;
         display:block;
         text-align:center;
         height:55px;
         margin-top:20px;
         
     }
     .home-2017 .reports {
         padding-bottom:20px;
     }
     .home-2017 .reports a {
         font-size:18px;
         line-height:18px;
     }
     .home-2017 .journeys {
         padding-bottom:70px;
         padding-top:25px;
     }
     .home-2017 .demo {
         padding-top:10px;
         padding-bottom:30px;
     }
     .demo-logos img,
     .demo-logos2 img{
        max-width:60px;
        height:auto;
     }
     .sonatype-footer.sonatype-section  {
         padding-top:50px;
     }
     .home-2017 .news-events {
         padding-top:0;
         padding-bottom:40px;
     }
     .platform-mobile-bottom .row-fluid .span6,
     .platform-mobile-top .row-fluid .span6 {
         width:48%;
         float:left;
     }
     .home-2017 .platform img {
         max-height:100px;
         width:auto;
     }
     .home-2017 .platform-icons {
         margin-bottom:40px;
     }
     .home-2017 .platform {
         padding-bottom:40px;
     }
     .home-2017 .why-nexus {
         padding-top:10px;
         padding-bottom:40px;
     }
     .why-nexus-mobile-bottom .row-fluid .span6,
     .why-nexus-mobile-top .row-fluid .span6 {
        /* width:48%;
         float:left; */
     }
     #quality, #velocity, #security, #friction {
         height:130px;
     }
     .home-2017 .why-nexus-images p {
         margin-bottom:30px;
     }
     .home-2017 .why-nexus-images {
         margin-top:10px;
     }
     .home-2017 .why-nexus-images h3 {
         font-size:18px;
         line-height:22px;
     }
     .home-2017 ul.journey-photos img {
         max-width:50px;
         height:auto;
     }
     .home-2017 .sticky-x {
         display:block;
         text-align:right;
         margin-right:20px;
         height:auto;
     }
     .home-2017 .sticky-message p a {
         font-size:14px;
         line-height:30px;
     }
     .flex-form {
         max-width:85%;
     }
     .home-2017 .accerlate .st-button-div {
         margin-top:45px;
     }
     .home-2017 .int-text {
        min-height:0;
    }
    .row-fluid .span20p {
        width:auto;
    }
    .home-2017 .nexus-platform .left,
    .home-2017 .nexus-platform .right {
        border:none;
    }
}

/***************  General Media Queries  ****************/
@media (max-width:1800px) {
    .tv-form-position {
        margin-right:10%;
    }
}
@media (max-width:1650px) {
    .tv-form-position {
        margin-right:5%;
    }
    #repo {
        left:42%;
    }

}

@media (max-width:1400px) {
    .tv-form-position {
        margin-right:2%;
    }
    #repo {
        left:40%;
        top:60%;
    }
    #intell {
        top:17%;
    }
    #firewall {
        left:24%;
        top:22%;
    }
    #l-cycle {
        top:25%;
    }
    .product2#repo:before {
        position:absolute;
        top:-33px;
        right:67px;
    }
    .row-fluid [class*="span"].overview-text.overview-intelligence {

    }
    .row-fluid [class*="span"].overview-text.overview-auditor {
        
    }
    .row-fluid [class*="span"].overview-text.overview-repo {
        
    }
}
@media (max-width:1350px) {
    .row-fluid [class*="span"].brain-image-desktop {
        display:none;
    }  
    .row-fluid [class*="span"].brain-image-desktop-small {
        display:block;
    }
    .brain-text.first-lobe,
    .brain-text.second-lobe,
    .brain-text.fourth-lobe,
    .brain-text.sixth-lobe {
        left:0;
    }
    .brain-text.third-lobe,
    .brain-text.fifth-lobe,
    .brain-text.seventh-lobe
    {
        right:0;
    }
    .home-2017 .nexus-platform-list {
        min-height:160px;
    }
}
@media (max-width:1300px) {
    #repo {
        left:39%;
    }

}
@media (max-width:1250px) {
    .home-2017 .nexus-platform-list {
        min-height:185px;
    }    
}
@media (max-width:1200px) {
    .row-fluid [class*="span"].brain-image-desktop-small {
        display:none;
    }  
    .row-fluid [class*="span"].brain-image-midsize {
        display:block;
    }
    .brain-text.first-lobe,
    .brain-text.second-lobe,
    .brain-text.fourth-lobe,
    .brain-text.sixth-lobe {
        left:0;
    }
    .brain-text.third-lobe,
    .brain-text.fifth-lobe,
    .brain-text.seventh-lobe
    {
        right:0;
    }
}
@media (max-width:1200px) {
    .tv-form-position {
        margin-right:0;
        max-width:350px;
    }
    #repo {
        left:38%;
        top:58%;
    }
    #l-cycle {
        top:21%;
    }
    .customer-flip ul li {
        margin-bottom:15px;
    }

}
@media (max-width:1150px) {
    .home-2017 .nexus-platform-h3 {
        min-height:85px;
    }   
}
@media (max-width:1125px) {
    #intell {
        left:0%;
    }
    #firewall {
        left:21%;
        top:22%;
    }
    #repo {
        top:54%;
    }
    .row-fluid [class*="span"].brain-image-midsize {
        display:none;
    }  
    .row-fluid [class*="span"].brain-image-tablet {
        display:block;
    }
}
@media (max-width:1100px) {
    .home-2017 .nexus-platform-list {
        min-height:225px;
    }  
}

@media (max-width:1020px) {
    .tv-form-position {
        position:relative;
        top:0;
        right:0;
        max-width:100%;
    }
    .tv-form {
        float:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .tv-form-space,
    .tv-feature-space {
        display:none;
    }
    .row-fluid .span8.training-video-heading {
        width:100%;
    }
    .row-fluid .span4.tv-feature-text {
        width:50%;
    }
    .home-2017 .intelligence p br,
    .home-2017 .integrations p br {
        display:none;
    }
    
}
@media (max-width:1000px) {
    .center-ul ul {
        padding-left:50px;
    }
    .federal-infographics h3 {
        line-height:25px;
    }
    .bd-gallery .bold-quote {
        margin-bottom: 30px;
        margin-top: 30x;
        font-size:19px;
        line-height:25px;
    }
    .bd-gallery .light-quote {
        margin-bottom: 30px;
        margin-top: 30x;
        font-size:19px;
        line-height:25px;
    }
    .bd-gallery .slick-slide-inner-wrapper img {
        height:500px;
    }
    .row-fluid [class*="span"].home-page-video {
        display:none;
    }
    .row-fluid [class*="span"].home-page-stacked {
        display:block;
    }
   .row-fluid [class*="span"].brain-image-midsize {
        display:none;
    }
   .row-fluid [class*="span"].brain-image-tablet {
        display:none;
    }
    .row-fluid [class*="span"].brain-image-mobile {
        display:block;
        text-align:center;
    }
    .row-fluid [class*="span"].brain-image-mobile  img {
        max-width:600px;
        width:100%;
    }
    .brain-text {
        position:relative;
        max-width:100%;
    }
    .brain-text.first-lobe,
    .brain-text.second-lobe,
    .brain-text.third-lobe,
    .brain-text.fourth-lobe,
    .brain-text.fifth-lobe,
    .brain-text.sixth-lobe,
    .brain-text.seventh-lobe
    {
        display:block; 
        top:auto;
        left:auto;
        right:auto;
    }
    .row-fluid [class*="span"].overview-text.overview-intelligence {
        right:12%;
    }
    .row-fluid [class*="span"].overview-text.overview-auditor {
         right:18%;       
    }
    .row-fluid [class*="span"].overview-text.overview-repo {
        
    }

    
}
@media (max-width:1000px) and (min-width:767px) {
    .card-overlay h3 {
        font-size:29px;
        line-height:31px;
    }
    .card-overlay h4 {
        font-size:21px;
        margin-bottom:10px;
    }
    .card-overlay h5 {
        font-size:18px;
        line-height:20px;
    }
    .federal-infographics img {
        max-height:125px;
    }
    
}
@media (max-width:900px) {
    .row-fluid [class*="span"].overview-image-bg.desktop {
        display:none;   
    }
    .row-fluid [class*="span"].overview-info.mobile {
        display:block;
        
    }
}
@media (max-width:767px) {
    .three-col-table.desktop    {
        display:none;
    }
    .three-col-table.mobile    {
        display:block;
    }
    .three-col-table.mobile .span4 {
        padding:20px;
    }
    .row-fluid [class*="span"].flexrow-fluid .row-fluid {
        display:block;
    }
    .story-hs-social span.hs_cos_wrapper_type_social_sharing a:first-child:after {
        content:"\f09a"; !important;
    }
    .story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(2):after {
        content:"\f0e1"; !important;
    }
    .story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(3):after {
        content:"\f099"; !important;
    }
    .story-hs-social span.hs_cos_wrapper_type_social_sharing a:nth-child(4):after {
        content:"\f0d5"; !important;
    }
    .row-fluid .span4.tv-feature-text {
        width:100%;
    }
    .forrester-wp-image1, .forrester-wp-image2 {
        text-align:center;
    }
    .forrester-wp-image2 {
        margin-top:20px;
    }
    .gdpr-learn {
        min-height:0 !important;
    }
    .gdpr-learn-cta {
        margin-bottom:40px;
    }
    .pre-footer-cta {
        text-align:center;
    }
    .hero--text .st-button {
        margin-right:0;
    }
    .dlf-text-box.middle,
    .nuc-text-box.middle,
    .icon-text-text.middle,
    .icon-text-text.left,
    .icon-text-icon.left {
        border:none;
        padding-left:0;
        padding-right:0;
    }
    .monitor-section {
        padding-left:10px;
        padding-right:10px;
    }
    .st-landing-page .body-container p.agenda-time,
    .st-landing-page .body-container p.agenda-item {
        text-align:center;
    }
    
    .agenda-row {
        margin-bottom:25px;
    }

    #lifecycle-id,
    #repo-id,
    #auditor-id,
    #intelligence-id,
    #firewall-id  {
        text-align:center;
    }
    .overview-text-cta p {
        text-align:center;
    }
    #lifecycle-id h3,
    #repo-id h3,
    #auditor-id h3,
    #intelligence-id h3,
    #firewall-id h3 {
        margin-top:20px;
    }
    .ssc-banner-bg {
        background-position: top center;
        background-size: 100% auto;
        background-repeat:no-repeat;
    }
    .row-fluid [class*="span"].language-mobile {
        display:block;
    }
    .row-fluid [class*="span"].language-desktop {
        display:none;
    }
    #OSS-popup .oss-repo-logo {
        display:none;
    }
    #OSS-popup h3 {
        font-size:18px;
        line-height:20px;
        margin-top:5px;
        margin-bottom:5px;
    }
    #OSS-popup p {
        font-size:14px;
        line-height:16px;
    }
    .row-fluid [class*="span"].db-birds {
        display:none;
    }
    .careers-instagram .row-fluid [class*="span"] {
        margin-left: 2%;
        width: 100%;    
    }
}
@media (max-width:550px) {
    .bd-gallery .slick-slide-inner-wrapper img {
        height:530px;
    }    
}


@media (max-width:500px) {
    .sonatype-section {
        padding:8px 15px;
    }
    .home-2017 ul.demo-logos li,
    .home-2017 ul.demo-logos2 li{
        margin-right:4%;
    }
    #bodymovin {
        height:200px;
    }
    .center-ul-2col ul {
        padding-left:50px;
    }
    .pre-footer-button {
        text-align:center;
        margin-bottom:10px;
    }
    .home-2017 .intelligence p br,
    .home-2017 .integrations p br {
        display:none;
    }
    .row-fluid [class*="span"].survey-image {
        display:none;
    }
    .st-form #downloadbtn {
        max-width:95%;
    }
    .st-form #atheist {
        max-width:95%;
    }
    .flex-form {
        max-width:92%;
    }

    .banner-flex-text {
        margin-top:50px;
    }
    .header-container-wrapper {
        margin-bottom:20px;
    }
    .bd-gallery .slick-slide-inner-wrapper img {
        height:675px;
    } 
    .st-landing-page .bd-gallery .st-button {
        padding:10px 20px;
    }
}







































/**********************************************************************
* End Media Queries - Fall 2017  
***********************************************************************/