#lens_filter_form {background:#eee;padding:30px;border-radius:15px;}
#lens_filter_form table td {vertical-align:top;padding:3px 15px;}
#lens_filter_form table input {width:90px;}
#lens_filter_form select {padding:12px;}
#lens_filter_form input[type=number] {padding:12px;}
#lens_filter_form input[type=submit] {padding:12px;background:#40b7f2;color:white;border:0;border-radius:5px;}
#lens_filter_form .hr {border-top:1px solid #ccc;border-bottom:1px solid white;margin:15px 0;}
#lens_filter_form i {font-size:12px;color:#999;}
#lens_filter_form ul {list-style:none;margin:0;}

code {font-family:monospace;}

a.additional_form {text-decoration-style: dotted;}
a.additional_form.active {text-decoration:none;font-weight:500;}

select {max-width:90vw;}
.lens_catalog {	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
	grid-gap:15px;
	padding-bottom:1vw;
	margin:30px 0;
}
.lens_catalog .show_catalog_item{width:auto;}
.lens_catalog .show_catalog_item img {max-width:100%;border-radius:15px;
	transition:box-shadow 1.5s ease;
	box-shadow:0 2px 4px 1px #0002;
}
.lens_catalog .show_catalog_item:hover img {
	box-shadow:2px 3px 6px 2px #0003;
}

.page_navigation {display:flex;list-style:none;gap:15px;}
.page_navigation li {padding:5px;}
.page_navigation a {text-decoration:none;}
.page_navigation a:hover {text-decoration:underline;}
.page_navigation li.active {
	color: white;
	background: #00acff;
	border-radius: 3px;
	padding: 4px 7px;
	font: 500 16px Graphik,sans-serif;
}
.icon_catalog {display:block;background:url('/icons/icon_catalog.png') 100% 50% / 40px no-repeat;width:40px;height:40px;}

#form_error_message{color:red;}


.photo_itself:after {
	content:'';
	transform:translateX(-64%);
	width:80%;
	height:100%;
	position:absolute;
	z-index:1;
	background: linear-gradient(80deg, #fff0 0%,#fff5 50%,#fff0 100%);
	filter: blur(10px);
	transition:transform 1.5s ease;
}
.photo_itself_vendor_372:after,
.photo_itself_vendor_37:after {display:none;transition:none;}


.lens_catalog .show_catalog_item:hover .photo_itself:after{
	/*animation:slide 2.6s forwards;*/
	transform:translateX(-120%);
}
/* animation */

@keyframes slide {
	0% {transform:translateX(-64%);}
	100% {transform:translateX(-120%);}
}

.photo_itself {
  /*transform:
    perspective(800px)
    rotateY(-8deg);*/

}

#zoom_holder2 {display:none;text-align:center;background:#00000066;position:fixed;top:0;left:0;right:0;bottom:0;padding:2vw;z-index:10000;cursor:pointer;
	align-items:center;
	justify-content:center;
}
#zoom_holder2 .zoomed_image {max-width:100%;max-height:calc(100vh - 100px);box-shadow:1px 1px 5px 1px #00000099;}
#zoom_holder2 .zoom_img_wrapper {position:relative;}



.lens {margin-bottom:45px;}
#lens_filter_legend {background:white;
	display:flex;
	box-shadow:rgba(58, 72, 80, 0.34) 0px 3px 24px -2px;
	max-height:95vh;
	max-width:95vw;
	border-radius:12px;
	overflow:hidden;
}
#zoom_holder2 #lens_filter_legend {max-width:min(1000px, 90vw);}

button {
	-webkit-appearance:none;
	background:none;
	border:none;
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance:button;
}


#lens_filter_legend *,
#lens_filter_legend:after,
#lens_filter_legend:before{box-sizing:border-box;}
#lens_filter_form .modal_close {top:5px;right:20px;}
.wrapper{position:relative;display:flex;max-height:80vh;flex-direction:row;}
#zoom_holder2 .wrapper {max-height:none;display:block;overflow-y:scroll;}
#zoom_holder2 .wrapper img {width:100%;}

.leftSide{padding:16px 28px;display:flex;width:220px;flex-direction:column;background-color:#fff;}
.leftTitle{font:700 20px/28px Graphik,sans-serif;color:#0f0f0f;}
.divider{margin:16px 0;width:164px;height:1px;background-color:#e7ebed;}
.tabs{display:flex;flex-direction:column;}
.tab{margin-bottom:4px;padding:8px 12px;font-size:16px;line-height:20px;text-align:left;color:#5b6971;border-radius:4px;cursor:pointer;}
.tab:hover{background-color:#f8f8f8;}
.rightSide{padding:32px 30px;display:flex;width:620px;flex-direction:column;color:#3a4850;background-color:#f7f8f9;}
.rightTitle{font:700 16px/21px Graphik,sans-serif;color:#3a4850;margin:0 6px;}
.description{margin:6px auto 20px auto;width:80%;min-height:120px;font:400 14px/20px Graphik,Arial,sans-serif;}
.mainTable{display:flex;width:100%;flex-direction:row;}
.column{display:flex;flex:1;flex-direction:column;background-color:#fff;}
.cell{padding:14.5px 14px;width:100%;height:48px;font:700 14px/17px Graphik,Arial,sans-serif;text-align:left;color:#3a4850;border:1px solid #dedede;
	display:inline-flex;
	align-items:center;

}
.cell:first-child{font:700 14px/17px Graphik,Arial,sans-serif;color:#3a4850;background-color:#f4f9ff;
}
.column:first-child .cell{padding:15.5px 12px;font:700 14px/17px Graphik,Arial,sans-serif;color:#3a4850;background-color:#f4f9ff;}

.cellWithLabel{padding:4px 18px 6px;color:#0f0f0f;display:block;}
.upperLabel{display:block;font:400 11px/17px Graphik,Arial,sans-serif;
color:#89959c;}

.legend_active{z-index:10;margin:-1px;border:1px solid #2196f3;box-shadow:0 3px 7px 0 #00000024;}
.bottomTables{margin-top:16px;display:flex;flex-direction:row;}
.pd{margin-right:7px;display:flex;width:219px;flex-direction:row;background-color:#fff;}
.doublePd{width:332px;max-width: 100%;}
.pd.active{margin-right:8px;}
.doublePd.active{border-radius:4px;}
.nearPd{display:flex;width:219px;flex-direction:row;background-color:#fff;}
.single{width:256px;width:50%;}
.firstCell{padding:15.5px 14.5px;width:106px;flex-shrink:0;font:700 14px/17px Graphik,Arial,sans-serif;color:#3a4850;background-color:#f4f9ff;}
.activeTab{color:#2196f3;background-color:#f1f3f4;}
.roundLeft{border-radius:4px 0 0 4px;}
.roundRight{border-radius:0 4px 4px 0;}

.column:first-child {
	.cell:first-child {border-radius:4px 0 0;}
	.cell:last-child {border-radius:0 0 0 4px;}
}
.column:last-child {
	.cell:first-child {border-radius:0 4px 0 0;}
	.cell:last-child {border-radius:0 0 4px;}
}

.cross{position:absolute;top:17px;right:20px;width:14px;opacity:.8;transform:scale(.9);cursor:pointer;}

.some_div {padding:3px 15px;vertical-align:top;}
.show_catalog_item_photo {max-height:200px;}

@media screen and (max-width:834px){
	#lens_filter_form {padding:10px;}
	#lens_filter_form_table {width:100%;box-sizing:border-box;}
	#lens_filter_form_table tbody {display:flex;flex-direction:row;width:100%;}
	#lens_filter_form_table tr {
		display:flex;
		flex-direction:column;
		flex:1;
		width:33%;
	}
	.column:first-child .cell:first-child {border-radius:4px 0 0;}
	.column:first-child .cell:last-child {border-radius:0 4px 0 0;}
	.column:last-child .cell:first-child {border-radius:0 0 0 4px;}
	.column:last-child .cell:last-child {border-radius:0 0 4px;}
	#lens_filter_form_table tr td,
	#lens_filter_form table td,
	.some_div {flex:1;padding:3px 4px;}
	#lens_filter_form #lens_filter_form_table input {width:100%;max-width:150px;box-sizing:border-box;}

	.mainTable {	flex-direction:column;}
	.column {flex-direction:row;}
	.wrapper {height:auto;max-height:90vh;}
	.rightSide {width:auto;max-width:90vw;padding:15px 10px;}
	.lens_catalog {
		grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));
		grid-gap:1px;
	}
	.description {text-align:left;width:auto;height:auto;}
}
@media screen and (max-width:480px){
	#zoom_holder {padding:0;}
	#lens_filter_form i {display:block;}
	.leftSide {display:none;}
	.bottomTables { flex-direction:column;}
	.single {width:100%;}
	select {
		-webkit-appearance:none !important;
		background:white;
	}
	tr.pr-form-table-row {display:flex;flex-direction:column;}
	#lens_filter_form tr.pr-form-table-row i {display:inline-block;}
	.lens_catalog {
		grid-template-columns:repeat(auto-fill, minmax(48%, 1fr));
		grid-gap:1px;
	}
}