@charset "utf-8";
/* CSS Document */
.center {text-align:center}


.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 0;
}

.side-nav {
	font-size:13px;
	line-height:21px;
	width:100%;
	height:100vh;
	display:block;
	background-color:#555555;
	margin:0;
	padding:30px 10px;
	height: -webkit-calc(100vh - 50px);
	height: -moz-calc(100vh - 50px);
	height: calc(100vh - 50px);
	overflow-y:scroll;
}



.side-nav ul { margin:0 0 20px 0; padding:0; }
.side-nav ul p {color:#ececec; padding:0; margin:0}
.side-nav ul p b {font-size:1.25em; font-weight:normal;}
.side-nav ul li { margin:0 0 0 0.75em; list-style:none; color:#ececec}
.side-nav ul li a {color:#cccccc;}
.side-nav ul li a:hover {color:#ffffff;}
.device {
	background-position: left top;
	background-image: url(../assets/bg/device-bg-nokia.png);
	background-repeat: no-repeat;
	width:425px;
	height:850px;
	margin:0 0 50px 0;
	padding:105px 33px;
	display:block;
}
.device .frame {
	width:360px;
	height:640px;
	margin:0;
	display:block;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
	border:#cccccc 1px solid;

}

.frame::-webkit-scrollbar,
.side-nav::-webkit-scrollbar { width: 0 !important }
.frame ,
.side-nav { -ms-overflow-style: none; }
.frame ,
.side-nav { overflow: -moz-scrollbars-none; }
.frame::-webkit-scrollbar,
.side-nav::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scroll {
	height:100vh;
	max-height:100vh;
	display:block;
	overflow-y:scroll;
	height: -webkit-calc(100vh - 50px);
	height: -moz-calc(100vh - 50px);
	height: calc(100vh - 50px);
}

.box-1 {
	width:100%;
	height:auto;
	max-height:250px;
	display:block;
	padding:0;
	margin:10px 0;
	background-color:#ffffff;
	border:#cccccc 1px solid;
	border-radius:10px;
}
.icon {
	padding:10px;
}
.ico img {border:#555555 1px solid; }

.box-2 {
	width:100%;
	height:100px;
	display:block;
	padding:0;
	margin:0;
}
.box-2 h2 {
	padding:20px; 
	margin:0;
	line-height:1em;
	display:block;
}
.box-2 .outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.box-2 .middle {
    display: table-cell;
    vertical-align: middle;
}

.box-2 .inner {
    margin-left: auto;
    margin-right: auto; 
    width: ;
}
.bg-f {	background-color:#efefef; }
.bg-ec { 
	background-color:#fff;
	padding-bottom:30px;
}
.padding-tb {padding: 0.75em 0;}