/**************************
*
*	GENERAL
*
**************************/
.camera_wrap {
  display: none;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.camera_wrap img {
  max-width: none !important;
}
.camera_fakehover {
  height: 100%;
  min-height: 60px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.camera_wrap {
  width: 100%;
}
.camera_src {
  display: none;
}
.cameraCont,
.cameraContents {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.cameraSlide {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.cameraContent {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.camera_target {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 0;
}
.camera_overlayer {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.camera_target_content {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.camera_loader {
  background: #ffffff url(../images/camera-loader.gif) no-repeat center;
  background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
  border: 1px solid #ffffff;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  height: 36px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  margin: -18px 0 0 -18px;
  top: 50%;
  width: 36px;
  z-index: 3;
}
.camera_bar {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar,
.camera_thumbs_wrap.camera_right .camera_bar {
  height: 100%;
  position: absolute;
  width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar,
.camera_thumbs_wrap.camera_top .camera_bar {
  height: auto;
  position: absolute;
  width: 100%;
}
.camera_nav_cont {
  height: 65px;
  overflow: hidden;
  position: absolute;
  right: 9px;
  top: 15px;
  width: 120px;
  z-index: 4;
}
.camera_caption {
  display: block;
  position: relative; padding:30px;
  width: 300px; 
  background:url(../images/caption.png); 
  float:right; 
  margin-right:0px;
  left: 0; top:180px;
  text-align:left;
  margin-bottom: 20px;
}
.camera_caption > div {
  text-align: left;
}
.camera_caption .fa {
  font-size: 70px;
}
.camera_caption h2 {
  margin:0; font-size:1.2em; color:#343946; font-family: 'proxima_novalight'; text-shadow:0px 1px 2px #333; text-transform:uppercase; line-height:1.5em;
}
.camera_caption p {
  font-weight:bold; color:#000; 
}
.camera_caption a{
  color:#fff; background:#f3c212; padding:12px 50px 10px 50px; font-size:12px; text-transform:uppercase; border-radius:3px; margin-top:10px; float:left;
}
.camera_caption a:hover{
  color:#fff; background:#202426; 
}
.camerarelative {
  overflow: hidden;
  position: relative;
}
.imgFake {
  cursor: pointer;
}


.camera_command_wrap .hideNav {
  display: none;
}
.camera_command_wrap {
  left: 0;
  position: relative;
  right: 0;
  z-index: 4;
}
.camera_wrap .camera_pag {
  position: absolute;
  bottom: 10%;
  text-align: center;
  width: 100%;
  margin-bottom: -55px;
}
.camera_wrap .camera_pag .camera_pag_ul {
  display: inline-block;
}
.camera_wrap .camera_pag .camera_pag_ul li {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 13px;
  cursor: pointer;
  width:4px; height:4px;
  display: inline-block;
  margin: 0 7px;
  position: relative;
  text-indent: -9999px;
}
.camera_thumbs_cont {
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
  -moz-box-shadow: 0px 1px 0px #ffffff, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 0px #ffffff, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0px #ffffff, inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.camera_thumbs_cont > div {
  float: left;
  width: 100%;
}
.camera_thumbs_cont ul {
  overflow: hidden;
  padding: 3px 4px 8px;
  position: relative;
  text-align: center;
}
.camera_thumbs_cont ul li {
  display: inline;
  padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
  border: 1px solid;
  cursor: pointer;
  margin-top: 5px;
  vertical-align: bottom;
}
.camera_clear {
  display: block;
  clear: both;
}
.showIt {
  display: none;
}
.camera_clear {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 25px;
  position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.camera_wrap .camera_pag .camera_pag_ul li {
  background: #242c30; border:solid 2px #242c30;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover {
border:solid 2px #fff;
}

.camera_prev,
.camera_next {
  cursor: pointer;
  position: absolute;
  top: 46%;
  margin-top: -18px;
  z-index: 2;
}
.camera_prev span,
.camera_next span {
  display: block;
  width: 37px;
  height: 37px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.camera_prev span:hover,
.camera_next span:hover {
	opacity:0.5;
}
.camera_prev {
  left:0; background:#212427 url(../images/prev.png) center center no-repeat; padding:10px; opacity:0.7; border-radius:0 3px 3px 0;
}
.camera_next {
  right:0; background:#212427 url(../images/next.png) center center no-repeat; padding:10px;  opacity:0.7; border-radius:3px 0 0 3px;
}
@media (max-width: 1199px) {
  .camera_caption {
    bottom: 0; 
    margin-bottom: 20px;  top:20px;
  }
  .camera_wrap .camera_pag {
    bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
	.camera_caption {
    bottom: 0; 
    margin-bottom: 20px;  top:60px;
  }
  .camera_caption h2 {
    font-size: 30px;
  }
  .camera_caption .fa {
    font-size: 60px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .camera_caption
  {
	  text-align:left; width:auto; margin-bottom: 20px; top:40px; padding-right:10px;
  } 
  .camera_caption h2 {
    font-size: 22px;
  }.camera_caption p {
  font-size:10px;
}
  
  .camera_caption .fa {
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .camera_caption
  {
	  text-align:left; width:auto;  top:20px; padding-right:5px;
  }
  .camera_caption p {
  font-size:10px;
}
  .camera_caption h2 {
    font-size: 22px; margin:0;
  }
  .camera_caption .fa {
    font-size: 22px;
  }
}
