BKP/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	background:url(../img/sfondo.jpg) top center no-repeat;
	background-size:cover;
	font-family: 'Arimo', sans-serif;
	color:#711406
}

.container-fluid {
	padding: 0px;
}

.navbar-collapse {
	background-size:cover;
	margin: 0px;
	padding-right: 15px;
	padding-left: 15px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin: 0px;
	padding: 0px;
}

.navbar-header {
	padding-left: 15px !important;
}

.navbar-right {
	padding-right: 15px !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Arvo', serif;
	font-weight:700;
	text-transform:uppercase;
	padding:0 15px
}

@media (min-width: 768px) and (max-width: 1099px) {
	.navbar-right {
		font-size:80%!important
	}

	h1 {
		padding:0!important
	}

	h2, .contepagina h2 {
		font-size:18px!important;
		padding:0!important
	}
}


*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  
.pixel {
	padding-bottom:2px
}

.navbar-right {
	margin: 20px 0;
}

@media(min-width:1100px) {
.navbar-right {
	font-size:120%
}
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.slides {
	height:690px!important;
}

.ami {
	background:url(../img/slide-ami.jpg) top center no-repeat;
}

.seeburg {
	background:url(../img/slide-seeburg.jpg) top center no-repeat;
}

.wurlitzer {
	background:url(../img/slide-wurlitzer.jpg) top center no-repeat;
}

.ami, .seeburg, .wurlitzer, .jukebox-link, .seeburg-link, .wurlitzer-link {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.didaslide {
	padding:40px 15% 0 15%;
	font-size:16px;
	line-height:1.6
}

.didaslide p {
	padding-left:35px
}

.modellislide {
	padding:50px 25% 0 15%;
	font-family: 'Arvo', serif;
	font-weight:700;
	font-size:18px;
	text-align:center
}

.modellislide a {
	padding:5px 10px;
	margin:500px 0 0 0;
	background:rgba(113,20,6,0.8);
	border:1px solid #fff;
	color:#fff
}

.vai {
	margin:300px 0 100px 0;
}

.vai2 {
	margin:330px 0 95px 0;
}

.bold {
	font-family: 'Arvo', serif;
	font-weight:700;
	font-size:18px;
	text-align:right
}
 
.contienilink {
	display: table;
	height: 183px;
	width: 100%;
}

.jukebox-link {
	background:url(../img/jukebox-pulsante.jpg) top center no-repeat;
}

.collezione-link {
	background:url(../img/collezioni-pulsante.jpg) top center no-repeat;
}

.giri-link {
	background:url(../img/45giri-pulsante.jpg) top center no-repeat;
}

.mercatino-link {
	background:url(../img/mercatino-pulsante.jpg) top center no-repeat;
}

.jukebox-link, .collezione-link, .giri-link, .mercatino-link {
	width: 100%;
	display: table-cell;
	margin: 0;
	padding: 20px;
	vertical-align: middle;
	text-align:center
}

.jukebox-link a, .collezione-link a, .giri-link a, .mercatino-link a {
	font-family: 'Arvo', serif;
	font-weight:700;
	font-size:30px;	
	text-transform:uppercase;
	padding:20px 55px;
	margin:4px 5px;
	background:rgba(113,20,6,0.6);
	border:1px solid #fff;
	color:#fff
}

ul.sponsor {
	list-style:none;
	margin:10px 0 20px 0;
	padding:0 0 10px 0
}

ul.sponsor li {
	display:inline;
	margin: 0 10px;
}

/*biografia*/
.titolobio {
	background:url(../img/sfondo.jpg) top center no-repeat;
}

.titolobio h2 {
	padding:20px 0 20px 7%;
	color:#711406;
	margin:0!important
}

.biografia {
	padding:20px 7%
}

.tasto, .tasto2 {
	background-color:#f00;
	padding:7px 25px!important;
	box-shadow:1px 1px #f1dd8e;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.tasto {
	margin-top:50px!important
}

.tasto2 {
	margin-top:25px!important
}

div[class*="col-"] > .square-responsive,
span[class*="col-"] > .square-responsive,
ol[class*="col-"] > .square-responsive,
ul[class*="col-"] > .square-responsive,
li[class*="col-"] > .square-responsive{
	padding-bottom:100%;
}

div[class*="col-"] > .rect-responsive,
span[class*="col-"] > .rect-responsive,
ol[class*="col-"] > .rect-responsive,
ul[class*="col-"] > .rect-responsive,
li[class*="col-"] > .rect-responsive {
	padding-bottom:50%;
}

.square-responsive,
.rect-responsive{
	position:relative;
	overflow:hidden;
}

.square-responsive > *,
.rect-responsive > * {
	position:absolute;
}

.square-responsive > .content,
.rect-responsive > .content {
	color:#f1dd8e
}

.square-responsive > .content,
.rect-responsive > .content {
	width:100%;
	height:100%;
	padding-left:1px
}

.square-responsive > .content:hover,
.rect-responsive > .contentfooter:hover {
	background:rgba(113,20,6,0.7)
}

.details h4 {
	font-size:22px!important;
}

/*jukebox*/
.rosso {
	background-color:#711406;
	padding:20px
}

.rosso a {
	font-size:18px;
	padding:5px 15px;
	border:1px solid #f1dd8e
}

.rosso h1 {
	color:#f1dd8e;
	font-size:30px!important;
	line-height:1.2;
	margin:0
}

.contepagina {
	background:url(../img/sfondo-dorato.jpg) top center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contepagina h2 {
	margin:20px 
}

.contemodelli, .contemodelli2 {
	background:url(../img/sfondo-rosso.jpg) top center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#f1dd8e
}

.contemodelli p, .contemodelli2 p {
	padding:20px 10%;
	font-size:18px;
	margin:0
}

.contemodelli2 {
	margin:0;
}

.contemodelli p:hover, .contemodelli2 p:hover {
	background-color:#f00
}

.contemodelli a, .contemodelli a:active, .contemodelli a:visited, .rosso a, .contemodelli2 a, .contemodelli2 a:active, .contemodelli2 a:visited {
	color:#f1dd8e
}

.piccolo {
	font-size:14px
}

.piccolissimo {
	font-size:12px
}

.schedamodello {
	padding:25px 5%
}

.schedamodello h2, .schedamodello h3 {
	padding:0!important;
	margin:0!important;
	text-transform:none
}

.schedamodello h3 {
	font-size:20px;
}

.schedamodello h4 {
	font-size:17px;
	text-transform:none;
	padding:15px 0 5px 0;
	margin:0
}

.schedamodello p, .biografia p {
	font-size:14px;
	margin: 15px 0 5px 0;
	padding:0
}

.schedamodello p:hover, .biografia p:hover {
	background-color:transparent!important
}

.menumodelli {
	margin:100px 0 50px 0;
	border-top:1px dashed #f1dd8e;
	padding:15px;
	font-size:12px;
	line-height:1.2
}

.menumodelli2 {
	margin:200px 0 50px 0;
	border-top:1px dashed #f1dd8e;
	padding:15px;
	font-size:12px;
	line-height:1.2
}

.menumodelli h5, .menumodelli2 h5 {
	padding:0
}

.menumodelli ul, .menumodelli ul {
	list-style:none;
	padding:0
}

.menumodelli ul li, .menumodelli2 ul li {
	padding:2px 0 4px 0
}

.spazioaggiunto {
	padding:33px 10%!important
}

.donazione {
	width:40%;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	background-color:#f1dd8e;
	color:#711406;
	padding:10px 15px!important;
	font-size:16px;
	line-height:1
}

/*contatti*/
.form-horizontal input, .form-horizontal textarea {
	width:80%!important
}

.checkbox input[type="checkbox"] {
	width:auto!important
}

.form-group {
	margin-bottom:10px!important;
}

.piualti {
	height:65px
}

.info {
	padding:0 20px!important;
}

.titolo {
	font-family: 'Arvo', serif;
	font-weight:700;
	text-transform:uppercase;
	padding:15px 0 5px 0;
	font-size:18px
}

.epdagree, .explicitsubmit  {
	display:inline!important
}

.testoprivacy {
	margin-top:5px;
}


@media(max-width:767px) {
    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background:url(../img/sfondo.jpg) top center no-repeat;
		background-size:cover;
    }
}


@media(min-width:768px) {
    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background:url(../img/sfondo.jpg) top center no-repeat;
		background-size:cover;
    }
}

@media(max-width: 480px) {
	.navbar-brand {
		padding: 20px 0 20px 10px;
		width:70%
}
}

@media(max-width: 767px) {
	.didaslide {
		background:rgba(244,217,137,0.8);
		padding: 15px 5%;
		border-radius:6px;
		-o-border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
}
  
@media(max-width: 767px) {
	.flexslider {
		height:800px;
	}
  }
  
@media(max-width: 1099px) {
	.modellislide p {
		color:#f1dd8e!important;
		text-shadow:2px 2px #711406!important
  }
  }