/*________________________________________________________*/

.shell {
}

.div {
position: relative;
max-width: 1000px;
margin: 20px auto 0 auto;
padding: 10px;
border: 1px solid #000;
border-radius: 5px;
}

.mark {
position: absolute;
display: block;
width: 50%;
height: 200px;
border-right: 1px solid #000;
}

.img-out {
height: 100px;
}

/*________________________________________________________*/

.gallery-a-background {
position: static;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
/* background-color: rgba(0, 0, 0, 0); */
background-color: rgba(0, 0, 0);
}
.gallery-a-background-full {
position: fixed;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
background-color: rgb(0 0 0);
}

.gallery-a {
position: relative;
/* margin: 10px 0 0 0; */
border: 1px solid #000;
overflow: hidden;
background-color: rgba(0, 0, 0);
}

.gallery-a-full {
position: fixed;
z-index: 20;
top: 0;
left: 0;
background-color: rgb(0 0 0);
width: 100%;
height: auto;
overflow: hidden;
}

.gal-close {
position: absolute;
z-index: 30;
display: block;
top: 0%;
right: 0%;
margin: 0% 0% 0% 0%; 
width: 5vw;
height: 5vw;
padding: 0%;
background: url(/1/0-back/0_symbol/closing-01.png) 100% 0% / 50% 50% no-repeat;
cursor: crosshair;
}

.gal-div-img-large {
width: 90%;
height: 85%;
margin: 0 auto 0 auto;
/* border: solid 1px #ccc; */
text-align: center;
/* cursor: url(/1/0-back/0_symbol/magnifier-02-m-1.png), auto; */
}
.gal-div-img-large-full {
width: 90%;
height: 85%;
margin: 0 auto 0 auto;
text-align: center;
}

/* .gal-img-large {
cursor: url(/1/0-back/0_symbol/magnifier-02-m-1.png), auto;
}
.gal-img-large-full {
} */

.gal-thumbs-line {
position: relative;
display: flex;
left: calc(50% - 50px);
height: 8%;
}

.gal-img-thumbs {
border: solid 1px #ccc;
cursor: pointer;
}
.gal-img-thumbs:hover {
border: solid 1px #6f6f6f;
}
.gal-img-thumbs-full {
border: solid 1px #747373;
cursor: pointer;
}
.gal-img-thumbs-full:hover {
border: solid 1px #eeeded;
}

/*СТРЕЛКИ*/

.gal-arrow-prev {
position: absolute;
display: none;
z-index: 11;
top: 0%;
margin: 0% 0% 0% 0%; 
width: 5%;
height: 85%;
left: 0%;
background: url("/1/0-back/0_symbol/arl.png") 10% 50% / 40% 10% no-repeat;
cursor: pointer;
}

.gal-arrow-next {
position: absolute;
z-index: 11;
top: 0%;
margin: 0% 0% 0% 0%; 
width: 5%;
height: 85%;
right: 0%;
background: url("/1/0-back/0_symbol/arr.png") 90% 50% / 40% 10% no-repeat;
cursor: pointer;
}

.gal-arrow-disabled {
opacity: 0.0;
cursor: default;
}

/*ТОЧКИ*/

.gal-nav-btn-line {
position: relative;
display: flex;
left: calc(50% - 1.7vmin);
height: 5%;
z-index: 11;
}

.gal-nav-btn-line-out {
position: relative;
width: 100%;
height: 1%;
z-index: 11;
}

.gal-nav-btn {
height: 100%;
margin: 0px 1.5vmin 0 0;
background-color: #ccc;
border: solid #ccc;
border-radius: 50%;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
}

.gal-nav-btn:hover {
cursor: pointer;
}

/* Активная точка */

.gal-nav-btn-active {
background-color: #fff;
border-radius: 50%;
}