.fr-window canvas{
	display:none !important;
	opacity:0 !important;
	visibility:hidden !important;
	z-index:-999999 !important;
}
@font-face {
    font-family: 'andoverregular';
    src: url('/assets/fonts/andover-webfont.eot');
    src: url('/assets/fonts/andover-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/andover-webfont.woff2') format('woff2'),
         url('/assets/fonts/andover-webfont.woff') format('woff'),
         url('/assets/fonts/andover-webfont.ttf') format('truetype'),
         url('/assets/fonts/andover-webfont.svg#andoverregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.trans_1{
  -webkit-transition:all 0.8s;
  -moz-transition:all 0.8s;
  -o-transition:all 0.8s;
  -ms-transition:all 0.8s;
  transition:all 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.42,0.8,0.6,1);
  transition-timing-function: cubic-bezier(0.42,0.8,0.6,1);
}
html{
	font-size:18px;
}
a, a img{
	color:inherit;
	border:none;
}
a:hover{
	text-decoration:none;
}
p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0.2rem 0;
}
.left{
  float:left;
}
.right{
  float:right;
}
body{
	font-family:Open sans;
	font-size: 1rem;
	color:#aaa;
	text-align:center;
}
.overlay{
	background:url(/assets/img/overlay.png) repeat;
	height:100%;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	opacity: 0.2;
}
.andover{
	font-family:andoverregular;
}
.cabin{
    font-family:cabin;
}






header {
  background: none repeat scroll 0 0 #fff;
  border-bottom: 8px solid #282859;
  padding: 1rem 0;
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
}
header .logo_text {
  display: inline-block;
  font-size: 3rem;
  line-height: 3rem;
}
header .logo {
  background: url("/assets/img/logo_b.png") no-repeat scroll 50% 0 / cover  rgba(0, 0, 0, 0);
  bottom: -4.4rem;
  height: 120px;
  left: 50%;
  margin: 0 0 0 -60px;
  position: absolute;
  width: 120px;
  z-index: 9;
}
header .logo.sm{
	height:90px;
	width:90px;
	bottom:-3.2rem;
	margin:0 0 0 -45px;
}
header nav {
  display: inline-block;
  float: right;
}
header nav > ul {
  list-style: outside none none;
}
header nav > ul > li {
  float: left;
  font-size: 1rem;
  line-height: 3rem;
  margin-left: 1.5rem;
}
header nav > ul > li > a{
	
}
header nav > ul > li > a:hover,header nav > ul > li > a:focus{
	text-decoration:none !important;
}
.nav_icon{
	background:url(/assets/img/menu_b.png) no-repeat 50% 50% /cover;
	height:50px;
	width:50px;
	position:absolute;
	right: 8px;
    top: -5px;
    cursor:pointer;
    z-index:999;
}
.nav_icon img{
	opacity:0;
	height:100%;
	width:100%;
	position:absolute;
	right:0;
	top:0;
}
.nav_icon.acive img{
	opacity:1;
}

section {
  display: inline-block;
  padding: 5rem 0;
  position: relative;
  width: 100%;
}
#section_l{
	padding:4.4rem 0;
}
#hero,#section_l{
	margin-top:90px;
}
#hero{
	background-image:url(/assets/img/1/peroni.jpg);
    background-repeat:no-repeat;
    background-position: 50% top;
    background-size: cover;
}
#hero.neft_hero{
  background-image:url(/assets/img/neft_hero.jpg);
    background-position: 50% center;
}
#hero h1 {
  color: #fff;
  font-size: 4rem;
  font-weight: 700;
  margin-top: 16rem;
  text-align: center;
  text-shadow: 0 0 11px #000;
  text-transform: lowercase;
  word-spacing: 1rem;
}
.textblock_section {
  background: none repeat scroll 0 0 #fff;
  padding: 8rem 0;
}
.neft_main{
    padding:5rem 0;
}
.textblock_section p {
  line-height: 1.8;
  margin: 1rem 0;
}
.blue_section {
  background: none repeat scroll 0 0 #282859;
  padding: 2rem 0;
}
.blue_section h1 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-size: 3rem;
}
#imagine .item {
  background: none repeat scroll 0 0 #282859;
  display: inline-block;
  width: 25%;
}
.img_container {
  width: 100%;
  position: relative;
}
.img_container .overlay {
	opacity:0;
}
.img_container img {
  width: 100%;
}
#imagine .item_content {
  padding: 1.5rem 2rem 0;
}
.blue_section p {
  color: #fff;
  font-size: 1.4rem;
}
.second_row {
  margin: 3rem 0 0;
}
#invent {
  padding-bottom: 4rem;
}
#invent .img_container {
  margin: 3.4rem 0;
}
#polaroid_container {
  display: inline-block;
  float: left;
  height: 400px;
  position: relative;
  width: 100%;
}
#polaroid_container .item {
  position: absolute;
}
#img_1 {
  transform: rotate(5deg);
  z-index: 6;
  top: 0;
}
#img_2 {
  left: 50% !important;
  margin-left: -100px;
  transform: rotate(-5deg);
  z-index: 5;
  top: 0;
}
#img_3 {
  display: inline-block;
  left: auto !important;
  right: 0 !important;
  transform: rotate(-1deg);
  width: 234px;
  z-index: 4;
  top: 0;
}
#img_4 {
  display: inline-block;
  left: -13px;
  top: 171px;
  transform: rotate(-14deg);
  width: 234px;
  z-index: 3;
}
#img_5 {
  display: inline-block;
  left: 50% !important;
  margin-left: -120px;
  top: 175px;
  width: 234px;
  z-index: 2;
}
#img_6 {
  display: inline-block;
  left: auto !important;
  right: 0 !important;
  top: 190px;
  transform: rotate(6deg);
  width: 234px;
  z-index: 1;
}

form{
	
}
form .input {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 1rem;
  text-align: left;
}
form label{
	
}
form input{
	
}
form textarea {
  height: 214px;
}
/*form input, form textarea {
  border: medium none;
  color: #222;
  font-size: 0.8rem;
  padding: 0.5rem;
  width: 100%;
}*/
form input, form textarea {
  border: 2px solid #ccc;
  color: #222;
  font-size: 0.8rem;
  padding: 0.5rem;
  width: 100%;
}
form input:focus, form textarea:focus{
	box-shadow:0 0 10px rgba(255,255,255,0.7);
}
form button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 3px solid #fff;
  color: #fff;
  font-weight: bold;
  margin: 1rem 0 0;
  padding: 0.4rem 0rem;
  width: 97.5%;
}
.login {
  background: none repeat scroll 0 0 #252859;
  width: 8rem;
}
form button:hover{
	background:#fff;
	color:#282859;
}

.addressItem .img_container {
  margin: 1rem auto;
  text-align: center;
  width: 77px;
}
.addressItem p {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 700;
  margin: 1rem -1.5rem 2rem;
}
#last {
  padding: 2rem 0 0;
}
#last p {
  font-size: 0.7rem;
}
.social img {
  width: 43px;
}
.social .mid {
  margin: 0 2rem;
}
#top{
	position:absolute;
	top:-100px;
	width:100%;
	height:1px;
	z-index:-99;
}

.catalogue {
  border-top: 1px solid #eee;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -0.15rem;
  padding: 0.6rem 0;
}
.catalogue .img_container{
	width:142px;
}

.catalogue .img_container img {
  float: right;
  margin: 0;
  width: 60%;
}

.catalogue .product_content {
  display: table;
  height: 82px;
  position: relative;
  text-align: left;
  width: 100%;
}

.catalogue .product_content > .product_inner {
  display: table-cell;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
}

.catalogue .product_content > .product_inner > p{
	
}

.catalogue .product_content > .product_inner > p > a{
	
}
.catalogue .product_content > .product_inner > p > a:hover{
	
}
@media screen and (max-width: 1199px){
	html {
	  font-size: 16px;
	}
	#hero,#section_l {
	  margin-top: 88px;
	}
}


@media screen and (max-width: 992px){
	html {
	  font-size: 13px;
	}
	header .logo {
	  height: 90px;
	  margin: 0 0 0 -45px;
	  width: 90px;
	}
	#hero,#section_l {
	  margin-top: 73px;
	}
	#imagine .item {
	  margin-bottom: 2rem;
	}
	#polaroid_container, #invent h1 {
	  margin-left: -4rem;
	  width: 100% !important;
	}
	#polaroid_container{
		height:436px;
	}
	#img_4,#img_5,#img_6 {
	  bottom: 0;
	  top: auto;
	}
	.addressItem p {
	  margin: 1rem -4.5rem 2rem;
	  font-size: 1.05rem;
	}
	
	header nav > ul {
	  background:rgba(40, 40, 89, 0);
	  height: 0;
	  left: 0;
	  position: fixed;
	  right: 0;
	  top: 0;
	  z-index: 99;
	  padding-left: 0;
	  margin-bottom: -14%;
	  display:none;
	}
	header nav > ul.active{
	display:block;
		height:100%
	}
	header nav > ul > li {
	  float: left;
	  font-size: 3rem;
	  height: 16%;
	  margin: 0 0 0 auto;
	  width: 100%;
	  opacity:0;
	}
	header nav > ul > li > a {
 		color:#fff;
 	} 
	
}
@media screen and (max-width: 768px){
	.addressItem p {
	  font-size: 1.05rem;
	  margin: 1rem 0 2rem;
	}
	#polaroid_container {
	  height: 265px;
	}
	#polaroid_container, #invent h1 {
	  margin-left: 0;
	}
	header .logo_text {
	  display: inline-block;
	  font-size: 3rem;
	  line-height: 3rem;
	  margin-left: 56px;
	}
	header .logo {
	  bottom: -6px;
	  height: 50px;
	  left: 0;
	  margin: 0 0 0 13px;
	  width: 50px;
	}
	#hero h1{
		margin-top: 10rem;
	}
	#hero h1 span{
		display:none;
	}
	.textblock_section {
	  padding: 5rem 0;
	}
	#section_l {
	  padding: inherit;
	}
	.catalogue .img_container {
	  width: 100%;
	}
	.catalogue .img_container img {
	  float: right;
	  margin: 0;
	  width: 100%;
	}
	.catalogue .product_content {
	  height: auto;
	}
	.catalogue .product_content > .product_inner > p {
	  font-size: 1.2rem;
	}
}