@keyframes blinker {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes pausedx {
  0% {
    opacity: 0;
  }
    25%, 100% {
    opacity: 1;
  }
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes expand {
	0% {
width: 0px;
overflow:hidden;
text-indent: -999em;
	}
	50% {
width: 70px;
	}
	99% {
width: 140px;
	}
		100% {
width: auto;
overflow:unset;
text-indent: unset;
	}
}


.gal-toast.blinker{
animation: blinker 0.5s linear 3; /* 1 second per blink, repeats 3 times */
}

.gal-toast.paused{
animation: pausedx 2s linear infinite;
}

.gal-toast.expand .gal-toast-text{
animation: expand 0.4s linear 1;
}

.red .gal-toast-text{background-image:linear-gradient(to bottom left, #e14001, #9C2C01);}
.green .gal-toast-text{background-image:linear-gradient(to bottom left, #369500, #9ECC00);}
.brown .gal-toast-text{background-image:linear-gradient(to bottom left, #5e3700, #a86000);}
.gold .gal-toast-text{background-image:linear-gradient(to bottom left, #806D00, #CCAD00);}
.teal .gal-toast-text{background-image: linear-gradient(to bottom left, #006659, #00ceb1);}
.blue .gal-toast-text{background-image: linear-gradient(to bottom left, #0F4779, #1A7CD2);}
.purple .gal-toast-text{background-image: linear-gradient(to bottom left, #3b0082, #9d4bff);}
.rosy .gal-toast-text{background-image: linear-gradient(to bottom left, #b5015c, #ff0083);}

.gradient .gal-toast-text{
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 2s ease infinite;
}

.album-nav{
display: block;
width: 14px;
height: 14px;
background-repeat: no-repeat;
filter:drop-shadow(1px 1px 1px #333);
}

.album-notes-ctr{
margin: 40px;
}

.gal-picinfo-close{
font: bold 24px/41px arial;
background: red;
padding: 0 10px;
width: 20px;
text-align: center;
cursor: pointer;
float: left;
color:#fff;
}

.simple-pagination ul:before, .simple-pagination ul:after, .album-notes:before, .album-notes:after{
content:' ';
display:block;
clear:both;
}

.album-photo-wrap{
box-sizing:border-box;
}

.album-note-boxed img{
object-fit: cover !important;
width: 50% !important;
height: 160px !important;
background-color: #ddd !important;
object-position: center !important;
box-sizing: border-box !important;
margin: 0 10px 10px 0 !important;
float:left !important;
}

.album-note-box img[style*="left"] {margin:0 10px 10px 0;}
.album-note-box img[style*="right"] {margin:0 0 10px 10px;}

.album-note-expanded img{
max-width: 100%;
object-fit: contain;
height: auto !important;
}

.album-note-boxed h1, .album-note-boxed h2, .album-note-boxed h3, .album-note-boxed h4, .album-note-boxed h5{
font:bold 16px verdana;
font-weight:bold;
color:#666;
}

.album-note-expanded .album-title-pack{
margin: 10px 0;
text-align: center;
background: #eee;
padding: 10px 0;
}

.album-note-boxed .album-note-title{font-size:18px;}

.album-pages a, .album-pages span{text-decoration:none;font-size:12px !important;}

.simple-pagination ul{
padding:0 10px;
}

.album-pages{
text-align:center;
font-family:verdana;
font-size:12px !important;
}

.simple-pagination li{
float:none !important;
display: inline-block;
}

.album-note-ctr{
float: left;
width: 33.33333%;
box-sizing: border-box;
padding: 10px;
position:relative;
}

.album-note-box{
background-color: rgba(255,255,255,0.9);
padding: 15px;
color: #333;
font: 12px/1.5 verdana;
height: 250px;
overflow: auto;
box-sizing:border-box;
border:1px solid silver;
position:relative;
}

.album-note-title{
font: bold 26px arial;
}

.album-note-date{
margin: 7px 0;
color: #999;
}

.album-note-descr{
margin-bottom:15px;
}

.album-note-more{
position: absolute;
right: 10px;
bottom: 10px;
color: #fff;
background-color: red;
padding: 5px 10px;
font: bold 14px arial;
cursor: pointer;
}


.album-note-expanded{
position: fixed;
top: 50px;
left: 0;
z-index: 1;
right: 0;
bottom: 0;
height: auto;
width: auto;
box-sizing: border-box;
background-color: #fff;
overflow: auto !important;
}

.album-note-expanded .album-note-close{
display: block;
}

.album-note-expanded .album-note-more{
display:none !important;
}

#album-pics-block, #album-notes-block, #album-search-block{display:none;}

#album-list-block, #album-pics-block, #album-notes-block, #album-search-block{
overflow-y: auto;
z-index: 1;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-x: hidden;
}

.phpl-notify-warning, .phpl-notify-success, .phpl-notify-error{
padding:10px;
margin-bottom:10px;
}

.g-recaptcha > div{
margin:0 auto;
}

.album-ctr{position:relative;}

.phpl-notify-error{
background-color:#ffd8de;
}

.phpl-notify-warning{
background-color:#ffefc9;
}

.phpl-notify-success{
background-color:#d8ffbc;
}

#album-info, #search-info{
box-sizing: border-box;
border: 1px solid gray;
margin: 40px 45px 0 45px;
padding: 20px;
background-color: rgb(255,255,255);
color:#333;
}

#album-info > h2, #search-info > h2, .deepshow h2{
padding: 0 0 10px 0;
margin: 0;
font-family: arial;
font-weight:normal;
}

#search-info > h2 > b, .deepshow h2 > b{
color:red;
}

.deepshow{line-height: 1.5;}

.album-descr:empty:before{content:'No description availiable.';}

#album-info i{
font:italic 12px georgia;
}

.album-descr{
font:12px verdana;
padding:5px 0 10px 0;
}

.album-bar-ctr{
height:50px;
}

.album-bar-ctr:after{
display:block;
content:' ';
height:inherit;
}

.album-bar{
background-color:gold;
position:fixed;
top:0;
left:0;
right:0;
height: inherit;
box-sizing:border-box;
border-bottom:1px solid #999;
z-index:2;
box-shadow:0 0 5px rgba(0,0,0,0.5);
}

.album-list{margin:40px;}

.album-bar > span{
font: bold 20px/49px arial;
display: block;
color: #fff;
overflow: hidden;
position: absolute;
left: 70px;
right: 200px;
top: 0;
height:50px;
}

.album-type-private:before, .item[data-access="private"]:before{
content: ' ';
display: block;
background-image: url(svg/lock.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 90%;
color: #fff;
position: absolute;
top: 2%;
right: 2%;
width: 40px;
height: 50px;
z-index: 1;
background-color: rgba(0,0,0,0.3);
}

.item[data-access="private"]:before{
top: 0%;
right: 0%;
}

.album-box:hover .album-type-private:before, .album-box:focus .album-type-private:before{
display: none;
}

.albtn-menu{
display:block;
position:absolute;
top:0;
left:0;
padding:10px;
cursor:pointer;
}

#album-sidebar{
background-color:#fff;
width:300px;
position:fixed;
left:-310px;
top:50px;
bottom:0;
z-index:2;
box-shadow:0 5px 5px rgba(0,0,0,0.5);
box-sizing:border-box;
transition:left 0.3s;
}

#album-sidebar-menu{
margin:0;
padding:0;
list-style:none;
}

#album-sidebar-menu > li{
border-bottom: 1px solid #ddd;
box-sizing: border-box;
font: 18px arial;
color: #666;
padding: 10px;
cursor: pointer;
}

#album-sidebar-menu > li > a{
color: inherit;
text-decoration:none;
}

#album-sidebar-menu > li:hover, #album-sidebar-menu > li:focus, #album-sidebar-menu > li:active{
background-color:#ddd;
}

.album-sidebar-show{
left:0 !important;
}

.albtn-menu:after{
content:' ';
display:block;
height:30px;
width:30px;
}

.gal-buttons-flat-dark .album-bar > span{
color:#000;
}

.album-info-block{
display:none;
}

.album-buttons{
margin:0;
padding:0;
list-style:none;
right:0;
top:0;
float:right;
}

.album-buttons:before, .album-buttons:after{
content:' ';
display:block;
}

.album-buttons > li{
float: left;
cursor: pointer;
list-style: none;
padding: 10px;
border-left:1px solid #999;
border-bottom:1px solid #999;
}

.album-buttons > li:after{
width: 29px;
height: 29px;
content: ' ';
display: block;
}


.album-list:before, .album-list:after{
clear:both;
display:block;
content:' ';
}

.album-info{
font: 12px verdana;
color:#333;
}

.album-info h2{
margin: 0;
padding: 5px 0;
font: bold 18px arial;
}

.album-info h2 a{
text-decoration: none;
color:gray;
}

.album-date{
margin:0;
padding:5px 0 0 0;
list-style:none;
display:block;
}


.album-date > li{
padding: 3px 5px;
border-bottom: 2px dotted silver;
color: #666;
}

.album-date > li:first-child{
border-top: 2px dotted silver;
}

.album-date > p{
text-align:left;
}

.album-box{
box-sizing: border-box;
float:left;
width:16.6666%;
user-select: none;
}

.gal-touchtip{
position:fixed;
bottom:0;
left:0;
right:0;
padding:20px;
background-color:gold;
color:#333;
font:14px tahoma;
z-index:99999;
}

.gal-touchtip-spacer{
padding:20px;
background-color:pink;
font:14px tahoma;
}


.ximghvr .album-preview{
position:absolute;
left:0;
right:0;
bottom:0;
box-sizing: border-box;
padding:5px;
overflow-y:auto;
display:block;
cursor:pointer;
background-color:rgb(0, 0, 0, 0.2);
background-image:url(pattern.png);
}

.ximghvr .album-preview-title{
font:bold 16px arial;
color:#ccc;
text-align:center;
text-shadow:0 0 2px #000;
}

.ximghvr .album-preview-title span{
font:bold 14px/22px arial;
color:#eee;
display:block;
}

.ximghvr figure img{
border:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.ximghvr .album-ctr {
background-color: transparent;
width: 100%;
height: 100%;
margin: 0 auto;
user-select: none;
padding: 2%;
box-sizing: border-box;
}

.ximghvr .album-info{
background-color:rgba(255,255,255,0.6);
height:100%;
width:100%;
overflow-y:auto;
box-sizing:border-box;
padding:10px;
}

.ximghvr .album-info b[xurl]{
cursor:pointer;
color:#fff;
background-color:#333;
display:inline-block;
padding:2px 5px;
}

[class*=" imghvr-"], [class^="imghvr-"]{
display:block !important;
}


@media only screen and (max-width: 1019px) {
.ximghvr .album-ctr{
padding:0%;
}

.album-type-private:before{
right:0;
top:0;
}

.flex-images .item{border-width:0 !important;margin:2px !important;}

.gal-ctr{
margin:5px 3px !important;
background:transparent !important;
}

.album-list{margin:0;}

.album-notes-ctr{
margin:10px 0 0 0;
}

#album-info{margin:5px 3px;display:none;}

#search-info{margin:5px 3px;}

.flex-images .item{outline:0 !important;}

}

@media only screen and (max-width: 1350px) {
.album-box{width:25%}
.album-note-ctr{width:50%}
}

@media only screen and (max-width: 679px) {
.album-box{width:33.3333%}
.album-note-ctr{width:100%}
.search-form input[type="text"], .search-form select, .search-form button{
font-size:12px !important;
}
}

@media only screen and (max-width: 509px) {
.album-box{width:50%}
.album-note-ctr{width:100%}


}

@media only screen and (max-width: 339px) {
.album-box{width:100%}
.album-note-ctr{width:100%}
.album-bar > span{left:50px;font:bold 16px/49px arial;}

/* for wristphone */
.album-buttons{margin: 0 30px 0 0 !important}
.gal-mobile-controls{right: 30px !important}
.gal-toolbar{right: 30px !important}
.gal-share-ctr{bottom: 30px !important}
.album-bar > span{display:none !important}
.albtn-menu{left: 30px !important}
.phpl-alert-box-top-close{margin-right:30px;}
.phpl-alert-box-bottom {padding: 10px 40px 10px 10px !important;}
.gal-counter, .gal-load-text{left: 30px !important}
.ximghvr .album-info b[xurl] {padding: 15px 20px !important;}
.gal-stats-ctr {padding-top: 30px !important;}
}


.flex-images .item{outline:1px solid silver;}


/* search */
.search-form{
margin:20px 0;
}


.search-form input[type="text"], .search-form select, .search-form button{
float: left;
border: 1px solid gray;
padding: 5px 10px;
color: #000;
font-family:arial, sans-serif;
font-size:20px;
}

.search-form input[type="text"]{
border-left:0;
border-right:0;
}

.search-form input[type="text"]:focus{
box-shadow:0 0 5px rgba(0,0,0,0.7) inset;
outline:0;
}

.search-form button{
cursor: pointer;
color: #fff;
background-color: #333;
border-color:#000;
font-weight:bold;
}

.search-form button:hover{
color: #000;
background-color: #ccc;
}

.search-form::after, .search-suggestions::after{
clear:both;
content:' ';
display:block;
}

.search-suggestions{
margin:20px 0;
padding:0;
font:12px arial;
}

.search-suggestions a{
background-color:#ddd;
margin:5px;
display:inline-block;
text-decoration:none;
padding:3px 5px;
color:#333;
border-radius:3px;
}

.search-suggestions a:hover{
color: #fff;
background-color: #333;
}