/**************************
*
*	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 {direction: ltr;display: none;position: relative;z-index: 0;margin-top: 86px; width:100%; background-color:#d4d4d4;}
.camera_fakehover {height: 100%;min-height: 60px;position: relative;width: 100%;z-index: 1}
.camera_src {display: none}
.camera_target {bottom: 0;height: 100%;left: 0;overflow: hidden;position: absolute;right: 0;text-align: left;top: 0;width: 100%;z-index: 0}
.cameraCont,.cameraContents {height: 100%;position: relative;width: 100%;z-index: 1; width:1920px;margin:0 auto;}
.cameraSlide {bottom: 0;left: 0;position: absolute;right: 0;top: 0;width: 100%}
.camera_wrap img {max-width: none!important;}
.camerarelative {overflow: hidden;position: relative}
.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}
.cameraContent {bottom: 0;display: none;left: 0;position: absolute;right: 0;top: 0;width: 100%}
/* UFO */
.camera_target_content .camera_link {background: url(../images/blank.gif);display: block;height: 100%;text-decoration: none;}
.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}
.imgFake {cursor: pointer}
.camera_command_wrap .hideNav {display: none}
.camera_clear {display: block;clear: both}
.showIt {display: none}
.camera_clear {clear: both;display: block;height: 1px;margin: -1px 0 25px;position: relative}
/* Loader */
.camera_loader {background: url(../images/camera-loader.gif) no-repeat center #fff ;border: 1px solid #ffffff;border-radius: 18px;height: 36px;left: 50%;overflow: hidden;position: absolute;margin: -18px 0 0 -18px;top: 50%;width: 36px;z-index: 3}
/* Progress bar */
.camera_bar {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 3}
/* Prev, Next, Stop, Play*/
.camera_prev,.camera_next,.camera_commands{cursor: pointer;height: 22px;margin-top: -20px;position: absolute;bottom: 0;width: 22px;z-index: 2;opacity: 1 !important}
/*prev*/
.camera_prev {left: 3%;/*margin-left: -22px;*/ top:50%}
.camera_prev > span {background:url(../images/prevlg.png) no-repeat 3px 13px #000;display: block;height: 80px;width: 35px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}
.camera_prev > span:hover{background-color:#c20000}
/*next*/
.camera_next {right:3%;/*margin-right: -24px*/ top:50%;}
.camera_next > span {background: url(../images/nextlg.png) no-repeat 5px 13px #000;display: block;height: 80px;width: 35px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}
.camera_next > span:hover{background-color:#c20000}
/*stop,play*/
.camera_commands {right: 41px}
.camera_commands > .camera_play {background: url(../images/slider_play.png) no-repeat -80px 0;height: 40px;width: 40px}
.camera_commands > .camera_stop {background: url(../images/slider_stop.png) no-repeat -120px 0;display: block;height: 40px;width: 40px}
/* Pagination */
.camera_wrap .camera_pag{bottom:20px;position:absolute;right:20px;}
.camera_wrap .camera_pag .camera_pag_ul {list-style: none;margin: 0;padding: 0;text-align: right}
.camera_wrap .camera_pag .camera_pag_ul:after{clear:both;content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}
.camera_wrap .camera_pag .camera_pag_ul li {float:left;margin: 0 0 0 10px;position: relative;}
.camera_wrap .camera_pag .camera_pag_ul li:first-child{margin-left:0;}
.camera_wrap .camera_pag .camera_pag_ul li > span {background:#ccc;border-radius: 5px;color:transparent;cursor: pointer;display:block;font-size:0;height: 10px;line-height:0;width: 10px}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span,
.camera_wrap .camera_pag .camera_pag_ul li > span:hover{background-color:#000}
			
			/*thumbnails*/
			.camera_wrap .camera_pag .camera_pag_ul li  img{
				display: none;
				height:auto;
				max-width:150px !important;
				position: absolute;
			}
			.camera_pag_ul .thumb_arrow {
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
				border-top: 4px solid;
				top: 0;
				left: 50%;
				margin-left: -4px;
				position: absolute;
			}
/* Thumbnails */
.camera_thumbs{}
.camera_command_wrap {left: 0;position: absolute;bottom:20px;right:0;z-index: 99999}
/* thumbnail prev/next */
.camera_prevThumbs,.camera_nextThumbs {bottom: 4px;cursor: pointer;position: absolute;top: 4px;width: 30px;z-index: 10;}
.camera_prevThumbs{background: url(../images/slider_prev.png) no-repeat -160px 0;left: 0}
.camera_nextThumbs {background: url(../images/slider_next.png) no-repeat -190px 0;right: 0}
.camera_prevThumbs:hover,.camera_nextThumbs:hover {}
.camera_prevThumbs div,.camera_nextThumbs div {display: none}
/*thumbnails*/
.camera_thumbs_cont {position: relative;width: 100%;}
.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-block;max-width:110px;padding: 0 4px}
.camera_thumbs_cont ul li > img {border: 1px solid;cursor: pointer;max-width:100% !important;}
/* Captions */
.camera_caption {top: 20%;display: block; width:40%;position: absolute;left:11%}
.camera_caption > div{font-size: 26px;font-weight: bold; line-height:46px;color: #fff;text-shadow:1px 2px rgba(0,0,0,.3);}
.camera_caption > div h2{font-size: 18px;font-weight: normal}
.camera_caption > div span{font-size: 32px; color:#f06d04}
		.camera_caption a.caption_btn{
			display: inline-block;
			background: #ff7200;
			padding: 5px 30px;
			color: #fff;
			font:bold 16px/30px 'Trebuchet MS', Helvetica, sans-serif;
			border-radius: 25px;
			text-transform: uppercase;
			transition: 0.3s;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			text-shadow:1px 1px rgba(0,0,0,.3);
			}
			.camera_caption a.caption_btn:hover{
				color: #fff;
				background-color: #d30c23;
				text-decoration: none;
				}
@media (min-width: 980px) and (max-width: 1199px) {
.camera_caption {left:11%}
.camera_caption > div{font-size: 22px;font-weight: normal; line-height:36px}
.camera_caption > div h2{font-size: 16px}
.camera_caption > div span{font-size: 30px}
}	
@media (min-width: 768px) and (max-width: 979px) {
.camera_caption {width:50%;top: 10%}
.camera_caption a.caption_btn{display: inline-block;padding: 0 15px;font-size:13px;border-radius: 25px;text-transform: uppercase;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}
.camera_caption > div{font-size: 18px;font-weight: normal; line-height:32px}
.camera_caption > div h2{font-size: 16px}
.camera_caption > div span{font-size: 28px}
}
@media only screen and (max-width: 767px) {
.camera_caption {width:50%;top: 10%}
.camera_caption a.caption_btn{display: inline-block;padding: 0 10px;font-size:12px;line-height:20px;border-radius: 15px;text-transform: uppercase;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}
.camera_thumbs_cont ul li {max-width:80px}
.camera_caption > div{font-size: 18px;font-weight: normal; line-height:22px}
.camera_caption > div h2{font-size: 14px}
.camera_caption > div span{font-size: 20px}
}
@media only screen and (max-width: 479px) {
.camera_caption {width:60%;top:10%}
.camera_caption > div{font-size: 14px; line-height:18px}
.camera_caption > div h2{font-size: 12px}
.camera_caption > div span{font-size: 16px}
.cameraCont,.cameraContents {height: 100%;position: relative;width: 100%;z-index: 1;}
}
