/*
phoenix gallery - main
*/
/* ---functional styling 
*/
.phoenixgallery-wrapper {
  position: relative;
  margin-bottom: 10px;
  display: block; }

.phoenixgallery {
  width: 800px;
  height: 400px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin: 0!important;
  padding: 0;
  list-style: none;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  /* IE 9 */
  -webkit-transform-origin: 0% 0%;
  /* Safari and Chrome */
  -moz-transform-origin: 0% 0%;
  /* Firefox */
  -o-transform-origin: 0% 0%;
  /* Opera */
  transform: translate3d(0, 0, 0); }

.phoenixgallery-wrapper img {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  image-rendering: optimizequality; }

.phoenixgallery-wrapper img:hover {
  border: 0!important;
  box-shadow: 0 0 0 0; }

.phoenixgallery .imgMain {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0; }

.phoenixgallery .shadowBg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }

.phoenixgallery .descMain {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none; }

.phoenixgallery .descMain .captionCon {
  position: absolute;
  top: 0;
  left: 0; }

.phoenixgallery .descMain .captionCon > .caption {
  position: absolute;
  min-width: 100px;
  color: #fff; }

.phoenixgallery .thumbsSlider {
  padding: 0;
  margin: 0;
  margin-left: 0; }

.phoenixgallery .descriptionMain {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }

.phoenixgallery .imgCon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3; }

.phoenixgallery .imgCon > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pgitem-type-image > canvas {
  position: absolute;
  top: 0;
  left: 0; }

.phoenixgallery .imgCon > img:first-child {
  z-index: 90; }

.phoenixgallery .imgCon > img {
  position: static; }

.phoenixgallery .descriptionText {
  position: absolute;
  font-size: 16px;
  z-index: 99;
  color: #fff;
  width: 90%;
  left: 15px;
  top: 14px;
  filter: inherit;
  cleartype: 1; }

.phoenixgallery .navigation-numbers {
  position: absolute;
  cursor: pointer;
  font-size: 10px;
  background-color: #000000;
  padding: 0px 10px;
  color: #fff;
  text-align: center;
  border-radius: 50px; }

.phoenixgallery .descriptionBg {
  background-color: #000;
  z-index: 80;
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0px;
  padding-top: 5px;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.phoenixgallery .arrow-left {
  width: 30px;
  height: 30px;
  background: url("./styleimg/arrow-left-rounded.png") no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70); }

.phoenixgallery .arrow-left:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.phoenixgallery .arrow-right {
  width: 30px;
  height: 30px;
  background: url("./styleimg/arrow-left-rounded.png") no-repeat;
  background-position: -30px 0px;
  opacity: 0.7;
  filter: alpha(opacity=70); }

.phoenixgallery .arrow-right:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.phoenixgallery .arrow-pause {
  width: 30px;
  height: 30px;
  background: url("./styleimg/arrow-pause-rounded.png") no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70); }

.phoenixgallery .arrow-pause:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.phoenixgallery .arrow-play {
  width: 30px;
  height: 30px;
  background: url("./styleimg/arrow-play-rounded.png") no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70); }

.phoenixgallery .arrow-play:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.phoenixgallery .transitionCon {
  position: absolute;
  z-index: 4;
  overflow: hidden;
  pointer-events: none;
  width: 100%;
  height: 100%; }

.phoenixgallery .transitionCon:empty {
  display: none; }

.phoenixgallery .transition-block-con {
  overflow: hidden;
  position: absolute;
  display: block; }

.phoenixgallery .transition-block {
  position: absolute; }

.pgitem-type-image {
  display: inline-block; }

.pgitem-type-image img {
  position: absolute;
  max-width: 100000px; }

.phoenixgallery .thumbs-arrow-left {
  cursor: pointer;
  display: none;
  position: absolute; }

.phoenixgallery .thumbs-arrow-right {
  width: 19px;
  height: 19px;
  position: absolute;
  display: none;
  background: url("./styleimg/thumbs-arrow.png") 19px;
  cursor: pointer; }

.phoenixgallery .thumbsMain {
  position: absolute;
  z-index: 99; }

.phoenixgallery .thumbsCon {
  list-style: none;
  overflow: hidden; }

.phoenixgallery .thumbsSlider > div {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  background-size: 100% 100%; }

.phoenixgallery .thumbsSlider {
  margin: 0;
  position: absolute; }

.phoenixgallery .imgCon {
  width: 100%;
  height: 100%; }

.phoenixgallery .not-post-thumbnail {
  width: 100%;
  height: 100%;
  background: #fff; }

.phoenixgallery .has-post-thumbnail {
  width: 100%;
  height: 100%;
  background: #fff; }

.phoenixgallery img.wp-post-image {
  position: absolute;
  left: 10px;
  top: 25%; }

.phoenixgallery .post-content {
  position: absolute;
  left: 50%;
  top: 5%; }

/* ---estethic styling 
*/
.phoenixgallery .shadowBg .the-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: #000; }

.phoenixgallery .shadowBg .the-shadow {
  background: url(styleimg/shadow.png) no-repeat top center;
  width: 100%;
  height: 30px;
  position: absolute;
  background-size: 100% 30px;
  left: 0px;
  top: 350px;
  opacity: 1; }

.phoenixgallery .navMain.nav_type_arrows > * {
  position: absolute;
  cursor: pointer; }

.phoenixgallery .thumbs-arrow-left {
  cursor: pointer;
  display: none;
  position: absolute;
  width: 19px;
  height: 19px;
  left: 10px;
  top: 10px;
  background: url("./styleimg/thumbs-arrow.png"); }

.phoenixgallery .roundplay {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  background: url("./styleimg/roundplay.png");
  opacity: 0.8;
  margin-top: -30px; }

.phoenixgallery .roundclose {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 60px;
  height: 40px;
  left: 50%;
  top: -40px;
  margin-left: -30px;
  background: url("./styleimg/roundclose.png");
  opacity: 0.8;
  z-index: 55; }

.phoenixgallery .post-content a {
  background: none repeat scroll 0 0 #63C7E6;
  color: #fff;
  padding: 5px;
  text-decoration: none;
  margin-top: 5px; }

.phoenixgallery .thumb-roll {
  background: #F9D835;
  border-radius: 10px 10px 10px 10px;
  color: #555;
  margin: 1em 0 3em;
  padding: 15px;
  position: absolute;
  left: 0px;
  top: 80px; }

.phoenixgallery .thumb-roll:after {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 50px;
  /* controls horizontal position */
  border-width: 20px 0 0 20px;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #F9D835 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

.phoenixgallery .thumb-roll.top:after {
  top: -10px;
  /* value = - border-top-width - border-bottom-width */
  left: 15px;
  /* controls horizontal position */
  bottom: auto;
  right: auto;
  border-width: 0px 10px 10px 10px;
  /* vary these values to change the angle of the vertex */
  border-color: #F9D835 transparent; }

.phoenixgallery .thumb-roll.left:after {
  top: 10px;
  /* value = - border-top-width - border-bottom-width */
  left: -5px;
  /* controls horizontal position */
  bottom: auto;
  right: auto;
  border-width: 10px 10px 10px 0px;
  /* vary these values to change the angle of the vertex */
  border-color: transparent #F9D835; }

.phoenixgallery .thumb-roll.down:after {
  top: 100%;
  /* value = - border-top-width - border-bottom-width */
  left: 15px;
  /* controls horizontal position */
  bottom: auto;
  right: auto;
  border-width: 10px 10px 0px 10px;
  /* vary these values to change the angle of the vertex */ }

.phoenixgallery .thumb-roll.right:after {
  top: 10px;
  /* value = - border-top-width - border-bottom-width */
  left: 100%;
  /* controls horizontal position */
  bottom: auto;
  right: auto;
  border-width: 10px 0px 10px 10px;
  /* vary these values to change the angle of the vertex */
  border-color: transparent #F9D835; }

.phoenixgallery .thumb-append {
  position: absolute;
  bottom: -2px;
  right: 5px; }

.phoenixgallery .banner-item {
  background: #fefefe;
  border-right: 1px solid #d3d3d3; }

.phoenixgallery .banner-item .the-title {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #666666;
  display: block;
  margin: 12px 18px 5px 18px; }

.phoenixgallery .banner-item .the-contents {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #666666;
  display: block;
  margin: 0px 18px 0px 18px;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out; }

.phoenixgallery .banner-item.active .the-contents {
  color: #a9b4d2; }

.phoenixgallery .banner-item.active :after {
  bottom: -15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #a9b4d2;
  border-width: 15px;
  right: 0;
  margin-left: -15px; }

/*
phoenix gallery - misc
*/
.preloader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  background: white url(./styleimg/preloader.gif) center no-repeat; }

.testdiv {
  width: 1000px;
  height: 1000px;
  background: #111;
  color: #fff;
  overflow: hidden; }

.inline-description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: #b43636;
  background: rgba(180, 54, 54, 0.4);
  color: #fff; }

.gallery-configurator {
  width: 280px;
  background-color: #322e2e;
  color: #eee;
  position: absolute;
  right: 0;
  top: 50px;
  opacity: 0;
  border-radius: 10px;
  padding: 10px;
  -moz-border-radius: 10px;
  font-family: Verdana, Arial;
  z-index: 9999; }

.gallery-configurator select, .gallery-configurator button {
  width: 260px; }

.gallery-configurator h4 {
  margin: 5px 0;
  color: #fff; }

.gallery-configurator input {
  width: 75px;
  margin-right: 10px; }

.gallery-configurator .activator {
  width: 25px;
  height: 150px;
  position: absolute;
  top: 20px;
  left: -25px;
  background: transparent url("./styleimg/configurator-activator.png");
  cursor: pointer; }

.textbg {
  position: absolute;
  top: 0;
  left: 50px;
  height: 100%;
  width: 230px;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px 15px; }

.thumb-append a {
  text-decoration: none; }

.thumb-append a:hover {
  color: #F00;
  text-decoration: underline; }

.gallery-con {
  position: relative;
  width: 945px;
  min-height: 400px; }

.gallery-con .phoenixgallery-wrapper {
  left: 0;
  position: absolute !important;
  top: 0;
  display: none; }

.gallery-con .phoenixgallery-wrapper:first-child {
  display: block; }

.gal_selector {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 530; }

#feature-selector {
  position: absolute;
  top: 70px;
  right: 0px;
  z-index: 529;
  cursor: pointer;
  width: 247px;
  /* Resize Width */
  height: 45px;
  padding: 15px 15px 10px;
  background: #111;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  color: #ddd; }

.caption.style_title {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 15px;
  font-size: 22px;
  text-align: center; }

.caption.style_noir {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 15px;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 11px; }

.phoenixgallery .caption.style_noir.bgwhite {
  background: rgba(255, 255, 255, 0.5);
  color: #111;
  text-shadow: none; }

.caption.style_noir.bgwhite a {
  color: #ba2b00; }

.caption a {
  font-family: Helvetica, Arial, sans-serif;
  color: #3CF; }

.caption.style_bigtitle {
  font-family: "Courier New", Courier, monospace;
  font-size: 22px;
  text-align: center;
  color: #fff!important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }

.caption.style_button a {
  font-family: Helvetica, Arial, sans-serif;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 15px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #777777;
  cursor: pointer;
  display: inline-block;
  margin: 10px 0;
  padding: 7px 15px;
  text-decoration: none;
  border-radius: 5px;
  color: #fafafa;
  border: 1px solid #05abe0;
  background: #87e0fd;
  background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87e0fd), color-stop(40%, #53cbf1), color-stop(100%, #05abe0));
  background: -webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: -o-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: -ms-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 );
  background: linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); }

.phoenixgallery div.caption.style_button2 {
  font-family: Helvetica, Arial, sans-serif;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 15px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  margin: 10px 0;
  padding: 2px 10px;
  text-decoration: none;
  border-radius: 3px;
  color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #ba2b00;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhMmIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ba2b00 0%, #ff1a00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ba2b00), color-stop(100%, #ff1a00));
  background: -webkit-linear-gradient(top, #ba2b00 0%, #ff1a00 100%);
  background: -o-linear-gradient(top, #ba2b00 0%, #ff1a00 100%);
  background: -ms-linear-gradient(top, #ba2b00 0%, #ff1a00 100%);
  background: linear-gradient(to bottom, #ba2b00 0%, #ff1a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba2b00', endColorstr='#ff1a00',GradientType=0 );
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 9px; }

.phoenixgallery div.caption.style_button2 span.left-part {
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  padding-right: 5px; }

.phoenixgallery div.caption.style_button2 span.right-part {
  float: left;
  padding-left: 5px; }