Sindbad~EG File Manager
/**
ontheway coming soon HTML5 creative Template
Copyright (c) 2014, Subramanian
Author: Subramanian
Profile: themeforest.net/user/FMedia/
Version: 1.0.0
Release Date: December 2014
**/
body,
html {
-webkit-tap-highlight-color: transparent;
overflow: hidden;
margin-right: 0!important
}
body.forceAddScr,
html.forceAddScr {
overflow: auto!important
}
body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
font-family: body_font, sans-serif;
overflow-x: hidden;
background-color: #fff;
color: #222;
font-size: 14px;
font-weight: 500
}
@media screen and (max-width: 991px) {
body {
overflow-x: hidden;
overflow-y: auto
}
}
@media screen and (max-width: 767px) {
body {
padding: 0!important
}
}
.pageFade {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 354800000002;
overflow: hidden
}
.pageFade .bottom_bar,
.pageFade .top_bar {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.pageFade .top_bar {
top: 0
}
.pageFade .bottom_bar {
bottom: 0
}
.homePageContent {
overflow-y: auto!important;
overflow-x: hidden!important
}
.bodyContainer {
position: relative;
width: 100%;
top: 0;
overflow: hidden
}
.mainContent {
position: relative;
left: 0;
margin: 0;
padding: 25px 0 0;
-webkit-transition: translate3d(0, 0, 0);
overflow: auto
}
.mainContent_holder {
position: relative;
display: block;
z-index: 60
}
.contentWrapper {
margin: 0;
padding: 0;
position: relative;
width: 100%;
left: 0;
float: left;
overflow-y: auto;
overflow-x: hidden;
outline: 0;
z-index: 50
}
.contentWrapper.fullWidth {
padding: 0!important;
margin: 0!important;
overflow-x: hidden
}
.container-fluid.full-Height {
height: 100%!important
}
.fullWidth {
width: 100%;
padding: 0
}
.titleTop,
.titleTopLarge {
padding: 10px 0
}
.homePageContent,
.max_height {
position: relative
}
.homePageContent .center_border.top {
bottom: 0!important;
top: auto
}
.homePageContent .center_border {
position: absolute;
width: 1px;
height: 0;
left: 50%;
top: 0;
opacity: .25;
background-color: #fff
}
.homePageContent .center_border.appear {
height: 100%
}
@media only screen and (max-width: 767px) {
.fullWidth {
padding-left: 0;
padding-right: 0
}
.homePageContent .noMargin {
margin: 0!important
}
}
.bottomContent {
position: relative;
width: 100%;
top: 0;
left: 0
}
.homeBack {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .85);
z-index: 55
}
.homeBackground {
position: absolute;
visibility: visible;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1
}
@media screen and (max-width: 991px) {
.homeBack {
display: none!important
}
.homePageContent .center_border {
display: none
}
}
.logo {
position: relative;
width: 380px;
padding-top: 5px;
margin-left: 20px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.logo img {
bottom: 0;
max-height: auto;
width: 100%
}
.header_logo {
min-height: 0;
float: left
}
@media screen and (max-width: 991px) {
.logo {
position: relative;
width: 100px;
display: inline-block;
height: 75px;
margin: 0;
padding: 10px 0;
float: left
}
.logo img {
height: 70px;
max-height: none;
width: auto;
margin: 0;
padding: 0
}
.header_logo {
padding-right: 0;
padding-left: 0
}
}
.headerMainHolder {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100px;
z-index: 1555;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.footer_left,
.footer_right {
position: relative;
display: block;
width: 50%;
height: 100%;
float: left
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.logo {
height: 75px;
margin-left: 0
}
.headerMainHolder {
height: 75px
}
.logo img {
height: 75px;
max-height: none;
width: auto;
margin: 0;
padding: 0
}
}
@media screen and (max-width: 991px) {
.headerMainHolder {
height: 75px
}
.footer_left,
.footer_right {
width: 100%;
padding: 0 0 10px
}
.footer_left {
height: auto;
padding: 10px!important;
background-color: transparent!important
}
}
.home_footer {
position: absolute;
height: 100px;
width: 100%;
bottom: 0;
left: 0;
color: #5a5a5a;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.moveToHide.headerMainHolder {
top: -100px
}
.moveToHide.home_footer {
bottom: -100px
}
.header {
position: relative;
width: 100%;
height: 90px;
max-height: 90px;
overflow: hidden;
display: block;
margin: 0 auto;
z-index: 20536;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
-webkit-transition: translate3d(0, 0, 0);
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.not_onepage_ver .header {
position: absolute;
height: 100px;
max-height: 100px
}
.header.sticky {
position: relative!important
}
.header.effect1 {
top: -150px
}
.header.effect1.removeEffect {
top: 0
}
.header:hover {
overflow: visible
}
.header.topSpace {
top: 0
}
.topHeader .header_content ul {
margin: 0 auto;
top: 15px!important;
position: relative
}
.pageHide .topHeader ul.nav {
top: 0!important;
position: relative
}
.homeMenu {
font-size: 15px;
font-weight: 700;
float: right;
padding-top: 36px;
display: inline-block
}
.homeMenu a {
position: relative;
display: inline-block;
visibility: visible;
padding-right: 40px;
text-decoration: none
}
.homeMenu a .icon i {
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.homeMenu a .icon i {
font-size: 18px
}
}
@media screen and (max-width: 991px) {
.homeMenu a .icon i {
font-size: 18px
}
.headerMainHolder {
width: 100%
}
.home_footer {
position: relative;
height: 100px;
bottom: -40px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.homeMenu {
padding-top: 30px
}
.homeMenu a {
padding-right: 40px
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.homeMenu {
padding-top: 30px
}
.homeMenu a {
padding-right: 25px
}
}
@media screen and (max-width: 480px) {
.homeMenu {
padding-top: 30px
}
.homeMenu a {
padding-right: 18px
}
}
.hover_gray li img {
-webkit-filter: grayscale(0)
}
.hover_gray li:hover img {
-webkit-filter: grayscale(1)
}
.hover_gray li.current-img img {
-webkit-filter: grayscale(0)
}
.hover_gray_inverse li img {
-webkit-filter: grayscale(1)
}
.hover_gray_inverse li.current-img img,
.hover_gray_inverse li:hover img {
-webkit-filter: grayscale(0)
}
.hover_alpha li {
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.hover_alpha li:hover {
zoom: 1;
-ms-filter: "alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity: .5
}
.pgScrollUp {
position: fixed!important;
width: 30px;
height: 30px;
top: auto;
left: auto;
right: 60px;
bottom: 20px;
overflow: hidden;
cursor: pointer;
z-index: 1000002;
display: none;
-webkit-transition-property: color, background;
-webkit-transition-duration: .2s, .2s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, background;
-moz-transition-duration: .2s, .2s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, background;
-o-transition-duration: .2s, .2s;
-o-transition-timing-function: linear, ease-in;
-ms-transition-property: color, background;
-ms-transition-duration: .2s, .2s;
-ms-transition-timing-function: linear, ease-in;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.pgScrollUp .btn_icon {
background-image: url(../images/scrollup.png);
background-image: -Webkit-image-set(url(../images/scrollup.png) 1x, url(../images/scrollup@2x.png) 2x);
background-position: 0 100%;
background-repeat: no-repeat
}
.white_ver .pgScrollUp .btn_icon {
background-position: 102% 0
}
@media screen and (min-width: 992px) and (max-width: 1150px) {
.pgScrollUp {
bottom: 50px
}
}
@media screen and (max-width: 991px) {
.pgScrollUp {
right: 40px;
bottom: 30px
}
}
@media screen and (max-width: 767px) {
.pgScrollUp {
right: 15px
}
}
.email_loading {
background: url(../images/loading_white.gif) center center no-repeat;
background-image: -Webkit-image-set(url(../images/loading_white.gif) 1x, url(../images/loading_white@2x.gif) 2x);
height: 32px;
width: 32px;
position: absolute;
z-index: 0
}
#reply_joinus_message,
#reply_message {
position: absolute;
left: 0;
text-align: left;
margin-right: 20px;
margin-bottom: 15px;
margin-top: 5px;
float: none;
color: #fff
}
#reply_joinus_message.email_loading,
#reply_message.email_loading {
margin-left: 20px
}
@media screen and (max-width: 991px) {
#reply_joinus_message,
#reply_message {
margin-top: -7px;
right: auto;
left: -10px
}
}
.graph_container {
position: relative;
width: 280px;
padding: 0;
margin-top: 0;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
-webkit-transition: translate3d(0, 0, 0)
}
.graph_container ul {
margin: 0 0 20px;
padding: 0;
list-style: none;
overflow-y: hidden
}
.graph_container li {
width: 98%;
height: 4px;
margin: 28px 0 0;
position: relative
}
.graph_container li:first-child {
margin: 20px 0 0
}
.graph_container li.last {
margin: 25px 0 0
}
.graph_container li>span {
position: absolute;
z-index: 1;
top: -20px;
margin: 0;
padding: 3px 0 0;
font-size: 11px;
font-weight: 400;
letter-spacing: 1px
}
.graph_container li a {
position: absolute;
right: 0;
top: 0;
width: 0;
height: 4px;
cursor: auto
}
.graph_container.style2 {
position: relative;
width: 98%;
padding: 0;
margin-top: 0
}
.graph_container.style2 ul {
margin: 0 0 20px;
padding: 0;
list-style: none;
overflow-y: hidden
}
.graph_container.style2 ul li:first-child {
margin: 25px 0 0
}
.graph_container.style2 li {
width: 98%;
height: 30px;
margin: 36px 0 0;
position: relative
}
.graph_container.style2 li.last {
margin: 0
}
.graph_container.style2 li>span {
position: absolute;
z-index: 1;
top: -28px;
margin: 1px 0 40px 2px;
padding: 3px 0 0;
font-size: 14px;
font-weight: 400
}
.graph_container.style2 li a {
position: absolute;
left: auto;
right: 0;
width: 0;
height: 30px;
top: 0;
cursor: default
}
@media only screen and (max-width: 991px) {
.staff_list .graph_container {
margin: 0 auto;
text-align: left
}
}
.fm_drag-cursor {
cursor: url(images/cursors/openhand.cur)
}
.fm_draging-cursor {
cursor: url(images/cursors/closedhand.cur)
}
video {
max-width: 100%;
height: auto
}
#big-video-wrap {
background-color: #000
}
#big-video-vid video {
height: 100%
}
.addVideo {
position: relative;
overflow: hidden;
line-height: 0
}
.video_content {
position: relative;
width: 100%;
height: 548px;
margin: 0 auto;
overflow: hidden
}
.video_content.fullscreenVideo {
height: 100%
}
.video_content.largeSize {
width: 100%;
height: 440px
}
.video_content.mini {
height: 256px
}
.post_figure .video_content {
height: 430px
}
.vid {
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
margin: 0 auto;
visibility: visible;
z-index: 20
}
.video_title {
position: absolute;
display: inline-block;
width: 100%;
margin: 0;
padding: 10px;
z-index: 15
}
.video_title.placeBottom {
bottom: 0
}
.video_title li {
float: left;
left: 0;
display: block;
margin: 0 20px 20px 0;
list-style: none
}
.col-md-12 .video_content {
height: 540px
}
.col-md-7 .video_content {
height: 380px
}
.col-md-6 .video_content {
height: 305px
}
.midVideo {
height: 288px
}
.video_hover {
background: url(../images/video_over.png);
background: -Webkit-image-set(url(../images/video_over.png) 1x, url(../images/video_over@2x.png) 2x);
cursor: pointer;
display: inline-block;
position: absolute;
width: 75px;
height: 75px;
top: 46%;
left: 50%;
z-index: 55;
margin-left: -35px
}
.post_figure .video_hover {
top: 37%
}
.video_hover:hover {
background-position: -100% 0
}
.addVideo .fs_caption {
visibility: visible
}
.bgVideoBtn {
position: absolute;
right: 50px;
top: 150px
}
.videoMute,
.videoUnMute {
cursor: pointer;
z-index: 2622565695;
overflow: hidden;
position: relative;
display: none
}
.videoUnMute {
display: block
}
.videoUnMute .btn_icon {
display: block;
background-image: url(../images/video_button.png);
background-image: -Webkit-image-set(url(../images/video_button.png) 1x, url(../images/video_button@2x.png) 2x);
background-position: 0 0;
background-repeat: no-repeat
}
.videoMute .btn_icon {
display: block;
background-image: url(../images/video_button.png);
background-image: -Webkit-image-set(url(../images/video_button.png) 1x, url(../images/video_button@2x.png) 2x);
background-position: -32px 0;
background-repeat: no-repeat
}
.backGroundVideo {
position: absolute!important;
z-index: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 100%
}
.backGroundVideo .vid {
margin: 0!important;
left: 0;
top: 0;
position: relative
}
.backGroundVideo.bg_pattern1,
.backGroundVideo.bg_pattern2 {
background-size: auto
}
body.addBackground {
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed
}
.backGroundVideo.home_video {
z-index: -1
}
.video_content img {
max-height: none;
max-width: 100%;
width: 100%;
height: auto
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.video_content {
height: 440px
}
.col-md-12 .video_content {
height: 380px
}
.col-md-6 .video_content,
.col-md-7 .video_content {
height: 300px
}
.video_content.largeSize {
width: 100%;
height: 540px!important
}
.post_figure .video_content {
height: 345px
}
.post_figure .video_hover {
top: 32%
}
.col-md-12 .video_hover {
34%
}
.col-md-6 .video_hover {
top: 34%
}
.backGroundVideo {
background-size: auto 100%
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.video_content {
height: 340px!important
}
.midVideo,
.video_content.mini {
height: 240px
}
.post_figure .video_content {
height: 390px!important
}
.col-md-12 .video_content,
.col-md-6 .video_content,
.col-md-7 .video_content {
height: 400px!important
}
.video_content.largeSize {
width: 100%;
height: 360px!important
}
.video_hover {
top: 45%
}
.backGroundVideo {
background-size: auto 100%
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.video_content {
height: 225px!important;
width: 400px
}
.video_content.mini {
height: 170px!important
}
.video_content.largeSize {
width: 100%;
height: 280px!important
}
.col-md-12 .video_content,
.col-md-6 .video_content,
.col-md-7 .video_content {
height: 225px!important;
width: 400px
}
.video_hover {
top: 45%
}
.midVideo {
height: 170px!important
}
.post_figure .video_content {
height: 225px!important
}
.post_figure .video_hover {
top: 28%
}
.title_bottom,
.title_bottom h1,
.title_bottom h2,
.title_bottom h3,
.title_bottom h4,
.title_bottom h5,
.title_bottom h6,
.title_top,
.title_top h1,
.title_top h2,
.title_top h3,
.title_top h4,
.title_top h5,
.title_top h6,
.video_title h1,
.video_title h2,
.video_title h3,
.video_title h4,
.video_title h5,
.video_title h6 {
font-size: 12px!important
}
.video_content img {
max-height: 100%;
max-width: none;
width: auto;
height: 100%
}
.backGroundVideo {
background-size: auto 100%
}
}
@media screen and (max-width: 480px) {
.col-md-12 .video_content,
.col-md-6 .video_content,
.col-md-7 .video_content,
.video_content {
height: 165px!important;
width: 280px
}
.video_content.largeSize {
width: 100%;
height: 165px!important
}
.post_figure .video_content {
height: 165px!important
}
.post_figure .video_hover {
top: 22%
}
.video_hover {
top: 30%
}
.fullscreenVideo .video_hover {
top: 50%;
margin-top: -30px
}
.video_content img {
max-height: 100%;
max-width: none;
width: auto;
height: 100%
}
.backGroundVideo {
background-size: auto 100%
}
}
.loading_2x {
position: absolute;
display: block;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin-top: -65px;
margin-left: -15px;
z-index: 25635
}
.loading_2x .track {
width: 100%;
height: 100%;
position: absolute;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.loading_2x .ball {
width: 100%;
height: 100%;
position: absolute;
border-left: 2px solid rgba(30, 185, 235, 1);
border-top: 2px solid transparent;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
border-radius: 100%;
border-style: solid;
-moz-animation: spin .7s infinite linear;
-webkit-animation: spin .7s infinite linear
}
.loading_objects {
display: none
}
.loading_objects .ball {
-moz-animation: none;
-webkit-animation: none
}
.loading_objects .loading_2x {
z-index: -10;
display: none
}
.loading_x {
position: absolute;
display: block;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
z-index: 25636
}
.loading_x .track {
width: 100%;
height: 100%;
position: absolute;
border: 2px solid rgba(0, 0, 0, .1);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.loading_x .ball {
width: 100%;
height: 100%;
position: absolute;
border-left: 2px solid rgba(30, 185, 235, 1);
border-top: 2px solid transparent;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
border-style: solid;
-moz-animation: spin .7s infinite linear;
-webkit-animation: spin .7s infinite linear
}
.loading_objects .loading_x {
z-index: -9;
display: none
}
.loading_2x .text {
font-family: sans-serif;
display: block;
position: absolute;
width: 250px;
top: 40px;
left: -108px;
text-align: center
}
.pageFade .site_loading_bar {
position: relative;
display: block;
width: 0;
height: 5px;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg)
}
100% {
-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(-360deg)
}
}
.animated.fast {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.top_space {
padding: 20px
}
.homePageContent .top_space {
padding: 100px
}
.not_onepage_ver .top_space {
padding-top: 40px
}
.bottom_space,
.top_space {
position: relative;
display: block;
clear: both
}
.bottom_space {
padding-bottom: 90px
}
.projDetailLoad .mobile_spacing {
padding-top: 0
}
.mobile_spacing {
padding-top: 50px;
margin: 0;
height: 0
}
.mobile_topSpc {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.mobile_topSpc.removeSpc {
padding-top: 0!important
}
.gal_Top_Bot_spacing {
padding-top: 200px;
display: block;
position: relative;
clear: both
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
.homePageContent .top_space {
padding: 82px
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.homePageContent .top_space {
padding: 60px
}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
.not_onepage_ver .top_space {
padding-top: 10px
}
}
@media screen and (max-width: 991px) {
.bottom_space,
.top_space {
padding: 40px
}
.mobile_topSpc {
padding-top: 30px
}
.horizontal_layout .mobile_topSpc,
.not_onepage_ver .top_space {
padding-top: 0
}
.homePageContent .top_space {
padding: 60px
}
.projDetailLoad .mobile_spacing {
padding-top: 50px
}
}
.bottom_right_pad {
padding: 0 40px 20px 0
}
.bottom_left_pad {
padding: 0 0 30px 40px
}
.top_left_pad {
padding: 40px 0 0 40px
}
.top_right_pad {
padding: 40px 40px 0 0
}
.top_pad {
padding: 40px 0 0
}
.bottomSpace {
bottom: 50px
}
.top_bot_pad {
padding: 40px 0 25px
}
.top_bot_pad_large {
padding: 70px 0
}
.padTopLarge {
padding-top: 45px!important
}
.textAlignCenter {
text-align: center
}
.textAlignRight {
text-align: right
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
.padTopLarge {
padding-top: 40px!important
}
.homePageContent .top_pad {
padding: 0
}
}
@media screen and (max-width: 991px) {
.footer .top_bot_pad {
padding: 0
}
.homePageContent .textAlignRight {
text-align: left
}
.homePageContent .alignRight {
float: none
}
.homePageContent .bottom_right_pad {
padding: 20px 0 0
}
.homePageContent .bottom_left_pad {
padding: 40px 0 0
}
.homePageContent .top_left_pad,
.homePageContent .top_pad,
.homePageContent .top_right_pad {
padding: 20px 0 0
}
}
.mfp-zoom-out-cur .nextPage,
.mfp-zoom-out-cur .previousPage {
display: none
}
.enablHardwareAcc,
figure {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
-webkit-transition: translate3d(0, 0, 0)
}
.enableTransition {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.move_down,
.move_up {
height: 60px;
position: relative;
display: block;
text-align: center;
margin: 40px 0 0;
bottom: 0;
z-index: 100
}
.move_up {
margin: 0 0 40px;
height: 60px;
bottom: auto;
top: 0
}
.move_down span,
.move_up span {
height: 36px;
width: 36px;
position: relative;
text-align: center;
display: block;
margin: 0 auto;
top: 10px;
zoom: 1;
-ms-filter: "alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity: .5;
-webkit-transition: 180ms ease-in-out;
-moz-transition: 180ms ease-in-out;
-o-transition: 180ms ease-in-out;
transition: 180ms ease-in-out
}
.move_down.bottomAlign {
position: absolute!important;
bottom: 0;
width: 100%!important
}
.move_up.topAlign {
position: absolute!important;
top: 0;
width: 100%!important
}
.bottom_divider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 12px;
z-index: 20
}
.fxEmbossBtn {
width: 30px;
height: 30px;
overflow: visible;
position: relative;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.fxEmbossBtn .btn_hover {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
right: 0
}
.fxEmbossBtn:hover .btn_hover {
width: 100%;
height: 100%;
top: 0;
right: 0
}
.fxEmbossBtn .btn_icon {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 5;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.fxEmbossBtn.fa_btn {
display: block
}
.fxEmbossBtn.fa_btn .btn_icon i {
padding-left: 7px;
padding-top: 6px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.fxEmbossBtn.fa_btn.defaultPos .btn_icon i {
padding-left: 3px;
top: 5px
}
.fxButton.emboss,
.fxEmbossBtn.emboss {
margin-top: 20px;
top: -2px
}
.fxButton.emboss .btn_icon {
padding-left: 10px;
padding-right: 10px;
padding-top: 16px
}
.fxButton.emboss:hover,
.fxEmbossBtn.emboss:hover {
top: 0
}
.fxButton {
width: 170px;
height: 50px;
position: relative;
display: block;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
font-family: body_font, sans-serif;
font-size: 12px;
text-transform: uppercase;
overflow: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.fxButton.mini {
width: 90px;
height: 34px;
font-size: 10px
}
.fxButton.mini .btn_icon {
padding-top: 7.5px!important
}
.fxButton.emboss.mini .btn_icon {
padding-top: 10px!important
}
.fxButton.mini:hover .btn_hover {
width: 84px;
height: 28px
}
.fxButton .btn_hover {
position: absolute;
display: block;
width: 100%;
height: 0;
top: auto;
bottom: 0;
left: 0
}
.fxButton:hover .btn_hover {
height: 100%;
left: 0;
top: 0;
bottom: auto
}
.fxButton .btn_icon {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 5;
text-align: center;
padding-top: 13px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.fadeAfterLoad {
display: none
}
.top_left_items {
float: left;
margin-right: 15px;
margin-top: 15px
}
.fxButton .btn_icon i {
display: inline-block;
margin-right: 7px
}
.fxButton .btn_icon h4,
.fxButton .btn_icon h5 {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.fxButton .btn_icon h5:nth-child(1) {
position: relative;
font-size: 14px;
font-weight: 800;
padding: 0;
margin: 0 12px 0 10px;
display: inline-block;
bottom: 3px
}
.fxEmbossBtn.fa_btn.detail_btn .btn_icon i,
.fxEmbossBtn.fa_btn.fa_zoom .btn_icon i {
padding-left: 0
}
.addCssTransition .btn_hover {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.nicescroll-rails,
.nicescroll-rails div {
border-radius: 0!important
}
.m-Scrollbar {
position: relative;
left: 0;
margin: 0;
padding: 0;
overflow-y: auto;
overflow-x: hidden
}
.touchDevice .m-Scrollbar {
overflow-y: auto!important
}
.mCSB_container.removeOverflow {
overflow: visible!important
}
.mCSB_dragger_bar {
left: 1px
}
.big_video {
position: relative;
overflow: hidden;
min-height: 310px;
height: 10%;
z-index: 1
}
.big_video.bannerType {
height: 640px;
min-height: 640px
}
.big_video #big-video-wrap {
z-index: -2;
position: absolute
}
#big-video-vid {
display: none
}
.big_video .overlayBg {
-ms-filter: "alpha(Opacity=30)";
filter: alpha(opacity=30);
-moz-opacity: .3;
-khtml-opacity: .3;
opacity: .3
}
.vidPlyPauBtn {
position: absolute;
right: 25px;
top: 25px;
z-index: 1950
}
.vidPlyPauBtn.defaultPos {
position: relative;
right: auto;
top: auto
}
.vidPlyPauBtn .btn_icon i {
position: relative;
font-size: 18px;
top: 4px;
left: -1px
}
.vidPlyPauBtn .btn_icon i.highlight {
color: #e66432
}
@media only screen and (max-width: 767px) {
.vidPlyPauBtn {
top: 25px
}
}
@media only screen and (max-width: 991px) {
.big_video.bannerType {
height: 320px;
min-height: 320px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.big_video.bannerType {
min-height: 480px
}
.big_video.fullHeight {
min-height: 580px
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.big_video.bannerType {
min-height: 360px
}
.big_video.fullHeight {
min-height: 480px
}
}
@media only screen and (max-width: 449px) {
.big_video.bannerType {
min-height: 240px
}
.big_video.fullHeight {
min-height: 440px
}
}
.autoFullscreen,
.hideOverflow {
overflow: hidden
}
.bgShadow {
-webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, .5);
box-shadow: 0 -5px 20px rgba(0, 0, 0, .5)
}
.bgShadowCenter {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}
.textShadow {
text-shadow: 0 1px 1px rgba(0, 0, 0, 1)
}
.nav-collapse {
background-color: transparent
}
.preloadimages_inline {
position: absolute;
z-index: -256;
width: 50px;
height: 50px;
overflow: hidden;
display: none
}
.preloadimages_inline img {
visibility: hidden
}
.show-grid {
margin-top: 10px;
margin-bottom: 20px
}
.show-grid [class*=col-md-] {
text-align: center;
min-height: 40px;
line-height: 40px
}
.show-grid .show-grid {
margin-top: 0;
margin-bottom: 0
}
.show-grid .show-grid [class*=col-md-] {
margin-top: 5px
}
.show-grid {
color: #fff
}
.show-grid [class*=col-md-] {
background-color: #111
}
.show-grid [class*=col-md-]:nth-child(even) {
background-color: #2d2d2d
}
.show-grid [class*=col-md-]:hover {
background-color: #555
}
.show-grid [class*=span] [class*=col-md-] {
background-color: #2d2d2d
}
.show-grid [class*=span] [class*=col-md-] [class*=col-md-] {
background-color: #6e6e6e
}
.white_ver .show-grid {
color: #222
}
.white_ver .show-grid [class*=col-md-] {
background-color: #e2e2e2
}
.white_ver .show-grid [class*=col-md-]:nth-child(even) {
background-color: #ccc
}
.white_ver .show-grid [class*=col-md-]:hover {
background-color: #ddd
}
.white_ver .show-grid [class*=span] [class*=col-md-] {
background-color: #ccc
}
.white_ver .show-grid [class*=span] [class*=col-md-] [class*=col-md-] {
background-color: #999
}
.setting_tools {
position: fixed;
text-align: center;
bottom: 40px;
right: -25px;
z-index: 35480000000;
color: #000;
margin: 0 auto;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.setting_tools.mUp {
bottom: auto;
top: 95px
}
.setting_tools .setting_holder {
width: 220px;
position: relative;
margin-left: 0;
padding: 7px 10px 2px
}
.setting_tools {
width: 240px
}
.setting_tools.hideTool {
width: 25px
}
.setting_tools .iButton,
.setting_tools .setting_holder,
.white_version .setting_tools .iButton {
background-color: #dc5a97;
background-image: url(../images/bg_pattern3.png)
}
.setting_tools p {
font-size: 13px;
font-weight: 400;
padding: 0!important;
margin: 5px 0!important;
color: #000
}
.setting_tools p.first {
margin-top: 0!important
}
.setting_tools p.noPadding {
margin-top: 0!important;
margin-bottom: 0!important
}
.setting_tools .separator_bar {
border: 0;
border-top: 1px solid #000!important
}
@media only screen and (max-width: 1024px) {
.setting_tools .iButton {
bottom: -5px;
top: auto!important
}
.setting_tools.mUp .iButton {
bottom: auto;
top: 0!important
}
.setting_tools.mUp {
bottom: auto;
top: 65px
}
.setting_tools {
bottom: 100px
}
}
@media only screen and (max-width: 768px) {
.setting_tools {
bottom: auto;
top: 85px
}
.setting_tools .iButton {
bottom: auto;
top: 0!important
}
.setting_tools.mUp .iButton {
bottom: -5px;
top: auto!important
}
}
.setting_tools a {
letter-spacing: .1em;
font-size: 10px;
margin-bottom: 5px!important;
margin-right: 5px!important
}
.setting_tools .iButton {
position: absolute;
font-size: 16px;
top: 0;
left: -33px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.setting_tools .iButton i {
padding-top: 0;
color: #000;
font-size: 20px;
position: relative;
top: 2px;
left: -3px
}
.setting_tools .button i {
padding-top: 0;
color: #000;
font-size: 16px
}
.setting_tools .separator_bar {
margin: 0 0 10px
}
.setting_tools .iButton,
.white_version .setting_tools .iButton {
color: #000;
padding: 5px 10px
}
.setting_tools .button {
border: 1px solid #000;
border-color: #000!important;
color: #000!important;
left: 4px
}
.setting_tools .button.active,
.setting_tools .button:hover {
border: 1px solid #fff!important;
color: #fff!important
}
.setting_tools .iButton:hover i {
color: #fff
}
.setting_tools .button.mDown,
.setting_tools .button.mUp {
border: none!important
}
.setting_tools .button.mUp {
padding: 0 0 0 10px
}
.setting_tools .button.buyNow {
display: inline-block;
padding: 0;
border: none!important;
font-size: 14px;
font-weight: 800;
letter-spacing: normal
}
.setting_tools .squareButton {
width: 25px;
height: 25px;
margin-right: 10px!important
}
a.temHigLight1 {
background-color: #e66432;
width: 25px;
height: 25px;
margin-right: 10px!important
}
a.temHigLight2 {
background-color: #20b9eb;
width: 25px;
height: 25px;
margin-right: 10px!important
}
a.temHigLight3 {
background-color: #eb1e41;
width: 25px;
height: 25px
}
a.colWhite {
background-color: #fff;
width: 25px;
height: 25px;
margin-right: 10px!important
}
a.colNight {
background-color: #28363e;
width: 25px;
height: 25px;
margin-right: 10px!important
}
a.colBlack {
background-color: #000;
width: 25px;
height: 25px
}
a.button.tst,
a.button.tst2,
a.button.tst3,
a.button.tst4 {
z-index: 10000000;
width: 75px;
height: 20px;
position: fixed!important;
padding: 3px 0 0 7px;
top: 10px;
left: 10px;
background-color: rgba(0, 0, 0, .5)!important;
color: #ddd!important;
border: none!important
}
.tst2 {
left: 110px!important
}
.tst3 {
left: 220px!important
}
.tst4 {
left: 360px!important
}
/* #Hand cursor */
.fm_drag-cursor{cursor:move;}
.fm_drag-cursor{cursor:url("../images/cursors/openhand.png") 8 8,-moz-grab;}
.fm_drag-cursor{*cursor:url(../images/cursors/openhand.cur);}
.fm_drag-cursor{cursor:url(images/cursors/openhand.cur);}
.fm_draging-cursor{cursor:move;}
.fm_draging-cursor{cursor:url("../images/cursors/closedhand.png") 8 8,-moz-grabbing;}
.fm_draging-cursor{*cursor:url(../images/cursors/closedhand.cur);}
.fm_draging-cursor{cursor:url(images/cursors/closedhand.cur);}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists