.header {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.top-links {
  text-align: center;
  font-size: 13px;
  line-height: 24px;
  padding: 7px 0;
}
.phone {
  background-position: 0 center;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0;
  padding-left: 18px;
  margin-right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%23939393%22%20d=%22M10.938,11.047c-0.07-0.388-0.134-0.632-0.328-0.812c-0.096-0.088-0.252-0.257-0.452-0.278c-0.045-0.005-0.176,0.002-0.222,0.011l-1.311,0.486C8.461,10.193,7.907,9.517,7.906,7.5c0-2.031,0.523-2.652,0.688-2.906l1.343,0.439c0.045,0.008,0.088,0.013,0.133,0.012c0.509,0.002,0.668-0.389,0.821-1.014l0.391-2.516c0.003-0.023,0.016-0.335,0.016-0.359c0-0.327,0.058-0.465-0.203-0.703c-0.224-0.206-0.377-0.298-0.677-0.305L8.115,0.001C8.1,0.001,8.085,0,8.068,0C6.869,0,6.328,0.703,5.55,2.504C5.031,4.25,4.875,5.921,4.875,7.5c0,2.531,1.225,5.85,2.013,6.955l0,0C7.282,14.816,7.679,15,8.068,15c0.017,0,0.032-0.001,0.047-0.002l2.302-0.146c0.664-0.016,0.849-0.294,0.849-0.945%20M8,0.859l2.487,0.221L9.984,4.006l-1-0.271c-0.02-0.003-0.103-0.014-0.125-0.016c-0.31-0.031-0.535-0.056-0.78,0.146C7.447,4.386,7.063,6.111,7.094,7.5c0.038,1.737,0.337,3.044,0.935,3.59l0,0c0.254,0.234,0.579,0.346,0.914,0.312c0.021-0.002,0.041-0.006,0.062-0.01l0.994-0.414l0.36,2.858l-2.103,0.226C8.222,14.047,8,14.005,7.751,13.89c-0.672-0.812-1.86-2.765-2.063-6.39C5.688,7.649,5.281,1.719,8,0.859z%22/%3E%3C/svg%3E");
}
.email {
  background-position: 0 center;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0;
  padding-left: 22px;
  margin-right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%23939393%22%20d=%22M14.001,2H1C0.448,2,0,2.447,0,3v8.98C0.027,12.484,0.5,13,1,13h13.001C14.506,13,15,12.521,15,12.002V3C15,2.447,14.553,2,14.001,2z%20M5.734,8.547L7.5,9.828l1.641-1.203L14,11.354l0.004,0.647l-13.02,0.014l0.014-0.683L5.734,8.547z%20M0.979,10.354L0.953,4.656l4.156,3.25L0.979,10.354z%20M9.828,8L14,4.641v5.755L9.828,8z%20M14.001,3v0.618l-0.021-0.03l-6.48,5.1L1,3.637V3H14.001z%22/%3E%3C/svg%3E");
}
.logo {
  text-align: center;
  margin: 20px 0;
}
.logo img {
  width: 300px;
}
.navigation {
  border-top: 1px solid #eeeeee;
  text-align: center;
}
.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation ul li {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin: 0 14px;
  position: relative;
}
.navigation ul li:last-child {
  margin-right: 0;
}
.navigation ul li:hover a span {
  color: #2d2d2d;
}
.navigation ul li:hover a span:before {
  height: 2px;
  opacity: 1;
  transform: translateY(0px);
  background-color: #a8a8a8;
}
.navigation ul li a {
  color: #939393;
  font: 16px/20px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  border: 1px solid transparent;
}
.navigation ul li a span {
  position: relative;
}
.navigation ul li a span::before {
  background: #fff none repeat scroll 0 0;
  bottom: -5px;
  content: "";
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  transform: translateY(-10px);
  transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
  width: 100%;
}
.navigation ul li a span.dd-icon::after {
  right: -11px;
  background-position: right center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 8px;
  margin-top: -4px;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  width: 8px;
  background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%228px%22%20height=%228px%22%20viewBox=%220%200%208%208%22%20enable-background=%22new%200%200%208%208%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%23939393%22%20d=%22M6.953,2.182L4,5.045L1.062,2.197c-0.328-0.322-0.707-0.262-0.91-0.04c-0.203,0.221-0.203,0.582,0,0.803l3.472,3.344C3.728,6.416,3.864,6.471,4,6.469c0.136,0.002,0.272-0.05,0.375-0.164l3.472-3.343c0.203-0.221,0.203-0.582,0-0.803C7.645,1.936,7.266,1.859,6.953,2.182z%22/%3E%3C/svg%3E");
}
.navigation ul li.dd-open:hover ul {
  display: block;
}
.navigation ul li.dd-open ul {
  z-index: 10;
  display: none;
  position: absolute;
  list-style: none;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  width: 230px;
}
.navigation ul li.dd-open ul li {
  display: block;
  height: auto;
  text-align: left;
  margin: 0 8px;
}
.navigation ul li.dd-open ul li a {
  padding: 8px 10px;
  display: block;
}
.navigation ul li.dd-open ul li a:hover {
  background: #f8f8f8;
  border-radius: 3px;
}
.login {
  text-align: center;
  margin-top: 30px;
}
.carousel {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.carousel-image {
  max-width: 900px;
  max-height: 600px;
  text-align: center;
}
.carousel-image img {
  max-width: 100%;
  max-height: 100%;
}
.carousel-control {
  background: none!important;
  width: 100px;
  left: -100px;
}
.carousel-control.right {
  right: -100px;
  left: auto;
}
.error {
  font-weight: bold;
  color: #f00;
}
.action-buttons {
  width: 900px;
  margin: 0 auto;
}
.thumbs .carousel-inner {
  min-height: 600px;
  text-align: left;
}
.thumbs .carousel-inner .img-thumbnail {
  margin-right: 1px;
}
@media all and (max-width: 699px) {
  .thumbs .carousel-inner {
    min-height: 1px;
  }
  .thumbs .carousel-inner .img-thumbnail {
    margin-right: 1px;
    width: 53px;
  }
  .thumbs .carousel-control {
    display: none;
  }
  .thumbs .carousel-inner > .item {
    display: block;
  }
  .images .carousel-control {
    display: none;
  }
  .action-buttons {
    width: auto;
  }
}
.pagination-block {
  position: relative;
  margin: 0 auto;
  max-width: 900px;
}
.pagination-block .category-link {
  position: absolute;
  left: 0;
  top: 25px;
  color: #333;
}
.category {
  display: none;
}
.category.active {
  display: block;
}
.category a {
  color: #444444;
}
.category .page {
  padding-left: 35px;
}
.category .category-child {
  width: 135px;
  height: 138px;
  overflow: hidden;
  margin-bottom: 3px;
  vertical-align: top;
}
.category .category-image {
  background: url(../img/folder.png) no-repeat 50% 50%;
  background-size: auto 60px;
  height: 60px;
  margin-bottom: 20px;
}
.category .album-images {
  width: 125px;
  height: 60px;
  margin-bottom: 20px;
  text-align: center;
}
.category .album-images img {
  width: 60px;
  height: 60px;
  margin-bottom: 3px;
}
.category .category-album-name,
.category .category-name {
  height: 40px;
  overflow: hidden;
  text-align: center;
}
.category .category-changer {
  cursor: pointer;
}
.fullscreen-exit {
  display: none;
}
#carousel-block.fullscreen {
  max-width: 100%;
  max-height: 100%;
  background: #000;
  margin: 0 auto;
}
#carousel-block.fullscreen .fullscreen-exit {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  padding: 15px;
}
#carousel-block.fullscreen .hidden-fs {
  display: none;
}
#carousel-block.fullscreen .carousel {
  max-width: 100%;
  max-height: 100%;
}
#carousel-block.fullscreen .carousel-image {
  max-width: 100%;
  max-height: 100%;
}
#carousel-block.fullscreen .carousel-control {
  opacity: 0;
  left: 0;
}
#carousel-block.fullscreen .carousel-control.right {
  left: auto;
  right: 0;
}
#carousel-block.fullscreen .carousel-control:hover {
  opacity: 1;
}
#carousel-block.fullscreen .carousel .carousel-inner .item {
  transition-property: opacity;
}
#carousel-block.fullscreen .carousel .carousel-inner .item,
#carousel-block.fullscreen .carousel .carousel-inner .active.left,
#carousel-block.fullscreen .carousel .carousel-inner .active.right {
  opacity: 0;
}
#carousel-block.fullscreen .carousel .carousel-inner .active,
#carousel-block.fullscreen .carousel .carousel-inner .next.left,
#carousel-block.fullscreen .carousel .carousel-inner .prev.right {
  opacity: 1;
}
#carousel-block.fullscreen .carousel .carousel-inner .next,
#carousel-block.fullscreen .carousel .carousel-inner .prev,
#carousel-block.fullscreen .carousel .carousel-inner .active.left,
#carousel-block.fullscreen .carousel .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
#carousel-block.fullscreen .carousel .carousel-control {
  z-index: 2;
}
body {
  background-color: #fff;
  padding-bottom: 20px;
  font: 14px/24px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  color: #939393;
}
a {
  color: #939393;
}
.nav-select {
  background-color: #fff;
  background-image: url("http://www.eventfotograf.in/wp/wp-content/themes/jphotolio_v130/css/img/responsive-nav-bg.png");
  background-position: right center;
  background-repeat: no-repeat;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  font: 12px/1.5 "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding: 5px 10px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  width: 100%;
  margin-top: 10px;
}
.pagination > li > a,
.pagination > li > span {
  color: #888;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #4b4b4b;
  border-color: #4b4b4b;
}