#galleryOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
opacity:0;
z-index:100000;
background-color:#222;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
display:none;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease;
} #galleryOverlay.visible{
opacity:1;
}
#gallerySlider{
height:100%;
left:0;
top:0;
width:100%;
white-space: nowrap;
position:absolute;
-moz-transition:left 0.4s ease;
-webkit-transition:left 0.4s ease;
transition:left 0.4s ease;
}
#gallerySlider .placeholder{
background: url(//regiencox.com/wp-content/themes/source/js/touchTouch/preloader.gif) no-repeat center center;
height: 100%;
line-height: 1px;
text-align: center;
width:100%;
display:inline-block;
} #gallerySlider .placeholder:before{
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right:-1px;
}
#gallerySlider .placeholder img{
display: inline-block;
max-height: 100%;
max-width: 100%;
height:auto;
width: auto;
vertical-align: middle;
}
#gallerySlider.rightSpring{
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring{
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
} @-moz-keyframes rightSpring{
0%{		margin-left:0px;}
50%{	margin-left:-30px;}
100%{	margin-left:0px;}
}
@-moz-keyframes leftSpring{
0%{		margin-left:0px;}
50%{	margin-left:30px;}
100%{	margin-left:0px;}
} @-webkit-keyframes rightSpring{
0%{		margin-left:0px;}
50%{	margin-left:-30px;}
100%{	margin-left:0px;}
}
@-webkit-keyframes leftSpring{
0%{		margin-left:0px;}
50%{	margin-left:30px;}
100%{	margin-left:0px;}
} #prevArrow,
#nextArrow {
border: none;
text-decoration: none;
cursor: pointer;
position: absolute;
background: #000;
top: 50%;
padding: 40px 20px;
margin-top: -32px;
color: #FFF;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#prevArrow:hover, 
#nextArrow:hover {
background: #333;
}
#prevArrow {
left: 40px;
}
#nextArrow {
right: 40px;
}
#prevArrow:before,
#nextArrow:before {
font-family: FontAwesome; 
font-style: normal; 
font-weight: normal; 
font-size: 30px;
}
#prevArrow:before {
content: "\f104"; 
}
#nextArrow:before {
content: "\f105"; 
}
#closebutton { 
background: #FFF; 
cursor: pointer; 
height: 32px; 
position: absolute; 
right: 20px; 
top: 20px; 
width: 32px; 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#closebutton:before { 
content: "\f00d"; 
font-family:FontAwesome; 
font-style:normal; 
font-weight:normal; 
font-size: 16px; 
position: relative; 
top: 4px; 
left: 10px; 
}