.camera_container {
position: relative;
padding-bottom: 30.9375%;
}
@media (max-width: 1616.16161616px) {
.camera_container {
padding-bottom: 500px;
}
}
.camera_wrap {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
margin-bottom: 0 !important;
height: 100%;
background: #fff;
z-index: 0;
}
.camera_wrap img {
max-width: none !important;
}
.camera_fakehover {
height: 100%;
min-height: 60px;
position: relative;
width: 100%;
}
.camera_src {
display: none;
}
.cameraCont,
.cameraContents {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.cameraSlide {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cameraContent {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
}
.camera_target {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
text-align: left;
z-index: 0;
}
.camera_overlayer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
z-index: 0;
}
.camera_target_content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
z-index: 2;
}
.camera_loader {
background: #ffffff url(//rhinoshieldmyanmar.com/wp-content/themes/_tk/includes/assets/images/camera-loader.gif) no-repeat center;
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;
}
.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 .hideNav {
display: none;
}
.camera_command_wrap {
left: 0;
position: relative;
right: 0;
z-index: 4;
}
.showIt {
display: none;
}
.camera_clear {
clear: both;
display: block;
height: 1px;
margin: -1px 0 25px;
position: relative;
}
.camera_caption {
display: none;
}
.cameraContent .camera_caption {
display: block;
} .camera_caption {
position: absolute;
}
.camera_caption > div {
height: 100%;
display: table;
width: 100%;
vertical-align: middle;
}
.camera_caption > div > div {
display: table-row;
vertical-align: middle;
}
.camera_pag_ul {
text-align: center;
position: absolute;
bottom: -45px;
left: 0px;
right: 0px;
}
.camera_pag_ul li {
display: inline-block;
background: #FFF;
border-radius: 145px;
color: #FFF;
width: 13px;
height: 13px;
font-size: 0px;
cursor: pointer;
}
.camera_pag_ul li:hover,
.camera_pag_ul li.cameracurrent {
background: #404040;
}
.camera_pag_ul li + li {
display: inline-block;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
margin-left: 12px;
}