#vlightbox {}
#vlightbox span{ display:block; }
#vlightbox a{ display:block; float:left; width: calc(100% - 0px); height:auto; margin: 0px 0px 0px 0px; padding: 0px; border:solid 0px #D5D5D3;


-webkit-transition: .5s ease-in-out;
	   -moz-transition: .5s ease-in-out;
	    -ms-transition: .5s ease-in-out;
	     -o-transition: .5s ease-in-out;
	        transition: .5s ease-in-out;

opacity:1; text-decoration : none; z-index : 1; position : relative;}
#vlightbox a:nth-child(3n) {margin-right : 0px;}

#vlightbox > a > img { border:none;  margin:0 auto; width:100%; height:auto; z-index : 1;}
#vlightbox > a > span { display : block; position : absolute; top : 7%;  width : 100%; height : 85%; z-index : 1; text-align: center;}
#vlightbox > a > span > img { border:none; margin:0 auto; width : auto; height : 100%;
 -webkit-filter: drop-shadow(.1vw .1vw .3vw rgba(0,0,0,.4));
  filter: drop-shadow(.1vw .1vw .3vw rgba(0,0,0,.4));
-webkit-transition: .5s ease-in-out;
	   -moz-transition: .5s ease-in-out;
	    -ms-transition: .5s ease-in-out;
	     -o-transition: .5s ease-in-out;
	        transition: .5s ease-in-out;

  transform: scale(1);
}

#vlightbox > a:hover > span > img {
  transform: scale(1.1);
}

#vlightbox a:hover{ opacity:1;}
#vlightbox a.vlightbox_hidden{ display:none; }

#vlightbox .vlightbox {overflow: hidden; position: relative; transform: scale(1);}
#vlightbox .vlightbox:hover {overflow: hidden; position: relative; transform: scale(1); box-shadow : 10px 10px 30px rgba(0,0,0,0);}
#vlightbox .vlightbox:before {
content: '\f00e';
text-shadow: 0px 0px 40px rgba(0,0,0,.3);
font: normal normal normal 90px FontAwesome!important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color : #FFFFFF; 
width: 100%; 
height: 100%; 
display: block; 
background: rgba(255,255,255,0); 
position: absolute;
top: calc(50% - 52px);
left: calc(50% - 36px);
-webkit-transition: .5s ease-in-out; 
-moz-transition: .5s ease-in-out; 
-ms-transition: .5s ease-in-out; 
-o-transition: .5s ease-in-out; 
transition: .5s ease-in-out;
z-index : 3;
}
#vlightbox .vlightbox:before {opacity : 0;}
#vlightbox .vlightbox:hover:before {opacity : 0.7;}







#vlightbox_coversexample { float:left; width: calc(50% - 30px);  margin: 0px 60px 0px 0px;}
#vlightbox_coversexample span{ display:block; }
#vlightbox_coversexample a{ display:block; float:left; width: calc(100% - 22px); height:auto; margin: 0px 0px 45px 0px; padding: 0px; border:solid 1px #D5D5D3;
background: #FFFFFF;

-webkit-transition: .5s ease-in-out;
	   -moz-transition: .5s ease-in-out;
	    -ms-transition: .5s ease-in-out;
	     -o-transition: .5s ease-in-out;
	        transition: .5s ease-in-out;

opacity:1; text-decoration : none;}
#vlightbox_coversexample a:nth-child(3n) {margin-right : 0px;}
#vlightbox_coversexample a img{ display:block; border:none; margin:0px; }
#vlightbox_coversexample a:hover{ opacity:1; 
	-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0);
	        box-shadow: 0px 0px 40px rgba(0,0,0,0);

}
#vlightbox_coversexample a.vlightbox_hidden{ display:none; }
#vlightbox_coversexample a img { border:medium none; margin:0 auto; width:100%; height:auto;}

#vlightbox_coversexample .vlightbox {overflow: hidden; position: relative;}
#vlightbox_coversexample .vlightbox:before {
content: '\f002';
text-shadow: 0px 0px 40px rgba(0,0,0,.3);
font: normal normal normal 90px FontAwesome!important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color : #FFFFFF; 
width: 100%; 
height: 100%; 
display: block; 
background: rgba(255,255,255,0); 
position: absolute;
top: calc(50% - 42px);
left: calc(50% - 36px);
-webkit-transition: .5s ease-in-out; 
-moz-transition: .5s ease-in-out; 
-ms-transition: .5s ease-in-out; 
-o-transition: .5s ease-in-out; 
transition: .5s ease-in-out;
}
#vlightbox_coversexample .vlightbox:before {opacity : 0;}
#vlightbox_coversexample .vlightbox:hover:before {opacity : 0.7;}








#vlightbox_examples { float:left; width: calc(100% - 0px);  margin: 0px 0px 0px 0px;}
#vlightbox_examples a span{ display:block; text-align : center; color : #808080; padding : 10px 20px 10px 20px; font-weight : 300;}
#vlightbox_examples a span b{ display:block;  color : #000000; font-weight : 400;}
#vlightbox_examples a{ display:block; float:left; width: calc(25% - 10px); height:auto; margin: 0px 10px 10px 0px; padding: 0px; border:solid 1px #D5D5D3;
background: #FFFFFF;

-webkit-transition: .5s ease-in-out;
	   -moz-transition: .5s ease-in-out;
	    -ms-transition: .5s ease-in-out;
	     -o-transition: .5s ease-in-out;
	        transition: .5s ease-in-out;

opacity:1; text-decoration : none; z-index:1; position : relative;}
#vlightbox_examples a:nth-child(4n) {margin-right : 0px;}
#vlightbox_examples a img{ display:block; border:none; margin:0px; }
#vlightbox_examples a:hover{ opacity:1; z-index : 10; background : #FFFFFF;
	-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,.0);
	        box-shadow: 0px 0px 40px rgba(0,0,0,.0);			
 transform: scale(1);
 box-shadow : 10px 10px 40px rgba(0,0,0,0)
}

#vlightbox_examples a.vlightbox_hidden{ display:none; }
#vlightbox_examples a img { border:medium none; margin:0 auto; width:100%; height:auto;}

#vlightbox_examples .vlightbox {overflow: hidden; position: relative; transform: scale(1);}
#vlightbox_examples .vlightbox:before {
content: '\f00e';
text-shadow: 0px 0px 40px rgba(0,0,0,.3);
font: normal normal normal 90px FontAwesome!important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color : #FFFFFF; 
width: 100%; 
height: 100%; 
display: block; 
background: rgba(255,255,255,0); 
position: absolute;
top: calc(50% - 72px);
left: calc(50% - 36px);
-webkit-transition: .5s ease-in-out; 
-moz-transition: .5s ease-in-out; 
-ms-transition: .5s ease-in-out; 
-o-transition: .5s ease-in-out; 
transition: .5s ease-in-out;
}
#vlightbox_examples .vlightbox:before {opacity : 0;}
#vlightbox_examples .vlightbox:hover:before {opacity : 0.7;}





#vlightbox_photos {
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    -moz-column-width: auto;
    -webkit-column-width: auto;
    column-width: auto;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -moz-column-rule: 0px dotted #ccc;
    -webkit-column-rule: 0px dotted #ccc;
    column-rule: 0px dotted #ccc;
	text-align : justify;
	margin : 20px 0px 40px 0px;

}
#vlightbox_photos a{ display:inline-block; width: calc(100% - 0px); height:auto; margin: 0px 0px 10px 0px; padding: 10px; border:solid 1px #D5D5D3;
background: #FFFFFF;

-webkit-transition: .5s ease-in-out;
	   -moz-transition: .5s ease-in-out;
	    -ms-transition: .5s ease-in-out;
	     -o-transition: .5s ease-in-out;
	        transition: .5s ease-in-out;

opacity:1; text-decoration : none; z-index:1; position : relative;
transform: scale(1);
z-index : 1;
}

#vlightbox_photos a img{ display:block; border:none; margin:0px;}
#vlightbox_photos a:hover{ opacity:1; z-index : 10; background : #FFFFFF;
	-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,.0);
 transform: scale(1); box-shadow : 10px 10px 30px rgba(0,0,0,0);
z-index : 10;
}
#vlightbox_photos a:hover span{ color : #FFFFFF;}

#vlightbox_photos a.vlightbox_hidden{ display:none; }
#vlightbox_photos a img { border:medium none; margin:0 auto; width:100%; height:auto;}

#vlightbox_photos .vlightbox {overflow: hidden; position: relative;}
#vlightbox_photos .vlightbox:before {
content: '\f00e';
text-shadow: 0px 0px 40px rgba(0,0,0,.3);
font: normal normal normal 90px FontAwesome!important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color : #FFFFFF;
width: 100%;
height: 100%;
display: block;
background: rgba(255,255,255,0);
position: absolute;
top: calc(50% - 42px);
left: calc(50% - 36px);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-ms-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#vlightbox_photos .vlightbox:before {opacity : 0;}
#vlightbox_photos .vlightbox:hover:before {opacity : 0.7;}


