@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	height: 100%;
  	width: 100%;
}
.btn:hover {
	background: transparent;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 200;
    letter-spacing: 1px;
}
section {
	padding-top: 100px;
	padding-bottom: 100px;
}
p { font-size: 12pt; }
header h1 {

}
.navbar-brand img {
	height: 40px;
	padding: 0px;
	margin-top: -10px;
}
.navbar-nav li a {
	color: #333;
	text-transform: uppercase;
}
#studio {
	//background: #E0E6F4;
	background: #eee;
	color: #333;
	//padding-top: 80px;
}
#studio h2 { font-size: 27pt; font-weight: 300; text-transform: uppercase; }
#studio .col-md-3 img { width: 100%; max-width: 400px; }
#studio .col-md-3 {
	margin-top: 30px;
}
.box-heading {
	position: absolute;
	bottom: 30px;
	left: 50%;
	font-size: 18pt;
	font-weight: 900;
	color: #0971ca;
}
.bg-divider {
	color: #ffffff;
	background-color: #0971ca;
	padding-top: 20px;
	padding-bottom: 20px;
}
.bg-divider .title {
	font: 14pt;
	font-weight: 500;
	font-family: 'Roboto', sans-serif !important;
	letter-spacing: 1px;
	margin-right: 100px;
}
#smartalert, #smartpanel {
	background: #fff;
	text-align: left;
	color: #333;
}
#smartpanel .btn {
	color: #333;
}
#smartalert .btn {
	color: #333;
}
#smartpanel h2 { font-size: 27pt; font-weight: 300; text-transform: uppercase; }
#smartpanel h3 { font-size: 14pt; font-weight: 400; text-transform: uppercase; }
#smartalert h2 { font-size: 27pt; font-weight: 300; text-transform: uppercase; }
#smartalert h3 { font-size: 14pt; font-weight: 400; text-transform: uppercase; }
.btn { border-radius: 0px; }
section.cta h2 { text-transform: uppercase; }
section.cta .cta-content h2 { font-size: 50px !important; }
section.cta h3 { font-weight: 300; }
section.cta {
	height: 100%;
}
#contact {
	background: #222;
	background-image: url('img/map-image.png');
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}
#contact h2 { text-transform: uppercase; color: #fff; }
.image-panel img {
	border: 1px solid #4b9bcc;
	padding: 5px;
	width: 95%;
}
.image-panel iframe {
	border: 1px solid #4b9bcc;
	padding: 5px;
	width: 100%;
}
.image-panel.no-border iframe {
	border: none;
}

.vertical-center {
	display: table;
}
.vertical-center > * {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

td.smallcell,
th.smallcell {
	width: 1px;
	white-space: nowrap;
}

tr.borderless,
tr.borderless td,
tr.borderless th {
	border: none !important;
}
.form-control {
	border: 1px solid #4b9bcc;
	border-radius: 0;
	background: transparent;
	color: #ccc;
	font-size: 14pt;
	height: 50px;
}
#contact .btn {
	background: transparent;
	color: #fff;
}

@media (max-width: 768px) {
section {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.image-panel img {
	width: 100% !important;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
#smartalert {
	padding-top: 0px !important;
}
.btn {
	font-size: 8pt;
	width: 100%;
}
#contact {
	background: #222;
	background-image: url('img/map-image.png');
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}
#contact .col-md-4 {
	background: #222;
	padding-bottom: 20px;
	height: 100%;
}
#dev {
	padding-top: 150px !important;
}
.device-container {
	display: none;
}
header {
	height: 100%;
}
header h1 {
	width: 100%;
	padding-top: 40%;
}
.image-panel iframe {
	border: 1px solid #4b9bcc;
	padding: 5px;
	width: 100%;
	height: 300px;
}
}

blockquote.testimonial {
	border-left: none;
	margin: 0;
}

blockquote.testimonial p {
	color: #777;
}

blockquote.testimonial p:before {
	content: "\f10d";
	font-family: "Fontawesome";
	float: left;
	margin-right: 10px;
}


blockquote.testimonial p:after {
	content: "\f10e";
	font-family: "Fontawesome";
	float: right;
	margin-right: -20px;
}


.footer {
	background-color: #3c3e47;
}

.footer-logo {
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: -20px;
}

.footer .social-icons i {
	display: inline-block;
	font-size: 30px;
	color: #bbb;
	padding: 20px;
	border-radius: 2px;
	border: none !important;
	transition: all .35s;
}