/*!
 * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body {
  width: 100%;
  height: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2d2d2d;
  background-color: #f3f3f3;
  font-size:12px;
}
html {
  width: 100%;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 35px;
  text-transform: uppercase;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  }
.content-section h2{
    color:#002e74;
    margin-bottom:10px;
}
.content-section h3{
    color:#002e74;
    font-weight: 200;
    font-size:14px;
    margin-bottom:25px;
}

p {
  margin: 0 0 25px;
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  p {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 1.6;
  }
}
a {
  color: #002e74;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-weight:bold;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #20afd0;
}
.light {
  font-weight: 400;
}

hr {
/*    background: #f3f3f3;
    background: -moz-linear-gradient(left,  #f3f3f3 10%, #002e74 35%, #002e74 65%, #f3f3f3 90%);
    background: -webkit-linear-gradient(left,  #f3f3f3 10%,#002e74 35%,#002e74 65%,#f3f3f3 90%);
    background: linear-gradient(to right,  #f3f3f3 10%,#002e74 35%,#002e74 65%,#f3f3f3 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3',GradientType=1 );
*/
    background: #f3f3f3;
    background: -moz-linear-gradient(left,  #f3f3f3 10%, #0e3872 35%, #0e3872 65%, #f3f3f3 90%);
    background: -webkit-linear-gradient(left,  #f3f3f3 10%,#0e3872 35%,#0e3872 65%,#f3f3f3 90%);
    background: linear-gradient(to right,  #f3f3f3 10%,#0e3872 35%,#0e3872 65%,#f3f3f3 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3',GradientType=1 );
    
    height:1px;
    width:100%;
    margin-bottom:40px;
}
li {
    list-style-type: none;
}
section li{
    margin-bottom:15px;
}
.margin-right-20 {
    margin-right:20px;
}
.padding-top-20 {
    padding-top:20px;
}
img{
	max-width:100%;
	width /***/:auto; /* IE8のみ */
	height:auto;
	vertical-align:bottom;
}
nav #njm_logo a {
/*    background: url(../img/logo.png) no-repeat;*/
    margin-top:14px;
    margin-left:14px;
/*    background: url(../img/njm_logo.png) no-repeat;
    background-size:251px 24px;
    width: 251px;
    height: 24px;*/
    background: url(../img/njm_logo_short_sm.png) no-repeat;
    background-size:45px 32px;
    width: 45px;
    height: 32px;
	text-indent: -9999px;
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;	
}


@media (min-width: 768px) {
  nav #njm_logo a {
      margin-top:0px;
      margin-left:0px;
      background: url(../img/njm_logo_short.png) no-repeat;
      background-size:65px 46px;
      width: 65px;
      height: 46px;
  }
}
/*@media (min-width:1024px) {
    nav #njm_logo a {
        margin-top:11px;
        margin-left:0px;
        background: url(../img/njm_logo.png) no-repeat;
        background-size:251px 24px;
        width: 251px;
        height: 24px;
    }
}*/
@media (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    nav #njm_logo a {
        margin-top:0px;
        margin-left:0px;
        background: url(../img/njm_logo_short.png) no-repeat;
        background-size:65px 46px;
        width: 65px;
        height: 46px;
    }
}
@media (min-width:1200px) {
    /*　画面サイズが1200pxからはここを読み込む　*/
    nav #njm_logo a {
        margin-top:11px;
        margin-left:0px;
        background: url(../img/njm_logo.png) no-repeat;
        background-size:251px 24px;
        width: 251px;
        height: 24px;
    }
}


.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #002e74;
  font-size:80%;
}
.navbar-custom .navbar-toggle {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
  outline: none;
}
.navbar-custom .navbar-brand {
  font-weight: 700;
}
.navbar-custom .navbar-brand:focus {
  outline: none;
}
.navbar-custom a {
  color: white;
}
.navbar-custom .nav li a {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.navbar-custom .nav li a:hover {
  color: rgba(255, 255, 255, 0.8);
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li.active {
  outline: none;
}
.navbar-custom .nav li.active a {
  background-color: #20afd0;
}
.navbar-custom .nav li.active a:hover {
  color: white;
}
@media (min-width: 768px) {
  .navbar-custom {
    padding: 20px 0;
    border-bottom: 1px solid white;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
  .navbar-custom.top-nav-collapse {
    padding: 0;
    background: #002e74;
    border-bottom: 1px solid #062759;
  }
}
.intro {
  display: table;
  width: 100%;
  height: auto;
  padding: 100px 0;
  text-align: center;
  color: white;
  background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}
.intro-body h2{
    font-weight:normal;
    font-size:12px;
}
.brand-heading img{
	max-width:100%;
	width /***/:auto; /* IE8のみ */
	height:auto;
	vertical-align:bottom;
}
.intro .intro-body .intro-text {
  font-size: 18px;
}
@media (min-width: 768px) {
  .intro {
    height: 100%;
    padding: 0;
  }
  .intro .intro-body .brand-heading {
/*    font-size: 100px;*/
  }
  .intro .intro-body .intro-text {
/*    font-size: 26px;*/
  }
}
.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 1px solid white;
  border-radius: 100% !important;
  font-size: 40px;
  color: white;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
  outline: none;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
.content-section {
  padding-top: 100px;
}

#map {
  width: 100%;
  height: 200px;
  margin-top: 100px;
}
@media (min-width: 767px) {
  .content-section {
    padding-top: 250px;
  }
  .njmbc-section {
    padding: 100px 0;
  }
  #map {
    height: 400px;
    margin-top: 250px;
  }
}
.btn {
  text-transform: uppercase;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
}
.btn-default {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
  border: 1px solid #20afd0;
  outline: none;
  color: #fff;
  background-color: #20afd0;
}
ul.banner-social-buttons {
  margin-top: 0;
}
@media (max-width: 1199px) {
  ul.banner-social-buttons {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }
  ul.banner-social-buttons li:last-child {
    margin-bottom: 0;
  }
}
footer {
  padding: 50px 0;
  background:#002e74;
  color:white;
}
footer p {
  margin: 0;
  font-size:10px;
}
footer .social {
/*  margin: 0;*/
  font-size:20px;
  margin-bottom:30px;
}

.social a{
    color:#fff;
}
.intro-body .social{
    font-size:20px;
    margin-bottom:35px;
}

::-moz-selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
::selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}

/* TOP PAGE --------------------------------- */

.njmbc-section {
  width: 100%;
  padding: 50px 0;
  color: white;
  background: url(../img/top_njm_bc_banner.jpg) no-repeat center center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.archives-section {
  width: 100%;
  padding: 20px 0;
/*  color: white;*/
  color:#2c2c2c;
/*  background: url(../img/top_njm_bc_banner.jpg) no-repeat center center scroll;*/
/*  background-color: #3e3e3e;*/
  background-color:#dfdfdf;
}
.corporate-section {
  width: 100%;
  padding: 50px 0;
  color: white;
  background: url(../img/top_corporate.jpg) no-repeat center center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height:400px;
}
.factory-section {
  width: 100%;
  padding: 50px 0;
  color: white;
  background: url(../img/top_factory.jpg) no-repeat center center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height:500px;
}

.access-section {
  width: 100%;
  padding: 50px 0;
  color: white;
  background: url(../img/top_access.jpg) no-repeat center center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height:500px;
}

.contact-section {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 150px;
  color: white;
  background: url(../img/top_contact.jpg) no-repeat center center scroll;
/*  background-color: black;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height:500px;
}



.contbox {
    padding:20px 30px 20px 30px;
    background:#2c2c2c;
}
.contbox h2{
    color:#fff;
    font-size: 20px;
}
.contbox h3{
    color:#fff;
    font-size:12px;
}

.contbox p{
    color:#fff;
    font-size: 12px;
    text-align:left;
    margin-bottom:100px;
    text-indent:1em;
}
.contbox a{
    color:#ffec2d;
}

.contbox a:hover,
.contbox a:focus{
    color:#fff;
}

#njmbc p{
    font-weight:400;
    font-size:14px;
}

#product-right p {
    font-size: 12px;
    margin:0;
    margin-top:10px;
    font-weight:bold;
}
#product-right a:hover img {
 opacity: 0.7;
}
 
#product-right a img {
 transition: opacity 0.3s ease-out;
}
#product h2 {
    font-weight:200;
    font-size:20px;
}
#product p{
    margin-bottom:14px;
}

#corporate h2{
    color:#fff;
    font-weight:200;
}

#corporate{
    position:relative;
    margin-top:100px;
}

#corporate .contbox{
    position:absolute;
    top:-120px;
    left:50%;
}

#corporate-movie{
    position:absolute;
    top:130px;
}

#corporate-movie h2{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom:0;
}
#corporate-movie h3{
    color:white;
    font-size:12px;
}

#corporate-movie .fancybox-iframe{
	display: inline;
/*    width: 100%;*/
/*    height: 100%;*/
}

#corporate table{
    border-spacing : 0px 4px;
    border-collapse : separate;
}

#corporate table td{
    padding-right:10px;
}

#archives h2{
    color:#2c2c2c;
    font-size:20px;
    font-weight: 200;
}
#archives h3{
    color:#2c2c2c;
    font-size:12px;
}

#archives a{
    color:#2c2c2c;
}

#archives a:hover,
#archives a:focus{
    color:#20afd0;
}

#archives a:hover img {
 opacity: 0.7;
}
 
#archives a img {
 transition: opacity 0.3s ease-out;
}

#factory h2{
    color:#fff;
    font-weight:200;
}

#factory{
    position:relative;
    margin-top:100px;
}

#factory .contbox p{
    margin-bottom:30px;
}

#factory .contbox{
    position:absolute;
    top:-120px;
    left:20%;
}

#access h2{
    color:#fff;
    font-weight:200;
}

#access{
    position:relative;
    margin-top:100px;
}

#access .contbox p{
    margin-bottom:30px;
}

#access .contbox{
    position:absolute;
    top:-140px;
    left:30%;
}

#contact .mailform{
    color:#222;
/*    background:white;*/
    background-color: #ddd;
    padding:15px;
}

#contact p{
    margin-bottom:14px;
}

#contact-form {
	margin-bottom: 0;	
}

#contact-form p {
	margin-bottom: 1px;	
}

#contact-form input,
#contact-form textarea {
    border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
/*    background: #403d36;*/
    background:#FFF;
    color: #000;
    font-size: 16px;
    height: auto;
    padding: 15px;
	margin: 0;
	
    resize: none;
}

#contact-form input {
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form .submit {
/*    background: #403d36;*/
    background:#FFF;
    color: #827d72;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
	
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

/* index メールフォーム */
#contact-form .contact-address{
    background-color: #FFF;
    padding-top:10px;
    padding-left:18px;
}

#contact-form .submit:hover {
    background: #20afd0;
    color: #FFFFFF;
}

#response {
	margin-top: 20px;
    background:white;
}

#response p{
	padding: 3px 15px 3px 15px;
	color: red;
    font-size: 12px;
}

#response-success p{
	padding: 30px;
    margin-bottom:250px;
    font-size: 12px;
}

input, button, select, textarea {
	font-weight: 300;
	font-family: 'Titillium Web', sans-serif;
	outline: 0;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #d3cec4;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #d3cec4;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #d3cec4;
}


@media (max-width: 1199px) {
  .contbox h2,
  .contbox h3
  {
      text-align:left;
  }
  #corporate,
  #factory,
  #access{
      margin-top:0;
  }
  #corporate .contbox,
  #factory .contbox,
  #access .contbox{
      position:relative;
      top:0;
      left:0;
  }
  #corporate .text-right{
      text-align:center;
  }
  #corporate .text-left{
      text-align:center;
  }
  #corporate-movie{
      position:relative;
      top:0;
      margin-top:40px;
  }
}

@media (max-width: 767px) {
    .contbox h2,
    .contbox h3
    {
        text-align:center;
    }
  .corporate-section {
      padding:0;
  }
  #factory .factory-map{
      text-align:center;
  }
  #factory img{
      width:100%;
      padding-left:15px;
      padding-right:15px;
  }
  #access .access-map{
      text-align:center;
  }
  #access img{
      width:100%;
      padding-left:15px;
      padding-right:15px;
  }
}

/* SUB PAGE --------------------------------- */

.sub-intro {
  display: table;
  width: 100%;
  height: auto;
  padding: 100px 0 70px 0;
  text-align: center;
  color: white;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.sub-intro .sub-intro-body {
  display: table-cell;
  vertical-align: middle;
}
.sub-intro h1{
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 30px;
    margin:40px 0 20px 0;
}

.sub-intro h2{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 18px;
    margin:0;
}

.sub-content{
    color:#2c2c2c;
    padding-top:40px;
    padding-bottom:30px;
    background-color:#f3f3f3;
}

.sub-content .btn-default{
    border:1px solid #dfdfdf;
    color:#2c2c2c;
}

.sub-content nav li {
    display:inline-block;
}

.sub-content nav li a:hover,
.sub-content nav li a:focus {
    color:white;
}

@media (max-width: 768px) {
    .sub-content .item-thumbs {
        width:49%; 
    }
    .sub-content .item-thumbs{
        padding:0 5px 10px 5px;
        margin:0;
    }
}

.sub-content nav ul li {
    margin-bottom: 0;
}

/* SUB PAGE --------------------------------- */


/* ARCHIVES PAGE --------------------------------- */

.archives-intro {
    background: url(../img/archives_background.jpg) no-repeat bottom center scroll;
}

/* PRUDUCT PAGE --------------------------------- */

.products-intro {
    background: url(../img/products_background.jpg) no-repeat bottom center scroll;
}

.products-section {
  width: 100%;
  padding: 50px 0;
  padding-top:0;
  color: white;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height:800px;
}

.products-section .contbox{
    margin-top:100px;
}

@media (max-width: 768px) {
    .products-section .contbox{
        margin-top:20px;
    }
}

#products-1 .products-section{
    background: url(../img/products_nsc245.jpg) no-repeat center center scroll;
}

#products-2 .products-section{
    background: url(../img/products_aobato.jpg) no-repeat center center scroll;
}

#products-3 .products-section{
    background: url(../img/products_irago.jpg) no-repeat center center scroll;
}

#products-4 .products-section{
    background: url(../img/products_p35.jpg) no-repeat center center scroll;
}

#products-2 p,
#products-3 p,
#products-4 p
{
    margin-bottom:14px;
}

.products-bottom-section{
    padding-top:20px;
    padding-bottom:20px;
    background:#2d2d2d;
}


/* CORPORATE PROFILE PAGE --------------------------------- */
.corporate-prof-intro {
    background: none;
}

.corporate-prof-section {
  width: 100%;
  padding: 50px 0;
  padding-top:0;
  color: white;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height:800px;
}

.corporate-prof-section .contbox h2{
    margin-bottom:5px;
}

.corporate-prof-section .table > tbody > tr > td{
    border-top: none;
}

#corporate-1 .corporate-prof-section {
  background: url(../img/top_corporate_l.jpg) no-repeat center center scroll;
  background-color: #7f7f7f;
}
#corporate-2 .corporate-prof-section {
  background: url(../img/corporate_prof_njmk.jpg) no-repeat center center scroll;
}

/* FACTORY PAGE --------------------------------- */

.factorypage-intro {
    background: url(../img/factory_background.jpg) no-repeat bottom center scroll;
    padding-bottom: 100px;
}

.factorypage-intro h3{
    color:#fff;
    font-size:14px;
    font-weight:normal;
    margin-top:25px;
}

.factorypage-intro .content{
    text-align:left;
    font-size:12px;
    padding-bottom:200px;
}

.factorypage-intro p{
    font-size:12px;
    text-indent:1em;
    margin-bottom:14px;
}

.factorypage-section {
  width: 100%;
  padding: 100px 0;
  color: white;
/*  background-color: black;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}



.factorypage-section img{
    width:100%;
}

@media (max-width: 767px) {
  .factorypage-section img{
      width:100%;
      padding-left:15px;
      padding-right:15px;
  }
}

.factorypage-section .contbox p{
    margin-bottom:0;
}

.factorypage-section .contbox h2,
.factorypage-section .contbox h3,
.factorypage-section .contbox p{
    color:#2d2d2d;
}

.factorypage-section .contbox .left{
    padding:50px;
}

#factory-1,#factory-2{
    background: #DDD url(../img/youtube-bg-7-mat.png) repeat scroll top left;
}

#factory-1 .contbox{
    background-color:#ffe500;
}

#factory-2 .contbox{
    background-color:#5eb4a3;
}

#factory-2{
    padding-bottom:100px;
}



/* FACTORY PAGE --------------------------------- */


/* NEWS PAGE --------------------------------- */

.newspage-intro {
    background: url(../img/news_background.jpg) no-repeat bottom center scroll;
}

.newspage-section {
  width: 100%;
  padding: 50px 0;
/*  padding-top:100px;*/
  color: #474545;
  background-color: white;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  min-height:800px;
}

#newspage h2{
    font-size:16px;
}

#newspage h3{
    font-size:14px;
    font-weight:normal;
    text-align:center;
}

#newspage p{
    font-size:12px;
    margin-bottom:15px;
}

#newspage article{
    margin-bottom:35px;
}


/* NEWS PAGE --------------------------------- */

/* isotope */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.ul-thumbs {
	margin: 0;
	padding: 0;	
}

.ul-thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.fil{
/*    padding:0;*/
    padding:0 15px 0 15px;
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
    background: white;
    /*    background: #73aefe;*/
    /*    background: #a6d4f8;*/
    /*    background: red;*/
	
    /*    opacity: 0.80;*/
    opacity: 0.40;
	filter: alpha(opacity=80);
    left:0;
    overflow:hidden;
}

.item-thumbs .hover-wrap .overlay-img-thumb {
    background: url("../img/njm_mark.png") no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;

	opacity: 1;
	filter: alpha(opacity=100);
    width:50px;
    height:50px;

}

.overlay-img-factory-yellow {
	position: absolute;
	width: 100%;
	height: 100%;
    background: #ffe500;
    opacity: 1;
	filter: alpha(opacity=100);
    left:0;
    overflow:hidden;
}

.overlay-img-factory-green {
	position: absolute;
	width: 100%;
	height: 100%;
    background: #5eb4a3;
    opacity: 1;
	filter: alpha(opacity=100);
    left:0;
    overflow:hidden;
}

.overlay-img-thumb-factory {
    background: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
	color: #2d2d2d;
	font-size: 12px;
	line-height: 1em;

	opacity: 1;
	filter: alpha(opacity=100);
    width:80px;
    height:30px;

}
    
/* isotope */