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
**/
.countdown_timer {
position: absolute;
z-index: 110;
width: 550px;
top: 180px;
right: 60px;
text-align: right;
padding: 10px 0;
opacity: .25;
font-style: italic
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
.countdown_timer {
top: 120px
}
}
@media only screen and (max-width: 991px) {
.countdown_timer {
position: relative;
text-align: left;
width: 100%;
height: 120px;
top: 0;
right: 0;
padding-left: 10px;
padding-top: 20px;
opacity: 1
}
.countdown_timer .font_medium {
font-size: 14px
}
.countdown_timer .font_small {
padding-right: 10px
}
.counter_time h4 {
padding: 0;
line-height: 1;
margin: 0
}
}
.centerPosition {
margin: 0
}
.typingEffect_holder {
position: relative;
display: block;
white-space: nowrap
}
.typing_cursor {
width: 25px;
height: 4px;
position: absolute;
background-color: #000;
z-index: 523;
margin-left: 5px;
margin-top: -5px;
top: 100%;
visibility: hidden
}
.typing_text {
font-size: 27px;
font-weight: 700;
font-family: header_font, 'Trebuchet MS', sans-serif;
line-height: 1
}
.typing_cursor {
-webkit-animation-name: blinker;
-webkit-animation-duration: .5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: .5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: .5s;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@-moz-keyframes blinker {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes blinker {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes blinker {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@media only screen and (min-width: 1151px) and (max-width: 1500px) {
.typing_text {
font-size: 24px;
padding-left: 20px;
font-weight: 500
}
.typing_cursor {
width: 18px
}
}
@media only screen and (min-width: 992px) and (max-width: 1150px) {
.typing_text {
font-size: 22px;
padding-left: 20px;
font-weight: 400
}
.typing_cursor {
width: 18px
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.typing_text {
font-size: 24px
}
.typing_cursor {
width: 18px
}
.homePageContent .centerPosition hr {
padding: 0 0 20px!important
}
}
@media screen and (min-width: 571px) and (max-width: 767px) {
.typing_text {
font-size: 24px
}
.typing_cursor {
width: 18px
}
.homePageContent .centerPosition hr {
padding: 0 0 20px!important
}
}
@media screen and (min-width: 481px) and (max-width: 570px) {
.typing_text {
font-size: 20px
}
.typing_cursor {
width: 18px
}
.homePageContent .centerPosition hr {
padding: 0 0 20px!important
}
}
@media screen and (max-width: 480px) {
.typing_text {
font-size: 14px
}
.typing_cursor {
width: 14px
}
.homePageContent .centerPosition hr {
padding: 0 0 20px!important
}
}
.hideElement {
display: none!important
}
.hideElementInMobile {
display: block
}
@media only screen and (max-width: 991px) {
.centerPosition {
margin-bottom: 20px
}
.hideElementInMobile {
display: none
}
.typing_cursor {
width: 15px
}
}
.rocket_land {
position: absolute;
height: 100%;
left: 0;
top: 0;
width: calc(100% - 390px);
width: -moz-calc(100% - 390px);
width: -webkit-calc(100% - 390px)
}
.rocket_holder {
width: 400px;
height: 100px;
position: relative;
float: right
}
.rocket img {
position: absolute;
top: 10px;
-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
}
.rocket_smoke {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.rocket_smoke img {
position: relative;
top: -120px;
-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
}
.rocketStartfly .rocket img {
top: -300px
}
.rocketStartfly .rocket_smoke img {
top: 0
}
@media only screen and (max-width: 991px) {
.rocket_holder {
width: 200px;
float: right
}
.rocketStartfly .rocket img {
top: -100px
}
.rocket_land {
height: 100px;
width: calc(100% - 200px);
width: -moz-calc(100% - 200px);
width: -webkit-calc(100% - 200px)
}
}
.masonry_container {
overflow: hidden;
margin: 0;
padding: 0
}
.masonry_items {
width: 100%;
position: relative;
display: block
}
.fullDetails {
height: 0;
width: 0;
overflow-y: hidden;
padding: 0
}
.fullDetails .container {
margin: 0 auto;
padding: 0
}
.detail_spacing {
margin-right: 20px;
display: block
}
.detail_btn {
cursor: pointer
}
.portfolioPage {
overflow: hidden
}
.item img {
-webkit-filter: grayscale(1)
}
.item.active img,
.item.hover_enable:hover img {
-webkit-filter: grayscale(0)
}
.removeImgGrayFilter .item img {
-webkit-filter: none
}
.item.active .overlay,
.item.active .overlay_img {
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.popup_center .inner_cont h4,
.popup_center .inner_cont p {
-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
}
.catFilterEffect_1 .item.hideItem .overlay_img {
-ms-filter: "alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: .9;
-khtml-opacity: .9;
opacity: .9
}
.catFilterEffect_1 .hideItem img {
-webkit-filter: grayscale(1)
}
.catFilterEffect_1 .item.hideItem .text_field {
-ms-filter: "alpha(Opacity=10)";
filter: alpha(opacity=10);
-moz-opacity: .1;
-khtml-opacity: .1;
opacity: .1
}
.catFilterEffect_2 .item.hideItem {
display: none!important
}
.catFilterffect {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceIn_2;
animation-name: bounceIn_2
}
.masonry_items {
margin-left: 0;
margin-right: 0
}
.item {
width: 33.333%
}
.masonry_items .grid-sizer,
.masonry_items .gutter-sizer {
width: 0
}
.item {
display: block;
float: left;
margin-bottom: 15px;
padding: 0 15px 0 0
}
.titleShowOnHover .item {
overflow: hidden
}
.item img {
display: block;
height: auto;
width: 100%;
margin: 0 auto;
position: relative
}
.column5 .item {
width: 33.33%
}
@media screen and (min-width: 992px) and (max-width: 1499px) {
.item {
width: 33.33%
}
.masonry_items .grid-sizer {
width: 0
}
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
.column5 .item,
.item {
width: 25%
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.column5 .item,
.item {
width: 33.3%
}
}
@media screen and (min-width: 479px) and (max-width: 991px) {
.column5 .item,
.item {
width: 50%
}
.titleShowOnHover .item {
overflow: visible
}
.titleShowOnHover .imageText {
position: relative!important;
top: 0;
bottom: auto
}
.titleShowOnHover .itemOver .popup_overlay .popup_center {
margin-top: -30px!important
}
}
@media screen and (max-width: 480px) {
.column5 .item,
.item {
width: 100%
}
.masonry_items .gutter-sizer {
width: 0
}
.masonry_items {
margin-left: 0
}
.masonry_items .item .classicFrame {
margin-bottom: 10px!important
}
.titleShowOnHover .item {
overflow: visible
}
.titleShowOnHover .imageText {
position: relative!important;
top: 0;
bottom: auto
}
.titleShowOnHover .itemOver .popup_overlay .popup_center {
margin-top: -30px!important
}
}
.masonry_container img {
position: relative;
cursor: pointer
}
.item .text_field {
padding-top: 0;
text-align: center;
font-weight: 700
}
.item .text_field h5 {
margin: 0;
padding: 14px 0 5px;
font-size: 14px;
font-weight: 600
}
.item .text_field h6 {
font-size: 12px;
line-height: 12px;
margin-top: 0;
padding-top: 0
}
a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
position: relative;
margin-top: 50px;
text-transform: uppercase;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.porImgOver {
position: relative;
height: auto
}
.porImgOver figure {
margin-bottom: 0
}
.overlay_img {
left: 0;
top: 0;
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 10;
-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;
zoom: 1;
-ms-filter: "alpha(Opacity=40)";
filter: alpha(opacity=40);
-moz-opacity: .4;
-khtml-opacity: .4;
opacity: .4
}
.item.hover_enable:hover .overlay_img {
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
webkit-transition: all .4s ease-out-in;
-moz-transition: all .4s ease-out-in;
-o-transition: all .4s ease-out-in;
-ms-transition: all .4s ease-out-in;
transition: all .4s ease-out-in
}
.img_place {
position: relative;
display: block;
line-height: 0
}
.thumbnail.img_place {
margin: 0 2px 0 0
}
.img_place:hover .overlay.social {
-ms-filter: "alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.img_place:hover .overlay.social .font_awesome,
.img_place:hover .overlay.social .social_bookmarks {
top: 70px
}
.porImgOver {
overflow: hidden
}
.detail_btn .porImgOver img {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s
}
.detail_btn.addHover .porImgOver img {
-webkit-transition: all 3s;
-moz-transition: all 3s;
-o-transition: all 3s;
-ms-transition: all 3s;
transition: all 3s;
-moz-transform: scale(1.25);
-webkit-transform: scale(1.25);
-o-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25)
}
.overlay.content {
display: block;
height: 0;
zoom: 1
}
.item.hover_enable:hover .overlay .imageText {
bottom: 0
}
.item.hover_enable:hover:hover .imageText .overlay.content {
height: 102%;
top: 0
}
.item.hover_enable .imageText .overlay {
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.imageText {
display: block;
z-index: 20
}
.imageText .overlay.content {
height: 0;
overflow: hidden
}
.imageText,
.imageText .overlay {
width: 100%;
bottom: 1px;
left: 0;
position: relative;
-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
}
.imageText .overlay {
z-index: 2563
}
.imageText .pad {
padding: 10px;
display: block
}
.overlay .navs {
width: 100%;
height: 100%;
left: 0;
position: absolute
}
.overlay .navs .pad {
padding: 10px;
display: block
}
.overlay .navs .font_awesome_2x {
top: auto!important;
bottom: -60px!important
}
.overlay .navs .font_awesome_2x.alignRight li i:after {
content: "";
position: absolute;
left: -18px;
top: -11px;
width: 45px;
height: 45px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.overlay .navs .font_awesome,
.overlay .navs .font_awesome_2x {
-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;
top: -60px
}
.linkText {
width: 50%;
height: 100%;
font-weight: 700;
padding: 40px 15px 5px;
display: block;
position: relative;
text-align: center;
text-transform: uppercase;
font-size: 14px;
-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
}
.infoText {
padding: 20px;
width: 50%;
text-align: center;
cursor: pointer
}
.infoText li i.detail_icon {
font-size: 1.5em;
left: 0;
top: 1px
}
.infoText:hover .fxEmbossBtn .btn_hover {
width: 88%;
width: calc(100% - 4px);
width: -moz-calc(100% - 4px);
width: -webkit-calc(100% - 4px);
height: 88%;
height: calc(100% - 4px);
height: -moz-calc(100% - 4px);
height: -webkit-calc(100% - 4px);
top: 2px;
left: 2px
}
.retinaDevice .infoText:hover .fxEmbossBtn .btn_hover {
width: 90%;
height: 90%;
top: 7%;
left: 7%
}
.item.hover_enable .text_field {
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.item.hover_enable:hover .overlay .navs .font_awesome {
top: 0;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
-o-transition-delay: .25s;
-ms-transition-delay: .25s;
transition-delay: .25s
}
.item.hover_enable:hover .overlay .navs .font_awesome_2x {
top: auto!important;
bottom: 0!important;
-webkit-transition-property: bottom;
-moz-transition-property: bottom;
-o-transition-property: bottom;
-ms-transition-property: bottom;
transition-property: bottom;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
-ms-transition-delay: .2s;
transition-delay: .2s
}
.view {
text-align: center;
cursor: default
}
.view .mask {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
overflow: hidden;
background: url(../images/overlay_zoom.png) center center no-repeat;
zoom: 1;
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.view h2 {
text-align: center;
position: relative;
font-size: 15px;
font-weight: 700;
padding: 30px 0 10px;
height: 0;
-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
}
.view:hover a.info {
visibility: visible
}
.view:hover h2 {
height: 40px
}
.view:hover .mask {
zoom: 1;
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
@media only screen and (min-width: 481px) and (max-width: 1150px) {
.img_place:hover .overlay.social .font_awesome {
top: 50px
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.view h2 {
padding: 15px 0 10px
}
.view:hover h2 {
height: 30px
}
a.info {
margin-top: 10px
}
}
@media screen and (min-width: 481px) and (max-width: 991px) {
.view h2,
.view:hover h2 {
padding: 20px 0;
height: auto
}
a.info {
margin-top: 15px;
padding: 7px 14px;
font-size: 12px
}
}
@media screen and (max-width: 480px) {
.img_place:hover .overlay.social .font_awesome {
top: 100px
}
.view h2,
.view:hover h2 {
padding: 20px 0;
height: auto
}
a.info {
margin-top: 15px;
padding: 7px 14px;
font-size: 12px
}
}
#options li {
display: inline-block;
font-weight: 700;
line-height: 25px;
letter-spacing: .5px;
position: relative;
margin-right: 0;
padding-right: 18px;
margin-top: 5px;
height: 27px;
overflow: hidden
}
#options li a {
display: block;
width: 100%;
left: 0;
text-decoration: none;
margin: 0;
padding: 0 0 0 5px
}
#options li a.selected .catName,
#options li:hover a .catName {
bottom: 25px
}
.catName span {
display: block;
text-transform: uppercase
}
#options li a {
font-family: header_font, 'Trebuchet MS', sans-serif;
font-size: 14px
}
#options li a .catName {
position: relative;
bottom: 0;
padding: 5px 0 3px 7px;
text-indent: -3px;
zoom: 1;
-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
}
.isotope_items .item a {
position: relative;
visibility: visible;
display: block
}
.isotope_items {
display: block
}
.isotope_items .item {
overflow: hidden
}
.isotope_option {
margin-bottom: 20px
}
@media only screen and (max-width: 991px) {
.controls ul {
margin-bottom: 5px
}
.controls li {
padding-right: 10px
}
.isotope_option {
margin-bottom: 25px
}
}
@media only screen and (max-width: 767px) {
.controls ul {
margin-bottom: 5px
}
.controls li:first-child {
text-align: left
}
}
.clients_logo {
width: 100%;
text-align: center;
float: left
}
.clients_logo.grid_mode a {
width: 23%;
float: left;
padding: 2% 0;
margin: 0 0 2% 2%;
display: block;
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
}
.clients_logo a {
margin: 10px;
paddimg: 25px;
display: inline-block
}
.clients_logo img {
max-width: 120px;
height: auto
}
@media only screen and (max-width: 479px) {
.clients_logo.grid_mode a {
width: 47%;
padding: 4% 0
}
.clients_logo.grid_mode a img {
max-width: 60px
}
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
.clients_logo.grid_mode a {
width: 47%;
padding: 4% 0
}
.clients_logo.grid_mode a img {
max-width: 100px
}
}
.col-1by3 {
position: relative;
float: left;
display: block;
width: 33.3%
}
.col-2by3 {
position: relative;
float: left;
display: block;
width: 66.7%
}
.col-1by4 {
position: relative;
float: left;
display: block;
width: 25%
}
.col-2by4 {
position: relative;
float: left;
display: block;
width: 75%
}
.col-2by3 .services_list .desc,
.col-2by4 .services_list .desc {
padding-left: 0!important
}
.col-2by3 .services_list .circular_icon,
.col-2by4 .services_list .circular_icon,
.services_list .icon {
float: none!important
}
@media only screen and (min-width: 992px) and (max-width: 1519px) {
.fitToLowDevice {
padding: 0!important
}
.col-1by3 {
width: 100%;
margin-bottom: 50px;
min-height: 310px
}
.col-1by4,
.col-2by3,
.col-2by4 {
width: 100%
}
}
@media only screen and (min-width: 481px) and (max-width: 991px) {
.fitToLowDevice {
padding: 0!important
}
.col-1by3 {
width: 100%;
margin-bottom: 50px
}
.col-1by4,
.col-2by3,
.col-2by4 {
width: 100%
}
}
@media only screen and (max-width: 479px) {
.fitToLowDevice {
padding: 0!important
}
.col-1by3,
.col-1by4,
.col-2by3,
.col-2by4 {
width: 100%
}
}
ul.tools {
margin: 0 0 15px;
text-align: left;
display: block;
position: relative
}
ul.tools.alignLeft,
ul.tools.alignLeft li {
float: none
}
ul.tools li:first-child {
margin: 0
}
ul.tools li {
float: right;
width: auto;
margin: 0 0 0 20px;
display: inline;
font-size: 13px
}
.post-list ul.tools li {
float: left;
margin: 0 20 0 0
}
ul.tools li i {
padding-right: 7px
}
ul.tools li.date {
float: left;
margin: 0
}
.thumb_desc .tools {
padding: 10px 0 20px
}
.text_icons i {
position: relative;
top: 1px
}
.text_icons.left i {
margin-left: 5px
}
.text_icons.right i {
margin-right: 5px
}
.itemOver {
-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
}
.itemOver .overlay {
width: 10%;
height: 10%;
margin: 0 auto;
left: 50%;
top: 50%;
text-align: center;
visibility: hidden;
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
}
.itemOver .overlay.flatHover {
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000
}
.itemOver.addHover .overlay {
width: 100%;
height: 100%;
left: 0;
top: 0;
visibility: visible;
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.itemOver .overlay .popup_overlay {
width: 100%!important;
max-width: 100%!important;
height: 100%;
z-index: 100
}
.itemOver.addHover .overlay .popup_overlay,
.notTouchDevice .itemOver.addHover .overlay .popup_overlay {
display: block
}
.notTouchDevice .itemOver .overlay .popup_overlay {
display: none
}
.itemOver .popup_overlay .magnificPopup {
position: inherit
}
.itemOver .overlay .popup_overlay .popup_links {
position: relavite!important;
margin: 50% auto;
display: block;
-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
}
.itemOver .overlay .popup_overlay .popup_links.short {
margin: 33% auto
}
.itemOver .overlay .popup_overlay .popup_head.default {
width: auto;
max-height: none;
left: 0;
top: 0;
position: absolute;
padding-bottom: 5px;
margin: 10px 15px 15px
}
.itemOver .popup_overlay .popup_head.default h4 {
width: 100%;
font-size: 13px;
font-weight: 400;
margin-bottom: 15px;
padding-bottom: 15px;
font-family: body_font, sans-serif;
line-height: 22px
}
.itemOver .overlay .popup_overlay .popup_foot.default {
width: 100%;
min-width: inherit;
top: auto;
bottom: 30px;
position: absolute;
left: 0;
margin-left: auto;
margin-top: auto
}
figure.itemOver .overlay .popup_overlay .popup_links {
margin: 30% auto
}
.single_post figure.itemOver .overlay .popup_overlay .popup_links {
margin: 25% auto
}
.post-list figure.itemOver .overlay .popup_overlay .popup_links {
margin: 46% auto
}
.itemOver .large_image .overlay .popup_overlay .popup_links {
margin: 36% auto
}
.itemOver .overlay .popup_overlay .popup_links>a {
width: 40px;
height: 40px;
top: 50%;
margin-top: -20px;
margin-right: 2px;
padding: 2px;
-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;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
.medium_image .overlay .popup_overlay .popup_links>a {
margin-top: 0
}
.itemOver .overlay .popup_links>a {
position: relative;
display: inline-table;
width: 40px
}
.itemOver .overlay .popup_links>a:hover {
background-color: rgba(0, 0, 0, .5)
}
.itemOver .overlay .popup_links>a:nth-child(1) {
animation-delay: .2s;
-webkit-animation-delay: .2s
}
.itemOver .overlay .popup_links>a:nth-child(2) {
animation-delay: .4s;
-webkit-animation-delay: .4s
}
.itemOver .overlay .popup_links>a:nth-child(3) {
animation-delay: .6s;
-webkit-animation-delay: .6s
}
.itemOver .overlay .popup_links>a:nth-child(4) {
animation-delay: .8s;
-webkit-animation-delay: .8s
}
.itemOver .overlay .popup_links>a:nth-child(5) {
animation-delay: 1s;
-webkit-animation-delay: 1s
}
.itemOver .overlay .popup_links>a:nth-child(6) {
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s
}
.itemOver .overlay .popup_links>a:nth-child(7) {
animation-delay: 1.4s;
-webkit-animation-delay: 1.4s
}
.itemOver .overlay .popup_links img,
.itemOver .overlay .popup_overlay .popup_links img {
max-width: 100%;
height: auto;
margin: 0 auto!important;
display: block
}
.itemOver.addHover .overlay .popup_overlay .popup_links>a {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
.itemOver .popup_links>a span {
width: 40px;
height: 40px;
display: block;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.itemOver .popup_links .link_audio {
background-image: url(../images/hover_icons/icon_audio.png);
background-image: -Webkit-image-set(url(../images/hover_icons/icon_audio.png) 1x, url(../images/hover_icons/icon_audio@2x.png) 2x);
background-position: center center;
background-repeat: no-repeat
}
.itemOver .popup_links .link_image {
background-image: url(../images/hover_icons/icon_image.png);
background-image: -Webkit-image-set(url(../images/hover_icons/icon_image.png) 1x, url(../images/hover_icons/icon_image@2x.png) 2x);
background-position: center center;
background-repeat: no-repeat
}
.itemOver .popup_links .link_link {
background-image: url(../images/hover_icons/icon_link.png);
background-image: -Webkit-image-set(url(../images/hover_icons/icon_link.png) 1x, url(../images/hover_icons/icon_link@2x.png) 2x);
background-position: center center;
background-repeat: no-repeat
}
.itemOver .popup_links .link_video {
background-image: url(../images/hover_icons/icon_video.png);
background-image: -Webkit-image-set(url(../images/hover_icons/icon_video.png) 1x, url(../images/hover_icons/icon_video@2x.png) 2x);
background-position: center center;
background-repeat: no-repeat
}
.itemOver .popup_links .link_desc {
background-image: url(../images/hover_icons/icon_desc.png);
background-image: -Webkit-image-set(url(../images/hover_icons/icon_desc.png) 1x, url(../images/hover_icons/icon_desc@2x.png) 2x);
background-position: center center;
background-repeat: no-repeat
}
.itemOver .popup_links .link_gallery {
background-image: url(../images/hover_icons/icon_gallery.png);
background-image: -Webkit-image-set(url(../images/hover_icons/icon_gallery.png) 1x, url(../images/hover_icons/icon_gallery@2x.png) 2x);
background-position: center center;
background-repeat: no-repeat
}
.itemOver .popup_links .link_portfolio {
background-image: url(../images/hover_icons/icon_portfolio.png);
background-image: -Webkit-image-set(url(../images/hover_icons/icon_portfolio.png) 1x, url(../images/hover_icons/icon_portfolio@2x.png) 2x);
background-position: center center;
background-repeat: no-repeat
}
.itemOver .popup_links>a:hover span {
-webkit-animation-name: swing;
animation-name: swing
}
.itemOver .medium_image {
margin-bottom: 28px
}
.itemOver .overlay .popup_overlay .popup_head {
display: none;
width: 70%;
max-height: 70px;
left: 15%;
top: 50%;
position: absolute;
text-align: center;
padding-bottom: 5px;
margin-top: -105px;
animation-delay: .3s;
-webkit-animation-delay: .3s;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.itemOver.addHover .overlay .popup_overlay .popup_head {
display: block;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.itemOver .popup_overlay .popup_head h4 {
width: 100%;
font-size: 15px;
font-weight: 700;
padding-bottom: 5px;
margin-bottom: 0;
font-family: 'Trebuchet MS', sans-serif
}
.itemOver .overlay .popup_overlay .popup_head hr {
margin: 0 0 2px
}
.itemOver .popup_overlay .popup_head h4 a {
width: auto;
padding-left: 2px
}
.itemOver .popup_overlay .popup_center {
width: 100%;
position: absolute;
display: block;
top: 50%;
font-size: 15px;
font-weight: 700;
margin-top: -20px;
margin-bottom: 0;
font-family: 'Trebuchet MS', sans-serif
}
.itemOver .popup_overlay {
display: block
}
.itemOver .popup_overlay .popup_center .inner_cont {
position: relative;
-moz-transform: scale(1.5) rotate(45deg);
-webkit-transform: scale(1.5) rotate(45deg);
-o-transform: scale(1.5) rotate(45deg);
-ms-transform: scale(1.5) rotate(45deg);
transform: scale(1.5) rotate(45deg);
-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
}
.itemOver.addHover .popup_overlay .popup_center .inner_cont {
-moz-transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg)
}
.itemOver .overlay .popup_overlay .popup_center hr {
margin: 0 0 2px
}
.itemOver .popup_overlay .popup_center h4 a {
width: auto;
padding-left: 2px
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.itemOver .overlay .popup_overlay .popup_head {
width: 90%;
left: 5%;
max-height: 50px;
margin-top: -85px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.itemOver .overlay .popup_overlay .popup_head {
margin-top: -125px
}
.large_size .itemOver .overlay .popup_overlay .popup_head {
margin-top: -100px
}
}
@media only screen and (min-width: 321px) and and (max-width: 600px) {
.itemOver .overlay .popup_overlay .popup_head {
margin-top: -125px
}
.large_size .itemOver .overlay .popup_overlay .popup_head {
margin-top: -105px
}
}
@media only screen and (max-width: 320px) {
.itemOver .overlay .popup_overlay .popup_head {
margin-top: -125px
}
.large_size .itemOver .overlay .popup_overlay .popup_head {
margin-top: -95px
}
}
.itemOver .overlay .popup_overlay .popup_foot {
display: none;
width: 240px;
min-width: 210px;
top: 50%;
position: absolute;
left: 50%;
margin-left: -120px;
margin-top: 46px;
animation-delay: .3s;
-webkit-animation-delay: .3s;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.itemOver .overlay .popup_overlay .popup_foot h4 {
font-size: 15px;
font-weight: 700
}
.itemOver.addHover .overlay .popup_overlay .popup_foot {
display: block;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@media only screen and (max-width: 991px) {
.itemOver .overlay .popup_overlay .popup_foot {
margin-top: 70px
}
.large_size .itemOver .overlay .popup_overlay .popup_foot {
margin-top: 46px
}
}
.item_feature>li .title {
font-size: 14px;
font-weight: 800;
line-height: 1.6;
padding-right: 15px
}
.item_feature>li {
padding-bottom: 10px;
padding-top: 10px
}
.item_feature.remove_bottomPadding>li {
padding-bottom: 0
}
.item_feature.font_awesome>li {
padding-bottom: 3px!important
}
.item_feature.no_border>li,
.item_feature>li.last {
border-bottom: none
}
.item_feature>li .meta {
font-weight: 400;
padding-right: 10px
}
.item_feature>li .meta a {
padding-right: 10px
}
.item_feature>li>ul {
display: inline-block
}
.item_feature>li .title.s2x {
top: 5px;
position: relative
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists