@charset "utf-8";
/* CSS Document */

* {
	appearance:normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
*:focus {
	outline: none;
}

*,*:after,*:before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding: 0;	margin: 0;}

body{
	background-color:#1b1b1b;
	margin:0;
	padding:0;
}

.all-elements{
	overflow-x:hidden;	
}

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
	display: block;
	overflow:hidden;
	position:relative;
}

p {
	line-height: 22px;
	font-size:13px;
	margin-bottom: 20px;
}
p > a {
	display: inline;
	text-decoration: none;
}
p > a:hover {
	text-decoration: underline;
}
p > span {
	display: inline;
}
span > a {
	display: inline;
}
a > span {
	display: inline;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

h1 {
	font-size: 20px;
	line-height: 26px;
}
h2 {
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 1px;
}
h3 {
	font-size: 16px;
	line-height: 22px;
	padding-top: 1px;
}
h4 {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 1px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6{
	font-size:12px;
	line-height:18px;
	padding-bottom:1px;
}

/* Styles */

h1,h2,h3,h4,h5,h6{
	margin-bottom:5px;
}

h1,h2,h3,h4{
	font-weight:400;
}

h5,h6{
	font-weight:600;	
}

p,em,strong,ul,li,ol{
	letter-spacing:0.6px;
}

h1, h2, h3, h4, h5, h6		{	color:#323232;		font-family: 'Lato', sans-serif;	}
span						{	color:#7f8c8d;		font-family: 'Dosis', sans-serif;	}
body						{	color:#7f8c8d;		font-family: 'Dosis', sans-serif;	}
li, ul						{	color:#7f8c8d;		}
a							{	color:#e34e47;		}
em							{	color:#7f8c8d;		}

#content{
	background-color:#FFFFFF;
}

.container-32{
	background-color:#323232;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
}

.page-header{
	background-color:#323232;
	height:60px;
	box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.2);
	margin-bottom:20px;
}


.logo{
	width:63px;
	float:right;
	margin-right:20px;
	margin-top:22px;
}

.deploy-sidebar{
	position: fixed;
	bottom:0px;
	left:0px;
	background-image:url(../images/icon/menu.png);
	background-size:18px 12px;
	background-repeat:no-repeat;
	background-position:20px 24px;
	background-color:#323232;
	border-top: 3px solid #0092cc;
	width:60px;
	height:60px;
	opacity:0.7;
}

.sidebar-header{
	overflow:visible;
	margin-bottom:28px;
	margin-top:8px;
}

.sidebar-logo{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.sidebar-separator{
	padding-left:20px!important;
	font-family:'Lato', sans-serif;
	color:#757575;
	font-size:10px;
	margin:0px;
	padding:0px;	
	background-color:#111112;
	opacity:0.7;
	height:25px;	
	border-top:1px solid #323437;
	border-bottom:1px solid #323437;
}

.no-border{
	border-bottom:none!important;
}

.page-content{
	background-color:#282c33;
	z-index:10;
	display:block;
	min-height:480px;
}

.page-content-wrapper{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding:20px;
	padding-bottom:15px;
}

.page-sidebar{
	background-color:#1b1b1b;
	width:260px;
	display:block;
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	bottom:0px;
	overflow:hidden;
	position:fixed;
}

.page-sidebar-scroll{
	z-index:2;
	width:282px;
    overflow: scroll;
    overflow-x: hidden;
   /* -webkit-overflow-scrolling: touch;*/
	height:100%;
}

.heading{
	font-weight:800;
}


.center-button{
	width:160px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.footer{
	background-color:#1b1b1b;
	height:60px;
	bottom:0px;
	left:0px;
}

.nav-item{
	font-size:14px;
	background-size:24px 24px;
	background-position:20px 18px;
	background-repeat:no-repeat;
	font-family:'Dosis', sans-serif;
	color:#FFFFFF;
	height:60px;
	line-height:55px;
	padding-left:60px;
	padding-top:3px;
	padding-bottom:5px;
	opacity:0.8;
	border-bottom:solid 1px #111112;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1); 
}

.home-nav{		background-image:url(../images/icon/home.png);}
.type-nav{		background-image:url(../images/icon/infoabout.png);}
.jquery-nav{	background-image:url(../images/icon/power.png);}
.other-nav{		background-image:url(../images/icon/preview.png);}
.gallery-nav{	background-image:url(../images/icon/image2.png);}
.portfolio-nav{	background-image:url(../images/icon/image3.png);}
.videos-nav{	background-image:url(../images/icon/film.png);}
.contact-nav{	background-image:url(../images/icon/mail.png);}

.text-nav{	background-image:url(../images/icon/msg.png);}
.call-nav{	background-image:url(../images/icon/calls.png);}
.facebook-nav{	background-image:url(../images/icon/social/facebook.png);}
.twitter-nav{	background-image:url(../images/icon/social/twitter.png);}

.bbry-nav{	background-image:url(../images/icon/blackberry.png);}
.bbm-nav{	background-image:url(../images/icon/bbm.png);}
.bbmc-nav{	background-image:url(../images/icon/bbmchannels.png);}
.notif-nav{	background-image:url(../images/icon/notif.png);}
.pin-nav{	background-image:url(../images/icon/pin.png);}


.nav-page{
	position:absolute;
	left:220px;
	top:20px;
	background-image:url(../images/misc/next-shortcut.png);
	background-repeat:no-repeat;
	background-size:22px 22px;
	width:22px;
	height:22px;
}

.nav-link{
	position:absolute;
	left:220px;
	top:20px;
	background-image:url(../images/misc/link-shortcut.png);
	background-repeat:no-repeat;
	background-size:22px 22px;
	width:22px;
	height:22px;
}

.nav-onit{
	position:absolute;
	left:220px;
	top:20px;
	background-image:url(../images/misc/onit-shortcut.png);
	background-repeat:no-repeat;
	background-size:22px 22px;
	width:22px;
	height:22px;
}


.nav-item:hover{
	background-color:#0092cc;
}

.center-text{	text-align:center;	}
.left-text{		text-align:left;	}
.right-text{	text-align:right;	}