/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
 .tooltipTitle{
	 font-size:18px;
	 color:white;
	 text-transform: uppercase;
	 padding-bottom:7px;
 }
 .tooltipContent{
	 font-size:14px;
	 color:#e0e0e0;
	 text-transform: uppercase;
 }
 
.contactButton 
{
    background: #ae2118 none repeat scroll 0 0 !important;
    border-radius: 0px !important;
    color: #ffffff !important;
    cursor: pointer;
    float: left;
    font: 14px/18px Arial,Helvetica,sans-serif;
    margin-top: 3px;
    white-space: nowrap;
}

.contactButton:hover,.mioBottone:focus 
{
  background-color: #970707 !important;
  color: #fff !important;
}
 
 .navbar-toggle {
 	border: 1px solid #FFF;
 }
 
.navbar-toggle .icon-bar {
    background-color: #FFF;
}

.footer a{
	margin-left:8px;
  }
    
.footer {
    position: absolute;
    width: 100%;
}
 
body {
    width: 100%;
    height: 100%;
	font-family: 'Roboto', sans-serif;
	background-color: #000;
}

html {
    width: 100%;
    height: 100%;
}
h1, h2, h3 {font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:700;}
h4 {font-family: 'Oswald', sans-serif; font-weight:700;}
@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -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;
    }

    .top-nav-collapse {
        padding: 0;
    }
}
.navbar-right {background-color: rgba(0, 0, 0, 0.8); border:none; padding: 0 0 5px 0;}
.navbar-header {float: right;}
.navbar-nav {float: left; margin: 0 50px 0 0;}
.navbar-right .navbar-nav>li>a {color: #fff; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:700;}
.navbar-right .navbar-nav>li>a:hover {color: #000; }
.navbar-brand {padding: 0 0 4px 0;} 

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.aboutStoryMobile{
	display:none;
}



.intro-section {
    height: 100%;
    text-align: center;
    background: #000;
}

.story-section {
   min-height: 100%;
	padding-top: 150px;
    text-align: left;
	background: url(../img/about-bg.jpg);
	width: 100%;
    height: 100%;
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.products-section {
   min-height: 100%;
    padding-top: 90px;
    text-align: center;
    background: #000;
}

.gallery-section {
  min-height: 100%;
    text-align: center;
    background: #000;
}

.competitions-section {
 min-height: 100%;
    text-align: center;
    background: #000;	
	padding-top: 150px;
	text-align: left;
	width: 100%;
	height: 100%;
}

.terms-section {
  min-height: 100%;
    text-align: left;
    background: #000;	
	padding-top: 80px;
	text-align: left;
	
	color:#fff;
}

.terms-section h1 { color:#fff; font-size: 18px;}

.saloon-section {
   background: url(../img/shop-bg.jpg) #000;
    min-height: 100%;
    padding-top: 50px;
    text-align: center;
	 background-position: center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.contact-section {
	background: url(../img/slides6.jpg) #000;
   min-height: 100%;
    text-align: center;
	 background-position: center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	margin-bottom:-60px;
}

.mock-section {
	background: #000;
	height: 30%;
	padding-top: 30px;
	display: none;
}

.form-control { border:0; border-radius:0px; background-color: #1A1A1A; color:#000; }
#contact .form-control {color:#fff;}
.contact-section { text-align:left; color: #fff; }
.btn-primar{ background-color:#fff; border-radius:0;}
.btn.disabled { opacity:1; background-color:#333;}

/*CAROUSEL*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 1000;
}

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}
.item:nth-child(1) {
  background: url(../img/slides1.jpg);
  width: 100%;
    height: 100%;
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.item:nth-child(2) {
 background: url(../img/slides2.jpg);
  width: 100%;
    height: 100%;
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.item:nth-child(3) {
 background: url(../img/slides3.jpg);
  width: 100%;
    height: 100%;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.item:nth-child(4) {
  background: url(../img/slides4.jpg);
   width: 100%;
    height: 100%;
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.item:nth-child(5) {
 background: url(../img/slides5.jpg);
  width: 100%;
    height: 100%;
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.item:nth-child(6) {
 background: url(../img/slides6.jpg);
  width: 100%;
    height: 100%;
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.overlay { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:40%;
  left:0;
  width:100%;
  text-align:right;
  padding-right: 50px; 
}
.overlay-title { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:10px;
  left:0;
  width:100%;
  text-align:left;
  padding-left: 50px; 
}
	.overlay h3{ 
		margin-top:0px;
		margin-bottom:0px;
		line-height:10px
	}
	.overlay h1{ 
		margin-top:8px;
		margin-bottom:6px;
		line-height:25px
	}
.overlay-title h1 {margin: 0; line-height:15px}
.overlay-title h4 {margin-top: 15px;}
.story-text { max-width: 550px; font-family: 'Oswald', sans-serif; font-weight:400; font-size:1.2em; line-height:24px; color:#000; }
.btn-contact { background-color:#FFF; color:#000;}
.btn-lg { border-radius:0; padding: 10px 34px; font-size: 14px; text-transform:uppercase;}

/** GALLERY **/
* {
  box-sizing: border-box;
}

a {
	color: #ccc;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}

.container {
  max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container .gallery a img {
  float: left;
  width: 25%;
  height: auto;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
.container .gallery a:hover img {

  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
.container .gallery a.big img {
  width: 50%;
}

.align-center {
  text-align: center;
}

			
.btn-primary{			
color: #fff;
background-color: #d30909;
border-radius: 0;
border-color:#d30909;
text-transform:uppercase;}

.btn-primary:hover{			
color: #fff;
background-color: #970707;
border-color:#970707;
border-radius: 0;
text-transform:uppercase;}

label {
	display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 300;
color:#999;
	}
.footer-link:hover { color:#666;}

.navbar-toggle .icon-bar { background-color:#000;}
.navbar-toggle { background-color:#FFF;
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
margin-left:10px;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;

 }
 button.close  { margin-top:-20px;  float:left;}
 .close { color:#FFF; font-size:14px; text-shadow: 0 1px 0 #000;
filter: alpha(opacity=80);
opacity: .8;}
.close:hover {filter: alpha(opacity=100); color:#FFF;
opacity: 1;}
.text-success { color:#FFF;}
h3.text-success { font-size:14;}
.active { background-color:#fff;}
li.active a {color:#000 !important;}
.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

@media screen and (max-width: 600px) {
.hide-mobile {display: none !important;}
}
@media screen and (max-width: 480px) {	
.story-section {
  
	background: none;
	
}

	.aboutStoryMobile{
		display: block;
        width:100%;
	}
}
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}
@media screen and (max-width: 480px) {
	
	
	.enableMapMobile{
		float:none !important;
	}	
	
	.products-section {
		min-height: 100% !important;
		padding-top: 10px;
	}
	.owl-controls { display:none;}
	.owl-carousel.owl-loaded { padding-top:170px;}
	.aboutStoryMobile{
		display: block;
        width:100%;
	}

	.story-section {
		background: #fff !important;
		padding-top: 50px !important;
	}
	
	.story-text { 
		width: 100% !important; 
        font-size: 1em !important;
	}
	
	.overlay h1 { 
		font-size:50px !important;
	}
	
	
	.mock-section {
		display: block !important;
	}
}

@media (max-width: 375px)  {
	.aboutStoryMobile{
		display: none;
	}
	.tooltipContent {
		display: none;
	}
	a.footer-link { font-size:11px;}
	.navbar-text { padding-top:40px;}
}

.navbar-text-onlymobile { visibility:hidden;
}

@media (max-width: 414px)  {
	.aboutStoryMobile{
		display: none;
	}
	.tooltipContent {
		display: none;
	}
	
	.bh-sl-container .form-input{
	     float:none;
	}
	.form-group { width:100%;}
	.btn { width:100%;}
	.bh-sl-container .form-input input { margin:0 10px 0 0;}
	.navbar-text { display:none;}
	.navbar-text-onlymobile {  visibility: visible;}
	}
	
	@media (max-width: 320px)  {

	.navbar-text-onlymobile {  visibility: visible; padding-top:50px;}
	}