/************************** * * 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_main_container{ margin-top: 0px; height: 674px; } .camera_wrap { display: none; float: none; position: relative; z-index: 1; margin-bottom: 0px !important; } .camera_wrap img { max-width: none !important; max-width: 20000px !important; } .camera_fakehover { height: 100%; min-height: 40px; position: relative; width: 100%; z-index: 1; } .camera_wrap { width: 100%; height:428px; } .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: 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(../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_clear { display: block; clear: both; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: 0px; position: relative; } .camera_prev{ background: url(../images/slider_prev_btn.png) left top no-repeat; width: 38px; height: 70px; position: absolute; z-index: 999; top: 50%; margin-top: -35px; left: 23px; cursor: pointer; opacity: 1 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .camera_prev:hover { background-position: 0 bottom; } .camera_next { background: url(../images/slider_next_btn.png) right top no-repeat; width: 38px; height: 70px; position: absolute; z-index: 999; top: 50%; margin-top: -35px; right: 23px; cursor: pointer; opacity: 1 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .camera_next:hover { background-position: right bottom; } .caption { position:absolute; top: 39%; z-index:15; width: 100%; } .caption_bg{ position: relative; -webkit-box-sizing: border-box; /* Safari */ -moz-box-sizing: border-box; /*Firefox 1-3*/ box-sizing: border-box; } .caption span.slider_txt1{ position: relative; display:block; color:#fff; font:bold 66px/70px "Asap", Arial, Helvetica, sans-serif ; font-style: italic; /*margin-top: 44px;*/ text-align: center; } .camera_wrap .camera_pag { width:100%; z-index:1000; position:absolute; height: 20px; bottom: -48px; width: 100%; text-align: center; } .camera_wrap .camera_pag .camera_pag_ul{ position: relative; display: inline-block; margin-left: 18px; } .camera_wrap .camera_pag .camera_pag_ul li { float:left; margin-right: 16px; } .camera_wrap .camera_pag .camera_pag_ul li span { text-indent: -999px; overflow: hidden; cursor: pointer; display:block; width: 14px; height: 14px; background: #bebebe; border-radius: 500px; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent span, .camera_wrap .camera_pag .camera_pag_ul li:hover span{ background: #666667; } /*======================================================== RESPONSIVE LAYOUTS STYLES =========================================================*/ @media only screen and (max-width: 1199px) { .camera_main_container{height: 450px;} } @media only screen and (max-width: 979px) { .caption span.slider_txt1{font:bold 40px/40px "Asap", Arial, Helvetica, sans-serif;} } @media only screen and (max-width: 767px) { .caption span.slider_txt1{font:bold 26px/30px "Asap", Arial, Helvetica, sans-serif;} .camera_next, .camera_prev {top: auto; bottom: 20px;} } @media only screen and (max-width: 479px) { } @media only screen and (max-width: 320px) { }