*{margin:0;padding:0;border:0; box-sizing: border-box; cursor:none;}

.all-container{z-index:990;}

.main-header{position: fixed; top:0px;left:0px; color: #fff; background-color: #A9B1BB; font-size: 22px; padding: 15px 30px 10px 25px; font-weight: 100; width:100%; font-family: 'FlamaCondensed-Medium', sans-serif; height:60px;}

/*Thumbnails List*/
.foto-th-div-title{margin: 35px 10px 5px 10px; width:100%; font-family: 'FlamaCondensed-Medium', sans-serif;}
.foto-th-div{cursor: pointer; margin: 3px; height: 200px; max-width: 100%;}

/*Slider VIEW*/
#close-div{width:30px; height: 30px;}
.img-th{height: 100%;}
.thumbnails-th{max-width: 100%;}
/*Container of the big picture*/
.position-fix-picture{vertical-align: middle; background-color: transparent; position: fixed; text-align:center; display:block; z-index:999; margin: 0px auto; height:100%; width: 100%; overflow:hidden; padding-bottom: 10px; }
#container-big-div{background-color: transparent; position:absolute; padding:0px!important; border:0px!important; }
.img-big{margin: auto; opacity:0; cursor: pointer;}
.subtitle-foto{font-weight: 100;}
#div-bg{display:none;left:0;top:0; position:fixed;  width:100%; height:100%; background-color: #e5e5e5; opacity:0.88; z-index:998; }

#toggleInLogin{box-sizing: border-box; padding: 0px;background-color: transparent; margin: 0 auto; text-align: center; align-content: center; width:auto; height: auto; max-width:100%; box-sizing: border-box;}

/*align-content: flex-start | flex-end | center | space-between | space-around | stretch*/
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  padding: 10px;
  border: 1px solid silver;
  margin-top: 52px;
  
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.flex-start { 
  -webkit-align-content: flex-start; 
  align-content: flex-start; 
}

#big-div-title{width:auto; height: 60px; float:right; padding:15px 20px 5px 30px; position: absolute; right: 60px; top:0px;}
#big-div-title span{z-index:11000; font-size: 20px; font-weight: 800;}
#cross-close-div{z-index:11000; cursor: pointer; opacity:0.85;  background-color: rgb(0,0,0);width:60px;height: 60px; margin:0px auto; position: absolute; right:0; top:0; padding-top: 10px; padding-left: 2px;}

.svgClose, .main-header-admin{
    
/*    background-color: #e7e7e7;*/
    stroke:rgb(255,255,255);
    stroke-width:1;
	/* Firefox */
	-moz-transition: all 0.7s ease;
	/* WebKit */
	-webkit-transition: all 0.7s ease;
	/* Opera */
	-o-transition: all 0.7s ease;
	/* Standard */
	transition: all 0.7s ease;

}
.svgClose:hover, .main-header-admin:hover{
    stroke:rgb(255,255,255);stroke-width:1;
        opacity: 1;
	/* Firefox */
	-moz-transform: rotate(360deg) ;
	/* WebKit */
	-webkit-transform: rotate(180deg);
	/* Opera */
	-o-transform: rotate(360deg) ;
	/* Standard */
	transform: rotate(180deg);
	
	z-index: 1000;

}

/*SLIDES*/
#forward{z-index:11000; cursor: pointer; opacity:0.5; background-color: rgb(0,0,0); width:55px;height: 90px; margin:0px auto; position: absolute; right:20px; top:50%; padding-top: 5px;}
.forwardBnt{
    stroke:rgb(255,255,255);
    stroke-width:1;
	/* Firefox */
	-moz-transition: all 0.5s ease;
	/* WebKit */
	-webkit-transition: all 0.5s ease;
	/* Opera */
	-o-transition: all 0.5s ease;
	/* Standard */
	transition: all 0.5s ease;
}
.forwardBnt:hover{
    stroke:rgb(255,255,255);stroke-width:1;
        opacity: 1;
	/* Firefox */
	-moz-transform: translate(10px) ;
	/* WebKit */
	-webkit-transform: translate(10px);
	/* Opera */
	-o-transform: translate(10px) ;
	/* Standard */
	transform: translate(10px);
	z-index: 1000;
}
#backward{z-index:11000; cursor: pointer; opacity:0.5; background-color: rgb(0,0,0);width:55px;height: 90px; margin:0px auto; position: absolute; left:20px; top:50%; padding-top: 5px;padding-left: 7px;}
.backwardBnt{
    stroke:rgb(255,255,255);
    stroke-width:1;
	/* Firefox */
	-moz-transition: all 0.5s ease;
	/* WebKit */
	-webkit-transition: all 0.5s ease;
	/* Opera */
	-o-transition: all 0.5s ease;
	/* Standard */
	transition: all 0.5s ease;
}
.backwardBnt:hover{
    stroke:rgb(255,255,255);stroke-width:1;
        opacity: 1;
	/* Firefox */
	-moz-transform: translate(-10px) ;
	/* WebKit */
	-webkit-transform: translate(-10px);
	/* Opera */
	-o-transform: translate(-10px) ;
	/* Standard */
	transform: translate(-10px);
	z-index: 1000;
}


.bg-photo-1{background-image: url(../Pictures/photo-1.jpg;)}











/**/
.flex-end { 
  -webkit-align-content: flex-end; 
  align-content: flex-end; 
}
.flex-end li {
  background: gold;
}

.center { 
  -webkit-align-content: center; 
  align-content: center; 
}
.center li {
  background: deepskyblue;
}

.space-between { 
  -webkit-align-content: space-between; 
  align-content: space-between; 
}  
.space-between li {
  background: lightgreen;
}

.space-around { 
  -webkit-align-content: space-around; 
  align-content: space-around; 
}
.space-around li {
  background: hotpink;
}

.stretch { 
  -webkit-align-content: stretch; 
  align-content: stretch; 
}
.stretch li {
  background: chocolate;
}

.flex-item {
  background: tomato;
  padding: 5px;
  width: 50px;
  height: 50px;
  
  line-height: 50px;
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
}