/* variables */
/* breakpoints */
body {
  margin: 0px;
  padding: 0px; }
  body.no-scroll {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed; }

.jnj_img {
  border: none; }

.jnj_page_container, .jnj_container {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 1340px; }

.jnj_page_container {
  max-width: 1340px;
  margin-top: 81px; }
  @media screen and (max-width: 480px) {
    .jnj_page_container {
      margin-top: 60px; } }

.jnj_container {
  max-width: 1224px; }

/* HEADER
================================================
*/
.jnj_header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 81px;
  background: #FFF;
  z-index: 9999;
  box-sizing: border-box;
  overflow: hidden;
  		/*
  		-webkit-transition: height .5s;
      	transition: height .5s;
      	*/ }
  .jnj_header__content {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 1224px;
    padding-right: 0px;
    background: #FFF; }
  .jnj_header__bar {
    position: absolute;
    width: 100%;
    height: 81px;
    background: #FFFFFF; }
    @media screen and (max-width: 480px) {
      .jnj_header__bar {
        height: 60px; } }
  .jnj_header .jnj_strap {
    margin-left: 15px;
    width: 70%;
    max-width: 1224px;
    margin-top: 26px;
    float: left; }
    .jnj_header .jnj_strap img {
      width: 100%; }
    @media screen and (max-width: 768px) {
      .jnj_header .jnj_strap {
        float: none; } }
    @media screen and (max-width: 480px) {
      .jnj_header .jnj_strap {
        margin-top: 18px; } }
  .jnj_header .top_nav {
    position: absolute;
    top: 32px;
    right: 15px;
    			/*
    			@media screen and (max-width:$portrait){
    				position:absolute;
    				width:100%;
    				top:81px;
    				left:0px;
    				background:$light-gray;
    				margin-top: 0px;
    				float:none;
    				z-index:999;
    			}
    
    			@media screen and (max-width:$mobile){
    				top:60px;
    			}
    			*/ }
    .jnj_header .top_nav ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      .jnj_header .top_nav ul li {
        display: block;
        float: left;
        margin-right: 24px;
        /*
        @media screen and (max-width:$portrait){
        	float:none;
        	margin-right:0px;
        }
        */ }
        .jnj_header .top_nav ul li:last-child {
          margin-right: 15px; }
          @media screen and (max-width: 768px) {
            .jnj_header .top_nav ul li:last-child {
              margin-right: 0px; } }
        .jnj_header .top_nav ul li a {
          font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
          color: #12c2e9;
          font-size: 12px;
          font-weight: bold;
          text-decoration: none;
          text-transform: uppercase;
          						/*
          						@media screen and (max-width:$portrait){
          							display:block;
          							padding:12px 20px; 
          							background:$light-gray url('../images/chevron.jpg') no-repeat;
          							background-position: right 20px center;
          							border-bottom:1px solid #FFF;
          							font-size:14px;
          							color:$gray;
          
          							&:hover{
          								text-decoration:none;
          							}
          						}
          						*/ }
          .jnj_header .top_nav ul li a:hover {
            text-decoration: underline; }
    @media screen and (max-width: 660px) {
      .jnj_header .top_nav {
        display: none; } }
  @media screen and (max-width: 480px) {
    .jnj_header {
      height: 60px; } }
  @media screen and (max-width: 768px) {
    .jnj_header {
      background: #E5E5E5; }
      .jnj_header.open {
        height: 100%; } }

.jnj_row {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box; }
  .jnj_row:after {
    content: "";
    display: table;
    clear: both; }
  .jnj_row.content {
    min-height: 290px; }
  .jnj_row.jnj_footer_nav {
    padding-top: 30px;
    padding-bottom: 45px;
    background: #FFF; }
    @media screen and (max-width: 880px) {
      .jnj_row.jnj_footer_nav {
        padding-bottom: 30px; } }
    .jnj_row.jnj_footer_nav ul {
      margin: 0px;
      padding: 0px;
      float: left;
      list-style: none; }
      .jnj_row.jnj_footer_nav ul li {
        margin-bottom: 2px; }
        @media screen and (max-width: 880px) {
          .jnj_row.jnj_footer_nav ul li {
            margin-bottom: 10px; } }
      .jnj_row.jnj_footer_nav ul a {
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #646464;
        text-transform: uppercase;
        text-decoration: none; }
        .jnj_row.jnj_footer_nav ul a:hover {
          color: #12c2e9; }
    .jnj_row.jnj_footer_nav div.one-step-closer {
      width: 40%;
      max-width: 175px;
      float: right; }
      .jnj_row.jnj_footer_nav div.one-step-closer img {
        width: 100%; }
  .jnj_row.jnj_footer_info {
    padding-bottom: 60px;
    background: #FFF; }
    .jnj_row.jnj_footer_info div.talent_acquisition {
      width: 75%;
      max-width: 308px;
      float: right; }
      @media screen and (max-width: 880px) {
        .jnj_row.jnj_footer_info div.talent_acquisition {
          float: none; } }
      .jnj_row.jnj_footer_info div.talent_acquisition img {
        width: 100%; }
    .jnj_row.jnj_footer_info .info_content {
      float: left;
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      color: #646464;
      font-size: 16px; }
      @media screen and (max-width: 1024px) {
        .jnj_row.jnj_footer_info .info_content {
          font-size: 13px; } }
      .jnj_row.jnj_footer_info .info_content .legal {
        float: left; }
        @media screen and (max-width: 880px) {
          .jnj_row.jnj_footer_info .info_content .legal {
            float: none;
            padding-top: 30px; } }
      .jnj_row.jnj_footer_info .info_content .links {
        float: right;
        margin-left: 24px; }
        @media screen and (max-width: 880px) {
          .jnj_row.jnj_footer_info .info_content .links {
            float: none;
            margin-left: 0px;
            padding-top: 30px; } }
        .jnj_row.jnj_footer_info .info_content .links ul {
          list-style: none;
          margin: 0px;
          padding: 0px; }
          .jnj_row.jnj_footer_info .info_content .links ul li {
            display: block;
            float: left;
            border-right: 2px solid #C1C1C1;
            padding-left: 4px;
            padding-right: 4px; }
            .jnj_row.jnj_footer_info .info_content .links ul li:first-child {
              padding-left: 0px; }
            .jnj_row.jnj_footer_info .info_content .links ul li:last-child {
              border-right: none;
              margin-right: 0px; }
            .jnj_row.jnj_footer_info .info_content .links ul li a {
              color: #646464;
              text-decoration: none; }
              .jnj_row.jnj_footer_info .info_content .links ul li a:hover {
                color: #12c2e9; }

/* nav toggle */
#hamburger {
  display: none;
  width: 30px;
  height: 22px;
  position: absolute;
  right: 15px;
  top: 30px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  /*
  @media screen and (max-width:$portrait){
  	display:block;
  }

  @media screen and (max-width:$mobile){
  	top:22px;
  }
  */ }

#hamburger span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #12c2e9;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#hamburger span:nth-child(1) {
  top: 0px; }

#hamburger span:nth-child(2), #hamburger span:nth-child(3) {
  top: 8px; }

#hamburger span:nth-child(4) {
  top: 16px; }

#hamburger.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

#hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#hamburger.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

/*# sourceMappingURL=style.css.map */
