/* Global Styles */

html, body {
  height: 100%;
  font-family: 'colaboratelightregular', Verdana, Geneva, sans-serif;  
}

body {
  padding-top: 50px;
 /* body padding for fixed top nav */
}
.corpo  {
	font-size: 1.2em;
	text-align: justify;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

.spacetop {
	padding-top: 80px;
}
.spacebottom {
	padding-bottom: 20px;
}
/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
	margin: 50px 0;
}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 70%;
 /* increases the carousel height so it looks good on phones */
  }
}

.navbar-brand {
	display: inline-block;
	text-indent: -9999px;
	width: 260px;
	height: 140px;
	background-image: url(../img/Appianilogoweb.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navbar-inverse {
	background-color: #BE1E2D;
	border-color: #080808;
	font-size: 1.3em;	
	font-family: 'colaborate-regularregular', Verdana, Geneva, sans-serif;  
	
}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}
.dropdown-menu {
  font-size: 15px;  
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #FFF;
	background-color: #BE1E2D;
	text-shadow:none;
}

a {
  color: #bf1e2e;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #bf1e2e;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.flex-caption-text span {
 display: inline-block;
 font-size: 34px;
 font-weight: bold;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin: 2px 0;
 padding: 0 15px;
 background-color: rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) {
  .flex-caption-text span {
	font-size: 54px;	
}

}

.thumbnail {
	position: relative;
	padding: 0;
	border-radius: 0px;	
}
.thumbnail a > img {
	width: 100%;	
}
.thumbnail .details p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	font-weight: 300;
	margin-top: 10px;
}
.thumbnail .details {
	position: absolute;
	left: -5555px;
	top: 0;
	padding: 0;
	min-height: 10px;
	text-decoration: none;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity .75s ease;
	   -moz-transition: opacity .75s ease;
	    -ms-transition: opacity .75s ease;
	     -o-transition: opacity .75s ease;
	        transition: opacity .75s ease;
	background-color: #BE1E2D;
	
	width: 100%;	
}
.thumbnail a .details {
	left: 0;
	top: 0;
	opacity: .90;
	padding: 15px;
	
}
 .thumbnail .details h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFF;
}
@media (min-width: 768px) {
  .thumbnail .details h2 {
	font-size: 2em;	
}

}
.btn-primary {
	color: #fff;
	background-color: #BE1E2D;
	border-top-color: #BE1E2D;
	border-right-color: #BE1E2D;
	border-bottom-color: #BE1E2D;
	border-left-color: #BE1E2D;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #F00;
	border-top-color: #BE1E2D;
	border-right-color: #BE1E2D;
	border-bottom-color: #BE1E2D;
	border-left-color: #BE1E2D;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #BE1E2D;
	border-top-color: #BE1E2D;
	border-right-color: #BE1E2D;
	border-bottom-color: #BE1E2D;
	border-left-color: #BE1E2D;
}
.border {
	background-color: #FFF;
	padding: 2px;
	border: 1px solid #CCC;	
}
.page-header {
	text-transform: uppercase;
	color: #BE1E2D; 
}
h2 {
	color: #BE1E2D;
	
}

.big {
	
	font-size: 1.4em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'colaboratelightregular', Verdana, Geneva, sans-serif;  
}
#map {
    width: 100%;
    height: 300px;
}
#portfolio_carousel {margin-bottom:20px;
}
#portfolio_carousel img {border-radius:3px;
}
#portfolio_carousel .carousel-control {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 33px;
  height: 33px;
  margin-top: -17px;
  background-image:url(../img/portfolio_nav.png);
  background-position:0 -33px;
  background-repeat:no-repeat; 
  outline:none;
}
#portfolio_carousel .carousel-control.right {
	background-position:-102px -33px; 
	left:auto;
	right:15px; 
}
#portfolio_carousel .carousel-control.right:hover {
	background-position:-102px 0;  
}
#portfolio_carousel .carousel-control:hover {background-position:0 0;
}