.clear{ clear: both; }
.center{ text-align: center; }
.nopadding{ padding: 0px; }

#background{
	height:100%;
	width:100%;
	position: fixed;
	z-index: 0;
	
}
#background iframe{ 
width:100%; height:100%; position:fixed; left:0; top:0;
}

#background .slide{
	height:100%;
	width:100%;	 
}

#background .slide1{ 
  background: url(../images/bk.jpg) no-repeat center center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#background .slide2{ 
  background: url(../images/naranja.jpg) no-repeat center center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container{
	position: relative;
	z-index: 1;
}

#prev{ position: absolute; left: 10px; top: 50%; color: #FFF; z-index: 99; font-size: 30px; line-height: 30px; margin-top: -15px;}
#next{ position: absolute; right: 10px; top: 50%; color: #FFF; z-index: 99; font-size: 30px; line-height: 30px; margin-top: -15px;}
#prev:hover, #next:hover{ color: #1ABC9C; }

#navigation{ position: relative; z-index: 10;}
.navbar{ margin-top: 30px; border-bottom: 2px solid #2C3E50;  }
.navbar-inverse .nav > li > a{ border-bottom: 0px; }
.navbar .nav.navbar-left li.logolink a{ padding: 6px 5px 4px 5px; border-left: none!important;} 	

#footer{ position: absolute; bottom: 0px; width: 100%; height: 50px; color: #FFF;}
#contentgrid #footer .container{ padding-bottom: 0px; }
#socials { float: right; }
#socials p{ float: left; line-height: 40px!important; margin-right: 10px; font-style: italic;}
#socials a, #social-share a{ display: block; height: 40px; width: 40px;  float: left; margin-left: 10px; }
#social-share1{ border-top: 2px solid #2C3E50; padding-top: 15px;}

a.social.facebook{ background: url(../images/social/facebook.png) no-repeat center top;}
a.social.twitter{background: url(../images/social/twitter.png) no-repeat center top;}
a.social.gplus{background: url(../images/social/gplus.png) no-repeat center top;}
a.social:hover{ background-position: center bottom; }

#content{ position: absolute; bottom: 50px; width: 100%;}
 
#content p{ color: #FFF; line-height: 21px; text-shadow: 0px 1px 1px #2C3E50;  }
#content p.black{ color: #34495E;}

#filters label{ display: inline-block; float: left; margin-bottom: 20px; margin-right: 30px;}
label.checkbox{ color: #BDC3C7; }
.portfolio-item { margin-bottom: 20px;}
.portfolio-item p { font-size: 14px; }
.portfolio-item a img{
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  }
a.image-link:hover img{ opacity: .7; }
a.image-link{
	display: block;
	position: relative;
}
a.image-link .glyphicon{ 
	border:2px solid #FFF; 
	color: #FFF;
	border-radius: 50%; 
	display: none; 
	height: 40px; 
	width: 40px; 
	line-height: 34px; 
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
	}
a.image-link:hover .glyphicon{ display: block; }

.gallery-item{ margin-bottom: 20px;}
.gallery-item img{ background-color: #34495E; }
.gallery-item h5 a{  
	color: #FFF; 
	position: absolute; 
	width: 100%; 
	padding: 100px 0; 
	top: 0; 
	left: 0; 
	text-align: center; 
	display: block; 
	display: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s; 
	}
.gallery-item:hover img{ opacity: .2;}
.gallery-item:hover h5 a{ display: block; }

.contactform textarea{ height: 130px;}
p.location, p.phone, p.email{ padding-left: 30px; position: relative;}
p.location span, p.phone span, p.email span{ position: absolute; left: 0; top: 1px;}

#contentgrid .tile{ margin-bottom: 20px; }
#contentgrid .tile p, #contentgrid .tile h3{color: #34495E; margin-bottom: 10px; }
.version-circle{ display: block; height: 160px; width: 160px; text-align: center; line-height: 160px; color: #FFF; font-size: 27px; background-color: #c0392b; border-radius: 90px; font-weight: bold; margin: 10px auto 20px auto; text-shadow: 0px 3px 0px #CCC; }
.version-circle.php{ background-color: #e74c3c;}
.version-circle.wp{ background-color: #d35400; }
.version-circle.custom{ background-color: #e67e22; }
a.version-circle:hover{ color: #FFF; opacity: .8; }

#contentgrid{
	
	height:100%;
	width:100%;
	position: absolute;
	overflow: auto;
	background: rgba(0,0,0,0.7);
	z-index: 2;
	top: 0;
	padding-top: 130px;
	
}
#contentgrid .container{ padding-bottom: 60px; }
#contentgrid.nobk{ background: none; }
#contentgrid.nobk p{ text-shadow: 0px 1px 1px #2C3E50; }
#contentgrid.nobk p.black{ color: #34495E; text-shadow: 0px 1px 1px #FFF;} 
#contentgrid.nobk h1, #contentgrid.nobk h2, #contentgrid.nobk h3, #contentgrid.nobk h4, #contentgrid.nobk h5, #contentgrid.nobk h6{ color: #34495E; } 
 
#contentgrid h1, #contentgrid h2, #contentgrid h3, #contentgrid h4, #contentgrid h5, #contentgrid h6{ color: #1BC0A0; } 
#contentgrid p{ color: #FFF; line-height: 21px;}

.navbar-inverse .navbar-toggle{ border:none; margin-top: 10px;}
.navbar-inverse .navbar-toggle:hover{ background-color: #19BB9B; }

.post { margin-bottom: 40px;}
.post .featured-image{ width: 100%; margin-bottom: 20px;}
.post .meta{ margin: 20px 0; padding: 10px 20px; color: #ecf0f1; font-size: 14px; background-color: #34495E; border-radius: 4px; border-bottom: 2px solid #2C3E50; }
.post .meta span{  }
.post .meta .fui-chat{ margin-left: 20px; }
.post .meta .right{ float: right; }
.post .meta a{ color: #ecf0f1; margin-left: 2px; }
.post .meta a:hover{ color: #bdc3c7; }
.post .post-title{ margin-top: 0px; }
.post .post-content{ margin-bottom: 40px; }

.post .comment { margin-bottom: 40px; }
.post .comment .meta{ background-color: #DEE1E3; border-bottom: 2px solid #7F8C9A; color: #7F8C9A; }
.post .comment .meta a{ color: #7F8C9A; }

#sidebar .widget{ background-color: #34495E; border-radius: 6px; margin-bottom: 20px; border-bottom: 2px solid #2C3E50; }

#sidebar .twitter-widget{ text-align: center; padding: 20px; }
#sidebar .twitter-widget .avatar-image{ 
	background-color: #FFF; 
	border: 4px solid #FFF; 
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); 
	display: inline-block;   
	margin: 10px auto 20px auto; 
	border-radius: 3px; 
	}
#sidebar .twitter-widget h6{ color: #FFF; margin-bottom: 5px;}
#sidebar .twitter-widget p{ font-size: 14px; }
#sidebar .twitter-widget .follow-button{ width: 70%; margin:  0 auto; font-size: 16px;}
#sidebar .widget h3{ padding: 20px; margin: 0px; font-size: 27px;  border-bottom: 2px solid #2C3E50; }
#sidebar .widget ul{ padding-left: 0px; margin-bottom: 0px; }
#sidebar .widget ul li{ list-style: none; padding: 10px 20px; border-bottom: 2px solid #2C3E50; }
#sidebar .widget ul li:last-child{ border-bottom: none; padding-bottom: 10px; }
#sidebar .widget.widget_popular_posts .popular_thumbnail{ display: block; float: left; margin-right: 15px; width: 80px; height: 80px; margin-top: 4px;}
#sidebar .widget.widget_popular_posts .popularpost_info{ line-height: 16px;}
#sidebar .widget.widget_popular_posts .popular_thumbnail img{ width: 100%; height: 100%; border-radius: 3px;}
#sidebar .widget.widget_popular_posts .popularpost_title{ font-size: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 8px; display: block;}
#sidebar .widget.widget_popular_posts p{ font-size: 13px; line-height: 16px; }
.widget_categories .todo{ margin-bottom: 0px;}
#sidebar .widget ul.categories_list li:before { 
  font-family: 'Flat-UI-Icons';
  color: #798795; 
  content: "\e02c";
}
#sidebar .widget ul.categories_list li a{ color: #798795; font-size: 16px; padding-left: 10px;  }
#sidebar .widget ul.categories_list li a:hover{ color: #1ABC9C; }

.notification_error{ color: #C00; line-height: 21px; margin-top: 10px;}
.notification_ok{ color: #149608; line-height: 21px; margin-top: 10px; }


.lazy {
    display: none;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 10px;
  background: #1ABC9C;

  -webkit-transition: -webkit-transform .3s, width 1s;
  -moz-transition: width 1s;
  -o-transform: width 1s;
  transition: transform .3s, width 1s;

  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);

  pointer-events: none;
}

.pace.pace-active .pace-progress {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}



@media (max-width: 1024px) {

.navbar-inverse .nav > li > a{ font-size: 12px;}
	
  #content{ padding-bottom: 50px; }
}

@media (max-width: 767px) {
	 
 .navbar .nav.navbar-left.navbar-dropdown li.logolink a{ display: block;}
 .navbar-collapse{ max-height: 1200px;}
 #prev, #next{ display: none; }
 #navigation{ position: absolute; width: 100%; }
  .navbar-dropdown{
	  display: block;
  }
  .navbar .nav.navbar-left.navbar-menu li.logolink{ display: none;}
  
  .navbar-collapse{ display: none; }
  .navbar-inverse .nav.navbar-menu{ width: 100%; }  
  .navbar-inverse .nav.navbar-menu > li{ display: block;}
  .navbar-inverse .nav.navbar-menu > li > a{ border-left:none!important; display: block; font-size: 16px; padding: 10px 20px; }
  .navbar-inverse .nav.navbar-menu > li ul{ visibility: visible; opacity: 1; position: relative!important; padding-top: 0px; width: 100%; padding-left: 20px; padding-right: 20px; }
  .navbar-inverse .nav.navbar-menu > li ul li{ padding: 0px; }
  .navbar-inverse .nav.navbar-menu > li ul a{ border-radius: 4px; }
  .navbar .nav > li > ul:before{ position: relative!important; border-style: none; }
  
  #content, #contentgrid{ 
  	top:0px;
  	bottom: auto;
	padding-top: 110px; 
	position: relative;
	}
  
  #footer{ position: relative; }	 	
	
  .hideonmobile{ display: none;}	
  .post .meta{ font-size: 12px; padding: 10px; }
}