#vlightbox {
float: left;
margin-bottom: 0px;
width: 100%;
background: #ffffff;
border: 5px solid transparent;
border-radius: 10px;
padding: 0px;
}
#vlightbox a{
    vertical-align: top;
    position: relative;
    overflow: hidden;
    display: ;
    margin:  0px 0px 0px 0px;
    padding: 0px;
    border: solid 0px #FFF;
    background-color: #ffffff;
    opacity: 1;
    z-index: 0;
    border-radius: 5px;
}

#vlightbox span {
    vertical-align: top;
    position: relative;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 30px 21px 20px;
    border: solid 0px #ffffff;
    opacity: 1;
    z-index: 0;
    line-height: 1.1;
}

#vlightbox span h4{
    display:block;
    font-size : 22px;

}


#vlightbox a {
	width:calc(100% - 0px);
    height:auto;
    float : left;
	z-index : 1;
/*	transform: scale(1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0); */

}

#vlightbox a:hover {
    opacity:1;
	z-index : 2;
/*	transform: scale(1.1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0.3); */
}

#vlightbox a img {
	display:block;
    border:none;
    margin:0px;
    border-radius: 7px;
}

#vlightbox span {
	width:calc(100% - 0px);
    height:auto;
    float : left;
    display : block;
    font-size: 18px;
    background: #ffffff;
    z-index: 3;
}

#vlightbox span h4{
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 8px 0px;}

#block_photos h2{
	padding : 0px;
}

#block_photos h3{
    padding: 10px 0px 12px 10px;
    margin: 20px 0px 0px 0px;
    font-size: 26px;
    text-align: center;
    background: #45a200;
    color: #fff;
    border-radius: 16px 16px 0px 0px;
    border-bottom: 5px solid #000;
}

/*
#vlightbox a:nth-child(3n-2) {
	width:calc(33.3% - 10px); height:auto;
}

#vlightbox a:nth-child(3n) {
	margin-top : calc(-33.3% - 0px);
	width:calc(66.6% - 10px); height:auto;
}
*/


#vlightbox a:nth-child(2n-1):after, #vlightbox a:nth-child(2n):after {
	content : '';
	width:calc(100% - 10px);
	height:100#;
	background : rgba(0,0,0,0.5);
	position : absolute;
	top : 5px;
	left : 5px;
	z-index : 11;
	padding : 14px 0px 18px 0px;
	text-align : center;
	color : #FFFFFF;
	font-size : 24px;
}

#vlightbox a:nth-child(2n-1):after {
	content : 'До установки';
}
#vlightbox a:nth-child(2n):after {
	content : 'После установки';
}






#vlightbox a img {
width : 100%;
height : auto;
background-size : cover!important;
background-position : top center;
background-repeat : no-repeat;
}


#vlightbox > a:before {
	content : '';
	display : block;
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	background : rgba(0,0,0,0.05);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	z-index : 1;
	opacity : 1;
}

#vlightbox a:hover:before {
	opacity : 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;

}




/*################################################################################################*/
/* Photogallery                                                                               */
/*################################################################################################*/


#vlightbox_gall {
    float : left;
    margin-bottom : 0px;
    width : 100%;
}

#vlightbox_gall a {
    vertical-align : top;
    position : relative;
    overflow : hidden;
    display:block;
    margin: 0px 0px 0px 0px;
    padding:0px;
    border: 7px solid rgba(255,255,255,0);
    background-color:#FFFFFF;
    opacity:1;
    z-index : 0;
    border-radius: 7px;
	z-index : 1;
	transform: scale(1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0);
}

#vlightbox_gall a:hover {
    opacity:1;
	z-index : 2;
	transform: scale(1.1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0.3);
    border:solid 7px  rgba(255,255,255,1);
}

#vlightbox_gall a img {
	display:block;
    border:none;
    margin:0px;
    border-radius: 7px;
    vertical-align : top;
}
#vlightbox_gall a:hover img {
	display:block;
    border:none;
    margin:0px;

}

#vlightbox_gall a {
	width:calc(50% - 0px);
    height:auto;
    float : left;
}

/*
#vlightbox_gall a:nth-child(6n-5),
#vlightbox_gall a:nth-child(6n) {
	width:calc(66.6% - 10px); height:auto;
}

#vlightbox_gall a:nth-child(6n-2),
#vlightbox_gall a:nth-child(6n-1) {
	clear : left;
}

#vlightbox_gall a:nth-child(6n) {
	margin-top : calc(-33.3% - 0px);
}
*/


#vlightbox_gall a img {
width : 100%;
height : auto;
background-size : cover!important;
background-position : center center;
background-repeat : no-repeat;
}


#vlightbox_gall > a:before {
	content : '';
	display : block;
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	background : rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	z-index : 1;
	opacity : 1;
}

#vlightbox_gall a:hover:before {
	opacity : 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;

}



/*################################################################################################*/
/*                                         Textures                                               */
/*################################################################################################*/

#vlightbox_textures {float : left; margin-bottom : 0px;}
#vlightbox_textures a{
	vertical-align : top;
	position : relative;
	overflow : hidden;
	display:block;
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color:#FFFFFF;
	opacity:1;
	z-index : 1;
	width: calc(50% - 0px);
	height:auto;
	float : left;
    opacity:1;
    z-index : 1;
    border-radius: 7px;
	z-index : 1;
/*	transform: scale(1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0); */
    border:solid 5px  rgba(255,255,255,1);
}
#vlightbox_textures a:hover{
    opacity:1;
	transform : scale(1.1);
	z-index : 2;
/*	transform: scale(1.1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0.5); */
    border:solid 5px  rgba(255,255,255,1);
}
#vlightbox_textures a img {
	display:block;
	border:none;
	margin:0px;
	width:100%;
	height:auto;
    border-radius: 7px;
}
#vlightbox_textures a span {
    display: block;
    border: none;
    margin: 0px;
    /*width: calc(100% - 10px);*/
    height: auto;
    border: 0px solid #FFFFFF;
    border-radius: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(0,0,0,1);
    color: #FFFFFF;
    z-index: 11;
    padding: 3px 10px 2px 10px;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-size: 16px;
    font-weight: 400;
}

#vlightbox_textures a:hover span {
	background : #000000;
	border : 0px solid #FFFFFF;
	color : #FFFFFF;
}
#vlightbox_textures a:hover img {
	display:block;
	border:none;
	margin:0px;
}



/*################################################################################################*/
/*                                         Examples                                               */
/*################################################################################################*/

#vlightbox_examples {float : left; margin-bottom : 0px;}
#vlightbox_examples a{
	vertical-align : top;
	position : relative;
	overflow : hidden;
	display:block;
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color:#FFFFFF;
	opacity:1;
	z-index : 1;
	width:calc(50% - 0px);
	height:auto;
	float : left;
    border :
    z-index : 1;
    border-radius: 7px;
	z-index : 1;
/*	transform: scale(1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0); */
    border:solid 5px  rgba(255,255,255,1);
}
#vlightbox_examples a:hover{
	transform : scale(1.1);
	z-index : 2;
/*	transform: scale(1.1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0.5); */
    border:solid 5px  rgba(255,255,255,1);
}
#vlightbox_examples a img {
	display:block;
	border:none;
	margin:0px;
	width:100%;
	height:auto;
	vertical-align : top;
    border-radius: 7px;
}
#vlightbox_examples a span {
	display:block;
	border:0px;
    border-radius: 7px;
	margin:0px;
	width:calc(100% - 10px);
	height:auto;
	position : absolute;
	bottom : 5px;
	left : 5px;
	background : rgba(0,0,0,1);
	color : #FFFFFF;
	z-index : 11;
	padding : 15px;
	text-align : center;
}
#vlightbox_examples a:hover img {
	display:block;
	border:none;
	margin:0px;
}










#vlightbox_scans {
	display : flex;
	flex-wrap : wrap;
	margin : 20px 0px 20px 0px;
}



#vlightbox_scans a{
	width:calc(50% - 5px);
	position : relative;
	overflow : hidden;
	display:block;
	margin: 0px 5px 5px 0px;
	padding:3px;
	border:solid 5px #eaeaea;
	background-color:#FFFFFF;
	opacity:1;
	z-index : 1;
	height:auto;
}
#vlightbox_scans a:hover{ opacity:1;}
#vlightbox_scans a img {
	display:block;
	border:none;
	margin:0px;
	transform : scale(1);
	width:100%;
	height:auto;
	vertical-align : top;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background-position : center center;
	background-size : cover;
}
#vlightbox_scans a:hover img {
	display:block;
	border:none;
	margin:0px;
	transform : scale(1.5);
	z-index : 10;
	-webkit-transition: all 8s linear;
	-moz-transition: all 8s linear;
	-o-transition: all 8s linear;
	-ms-transition: all 8s linear;
	transition: all 8s linear;

}














#vlightbox_photos {
	display : flex;
	flex-wrap : wrap;
	margin : 20px 0px 20px 0px;
	width: 100%;
}



#vlightbox_photos a{
	width:calc(33.3% - 5px);
	position : relative;
	overflow : hidden;
	display:block;
	margin: 0px 5px 5px 0px;
	padding:3px;
	border:solid 5px #eaeaea;
	background-color:#FFFFFF;
	opacity:1;
	z-index : 1;
	height:auto;
}
#vlightbox_photos a:hover{ opacity:1;}
#vlightbox_photos a img {
	display:block;
	border:none;
	margin:0px;
	transform : scale(1);
	width:100%;
	height:auto;
	vertical-align : top;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background-position : center center;
	background-size : cover;
}
#vlightbox_photos a:hover img {
	display:block;
	border:none;
	margin:0px;
	transform : scale(1.5);
	z-index : 10;
	-webkit-transition: all 8s linear;
	-moz-transition: all 8s linear;
	-o-transition: all 8s linear;
	-ms-transition: all 8s linear;
	transition: all 8s linear;

}

/*################################################################################################*/
/* Panels                                                                               */
/*################################################################################################*/


#vlightbox_panels {float : left; margin-bottom : 0px;}
#vlightbox_panels a{
	vertical-align : top;
	position : relative;
	overflow : hidden;
	display:block;
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color:#FFFFFF;
	opacity:1;
	z-index : 1;
	width:calc(33.3% - 0px);
	height:auto;
	float : left;
    border :
    z-index : 1;
    border-radius: 7px;
	z-index : 1;
	transform: scale(1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0);
    border:solid 5px  rgba(255,255,255,1);
}
#vlightbox_panels a:hover{
	transform : scale(1.1);
	z-index : 2;
	transform: scale(1.1);
	box-shadow : 0px 10px 40px rgba(0,0,0,0.5);
    border:solid 5px  rgba(255,255,255,1);
}
#vlightbox_panels a img {
	display:block;
	border:none;
	margin:0px;
	width:100%;
	height:auto;
	vertical-align : top;
    border-radius: 7px;
}
#vlightbox_panels a span {
	display:block;
	border:0px;
    border-radius: 7px;
	margin:0px;
	width:calc(100% - 10px);
	height:auto;
	position : absolute;
	bottom : 5px;
	left : 5px;
	background : rgba(0,0,0,1);
	color : #FFFFFF;
	z-index : 11;
	padding : 15px;
	text-align : center;
}
#vlightbox_panels a:hover img {
	display:block;
	border:none;
	margin:0px;
}










#vlightbox_scans {
	display : flex;
	flex-wrap : wrap;
	margin : 20px 0px 20px 0px;
}



#vlightbox_scans a{
	width:calc(50% - 5px);
	position : relative;
	overflow : hidden;
	display:block;
	margin: 0px 5px 5px 0px;
	padding:3px;
	border:solid 5px #eaeaea;
	background-color:#FFFFFF;
	opacity:1;
	z-index : 1;
	height:auto;
}
#vlightbox_scans a:hover{ opacity:1;}
#vlightbox_scans a img {
	display:block;
	border:none;
	margin:0px;
	transform : scale(1);
	width:100%;
	height:auto;
	vertical-align : top;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background-position : center center;
	background-size : cover;
}
#vlightbox_scans a:hover img {
	display:block;
	border:none;
	margin:0px;
	transform : scale(1.5);
	z-index : 10;
	-webkit-transition: all 8s linear;
	-moz-transition: all 8s linear;
	-o-transition: all 8s linear;
	-ms-transition: all 8s linear;
	transition: all 8s linear;

}



