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
	
**/

/*
==========	THIS FILE USED ONLY FOR PREVIEW PURPOSE		==========
*/

body{ 
	overflow: auto !important; 
	background-color:#fbfbfb !important;
	overflow-x: hidden !important;
	}
	
img{ 
	border:0px;
 	}
	
.imgShadow{
  -moz-box-shadow: 1px 1px 15px #000000;
  -webkit-box-shadow: 1px 1px 15px #000000;
  box-shadow: 1px 1px 15px #000000;
  }	

.addParallaxEffect{
	background-image:url(../images/background/image5.jpg);
	-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		-webkit-transform: translateZ(0);
		-webkit-transition: translate3d(0,0,0);
	}
	
	

.pre_topHeading {
	position: relative;
	margin-bottom: 38px;
	}
	
.pre_topHeading:before{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 50%;
	bottom: -40px;
	margin-right: -100px;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-top: 40px solid #ff8c00;
	}		

.circle_numbering{
	font-size: 24px;
	width: 40px;
	height: 40px;
	padding-top: 15px;
	margin-left: -25px;
	position: absolute;
	line-height: 12px;
	left: 50%;
	bottom: -30px;
	background-color: #ff8c00;
	color: #ffffff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-weight: 700;
	}
	
.preview_logo {
	position: relative;
	height: 90px;
	margin-bottom: 20px;
	}
.preview_logo img{
	width:auto;
	height:100%;
	}
.preview_logo span{
	float:right;
	margin-top:25px;
	padding-top: 25px;
	font-size: 28px;
	}
	
img.scale-with-grid {
	max-width: 100%;
	height: auto; 
	}

h6{ margin-top:-10px }

.alignCen{
	text-align:center;
	vertical-align:middle;
	}

.img_h{
	position: relative;
	display: block;
	width: 250px;
	height: 100px;
	background-color: #eee;
	padding-top: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
.img_h h5 {
	font-size: 14px;
	padding-top: 7px;
	}

.img_hover { position:relative; display:block; }
.img_hover .img_h{
	bottom:-15px;
	}

.img_hover:hover .img_h{
	bottom:5px;
	}

.img_hover h6{ 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
.img_hover:hover h6{ color:#be9600; }

.fontBig{
	font-weight:lighter;
	font-size:20px;
	line-height:1px;
	}

.fontBig2 {
	font-weight:lighter;
	font-size:30px;
	letter-spacing:1px;
	padding:20px 0px 20px 0px;
	}
	
.fontSmall{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:12px;
	line-height:inherit;
	letter-spacing:inherit;
	}


span.customStyleSelectBox {font-size:14px; background-color: #ccc; color:#222; padding:5px 7px; border:1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px; line-height: 12px; }
span.customStyleSelectBox.changed { background-color: #f0dea4; } .customStyleSelectBoxInner { background:url(images/arrow.gif) no-repeat center right; }

.topSpace_img { top:45px; position:relative }

.placeOver{ margin:0 auto; left:0px; margin-top:10px;}

.titleImg{
	position:absolute;
	top:65px;
	left:0px;
	z-index:15;
	}

html, body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow:hidden;
	margin-right:0px !important;
	}


.no_PaddingMargin{ margin:0px; padding:0px 0px 0px 0px; }

.topSpac_text_center{ text-align:center; margin-top:50px;	}
.no_bottom_space{ margin-bottom:0px !important;	}
.margin_bot15{ margin-bottom:15px !important; }

.topbg{ position:absolute; width:100%; height:75px; left:0px; top:0px; z-index:-1;}

@media screen and (max-width: 1519px) {
	.preview_logo {
		position: relative;
		height: 60px;
		margin-bottom: 20px;
		}
	}

@media screen and (max-width: 991px) {
	body{ overflow-y: auto  !important; }
	.topSpac_text_center {
		margin-top: 20px;
		}
	.pre_topHeading { margin-bottom: 50px; }	
	}

@media screen and (max-width: 767px) {
	body{ overflow-y: auto  !important; }	
	.topSpace_img { top:5px; }
 	.space_max.zspc { padding-top:20px !important; }
	.separator_mini {
		clear: both;
		margin: 0 0 0px;
		height: 2px;
		}
	.preview_logo {
		margin-bottom: 0px;
		}
	}



@media screen and (max-width: 599px){
	.heading_stroke h2 {
		padding-bottom: 5px;
		}
	}

@media only screen and (min-width: 992px) and (max-width:1199px ) { 
	.img_hover h5{ font-size: 14px; }
	.img_h {
		width: 220px;
			}
	}
@media screen and (max-width: 991px){
	.img_h {
		width: 100%;
		}
	.img_hover {
		margin-bottom: 40px;
		}
	}