@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);

/* MEDIA QUERIES */

@media only screen and (max-width: 1350px) {

.container-nav {
	width: 1280px !important;
}

#container-menu {
	margin-left: 150px !important;
}

  nav {
    width: 1280px !important;
  }

  .nav>li>a {
  	padding: 15px 10px !important;
  	font-size: 10pt;
  }

  #menu li.li-top {
  	width: 190px !important;
  	padding-left: 20px !important;
  	padding-right: 20px !important;
  }

  #menu li.li-top-nascosto {
  	width: 80px !important;
  }

  #menu li ul {
  	font-size: 8pt !important;
  }

  #ul-collezioni {
  	margin-left: 0px !important
  }

  #ul-servizi {
  	margin-left: 35px !important;
  }


}

@media only screen and (max-width: 1200px) {

.container-nav {
	width: 820px !important;
}

#container-menu {
	margin-left: 50px !important;
}

  nav {
    width: 820px !important;
  }

  .nav>li>a {
  	padding: 15px 10px !important;

  }

  #menu li.li-top {
  	width: 160px !important;
  	padding-left: 10px !important;
  	padding-right: 10px !important;
  }

  #menu li.li-top-nascosto {
  	width: 50px !important;
  }

   #menu li ul {
  	font-size: 8pt !important;
  }


}

@media only screen and (max-width: 980px) {

.container-nav {
	width: 720px !important;
}

#container-menu {
	margin-left: 120px !important;
}

  nav {
    width: 720px !important;
    padding-left: 50px;
  }

  .nav>li>a {
  	padding: 15px 10px !important;
  }

  #menu li.li-top {
  	width: 120px !important;
  	padding-left: 0px !important;
  	padding-right: 0px !important;
  }

   #menu li ul {
  	font-size: 8pt !important;
  }

  #ul-collezioni, #ul-abiti, #ul-servizi {
  	margin-left: 0px !important;
  }

  }

@media only screen and (min-width: 768px) and (max-width: 979px) {

.container-nav {
	width: 620px !important;
}

#container-menu {
	margin-left: 100px !important;
}

  nav {
    width: 720px !important;
  }

  .nav>li>a {
  	padding: 15px 10px !important;
  }

  #menu li.li-top {
  	width: 100px !important;
  }

  #menu li.li-top-nascosto {
  	width: 20px !important;
  }

   #menu li ul {
  	font-size: 8pt !important;
  	text-align: left !important;
  }

	#fb {
	margin-top: 27px !important;
	margin-right: 55px !important;
	}


}

@media only screen and  (max-width: 767px) {

.container-nav {
	width: auto !important;
}

#container-menu {
	margin-left: 0px !important;

}

  nav {
    width: auto !important;
    padding-left: 0px !important;
  }

#fb {
	margin-top: 27px !important;
	margin-right: 55px !important;
	}

	header {
	overflow: visible !important;
min-height: 80px;
	}

	.collapse {
		background-color: white;
	}

	  #menu li.li-top {
  	width: 100% !important;
  }

.atelier-li {
  	width: 50% !important;
  }

}

/* GENERALI */

html::-webkit-scrollbar { width: 0 !important }

html {
	overflow-y: scroll;
}

html, body {
        height: 100%;

      }

a, a:hover, a:active, a:focus {
	text-decoration: none;
	color: inherit;
	outline: none;
	background-color: none;
}


.container {
	margin-top: 80px;
}

body {
	font-family: "Roboto Slab" !important;
	color: rgb(165, 161, 153) !important;
	position: relative;
}

.vuoto200 {
	height: 200px;
}
/* MENU */

header {
	width: 100%;
	height: 80px;

	overflow: hidden;
	top:0;
	background-color: white;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	z-index: 999;
	font-weight: 300;
}

.header-big {
	height: 300px;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	z-index: 999;
	background-color: white;
	position: fixed
}

.header-fixed {
	position: fixed;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.container-nav {
	width: 1280px;
	margin: 0 auto;
}

nav {


	text-transform: uppercase;
	margin: 0 auto;
	width: 1280px;
}

nav a {
	color: rgb(165, 161, 153);

}

nav a:hover {
	background-color: transparent !important;
	color: rgb(95,94,88);
	font-weight: 400;
}


.navbar-brand {
	margin-top: 10px;
	margin-left: 35px;
	width: 150px;
	position: relative;
	z-index: 9999;
}

#container-menu {
	margin-left: 100px;

}

#menu, .navbar-toggle {
	margin-top: 18px;


}


#menu li.li-top {
	width: 220px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;


}

#menu li.li-top-nascosto {
	width: 100px;
}


#fb {
	margin-top: 30px;
	float: right;
	margin-right: 50px;
	background-image: url('https://www.chezlinda.it/ee/images/fb.png');
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
	position: relative;
	z-index: 9999;
  transition: all 0.5s ease-in-out 0s;
}

#fb:hover {
	background-image: url('https://www.chezlinda.it/ee/images/fb-hover.png');
}



#menu li ul {
	display: none;
	list-style: none;
	font-size: 10pt;
	padding-left: 15px;
	text-align: left;
}

#menu li ul li a:hover {
	text-decoration: none;
}

#ul-collezioni {
	margin-left: 30px;
}

#ul-abiti {
	margin-left: 25px;
}

#ul-servizi {
	margin-left: 70px;
}

/* IMMAGINI HOME */

.full {
	width: 100%;
	height: 100%;
	position: absolute;
    background-size: cover !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}


#slideshow-home {
	width: 100%;
	height: 100%;
	margin-top: 80px;
	z-index: 1;
}


#bollo-home {
	width: 363px;
	height: 363px;
	position:fixed;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    margin-top: 10%;
	background-image: url('https://www.chezlinda.it/ee/images/bollo_home.png');
	background-repeat: no-repeat;
	z-index: 10;
}

/* PARTE BASSA HOME */

#arrow-home-container {
height: 78px;
width: 100%;
margin-top: -200px;
margin-bottom: 50px;
position: relative;
z-index: 99;

display: none;
}

#arrow-home {
	height: 81px;
	width: 81px;
	margin: 0 auto;
	background-image: url(https://www.chezlinda.it/ee/images/arrow-down.png);
	background-repeat: no-repeat;
  transition: all 0.5s ease-in-out 0s;
}

#arrow-home:hover {
	background-image: url(https://www.chezlinda.it/ee/images/arrow-down-hover.png);
}

      #servizi-home {
				display: none;

        background-color: white;
        height: 200px;
        width: 100%;
        position: relative;
        z-index: 99;
      }


#lista-servizi-home {
	width: 840px; /* mettendo gioielli width diventa 1000px */
	height: 150px;
	margin: 0 auto;
	padding-top: 10px;



}

.servizio-home {
	float: left;
	height: 150px;
	width: 135px;
	margin-left: 31px;
	position: relative;
}

.servizio-home-title {
	position: absolute;
	width: 100%;
	height: 15px;
	bottom: 0;
	text-align: center;
	color: rgb(165,161,153);
	font-family: "Roboto Slab";
	font-weight: 300;
	text-transform: uppercase;
	font-size: 10pt;
}

.servizio-home-img {
	width: 135px;
	height: 135px;
	background-position: center center;
	background-repeat: no-repeat;
  transition: all 0.2s ease-in-out 0s;
}

#accessori-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/accessori.png);
}

#accessori-home:hover  #accessori-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/accessori_big.png);
}

#bomboniere-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/bomboniere.png);
}

#bomboniere-home:hover #bomboniere-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/bomboniere_big.png);
}

#partecipazioni-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/partecipazioni.png);
}

#partecipazioni-home:hover #partecipazioni-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/partecipazioni_big.png);
}

#sartoria-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/sartoria.png);
}

#sartoria-home:hover #sartoria-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/sartoria_big.png);
}

#gioielli-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/gioielli.png);
}

#gioielli-home:hover #gioielli-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/gioielli_big.png);
}

#uomo-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/uomo.png);
}

#uomo-home:hover #uomo-simbolo {
	background-image: url(https://www.chezlinda.it/ee/images/simboli_home/uomo_big.png);
}

/* PAGINA COLLEZIONI */

.lista-collezioni {
	margin-top: 80px !important;
	width: 100%;
}


.collezione-preview {
	height: 400px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
    position: relative;
    display: table;

}

.collezione-preview:hover .collezione-bollo {
	width: 250px;
	height: 250px;
}

.collezione-preview:hover .collezione-bollo-title h1 {
	font-size: 2.4em;
}

.collezione-bollo, .collezione-bollo-container-title {
	width: 200px;
	height: 200px;
  transition: all 0.2s ease-in-out 0s;
}

.container-collezione-bollo {
	width: 100%;
	height: 200px;
	display: table-cell;
	vertical-align: middle;
}

.collezione-bollo {
	background-color: rgba(0,0,0,.3);
	border-radius: 50%;
	margin: 0 auto;
	display: table;
}

.collezione-bollo-container-title{
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.collezione-bollo-title {
	text-align: center;
	color: white;
	text-transform: uppercase;
}

.collezione-bollo-title h1 {
	font-weight: 100;
	font-size: 2em;
  transition: all 0.2s ease-in-out 0s;
}

/* PAGINA COLLEZIONE */

.body-collezioni {
	background-color: rgb(244,246,252);
}

.gallery-descrizione {
	padding-bottom: 40px;
	padding-top: 40px;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}

.gallery-descrizione h1 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 20pt;
	padding-bottom: 10px;

}

.gallery-descrizione p {
	font-weight: 300;
	font-size: 10pt;
}

#gallery-collezione ul li {
	list-style:none;
	width: 250px;
	height: 250px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.gallery-li {
	position: relative;
}

.gallery-li img {
	position: absolute;
	width: 250px;
	height: 250px;
}

.overlay-white {
	position: absolute;
	width: 250px;
	height: 250px;
	background-color: rgba(255,255,255,.6);
	display: none;
}

.gallery-li:hover {
	cursor: pointer;
}

.gallery-li:hover .overlay-white {
	display: block;
}

.modal h2 {
	font-size: 12pt;
	text-transform: uppercase;
}

.modal p {
	font-size: 9pt;
}

.img-zoom-in {
	cursor: url(https://www.chezlinda.it/ee/images/zoom-in.png), auto;
}

.img-zoom-out {
	cursor: url(https://www.chezlinda.it/ee/images/zoom-out.png), auto;
}

.modal-content {
	border-radius: 0px !important;
}

.bollino-sconto {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	bottom: 15px;
	right: 5px;
	color: white;
	text-align: center;
	display: table;
}

.percentuale-sconto {
	display: table-cell;
	vertical-align: middle;
}

.percentuale-sconto:before {
	content: "-";
}

.percentuale-sconto:after {
	content: "%";
}

.bollino-10-20 {
	background-color: rgb(242, 159, 197);
}

.bollino-30-40 {
	background-color: rgb(220, 95, 159);
}

.bollino-50 {
	background-color: rgb(149, 27, 129);
}

/* PAGINA PROMOZIONI */

#lista-promozioni {
	font-weight: 300;
}

#lista-promozioni ul {
	list-style: none;
}

#lista-promozioni h2 {
	text-transform: uppercase;
	font-size: 16pt;
	margin-bottom: 0px;
	margin-top: 0px;
}

.immagine-promozione img {
	margin: 0 auto;
	padding-bottom: 30px;
	max-width: 250px;
	max-height: 250px;
}

.testo-promo {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid rgb(165,161,153);
	border-bottom: 1px solid rgb(165,161,153);
}


/* PAGINA SERVIZI */

#header-servizi {
	width: 100%;
	height: 135px;
	/* background-color: rgb(245,243,243); */
	margin-top: 80px !important;
	display: table;
	background-image: url(https://www.chezlinda.it/ee/images/servizi-bg.jpg);
    background-size: cover;
    background-position: center center;
}



#header-servizi #servizi-title-container {
	display: table-cell;
	vertical-align: middle;
}

#header-servizi h1 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 20pt;
	margin-top: 0px !important;
}

#header-servizi h2 {
	font-weight: 300;
	font-size: 10pt;
}

.container-nav-servizi {
	width: 100%;
	border-top: 1px solid rgb(198, 198, 198);
	border-bottom: 1px solid rgb(198, 198, 198);
	padding-top: 20px;
	z-index: 10;
}

#nav-servizi {
	font-weight: 300;
	font-size: 10pt;
	z-index: 10;
	text-align: center;
}



.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
}

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

.nav-agganciato {
	position: fixed;
	margin-top: -135px !important;
	left: 0;
 	right: 0;
 	margin: 0 auto;
 	background-color: white;
}

#contenuto-scrollabile {
	height: 100%;
}


.sezione {
	margin-bottom: 150px;

}



.page-section {
	border-bottom: 1px solid rgb(198, 198, 198);
	padding-top: 190px;
	margin-top: -95px;

}

#contenuto-scrollabile .page-section:last-child {
	border-bottom: 0px !important;
}

.page-section.vuoto200 {
	margin-top: -1px;
	border-top: 1px solid white;
}

.sezione h3 {
	font-weight: 300;
	font-size: 18pt;
	text-transform: uppercase;
	margin-top: 30px !important;
	margin-bottom: 0px !important;
}

.descrizione-sezione {
	font-weight: 300;
	font-size: 11pt;
	text-align: center;
	padding: 45px 95px;
	max-width: 860px;
	margin: 0 auto;
}

.gallery-sezione {
	list-style:none;
	width: 248px;
	height: 248px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.gallery-sezione img {
	width: 218px;
	height: 218px;
}

.immagine-sezione {
	margin: 0 auto;
}

#accessori li {
	cursor: url(https://www.chezlinda.it/ee/images/zoom-in.png), auto;
}

/* PAGINA ATELIER */

#banner-atelier {
	/* margin-top: 80px; */
}

#banner-atelier img {
	width: 100%;
}

#atelier {
	margin-top: 65px !important;
}

#atelier h1 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 20pt;
	margin-top: 0px !important;
	margin-bottom: 50px !important;
}

.descrizione-atelier {
	font-weight: 300;
	font-size: 11pt;
	margin-bottom: 95px;
}

.atelier-li {
	list-style: none;
	width: 25%;
	height: 150px;
	margin-bottom: 30px;
}

.circle-atelier {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	border: 1px solid rgb(165,161,153);
	margin: 0 auto;
	display: table;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
}

a .circle-atelier:hover {
	width: 95px;
	height: 95px;

}

.circle-atelier-img {
	display: table-cell;
	vertical-align: middle;
	width: 37px;
	height: 37px;
}

.info-testo-atelier {
	font-size: 9pt;
	font-weight: 300;
	margin-top: 15px;
	line-height: 9pt;
}

/* INFORMATIVA */

#informativa {
	margin-top: 200px;
	font-weight: 300;
	line-height: 20pt;
}

#informativa h5 {
	font-size: 14pt;
}

/* FOOTER */

.wrapper {
	min-height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}

footer, .push {
	height: 200px; /* .push must be the same height as .footer */
}

footer {
	font-size: 9pt;
	margin-top: -150px !important;
}

footer p {
	margin: 0px;
}

footer .piccolissimo {
	font-size: 8pt;
	margin-bottom: 10px;
}


/*  prenota */

.form-group input{
	text-align: center;
}