@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");

html, body {
	height: 100%;
}

body {
	padding-top: 50px;
}

.img-home-portfolio, .img-customer, .portfolio-item {
	margin-bottom: 30px;
}

.tab-pane {
	margin-top: 15px;
}

.section, .section-colored {
	background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #02BF86 100%);
	background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #02BF86 100%);
	background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #02BF86 100%);
	background-image: -webkit-gradient(radial, left top, 0, left top, 1012, color-stop(0, #FFFFFF), color-stop(1, #02BF86));
	background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #02BF86 100%);
	background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #02BF86 100%);
	padding: 50px 0;
}

.section-colored {
	background-color: #e1e1e1;
}

.sidebar {
	margin-top: 40px;
}

.sidebar ul {
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #cccccc;
}

.carousel {
	height: 50%;
}

.item, .active, .carousel-inner {
	height: 100%;
}

.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.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-icon {
	font-size: 50px;
}

.error-404 {
	font-size: 8em;
}

.price {
	font-size: 4em;
}

.price-cents {
	vertical-align: super;
	font-size: 50%;
}

.price-month {
	font-size: 35%;
	font-style: italic;
}

footer {
	margin: 50px 0;
}

.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 16px;
	overflow: hidden;
}

.flex-video.widescreen {
	padding-bottom: 57.25%;
}

.flex-video.vimeo {
	padding-top: 0;
}

.flex-video iframe, .flex-video object, .flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-device-width:800px), only screen and (device-width:1024px) and (device-height:600px), only screen and (width:1280px) and (orientation:landscape), only screen and (device-width:800px), only screen and (max-width:767px) {
	.flex-video {
		padding-top: 0;
	}

}

@media (max-width:767px) {
	.carousel {
		height: 70%;
	}

}