@import url('bootstrap.css');
@import url('global.css');
@import url('sidemenu.css');

body.no-overflow {
	overflow: hidden;
}

body {
	overflow-x: hidden;
}

.full {
	height: 100%;
	background-color: #222222;
	z-index: 8888;
}

.contatti .row {
	width: 100%;
	max-width: 600px;
	background-color: rgba(55,55,55,.8);
}

.full-height  {
	height: 100%;
	position: relative;
}

.full-height [class*="col"] {
	color: #fff;
	padding: 20px 100px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.loading {
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999999999;
}

.loading .loading-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.loading h1 {
	text-transform: uppercase;
}

.loading .load-numb {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 200px;
	opacity: .2;
	color: #222;
}

.loading .loadbar {
    position:absolute;
    bottom:0px;
    left:0px;
    height:10px;
    background-color:#222222;
    opacity: .8;
    z-index: 99999;
}


.second-menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}

.second-menu li {
	float: left;
}

.second-menu li a {
	display: block;
	color: #000;
	padding-left: 15px;
	text-decoration: none;
}

.second-menu li.active a {
	color: #ccc;
}

[class*="caption"]  {
	position: absolute;
	bottom: 15px;
	padding: 15px 15px;
	width: 100%;
}

[class*="caption"] b {
	text-transform: uppercase;
}

.caption-left {
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(255,255,255,.8);
}

.caption-right {
	bottom: 15px;
	right: 15px;
	text-align: right;
	color: #fff;
}


.caption-center {
	top: 50%;
	left: 50%;
	bottom: unset;
	transform: translate(-50%, -50%);
	vertical-align: middle;
	width: auto;
	z-index: 50;
}

.caption-center a {
	color: #222;
	opacity: .5;
}

.caption-center:hover a {
	opacity: 1;
}

.img-opacity {
	opacity: .5;
	z-index: 40;
}

[class*="controller"] {
	display: none;
}

.full-scroll .scroll-container img {
	  border: 10px solid #fff;
}


/* da cancellare */

.pro {
	position: fixed;
	left: 0px;
	top: 150px;
	background-color: #000;
	padding: 15px;
	color: #fff;
}

.scroll-sc-bar {
	position: fixed;
	left: 50%;
	bottom: 200px;
	height: 10px;
	background-color: rgba(0,0,0,.5);
	transform: translateX(-50%);
	z-index: 999999;
}

.scroll-sc-bar .scroll-w {
	height: 10px;
	background-color: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	z-index: 99999999;
}

.masonry {
	margin: 0px;
	padding: 0px;
	-moz-column-gap: 0em;
    -webkit-column-gap: 0em;
    column-gap: 0em;
}

.masonry .item {
    display: inline-block;
    background: #fff;
    padding: 0em;
    margin: 0 0 0em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.masonry .item img {
	width: 100%;
}


.footer {
	color: #fff;
	padding: 15px;
	font-size: 25px;
}

.footer a {
	margin-right: 15px;
	color: #fff;
}

.footer a:hover, .footer a:focus, .footer a:active {
	text-decoration: none;
}

.footer-fxd {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 99999;
}

.footer-black {
	color: #000;
	background-color: #fff;	
}

.footer-black a {
	color: #000;
}

.avviso-home {
	position: fixed;
	z-index: 999999999999;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	width: 100%;
	padding: 10px;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.description {
	position: fixed;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
}

.contatti iframe {
	display: none;
}


@media all and (display-mode: standalone) {
  .avviso-home {
    display: none !important;
  }
}


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

.full-scroll {
	overflow: hidden;
}


.scroll-container {
  display: flex;
  flex-wrap: nowrap;
  
  overflow-x: hidden;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  min-width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor:grab;

}

.mouseDown {
  cursor:grabbing;
}


.full-scroll .scroll-container img {
	flex: 0 0 auto;
	height: 100%;
	  border: 10px solid #fff;
}

[class*="controller"] {
	display: block;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	font-size: 40px;
	z-index: 999999;
	background-color: rgba(0,0,0, .5);
	padding: 15px 20px 15px 15px;
	cursor: pointer;
	cursor: hand;
}

[class*="controller"] i {
	color: #fff;
}

.controller-sx {
	left: 0px;
}

.controller-dx {
	right: 0px !important;
}

.contatti iframe {
	display: block;
}

    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

}


@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}