@import url("//fonts.googleapis.com/css?family=Lato:300|Yanone+Kaffeesatz|Montserrat:400,700");
html {position:relative;min-height:100%;overflow-y:scroll;}
body {padding-top:60px;}
.page-header {margin-top:0 !important;}
.dropdown-toggle .caret {margin-left:6px;}
p:last-child {margin-bottom:0px !important;}
div.navbar {-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.8) !important;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.8) !important;box-shadow:0px 0px 10px rgba(0,0,0,0.8) !important;}
ul.nav > li.index > a:before {font-family:FontAwesome;content:"\f015";padding-right:6px;}
ul.nav > li.feed > a:before {font-family:FontAwesome;content:"\f1ea";padding-right:6px;}
ul.nav > li.portfolio > a:before {font-family:FontAwesome;content:"\f030";padding-right:6px;}
ul.nav > li.get-simple > a:before {font-family:FontAwesome;content:"\f1b3";padding-right:6px;}
ul.nav > li.hackintosh > a:before {font-family:FontAwesome;content:"\f108";padding-right:6px;}
ul.nav > li.hosting > a:before {font-family:FontAwesome;content:"\f233";padding-right:6px;}
ul.nav > li.lang > a:before {font-family:FontAwesome;content:"\f1ab";padding-right:6px;}
ul.nav > li.lang ul li a:before {content:"";padding:0;}
ul.nav > li.lang ul li a img {vertical-align:middle;padding-right:6px;}
ul.nav > li.shadynet > a:before {font-family:FontAwesome;content:"\f06c";padding-right:6px;}
ul.nav > li > ul > li > a > i.fa {padding-right:10px;}
.pln{color:#333}.str{color:#0a8}.kwd{color:#99f}.com{color:#999}.typ{color:#606}.lit{color:#069}
.pun,.opn,.clo{color:#555}.tag{color:#2f6f9f}.atn{color:#4f9fcf}.atv{color:#d44950}
.dec,.var{color:#069}.fun{color:#366}pre.prettyprint{border:0px;padding:10px;}ol.linenums{margin-top:0;margin-bottom:0}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}
li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
.media > .thumbnail {margin-bottom:0;}
img.media-object {max-width:70px;max-height:70px;}
.portfolio-item {margin-bottom: 25px;}
.portfolio-item img {border:1px solid;}
#get-simple .tab-content {border:1px solid #ecf0f1;border-top-color:#ffffff;padding:30px 30px 10px 30px;}
#get-simple .tbtn-l {padding-right:0.5em;}
#get-simple .tbtn-r {padding-left:0.5em;}
.intro {text-align:center;}
.intro h1 {color:#ffffff !important;text-shadow:1px 1px 5px rgba(0,0,0,0.75);font-family:"Lato","Open Sans", "helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;}
.intro p {color: #ececec !important;text-shadow:0px 0px 1px rgba(0,0,0,0.5);margin-bottom:15px !important;font-family:"Yanone Kaffeesatz","Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400 !important;}
@media(max-width:768px) {
  .intro p {font-size:18px !important;}
}
.jumbotron {margin:0 0 50px 0 !important;background-color:transparent !important;}
#jumbotron-bg {background:url('https://unsplash.it/2000/500/?random') center center;}
#feed .panel-body h2 {margin-top:0;}
#feed .panel-body .col-sm-3 {padding-right:0px !important;}
.navbar-brand {font-family:"Lato","Open Sans", "helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;margin-top:-2px;padding:22.5px 15px !important;}
.navbar-brand img {height:50px;margin-top:-16.5px;margin-right:15px;vertical-align:top;float:left;}
#portfolio .hero-feature small {display:block;text-align:center;margin-top:-10px;margin-bottom:10px;color:#999;}
section {margin:0;margin:0;padding:70px 0;}
.section-default {background-color:#f5f5f5;}
.section-inverse {background-color:#ffffff;}
.section-heading {padding:0;font-size:50px;text-align:center;text-transform:capitalize;letter-spacing:-2px;font-weight:700;color:#444;}
.section-sub-heading {text-transform:uppercase;padding:0 0 30px 0; font-size:12px;text-align:center;color:#828282;letter-spacing:1px;}
.service {background:#fff;padding:30px 15px 30px;text-align:center !important;z-index:1;box-shadow:0 0 1px rgba(0,0,0,0.2);}
.service-icon {font-size:50px;color:#292929;margin-top:15px;padding-left:16px;}
.service h4 {font-size:20px;font-weight:bold;padding:10px 0 15px;margin-bottom:10px;text-transform:capitalize;position:relative;color:#292929;}
.service h4:after {content:'';width:40px;height:1px;background:#dee8ed;left:50%;margin-left:-20px;position:absolute;bottom:5px;}
.service p {font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:20px;}
.banner {padding:15px 20px;color:#777;background-color:#fafafa;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}

address {margin-bottom:0;}

footer.well {
  margin-bottom:0;
  border-radius:0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  color: #888;
  border:1px solid #e3e3e3;
  border-radius:0;
}
footer.well h4 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
}

footer .list-group-item {
  margin-bottom:10px;
  padding:0;
  background-color:transparent;
  border:0px;
}

footer a.list-group-item:hover,
footer a.list-group-item:focus {
  background-color:#eee;
}

footer .facebook .list-group-item {
  
}

footer .facebook .list-group-item-text {
  height:45px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:no-wrap;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  color: #004777;
}
footer .facebook .list-group-item-text span {
  font-size: 10px;
  color: #888;
}

.legal-left {text-align:left;line-height:50px;display:block;margin:0;}
.legal-right {text-align:right;line-height:50px;display:block;margin:0;}

.social-icons {
  margin:20px 0;
}
.social-icons img {
  margin:0 5px;
  height:40px;
}

.img-responsive {width:100%;}
.banner {margin-top:30px;}
#index h3 {text-align:center;margin:20px 0 50px 0;}
#index .panel-body h4 {text-align:center;}
#index .panel-body h4 a {color:#2c3e50;font-size:17px;}
#index .panel-body h4 a:hover {color:#18bc9c;}

#hosting h4 {
  font-weight: bold;
  font-size: 19px;
  margin: 10px 0;
  line-height: 1.1;
}
.hosting-panel {margin-bottom:15px;}
.hosting-panel .panel-heading h4 {margin:0 !important;text-align:center;}
.hosting-panel .panel-heading h4 a {color:#fff;text-transform:uppercase;text-shadow:1px 1px 5px rgba(0,0,0,0.75);}
.hosting-panel .panel-heading h4 a:hover {color:#202b34;text-decoration:none;}
.hosting-panel .panel-heading p {text-align:center;color:#D5D5D5;}
.hosting-panel .panel-body ul {margin:0;padding:0;list-style:none;}
.hosting-panel .panel-body ul li {padding:13px 0;list-style:none;text-align:center;}
#hosting p {color: #70747A;}
#hosting h2 {margin:50px 0 0 0;text-align:center;font-weight:bold;}
#hosting h3 {margin:0 0 20px 0;color:#70747A;text-align:center;}
#hosting .features img {float:left;padding:10px 20px 0 0;}
#hosting .features p {padding-left:80px;}
#hosting .features .col-sm-6 {margin:25px 0;}

@media (max-width: 768px) {
  section {padding:15px 0;}
  .social-icons img {height: 30px;}
  .legal-left{line-height:20px;text-align:center;margin:15px;}
  .legal-right{line-height:20px;text-align:center;margin:15px;}
  #index .panel-body h4 {margin-top:-13px;}
  #index .panel-body h4 a i.fa {float:left;margin-top:13px;}
}
#portfolio .thumbnail>img,
#portfolio .thumbnail a>img {
	border: 1px solid #ecf0f1;
	border-radius: 3px;
}

img.media-object {
	max-width: 100px;
	max-height: 100px;
}

@keyframes animatedBackground {
	from { background-position: 100% 0; }
	to { background-position: 0 0; }
}
#thinkbook-pro .jumbotron,
#acer-z3-605 .jumbotron,
#obelix-imac .jumbotron{
	width:100%;
	height:248px;
	background-image: url('/data/uploads/clouds.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 60s linear infinite;
}
.media-heading {margin-top: 7px !important;}
.media-left, .media>.pull-left {padding-right:20px !important;}