
.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{
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;
float: left;
position: relative;
z-index: 999;
}

.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 {
height: 100%;
left: 0;
overflow: hidden;
position: relative;
right: 0;
top: 0;
width:100%;
z-index: 1;
}

.camera_target_content {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.camera_target_content .camera_link {
background: url(../images/blank.gif);
display: block;
height: 100%;
text-decoration: none;
}

.camera_loader {
display:none;
visibility:hidden;
}

.camera_bar {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}

.camera_nav_cont {
height: 65px;
overflow: hidden;
position: absolute;
right: 0px;
top: 15px;
width: 120px;
z-index: 4;
}

.camera_caption {
top:50%;
display: block;
position: absolute;
width: 100%;
}

.camera_caption > div {
padding: 10px 20px;
}

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

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

.camera_wrap .camera_pag .camera_pag_ul li {
display: inline-block;
position: absolute;
width: 24px;
height: 24px;
margin: 20px 5px;
text-align: left;
text-indent: 9999px;
right:0;
bottom:60px;
left:0;
z-index:9999;
cursor: pointer;
border-radius:50%;
}

.camera_wrap .camera_pag .camera_pag_ul li > span {
border-radius:50%;
height: 10px;
right:5px;
overflow: hidden;
position: absolute;
top:6px;
width: 10px;
}

.camera_wrap .camera_pag .camera_pag_ul li > span:first-child {
background:none;
left:0px;
top:6px;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}

.camera_pag_ul li img {
display: none;
position: absolute;
}

.camera_prev, .camera_next, .camera_commands {
cursor: pointer;
height: 60px;
margin-top: -20px;
position: absolute;
top: 55%;
width: 40px;
z-index: 2;
}

.camera_prev {
left: 20px;
}

.camera_prev > span {
display: block;
height: 40px;
width: 40px;
font:normal 14px 'sfctc';
color:rgba(255,255,255,1);
text-align:center;
padding:13px 2px 0px 0px;
border-radius:100%;
background:rgba(255,194,0,0.5);
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.camera_prev > span:before {
content: '\e007';
}

.camera_prev > span:hover {
color:rgba(255,255,255,1);
background:rgba(255,194,0,1);
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.camera_next {
right: 20px;
}

.camera_next > span {
display: block;
height: 40px;
width: 40px;
font:normal 14px 'sfctc';
color:rgba(255,255,255,1);
text-align:center;
padding:13px 0px 0px 2px;
border-radius:100%;
background:rgba(255,194,0,0.5);
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.camera_next > span:before {
content: '\e006';
}

.camera_next > span:hover {
color:rgba(255,255,255,1);
background:rgba(255,194,0,0.8);
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/*skin*/
.pattern_1 .camera_overlayer {
background:rgba(0,0,0,1);
opacity:0.5;
}

.camera_caption > div {
display:block;
position:relative;
width:100%;
height:80px;
text-align:center;
top:50%;
margin:0px auto 0px auto;
}

.camera_caption {
font:normal 40px 'NeoSansArabic';
color:rgba(255,255,255,1);
}

.camera_caption span {
color:rgba(255,194,0,1);
}

.camera_caption p {
margin:10px 0px 0px 0px;
font:normal 24px 'NeoSansArabic';
color:rgba(255,255,255,1);
}

/*text animation*/
.camera-animation-fadeup {
-webkit-animation:fadeUp 500ms ease-in-out;
animation:fadeUp 500ms ease-in-out;
}

.camera-animation-fadeup1 {
-webkit-animation:fadeUp 800ms ease-in-out;
animation:fadeUp 800ms ease-in-out;
}

.camera-animation-zoom{
-webkit-animation:zoomIn 500ms ease-in-out;
animation:zoomIn 500ms ease-in-out;
}

.camera-animation-zoom1 {
-webkit-animation:zoomIn 800ms ease-in-out;
animation:zoomIn 800ms ease-in-out;
}

/*slider dot nav*/
.camera_pag_ul {
display:table;
width:auto;
height:15px;
bottom:-100px;
}

.camera_wrap .camera_pag .camera_pag_ul li {
width:10px;
height:10px;
margin-right:2px;
border-radius:50%;
border:solid 1px rgba(255,255,255,1);
}

.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
width:10px;
height:10px;
border-radius:50%;
margin:-7px -7px 0px 0px;
background:rgba(255,255,255,0.3);
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
width:10px;
height:10px;
margin:-7px -7px 0px 0px;
border-radius:50%;
background:rgba(255,255,255,1);
}

#back_to_camera {
background: rgba(255,255,255,.9);
clear: both;
display: block;
height: 40px;
line-height: 40px;
padding: 20px;
position: relative;
z-index: 1;
}

.pslider-container {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
margin:auto;
}

#pslider-wrap{
bottom: 0;
height: 100%;
left: 0;
margin-bottom: 0!important;
position: absolute;
right: 0;
top: 0;
}

.camera_bar {
z-index: 2;
}


/*caption animation*/
@-webkit-keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}


@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

50% {
opacity: 1;
}
}

@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

50% {
opacity: 1;
}
}

/*media query*/
@media only screen and (max-width: 768px) {

.camera_caption {
font-size:32px;
}

.camera_caption p {
font-size:20px;
}

}


@media only screen and (max-width: 414px) {

.camera_caption {
font-size:24px;
}

.camera_caption p {
font-size:16px;
}

}


@media only screen and (max-width: 384px) {


.camera_caption {
font-size:24px;
}

.camera_caption p {
font-size:14px;
}

.scrolldown {
top: 70%;
}

}
