@charset "utf-8";
/* CSS Document */
.modal_picture_window {width: 98%; /*height: 90%;*/}
.modal_picture {max-width: 95vw; max-height: 92vh; object-fit: contain; object-position: center; width: auto; height: auto;margin: auto; display: block;}
#gallery {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.pic{	
  margin:3px;
  width:120px;
  height:120px;
  overflow: hidden;
  -moz-border-radius: 2px; /* закругление для старых Mozilla Firefox */
  -webkit-border-radius: 2px; /* закругл. для старых Chrome и Safari */
  -khtml-border-radius:2px; /* закругл. для браузера Konquerer системы Linux */
  border-radius: 2px;
  }
.album_content {width:100%; position:relative;}
.pic {
  opacity:1;
  -webkit-transition: opacity .5s;
          transition: opacity .5s; 
}
.pic:hover {
  opacity: .65;
}
.pic {
  position: relative;
  background-color: #eee;
}

.pic.loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border: 4px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 10;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
.mainpictext { 	
	padding-top:350px;
}
	.photo {display:block; width:100%; height:auto;margin-top:2px;}

.gallery_block {display: block; position: relative;}
.size_selector {
	    position: absolute;
    margin: auto;
    bottom: 25px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-decoration: none;
    cursor: pointer;
    padding: 5px;
    color: rgba(0, 0, 0, 1.00);
    font-size: 9pt;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.7);
    border: solid 1px #E9E9E9;
    border-radius: 1px;
}
.buy_btn, .remove_button, .block_btn {
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    position: absolute;
    margin: auto;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -0%);
    text-decoration: none;
    cursor: pointer;
    padding: 7px;
    color: rgba(255, 255, 255, 1.00);
    font-size: 10pt;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.7);
    border: solid 1px #E9E9E9;
    border-radius: 5px;
}
.buy_btn {
	background:rgba(8,120,0,1.00);
}
.remove_button {
	background:rgba(120,8,0,1.00);
}
.block_btn {
	background:rgba(220,200,00,1.00);
}
/*@media screen and (max-width: 955px) {
	.photo {display:block; width:100%; height:auto;  margin-top:2px;}
	.album_content {max-width:100%; position:relative; margin-top:5px;margin-left:0px; padding-bottom:5px;}
}*/
@media screen and (min-device-width: 600px) {  
	.photo {display:none;}

	.pic{	
	  margin:3px;
	  width:250px;
	  height:250px;
	  overflow: hidden;
	  -moz-border-radius: 2px; /* закругление для старых Mozilla Firefox */
	  -webkit-border-radius: 2px; /* закругл. для старых Chrome и Safari */
	  -khtml-border-radius:2px; /* закругл. для браузера Konquerer системы Linux */
	  border-radius: 2px;
	  }

	.buy_btn,.remove_button,.block_btn {
	/*left:8px; 
	bottom:20px;
	padding: 10px;
	font-size: 12pt; */
}

}