@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
/*--------------------------------------------------
Author: Andrea Ravizzola

[Layout]

* body
	+ Main / #main
		- Container / #container
			- Content / #content
	+ Sidebar / #sidebar
		- Navigation / .navigation
	+ Bgwide / #bgwide
--------------------------------------------------*/


/******************** iPad in landscape orientation ********************/
@media only screen and (max-device-width: 768px) and (orientation: landscape){
	#bgwideimg {display:none;}
	body{background: #3D2B1F none;}
	html,body,#bgwide,#main{height: auto;width: 100%;overflow: hidden;}
	#main{position: inherit;overflow: inherit;}
	#container{width: 100%;position: inherit;color: #000;}
	#sidebar{width: 100%;position: absolute;top: 0;height: 72px;}
	.products #bgwide,.foodwear #bgwide,.inossidabile #bgwide,.abct #bgwide,.glocal #bgwide,.made-in-kni #bgwide,.history #bgwide,.contacts #bgwide,.dordoni #bgwide,.negozi #bgwide{display: none;}
	#bgwideimg{width: 100%;height: 290px;}
	#container #content{margin: 72px 0 0;}
	
	.negozi #content h1{display: block;clear: both;float: none;}
	.negozi #container{width: 100%;}
	.negozi #container #content{width: 480px;padding: 80px 10px;margin: 40px 0;}
	.negozi #filter{float: none;}
	.negozi #regioneselect{display: block;}
	.negozi #provinciaselect{display: block;}
	.negozi table{display: block;clear: both;color: #FFF;width: 480px;}
}
/******************** iPad in landscape orientation ********************/

/******************** iPad in portrait orientation ********************/
@media only screen and (max-device-width: 1024px) and (orientation: portrait){
	#bgwideimg {display:none;}
	body{background: #3D2B1F none;}
	html,body,#bgwide,#main{height: auto;width: 100%;overflow: inherit;}
	#main{position: inherit;overflow: inherit;}
	#container{width: 100%;position: inherit;color: #000;}
	#sidebar{width: 100%;position: absolute;top: 0;height: 72px;}
	.products #bgwide,.foodwear #bgwide,.inossidabile #bgwide,.abct #bgwide,.glocal #bgwide,.made-in-kni #bgwide,.history #bgwide,.contacts #bgwide,.dordoni #bgwide,.negozi #bgwide{display: none;}
	#bgwideimg{width: 100%;height: 290px;}
	#container #content{margin: 72px 0 0;}
	
	.negozi #content h1{display: block;clear: both;float: none;}
	.negozi #container{width: 100%;}
	.negozi #container #content{width: 480px;padding: 80px 10px;margin: 40px 0;}
	.negozi #filter{float: none;}
	.negozi #regioneselect{display: block;}
	.negozi #provinciaselect{display: block;}
	.negozi table{display: block;clear: both;color: #FFF;width: 480px;}
}
/******************** iPad in portrait orientation ********************/

/******************** iPhone, Android ********************/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
	#bgwideimg {display:none;}
	body{background: #3D2B1F none;}
	html,body,#bgwide,#main{height: auto;width: 100%;overflow: inherit;}
	#main{position: inherit;overflow: inherit;}
	#container{width: 100%;position: inherit;color: #000;}
	#sidebar{width: 100%;position: absolute;top: 0;height: 72px;}
	.products #bgwide,.foodwear #bgwide,.inossidabile #bgwide,.abct #bgwide,.glocal #bgwide,.made-in-kni #bgwide,.history #bgwide,.contacts #bgwide,.dordoni #bgwide,.negozi #bgwide{display: none;}
	#bgwideimg{width: 100%;height: 290px;}
	#container #content{margin: 72px 0 0;}
	
	.negozi #content h1{display: block;clear: both;float: none;}
	.negozi #container{width: 100%;}
	.negozi #container #content{width: 480px;padding: 80px 10px;margin: 40px 0;}
	.negozi #filter{float: none;}
	.negozi #regioneselect{display: block;}
	.negozi #provinciaselect{display: block;}
	.negozi table{display: block;clear: both;color: #FFF;width: 480px;}
	
	
	
}
/******************** iPhone, Android ********************/
@media (max-width: 768px) { 
	#container #content {
	width: 420px;
	margin: 0 auto !important;
	}
	#container {
	  margin-top: 72px;
	}
	#italiancousine {
	  width: 265px;
	  height: 156px;
	  display: block;
	  position: relative;
	  left: initial;
	  top: initial;
	  margin: 80px auto 0 auto;
	}
	.home #container {
	  margin-top: 25px;
	}
	.cuisine #floor a {
	  display: none;
	}
	.network #content h1 {
	  color: #FFF;
	  font-size: 60px;
	  font-weight: bold;
	  text-transform: uppercase;
	  line-height: 80px;
	}
ul#langs {
    border-bottom: 1px solid #333;
    margin: 10px 0px;
    background: rgba(0,0,0,0.58);
}

}
.mobile_menu_button {
  position: fixed;
  top: 0;
  right: 10px;
  font-size: 52px;
  height: 72px;
  line-height: 72px;
  cursor: pointer;
  z-index: 99;
}
.mobile_menu {
  position: fixed;
  top: 72px;
  left: 0px;
  background: rgba(0,0,0,0.7);
  height: auto;
  width: 100%;
  overflow: hidden;
  display:none;
  z-index: 99;
}
@media only screen and (max-width: 768px) {
	/***** LUCA MILVIO ******/
	
	/* menu */
.navigation {
position: relative !important;
  top: 0 !important;
  float: none;
  width: 100% !important;
  left: 0 !important;
  background: none !important;
  height: auto !important;
      border-top: 1px solid #333;
}
.navigation ul {
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  position: relative !important;
}
.navigation li {
  font-size: 18px !important;
  line-height: 25px !important;
  text-transform: uppercase;
  margin: 0 0 2px;
}
.language {
  top: 0 !important;
  position: relative !important;
  float: none;
  width: 100% !important;
  left: 0 !important;
  background: none !important;
  height: auto !important;
 
}
.language ul {
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  position: relative !important;
}
.language li {
  font-size: 14px !important;
  line-height: 25px !important;
  text-transform: uppercase;
  margin: 0 0 2px;
}
div#floor {
  position: absolute;
  width: 100%;
  left: 143px;
  top: 0;
  overflow: hidden;
  background: rgba(0,0,0,0.7);
  height: 72px;
  text-align: center;
}
div#the_back {
bottom: 10% !important;
}
}	





html, body, #bgwide, #main {
  overflow: initial;
}
#sidebar {
  background: none !important;
  overflow: hidden;
}
.navigation {
  background: url(../images/sidebar_bg.png) repeat-x 0 0;
  height: 72px;
  position: relative;
  width: auto;
  display: none;
}
.language{
 display:none;
}

#sidebar h1 {
  width: 143px;
  height: 72px;
  text-indent: -99999px;
  background: url(../images/knindustrie.png) no-repeat 19px 27px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0px;
}
#sidebar h1 a {
  width: 100%;
  height: 100%;
  display: block;
}
#bgwide {
  position: fixed;
  }
/**** PARALLAX? ****/
section {
  padding: 75px 0 40px 0;
}
.dnd_section_dd {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.white_text {
  color: #fff!important;
}
.parallax_image {
  /*height: 600px;
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom center;*/
}
.dnd_section_dd > * {
  z-index: 1;
  position: relative;
}
.dnd_section_content {
  position: absolute;
  font-size: 1.3vmax;
  top: 10vh;
  left: 23vw;
}
.dnd_content_video {
  position: absolute;
  font-size: 1.3vmax;
  top: 50vh;
  left: 50vw;
  margin-top: -4vw;
  margin-left: -4vw;
  width:8vw;
  height: 8vw;
}
.dnd_content_video div.dnd_container{
  width:8vw;
  height: 8vw;
}
.video_play_arrow {
	max-height: 500px;
	max-width: 500px;
	height:100%;
	width: auto;
	cursor:pointer;
}
#home_section_1 {
	background: url(/images/new_imgs/cucina_12.jpg);
	background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
#home_section_2 {
	background: url(/images/new_imgs/particolari_27.jpg);
	background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
#home_section_3 {
	background: url(/images/new_imgs/sfondo_video.jpg);
	background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}


/**** VIDEO ****/
.ui-dialog .ui-dialog-content
{
     position: relative;
     border: 0;
     padding: 0;
     overflow:hidden;
}
.ui-widget-content
{
     padding:0;
     border:none;
}
.overlay 
{
     background:rgba(0,0,0,0.8);
     display:none;
     width:100%; 
     height:100%;
     position:fixed; 
     top:0; 
     left:0; 
     z-index:100;
}


/***** PRODOTTI *****/
.products #container #content {
  background: url(../images/container_bg_dark.png) repeat-y 0 0;
  color: #FFF;
  padding: 40px 0px;
  margin: 40px 0 80px;
  width: 500px;
}
.products #container li {
  width: 500px;
  height: 380px;
  text-indent: -99999px;
}
.products #container li a {
  width: 500px;
  height: 380px;
 }
.products #container li a:hover {
  background-position: 0 -380px;
}
.navigation ul.products {
  display: none;
}

.products #container li.foodwear a{background-image: url(../images/foodwear.png);}
.products #container li.inossidabile a{background-image: url(../images/inossidabile.png);}
.products #container li.abct a{background-image: url(../images/abct.png);}
.products #container li.glocal a{background-image: url(../images/glocal.png);}
.products #container li.whitepot a{background-image: url(../images/whitepot.png);}
.products #container li.silicone a{background-image: url(../images/silicone.png);}
.products #container li.beyond-basic a{background-image: url(../images/beyond-basic.png);}
.products #container li.eat-big a{background-image: url(../images/eat-big.png);}
.products #container li.zest a{background-image: url(../images/zest.png);}
.products #container li.art-collection a{background-image: url(../images/art-collection.png);}
.products #container li.kn-pro a{background-image: url(../images/kn-pro.png);}
.products #container li.same-same-but-different a{background-image: url(../images/same-same-but-different.png);}

.products #container li.foodwear_en a{background-image: url(../images/foodwear_en.png);}
.products #container li.inossidabile_en a{background-image: url(../images/inossidabile_en.png);}
.products #container li.abct_en a{background-image: url(../images/abct_en.png);}
.products #container li.glocal_en a{background-image: url(../images/glocal_en.png);}
.products #container li.whitepot_en a{background-image: url(../images/whitepot_en.png);}
.products #container li.silicone_en a{background-image: url(../images/silicone_en.png);}
.products #container li.beyond-basic_en a{background-image: url(../images/beyond-basic_en.png);}
.products #container li.eat-big_en a{background-image: url(../images/eat-big_en.png);}
.products #container li.zest_en a{background-image: url(../images/zest_en.png);}
.products #container li.art-collection_en a{background-image: url(../images/art-collection_en.png);}
.products #container li.kn-pro_en a{background-image: url(../images/kn-pro_en.png);}
.products #container li.same-same-but-different_en a{background-image: url(../images/same-same-but-different_en.png);}

div#the_back {


    background-color: rgba(0,0,0,0.5);
	z-index: 99;
    width: 70px;
    height: 70px;
    position: fixed;
    bottom: 79%;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;

    cursor: pointer;

}
#the_back a {
  width: 100%;
  height: 100%;
}
#the_back img {
  width: auto;
  height: 70px;
}

/**** MOBILE ****/
@media only screen and (orientation: portrait){
	#home_section_1, #home_section_2 {
		  background-position: bottom right;
	}
	.dnd_section_content {
	  position: absolute;
	  font-size: 1.9vmax;
	  bottom: 10vh;
	  top: auto;
	  left: 0;
	  width: 100%;
	  text-align: center;
	  background: rgba(0,0,0,0.8);
	  line-height: 5vh;
	}
	.dnd_content_video {
	  background: none;
	  top: 50vh;
	  left: 50vw;
	  margin-top: -4vh;
	  margin-left: -10vh;
	  width: auto;
	  height: auto;
	}
	.video_play_arrow {
		height: 20vmax;
	}
}