.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: inline-block; }

.carousel-control .glyphicon-menu-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .glyphicon-menu-right {
  right: 50%;
  margin-right: -10px; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }

  .carousel-control .glyphicon-menu-left {
    margin-left: -15px; }

  .carousel-control .glyphicon-menu-right {
    margin-right: -15px; } }

.exptheme_gallery {
  margin-bottom: 30px; }
  .exptheme_gallery .carousel-caption {
    bottom: 30px;
    text-shadow: 1px 1px 1px #000; }
    .exptheme_gallery .carousel-caption .expgal_capt {
      background: rgba(0, 0, 0, 0.4);
      border-radius: 4px;
      padding: 2px 0; }
    .exptheme_gallery .carousel-caption h3 {
      font-size: 2em;
      font-weight: bold; }
/* Navigation Arrow */
.exptheme_gallery .expnav a {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: block;
  width: 100px;
  height: 100px;
  outline: none;
  text-align: left;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.exptheme_gallery .expnav a.expcarouselprev {
  left: 0; }

.exptheme_gallery .expnav a.expcarouselnext {
  right: 0; }

.exptheme_gallery .expnav i {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }

.exptheme_gallery .expnav a::before, .exptheme_gallery .expnav a::after, .exptheme_gallery .expnav i::before, .exptheme_gallery .expnav i::after {
  position: absolute;
  left: 50%;
  width: 3px;
  height: 50%;
  outline: 1px solid transparent;
  background: #dbccd0;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.exptheme_gallery .expnav i::before, .exptheme_gallery .expnav i::after {
  z-index: 3;
  height: 0;
  background: #fff;
  -webkit-transition: height 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, transform 0.3s; }

.exptheme_gallery .expnav a::before, .exptheme_gallery .expnav i::before {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-135deg);
  transform: translateX(-50%) rotate(-135deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }

.exptheme_gallery .expnav a.expcarouselnext::before, .exptheme_gallery .expnav a.expcarouselnext i::before {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }

.exptheme_gallery .expnav a::after, .exptheme_gallery .expnav i::after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.exptheme_gallery .expnav a.expcarouselnext::after, .exptheme_gallery .expnav a.expcarouselnext i::after {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%; }

.exptheme_gallery .expnav a:hover i::before, .exptheme_gallery .expnav a:hover i::after {
  height: 50%; }

.exptheme_gallery .expnav a:hover::before, .exptheme_gallery .expnav a:hover i::before {
  -webkit-transform: translateX(-50%) rotate(-125deg);
  transform: translateX(-50%) rotate(-125deg); }

.exptheme_gallery .expnav a.expcarouselnext:hover::before, .exptheme_gallery .expnav a.expcarouselnext:hover i::before {
  -webkit-transform: translateX(-50%) rotate(125deg);
  transform: translateX(-50%) rotate(125deg); }

.exptheme_gallery .expnav a:hover::after, .exptheme_gallery .expnav a:hover i::after {
  -webkit-transform: translateX(-50%) rotate(-55deg);
  transform: translateX(-50%) rotate(-55deg); }

.exptheme_gallery .expnav a.expcarouselnext:hover::after, .exptheme_gallery .expnav a.expcarouselnext:hover i::after {
  -webkit-transform: translateX(-50%) rotate(55deg);
  transform: translateX(-50%) rotate(55deg); }

@media screen and (max-width: 380px) {
  .exptheme_gallery .expnav a {
    width: 50px;
    height: 50px; } }