body {overflow-x:hidden;font-family:"Open Sans", Helvetica, sans-serif}

.main-nav {

	position:fixed;

	top:0;

	width: 100vw !important;

	width:100%;

}

.main-header {

  position: relative; 

}

.main-nav {

	height: 115px;

	z-index: 150;

	margin-bottom: -50px;

	-webkit-transition: height, background-color, opacity;

	-webkit-transition-duration: 2s;

	transition-property: height, background-color, opacity;

	transition-duration: 0.5s;

}

.main-nav .logo {

	position:absolute;

	height:100%;outline:0

}

.main-nav .logo img {

	height:80%;margin:2% 0 0 0;border:0;float:left;

	-webkit-transition: height, background-color, opacity, margin;

	-webkit-transition-duration: 2s;

	transition-property: height, background-color, opacity, margin;

	transition-duration: 0.5s;

}

.section-bg {

	width: 100vw !important;

	width:100%;

	height:450px;overflow:hidden;

	position:relative;

	background:url(../img/bg_main.jpg) center bottom;

	z-index:2

}

.section-bg2 {

	height:450px;position:fixed;width:1px

}

.facebook {position:absolute;bottom:18px;left:30px}

.bg-scrolled {

	position: fixed;

	height:150px;

}

.bg-scrolled img {

	margin-top: -300px;

}

.bg-scrolled .facebook img {margin-top:0}

.main-bc {

	width: 100vw !important;

	width:100%;

	min-height:40px;border-bottom:1px solid #ccc}

.bc-scrolled {

	position: fixed;

	top:150px;

	z-index:2

}

/*home*/

.main-body {margin-top:120px}

h2.home {text-align:center;font-weight:400;margin:2em auto 1em auto;color:#6D6E70}

.col-sm-12.fasce {padding:8% 10% 2% 10%;background:url(../images/fasce.png) top left no-repeat;background-size:30%}

.col-sm-12.fasce.nofasce {background:none;padding-top:0}

.col-sm-12.fasce h3 {margin-left:-10%;margin-top:-9%;padding-bottom:6%;margin-bottom:0;padding-top:0;font-size:120%;color:#6D6E70;font-weight:bold}

div.foto {padding-top:3em;padding-bottom:1em}

div.foto p.didascalia {padding-top:1em;font-weight:bold;font-size:120%}

.section-bg p {text-align:center;padding-left:7%}

.section-bg p.logo20 img {max-width:600px;width:100%}



.container.body-scrolled {

	padding-top:490px

}

.main-nav  {

	background-color:#0C1C28;border-bottom:15px solid #2F5471;

}

.main-nav .mobile {

	background-color:#0C1C28;border-bottom:0;

}



.main-nav .desktop li a img {vertical-align:baseline}

.main-nav .mobile #togMenuMobile {background:transparent;border:0;height:40px}



.mobile {display:none}

.desktop {text-align:right;padding-right:20px}

.desktop li {

	display:inline-block;

	-webkit-transition: line-height 2s; /* Safari */

	transition: line-height 0.5s;

	line-height:100px

	}





.desktop li a {display:inline-block;line-height:30px;height:30px;line-height:30px;padding:0 10px;text-decoration:none;color:rgba(255,255,255,1);font-weight:500;font-size:14px}

.desktop li a:hover, .desktop li a.active {color:#3070A0}

.desktop li {position:relative}

.desktop li ul.dropdown-menu {border-radius:0;background-color:#FFF;margin-top:0}

.desktop li ul.dropdown-menu li {display:block}

.desktop li ul.dropdown-menu li a {background:transparent;display:block;color:#000;font-weight:300;width:100%}

.desktop li ul.dropdown-menu li a:hover {color:#717171}

.icon-bar {

  display: block;

  width: 20px;

  height: 2px;

  background-color: #f5f5f5;

  -webkit-border-radius: 1px;

     -moz-border-radius: 1px;

          border-radius: 1px;

  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

}



.icon-bar + .icon-bar {

	margin-top: 5px;

}

.main-nav #menuMobile {width:100%;position:fixed;top:40px;left:0;z-index:1;background:white;list-style-type:none;padding-left:0}

.main-nav #menuMobile li a {display:block;padding:0 40px;border-top:1px solid #cecece;color:#333;line-height:40px;text-transform:uppercase}

.main-nav #menuMobile li a:hover {text-decoration:none;background:#cecece}

.main-nav #menuMobile li:first-child {margin-top:0;}

.main-nav #menuMobile li:last-child {border-bottom:1px solid #cecece}

.main-nav #menuMobile ul li:first-child {margin-top:0;}

.main-nav #menuMobile ul {padding:0;border-top:1px solid #cecece;margin:0}

.main-nav #menuMobile ul li ul li a {margin-left:40px;border-left:5px solid #333;border-bottom:0;border-top:1px solid #cecece}

.main-nav #menuMobile ul li:first-child a {border-top:0}

#piede {background:#0C1C28;padding:50px 0;margin-top:30px;color:white}

#piede a {color:#1D425F}



.corpo .circle p {text-align:center;font-weight:300;font-size:180%;padding-top:0.2em}

/*schede clienti*/

section.schede-clienti article.media {border:0 solid #c2c2c2;margin:10px}

section.schede-clienti article.media div.media-body {padding:20px 0 0 10px;border-left:1px solid #cecece}

section.schede-clienti div.row div.col-md-6:first-child article.media div.media-body {padding:20px 10px 0 0;text-align:right;border-right:1px solid #cecece;border-left:0}

section.schede-clienti article.media div.media-body a.btn-primary {color:#333;text-decoration:none;margin-right:-10px;margin-left:-10px;background:#cecece;border:0}

section.schede-clienti article.media div.media-body a.btn-primary:hover {background-color:#F35B00;color:#fff}

section.schede-clienti article.media div.media-body a.btn-primary::after {

	content: "";

	display:inline-block;

	width:8px;

	height:10px;

	border-top:5px solid transparent;

	border-bottom:5px solid transparent;

	border-left:8px solid #333;margin-left:10px;

	border-right:0 solid transparent;

}

section.schede-clienti article.media div.media-body a.btn-primary:hover::after {

		border-left:8px solid #fff;

}

/*-----------------*/



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

}



/* Declare heights because of positioning of img element */

.carousel .item {

  height: 390px;

}

.carousel-inner > .item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 390px;

}

#cookieChoiceInfo {position: fixed; width: 40%;background-color: rgba(0, 0, 0, 0.8); margin: 0px; right: 10px; bottom: 10px; padding: 0.2em; z-index: 10000; text-align: center;color:white}

.sconta {display:none}

/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 768px) {



  /* Bump up size of carousel content */

  .carousel-caption p {

    margin-bottom: 20px;

    font-size: 21px;

    line-height: 1.4;

  }

}