/**************************
*
*	GENERAL
*
**************************/
.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_fakehover { height: 100%; min-height: 40px; position: relative; width: 100%; z-index: 1; }

.camera_wrap { display: none; float: none; position: fixed; height: 410px !important; width: 100%; z-index: 0; left:0;}

.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; : 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: visible; position: absolute; right: 0; top: 0; z-index: 2; }

.camera_target_content .camera_link { display: block; height: 100%; text-decoration: none; }

.camera_loader { background: #fff url(../img/camera-loader.gif) no-repeat center; background: rgba(255, 255, 255, 0.9) url(../img/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_clear { display: block; clear: both; }

.showIt { display: none; }

.camera_clear { clear: both; display: block; height: 1px; margin: 0px; position: relative; }

.camera_caption { }

.camera_caption > div { }

/* slider */
.slider { height: 410px; position: relative; z-index: 1; padding: 0; }

.slider { overflow: hidden; }

.camera_wrap { margin-bottom: 0 !important; }

.camera_thumb { width: 150px; height: auto; }

.camera_wrap .camera_pag { bottom: 18px; margin: 0 auto; position: relative; width: 140px; z-index: 999; }

.camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: center; }

.camera_wrap .camera_pag .camera_pag_ul li > span { display: none; }

.camera_wrap .camera_pag .camera_pag_ul li { background: #434343; width: 12px; height: 12px; display: block; float: left; margin-right: 7px; cursor: pointer; -webkit-border-radius: 18px 18px 18px 18px; -moz-border-radius: 18px 18px 18px 18px; border-radius: 18px 18px 18px 18px; }

.camera_wrap .camera_pag .camera_pag_ul li:hover { background: #434343; }

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background: #27CCC0; cursor: default; }

.camera_wrap img { width: 100%;} 

.camera_caption { top: 0px; left: 0px; display: block; position: absolute; width: 100%; }

.camera_caption h1 { color: #333; font-size: 23px; font-weight: 900; letter-spacing: 0; line-height: 23px; margin: 0; text-transform: uppercase; }

.camera_caption h2 { color: #666; font-size: 18px; margin: 10px 0 0; }

.camera_caption h3 { font-weight: 600; margin: -5px 0 0 0; }

.camera_caption a { margin-top: 23px; }

/* ==================== START LAYOUT HP MINI======================== */
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.slider { height: 2px;}
}
/* ==================== START LAYOUT HP TERKINI======================== */
@media only screen and (min-width: 321px) and (max-width: 413px) {
	.slider { height: 2px;}
}
/* ==================== START LAPTOP SMALL======================== */
@media only screen and (min-width: 414px) and (max-width: 1024px) {
	.slider { height: 314px;}
	.camera_loader { top: 35%;}

}