h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;font-family: 'ubuntumedium';
}
img {
  max-width: 100%;
  height: auto;
  border: none;
}

a:hover,
a:focus {
  text-decoration: none;
}
*:active, *:focus {
outline: none !important;
}


body {
font-family: 'ubunturegular';	
  position: relative;color:#1d1d1d;line-height:28px
}
a,h1,h2{color:#3498DB}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li{}
.fix {overflow: hidden;}
.float_left {float: left;}
.float_right {float: right;}
p.copy-right {
  background: rgb(0, 0, 0) none repeat scroll 0 0;
  bottom: 0;
  color: rgb(255, 255, 255);
  margin: 0;
  padding: 15px 10px;
  position: absolute;
}
.sidebar {
  background: rgb(29, 29, 29) none repeat scroll 0 0;
  box-shadow: 0 0 10px rgb(29, 29, 29);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 220px;
}
.main-menu{padding-top: 60px;}
.main-menu ul {
height: 700px;
overflow-y: auto;
}
.main-menu ul li{}
.main-menu ul li a{background: #000000 none repeat scroll 0 0;
border-bottom: 1px solid #1d1d1d;
color: #ffffff;
display: block;
font-family: "ubuntumedium";
font-size: 13px;
padding: 6px 25px;}
.main-menu ul li a:hover, .main-menu ul li a.active{background:#1D1D1D}
.main-info {
padding-left: 250px;
padding-right: 10px;
padding-top: 200px;
}
.template-info {
  height: 800px;
}
h1 {
border-bottom: 1px solid rgb(29, 29, 29);
text-transform: uppercase;
padding-bottom: 10px;
}
h3 {
  margin-bottom: 20px;
}
.section-box{border: 1px solid rgb(29, 29, 29);
padding: 30px;}
#template-layouts, #layout1, #layout2{border: 1px solid rgb(29, 29, 29);
padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
.padding-top{padding-top:100px}
pre {
  margin-top: 20px;
}