/*========================================================

                        Camera

=========================================================*/

.camera_container {

  position: relative;

  padding-bottom: 32.6829%;

}

@media (max-width: 917.91120127px) {

  .camera_container {

    padding-bottom: 300px;

  }

}

.camera_wrap {

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  margin-bottom: 0 !important;

  height: 100%;

  background: #000000;

  z-index: 0;

}

.camera_wrap img {

  max-width: none !important;

}

.camera_fakehover {

  height: 100%;

  min-height: 60px;

  position: relative;

  width: 100%;

}

.camera_src {

  display: none;

}

.cameraCont,

.cameraContents {

  height: 100%;

  position: relative;

  width: 100%;

  z-index: 1;

}

.cameraSlide {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}

.cameraContent {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  display: none;

}

.camera_target {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  overflow: hidden;

  text-align: left;

  z-index: 0;

}

.camera_overlayer {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  overflow: hidden;

  z-index: 0;

}

.camera_target_content {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  overflow: hidden;

  z-index: 2;

}

.camera_loader {

  background: #ffffff url('../images/camera-loader.gif') no-repeat center;

  border: 1px solid #ffffff;

  border-radius: 18px;

  height: 50px;

  left: 50%;

  overflow: hidden;

  position: absolute;

  margin: -18px 0 0 -18px;

  top: 50%;

  width: 50px;

  z-index: 3;

}

.camera_nav_cont {

  height: 65px;

  overflow: hidden;

  position: absolute;

  right: 9px;

  top: 15px;

  width: 120px;

  z-index: 4;

}

.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;

}

.showIt {

  display: none;

}

.camera_clear {

  clear: both;

  display: block;

  height: 1px;

  margin: -1px 0 25px;

  position: relative;

}

.camera_caption {

  display: none;

}

.cameraContent .camera_caption {

  display: block;

}

.camera_txt-wrap h2 {

  margin-top: 20px;

}

.camera_txt-wrap p {

  padding-right: 401px;

  margin-top: 15px;

}

/*================   Custom Layout&Styles   =====================*/

.camera_caption {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  padding-top: 170px;

  width: 909px;

}

.camera_caption > div {

  height: 100%;

}

.camera_caption .date {

  margin-left: -26px;

}

.camera_caption:after {

  position: absolute;

  content: '';

  width: 2000px;

  height: 837px;

  top: 0;

  left: -144px;

  background: #adadad;

  background: -moz-linear-gradient(top, #adadad 0%, #272727 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #adadad), color-stop(100%, #272727));

  background: -webkit-linear-gradient(top, #adadad 0%, #272727 100%);

  background: -o-linear-gradient(top, #adadad 0%, #272727 100%);

  background: -ms-linear-gradient(top, #adadad 0%, #272727 100%);

  background: linear-gradient(to bottom, #adadad 0%, #272727 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#272727', GradientType=0);

  opacity: 0.8;

  -moz-transform: skew(-28.5deg);

  -ms-transform: skew(-28.5deg);

  -o-transform: skew(-28.5deg);

  -webkit-transform: skew(-28.5deg);

  transform: skew(-28.5deg);

  z-index: -1;

}

.lt-ie9 .camera_caption:after {

  filter: alpha(opacity=80);

}

.camera_pag_ul {

  text-align: center;

}

.camera_pag_ul li {

  display: inline-block;

  width: 8px;

  height: 8px;

  line-height: 8px;

  text-align: center;

  cursor: pointer;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  background: #888;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

}

.camera_pag_ul li.cameracurrent,

.camera_pag_ul li:hover {

  background: #333;

}

.camera_pag_ul li + li {

  margin-left: 4px;

}

.camera_pag_ul li > span {

  display: none;

}

.camera_next,

.camera_prev {

  position: absolute;

  top: 50%;

  margin-top: -46px;

  font-size: 85px;

  line-height: 85px;

  color: #FFF;

  font-family: 'FontAwesome';

  cursor: pointer;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  z-index: 10;

}

.camera_next:hover,

.camera_prev:hover {

  color: #2c2c2c;

}

.camera_next {

  right: 0;

  margin-right: 100px;

}

.camera_prev {

  left: 0;

  margin-left: 100px;

}

.camera_next:before {

  content: '\f105';

}

.camera_prev:before {

  content: '\f104';

}

/*========================================================

                     RESPONSIVE

=========================================================*/

@media (max-width: 1700px) {

  .camera_next {

    margin-right: 20px;

  }

  .camera_prev {

    margin-left: 20px;

  }

}

@media (min-width: 1300px) and (max-width: 1700px) {

  .camera_caption {

    width: 850px;

  }

  .camera_txt-wrap p {

    padding-right: 322px;

  }

}

@media (min-width: 1400px) and (max-width: 1700px) {

  .camera_caption {

    padding-top: 110px;

  }

  .camera_caption .date {

    margin-left: 6px;

  }

}

@media (min-width: 1300px) and (max-width: 1399px) {

  .camera_caption {

    padding-top: 75px;

  }

  .camera_caption .date {

    margin-left: 25px;

  }

}

@media (max-width: 1299px) {

  .camera_caption {

    padding-top: 63px;

    width: 730px;

  }

  .camera_caption .date {

    margin-left: 32px;

  }

  .camera_txt-wrap {

    padding-left: 20px;

  }

  .camera_txt-wrap h2 {

    font-size: 65px;

    line-height: 63px;

  }

  .camera_txt-wrap p.font-style {

    line-height: 22px;

  }

  .camera_txt-wrap p {

    padding-right: 230px;

  }

}

@media (max-width: 1199px) {

  .camera_caption {

    width: 650px;

  }

  .camera_txt-wrap h2 {

    font-size: 55px;

    line-height: 53px;

    margin-top: 32px;

  }

  .camera_txt-wrap p {

    margin-top: 5px;

    padding-right: 145px;

  }

}

@media (max-width: 1099px) {

  .camera_caption {

    padding-top: 30px;

    width: 650px;

  }

  .camera_caption .date {

    margin-left: 49px;

  }

  .camera_txt-wrap {

    padding-left: 40px;

  }

  .camera_txt-wrap h2 {

    margin-top: 20px;

  }

  .camera_txt-wrap p {

    padding-right: 130px;

  }

}

@media (max-width: 729px) {

  .camera_caption:after {

    padding-top: 20px;

  }

  .camera_txt-wrap h2 {

    line-height: 43px;

    font-size: 38px;

  }

  .camera_next,

  .camera_prev {

    font-size: 55px;

    line-height: 55px;

    margin-top: -30px;

  }

  .camera_next {

    margin-right: 10px;

  }

  .camera_prev {

    margin-left: 10px;

  }

}

@media (min-width: 540px) and (max-width: 729px) {

  .camera_caption {

    width: 465px;

  }

  .camera_caption .date {

    margin-left: 55px;

  }

  .camera_txt-wrap p {

    padding-right: 43px;

  }

  .camera_txt-wrap h2 {

    font-size: 38px;

  }

}

@media (max-width: 539px) {

  .camera_caption:after {

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    transform: none;

  }

}

@media (min-width: 480px) and (max-width: 539px) {

  .camera_caption {

    width: 475px;

  }

  .camera_txt-wrap p {

    padding-right: 40px;

  }

}

@media (max-width: 479px) {

  .camera_caption {

    width: 380px;

    padding-top: 61px;

  }

  .camera_caption .date {

    padding: 18px 30px 23px;

    margin-left: 39px;

  }

  .camera_txt-wrap p {

    display: none;

  }

  .camera_txt-wrap h2 {

    font-size: 35px;

    line-height: 40px;

    margin-top: 10px;

  }

}

@media (max-width: 389px) {

  .camera_caption {

    width: 318px;

  }

}