@import url(//fonts.googleapis.com/css?family=Satisfy:700);
@import url(//fonts.googleapis.com/css?family=Satisfy:400);
/* ======= Camera Wrapper ======= */
.slider-wrapper {
  position: relative;
  height: 900px;
  margin:-10px;
  margin-bottom:0px;
}
.slider-wrapper:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: rgba(0, 0, 0, 0.31);
  top: 0;
  left: 0;
  z-index: 10;
}
@media (max-width: 1199px) {
  .slider-wrapper {
    height: 600px;
  }
    .camera_wrap .slogan .heading {
  display: block;
  font: 700 40px/45px "Satisfy", sans-serif !important;
  color: #ffffff; margin-bottom:20px;
}
.camera_wrap p {
  font: 400 22px/26px "Asap", sans-serif !important;
  color: #ffffff;
}
.camera_wrap .learnbtn {
  font: 400 18px/26px "Asap", sans-serif !important;
  color: #ffffff;
  padding:5px 15px 8px 15px;
  border-radius: 8px;
  background-color:#0093d0;
  float:right;
}
}
@media (max-width: 979px) {
  .slider-wrapper {
    height: 500px;
  }
  
  .camera_wrap .slogan .heading {
  display: block;
  font: 700 30px/36px "Satisfy", sans-serif !important;
  color: #ffffff; margin-bottom:20px;
}
.camera_wrap p {
  font: 400 18px/22px "Asap", sans-serif !important;
  color: #ffffff;
}
.camera_wrap .learnbtn {
  font: 400 16px/26px "Asap", sans-serif !important;
  color: #ffffff;
  padding:5px 15px 8px 15px;
  border-radius: 8px;
  background-color:#0093d0;
  float:right;
}


}
@media (max-width: 767px) {
  .slider-wrapper {
    height: 400px;
  }
  
  .camera_wrap .slogan .heading {
  display: block;
  font: 700 20px/22px "Satisfy", sans-serif !important;
  color: #ffffff; margin-bottom:20px;
}
.camera_wrap p {
  font: 400 15px/18px "Asap", sans-serif !important;
  color: #ffffff;
}
.camera_wrap .learnbtn {
  font: 400 12px/14px "Asap", sans-serif !important;
  color: #ffffff;
  padding:5px 15px 8px 15px;
  border-radius: 8px;
  background-color:#0093d0;
  float:right;
}


}

@media (max-width: 479px) {
	
  .slider-wrapper {
    display:none;
  }
}


/* ======= Navigation Styles ======= */
.camera_prev {
  left: 20px;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -10px;
}
.camera_prev:hover span:before {
  cursor: pointer;
  color: #ffffff;
}
.camera_prev span {
  display: block;
  position: relative;
}
.camera_prev span:before {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #aac6c0;
  font-family: FontAwesome;
  font-size: 72px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  content: '\f104';
}
.camera_next {
  right: 46px;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -10px;
}
.camera_next:hover span:before {
  cursor: pointer;
  color: #ffffff;
}
.camera_next span {
  display: block;
  position: relative;
}
.camera_next span:before {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #aac6c0;
  font-family: FontAwesome;
  font-size: 72px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  content: '\f105';
}
/* ======= General ======= */
.camera_wrap a,
.camera_wrap img,
.camera_wrap ol,
.camera_wrap ul,
.camera_wrap li,
.camera_wrap table,
.camera_wrap tbody,
.camera_wrap tfoot,
.camera_wrap thead,
.camera_wrap tr,
.camera_wrap th,
.camera_wrap td .camera_thumbs_wrap a,
.camera_thumbs_wrap img,
.camera_thumbs_wrap ol,
.camera_thumbs_wrap ul,
.camera_thumbs_wrap li,
.camera_thumbs_wrap table,
.camera_thumbs_wrap tbody,
.camera_thumbs_wrap tfoot,
.camera_thumbs_wrap thead,
.camera_thumbs_wrap tr,
.camera_thumbs_wrap th,
.camera_thumbs_wrap td {
  background: none;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  list-style: none;
}
.camera_wrap {
  display: none;
  float: left;
  position: relative;
  z-index: 0;
}

.camera_wrap .slogan {
margin-left:20%;
margin-right:22%;
margin-top:5%;
}

.camera_wrap .slogan .heading {
  display: block;
  font: 700 52px/55px "Satisfy", sans-serif;
  color: #ffffff; margin-bottom:20px;
}
.camera_wrap p {
  font: 400 34px/38px "Asap", sans-serif;
  color: #ffffff;
}
.camera_wrap .learnbtn {
  font: 400 28px/36px "Asap", sans-serif;
  color: #ffffff;
  padding:5px 15px 8px 15px;
  border-radius: 8px;
  background-color:#0093d0;
  float:right;
  margin-top:20px;
  border: 1px solid #ffffff;
}

.slogan a {
  color: #ffffff;
}
.slogan a:hover {
  color: #bbe7f9!important;
}


.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_target_content .camera_link {
  display: block;
  height: 100%;
  text-decoration: none;
}
.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;
}
.camerarelative {
  overflow: hidden;
  position: relative;
}
.imgFake {
  cursor: pointer;
}
.camera_command_wrap {
  left: 0;
  position: relative;
  right: 0;
  z-index: 4;
}
.camera_command_wrap .hideNav {
  display: none;
}
.showIt {
  display: none;
}
.camera_clear {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 25px;
  position: relative;
}
.camera_caption {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
}
