@font-face {
    font-family: 'misobold';
    src: url('../fonts/miso-bold-webfont.eot');
    src: url('../fonts/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miso-bold-webfont.woff') format('woff'),
         url('../fonts/miso-bold-webfont.ttf') format('truetype'),
         url('../fonts/miso-bold-webfont.svg#misobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'misolight';
    src: url('../fonts/miso-light-webfont.eot');
    src: url('../fonts/miso-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miso-light-webfont.woff') format('woff'),
         url('../fonts/miso-light-webfont.ttf') format('truetype'),
         url('../fonts/miso-light-webfont.svg#misolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'misoregular';
    src: url('../fonts/miso-regular-webfont.eot');
    src: url('../fonts/miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miso-regular-webfont.woff') format('woff'),
         url('../fonts/miso-regular-webfont.ttf') format('truetype'),
         url('../fonts/miso-regular-webfont.svg#misoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	color:#333333;
	font-family:'Source Sans Pro';
	font-size:1.4em;
	font-weight:300;
	line-height:1.5em;
	letter-spacing:1px;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}

section {

}

h2 {
	color:#1a1a1a;
	font-family:misoregular;
	font-size:32px;
	margin-top:0;
}

h3 {
	color:#1a1a1a;
	font-family:misoregular;
	font-size: 24px;
}

h4 {
	color:#999;
	font-family:marvel;
	font-size:20px;
	font-weight:400;	
}

.subhead {
	color:#999999;
	font-family:marvel;
	font-size:22px;
	font-weight:700;
	letter-spacing:2px;
	line-height: 1.2;
	margin:0 0 20px 0;
}

.uppercase {
	text-transform:uppercase;
}


/* NAVIGATION */

.navbar {
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	   -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	        transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.navbar-custom {
	color:#ffffff;
	background:transparent;
	font-family:misolight;
	font-size:17px;
	font-weight:300;
	letter-spacing:1px;
	border-radius:0;
	z-index:50; */
}

.navbar-custom a {
	color:inherit;
}

.navbar-custom .navbar-nav > li > a:hover {
	color:#c3ac6d;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.navbar-custom .navbar-toggle {
	background:#ffffff;
	position:relative;
}

.navbar-custom .navbar-toggle .icon-bar {
	background:#1a1a1a;
}

.top-nav-collapse {
	color:#1a1a1a;
	background:rgba(255,255,255, 0.85);
	z-index:50;
	padding:0;
}

.navbar-custom .navbar-brand {
	font-family:misoregular;
	font-size:23px;
	font-weight:400;
}


/* FULLSCREEN SLIDER */

#slides {
	font-family:misoregular;
	font-weight:400;
}

#slides  .container {
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

#slides .logo {
  width: 160px !important;
  height: 250px !important;
}

#slides h1 {
	font-size:7em;
	color:#ffffff;
}

#slides .lead {
	font-size:2em;
	color:#ffffff;
}


/* WELCOME */

#welcome {

}

#welcome h1 {
	font-size:4em;
	font-family:'misolight';
	letter-spacing:0;
}

#welcome .rotate {
	font-family:'misoregular';
}


/* ABOUT */

.about {
	background:#ececee;
	padding:15px 0;
}

#about p {
	margin-bottom:35px;
}

.about-img {
	color:#ffffff;
	background-color:#999999;
	width: 100%;
	height:500px;
	display:table;
	overflow: hidden;
	z-index: 0;
	background:url(../img/parallax/p1.jpg) bottom center no-repeat fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}

.about-img h2,
.about-img .subhead {
	color:#ffffff;
}

.about-img #head {
	display:table-cell;
	vertical-align:middle;
}


/* ALTROPARALLAX */

.altroparallax {
  background:#ececee;
  padding:15px 0;
}

#altroparallax p {
  margin-bottom:35px;
}

.altroparallax-img {
  color:#ffffff;
  background-color:#999999;
  width: 100%;
  height:500px;
  display:table;
  overflow: hidden;
  z-index: 0;
  background:url(../img/parallax/p3.jpg) bottom center no-repeat fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

.altroparallax-img h2,
.altroparallax-img .subhead {
  color:#ffffff;
}

.altroparallax-img #head {
  display:table-cell;
  vertical-align:middle;
}


/* CONTACT */
#contact {
	font-size:16px;
	padding-top:0;
}

#contact p {
}

#contact .subhead {
	margin-bottom:20px;
}

#contact .address {
  clear: both;
	margin: 20px 0;
	display: block;
}

#contact .button {
	font-size:16px;
	margin:0;
	width:100%;
}

.address i {
	float:left;
	width:50px;
	text-align:center;
}

#gmap_canvas {
	height:500px;
	width:100%;
	margin-bottom:0;
}

#gmap_canvas img{
	max-width:none!important;
	background:none!important
}


/* FOOTER */

footer {
	background:#333;
	padding:20px 0;
	margin: 0; 
}

footer h4 {
	color:#F9F9F9;
	font-family:'misoregular';
}

.social {
	margin:10px 0;
}

.social a {
	color:rgba(26, 26, 26, .85);
	text-decoration:none;
	margin:0;
	padding:0;
}

.social a:hover{
	color:rgba(26, 26, 26, 1);
	text-decoration:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}





/* BUTTONS */

.button {
	color: inherit;
	background: none;
	font-family:misoregular;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	border: none;
	margin: 15px 0;
	padding: 5px 15px;
	display: inline-block;
	position: relative;
	outline: none;
	cursor: pointer;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	   		border-radius:4px;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
	            transition: all 0.3s;
}

.button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
}

.button-big {
	padding:15px 25px;
	font-size:22px;
	border-radius:4px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
}

.button-border-light {
	border: 1px solid #ffffff;
	color: #ffffff;
}

.button-border-light:hover,
.button-border-light:active {
	color: #1a1a1a;
	background: #ffffff;
	text-decoration:none;
}

.button-border-dark {
	border: 1px solid #1a1a1a;
	color: #1a1a1a;
}

.button-border-dark:hover,
.button-border-dark:active {
	color: #ffffff;
	background: #1a1a1a;
	text-decoration:none;
}


/* PRELOAD */

#preload {
	background:#ececee;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%; 
	z-index: 99;
	display:table;
}

.spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  display:table-cell;
  vertical-align:middle;
} 

.spinner > div {
  background-color: #1a1a1a;
  height: 60px;
  width: 6px;
  display: inline-block;
  
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}



/* Owl */

.bg-owl {
    background-color: #333;
    color: #FFF !important;
}

.owl-theme .owl-controls {
    margin-top: 7px;
    margin-left: 10px;
    text-align: left;
    -webkit-tap-highlight-color: transparent
}

.owl-bbv .owl-controls {
    margin-top: 15px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 3px;
    background: transparent;
    border: 2px solid #FFF;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-bbv .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FFF;
}



/* MARGINI, PADDING, THUMBNAIL */


.m0 {
    margin: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.m {
    margin: 10px !important
}

.ml {
    margin-left: 10px !important
}

.mr {
    margin-right: 10px !important
}

.mt {
    margin-top: 10px !important
}

.mb {
    margin-bottom: 10px !important
}

.m-sm {
    margin: 5px !important
}

.ml-sm {
    margin-left: 5px !important
}

.mr-sm {
    margin-right: 5px !important
}

.mt-sm {
    margin-top: 5px !important
}

.mb-sm {
    margin-bottom: 5px !important
}

.m-lg {
    margin: 15px !important
}

.ml-lg {
    margin-left: 15px !important
}

.mr-lg {
    margin-right: 15px !important
}

.mt-lg {
    margin-top: 15px !important
}

.mb-lg {
    margin-bottom: 15px !important
}

.m-xl {
    margin: 30px !important
}

.ml-xl {
    margin-left: 30px !important
}

.mr-xl {
    margin-right: 30px !important
}

.mt-xl {
    margin-top: 45px !important
}

.mb-xl {
    margin-bottom: 45px !important
}

.mv {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mh {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mv-lg {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.mv-xl {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.mh-lg {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mv-sm {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mh-sm {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.p0 {
    padding: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.p {
    padding: 10px !important
}

.pl {
    padding-left: 10px !important
}

.pr {
    padding-right: 10px !important
}

.pt {
    padding-top: 10px !important
}

.pb {
    padding-bottom: 10px !important
}

.p-sm {
    padding: 5px !important
}

.pl-sm {
    padding-left: 5px !important
}

.pr-sm {
    padding-right: 5px !important
}

.pt-sm {
    padding-top: 5px !important
}

.pb-sm {
    padding-bottom: 5px !important
}

.p-lg {
    padding: 15px !important
}

.pl-lg {
    padding-left: 15px !important
}

.pr-lg {
    padding-right: 15px !important
}

.pt-lg {
    padding-top: 15px !important
}

.pb-lg {
    padding-bottom: 15px !important
}

.pt-xl {
    padding-top: 25px !important
}

.pb-xl {
    padding-bottom: 25px !important
}

.pv {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.ph {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.pv-lg {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.ph-lg {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.pv-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.ph-sm {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.pv-xl {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.pv-xxl {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.pt-xxl {
    padding-top: 45px !important;
}

.pb-xxl {
    padding-bottom: 45px !important
}

.pr-xxl {
    padding-right: 45px !important
}

.thumb32 {
    width: 32px !important;
    height: 32px !important
}

.thumb48 {
    width: 48px !important;
    height: 48px !important
}

.thumb64 {
    width: 64px !important;
    height: 64px !important
}

.thumb96 {
    width: 96px !important;
    height: 96px !important
}

.thumb128 {
    max-width: 128px !important;
    max-height: 128px !important
}

.thumb160 {
    background: #333;
    max-width: 160px !important;
    max-height: 160px !important
}

.thumb200 {
    max-width: 200px !important;
    max-height: 200px !important
}

.thumb200h {
    max-width: 200px !important;
}

.tshadow {
  text-shadow: 1px 1px 9px #333;
}

table tr th {
  background: #333;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.prodotti img {
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.prodotti img:hover {
opacity: .7;
}


@media screen and (max-width:641px) {
  #welcome h1 {
    font-size: 3em;
  }
}