/* Css */

html, body, #frm
{
	height: 100%;
}

/* ======================================================================== */
/* ! Buttons
/* ======================================================================== */
.btn
{
	font-size: 16px;
	text-align: center;
	font-family: "Lato";
	font-weight: 700;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn:hover,
.btn:active
{
	text-decoration: none;
	color: #fff; 
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}
.btn-lg,
.btn-sm,
.btn-xs
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.btn-lg
{
	padding: 15px 50px;
}

/* ======================================================================== */
/* ! Margins
/* ======================================================================== */
.mar-t10 { margin-top: 10px; }
.mar-t20 { margin-top: 20px; }
.mar-t30 { margin-top: 30px; }
.mar-t40 { margin-top: 40px; }
.mar-t50 { margin-top: 50px; }
.mar-t60 { margin-top: 60px; }
.mar-b10 { margin-bottom: 10px; }
.mar-b20 { margin-bottom: 20px; }
.mar-b30 { margin-bottom: 30px; }
.mar-b40 { margin-bottom: 40px; }
.mar-b50 { margin-bottom: 50px; }
.mar-b60 { margin-bottom: 60px; }

/* ======================================================================== */
/* ! General
/* ======================================================================== */
body
{
	font: 16px/24px "Lato", Arial, Helvetica, sans-serif;
	background: #f3f6f8;
	color: #2e3137;
}
a:hover
{
	text-decoration: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}
.light
{
	font: 300 'Lato';
}
.uppercase
{
	text-transform: uppercase;
}
.fullheight
{
	height: 100%;
}
.halfheight
{
	height: 50%;
}
.wrapper
{
	box-sizing: border-box;
	position: relative;
	padding: 30px 0;
}
section
{
	position: relative;
}
.anchor
{
	position: absolute;
	top: -60px;
}
.bordered
{
	border: 5px solid #fff;
	display: inline-block;
}
.full-rounded
{
	border-radius: 1000px;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	-ms-border-radius: 1000px;
}

.bg1
{ 
	background: url('/images/bg.jpg') no-repeat;
	/*background-size: auto;*/
	background-size: cover;
	/*background-size: 100% auto;*/
	padding: 0;
	background-attachment: fixed;
	height: 60%;
}
.bg2
{ 
	background: url('/images/desk2_lo.jpg') no-repeat;
	background-size: 100% auto;
	padding: 0;
	background-attachment: fixed;
}

.headline h2
{
	color: #fff;
	background: rgba(0, 0, 0, .6);
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	font-size: 36px;
	line-height: 56px;
}
.headline p
{
	color: #000;
	background: rgba(255, 255, 255, .5);
	display: block;
	margin: 0;
	padding: 5px 10px;
	font-size: 18px;
}
.headline-wrapper
{
	display: table;
	width: 100%;
}
.headline
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
table
{
	background: #fff;
}
/* ======================================================================== */
/* ! Typography
/* ======================================================================== */
h1, h2, h3, h4, h5, h6, p { margin: 0 0 20px; letter-spacing: 0; }
h1 { font: 300 56px/64px "Lato", sans-serif; } 
h2 { font: 300 48px/56px "Lato", sans-serif; }
h3 { font: 300 30px/36px "Lato", sans-serif; }
h3 { font: 300 24px/30px "Lato", sans-serif; }
h4 { font: 300 18px/24px "Lato", sans-serif; }
h5 { font: 300 16px/22px "Lato", sans-serif; }
h6 { font: 300 14px/20px "Lato", sans-serif; }
/* ======================================================================== */
/* ! Logo
/* ======================================================================== */
.logo
{
	margin: 0;
	padding: 0;
}
.logo .navbar-brand
{
	width: 132px;
	height: 32px;
	display: block;
	background: url('/images/logo32.png') no-repeat 0 0;
	text-indent: -10000px;
}
.logo-footer
{
	width: 177px;
	height: 43px;
	display: block;
	background: url('/images/logo-white.png') no-repeat 0 0;
	text-indent: -10000px;
	margin: 0 auto;
}
/* ======================================================================== */
/* ! Nav
/* ======================================================================== */
.navbar
{
	border-bottom: 1px solid #e2e2e2;
}

.navbar-default
{
	background-color: rgba(255, 255, 255, 0.95);
}

.navbar .navbar-brand
{
	color: #222a31;
	padding: 0;
	margin-top: 15px;
	margin-left: 0;
	height: 35px;
}
.navbar .nav > li > a
{
	color: #222a31;
	padding: 20px;
}
.navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover
{
	text-shadow: none;
}
.navbar-fixed-top .navbar-inner, 
.navbar-static-top .navbar-inner
{
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* ======================================================================== */
/* ! Footer
/* ======================================================================== */
footer *
{
	margin: 0;
	padding: 0;
}
footer
{
	color: #fff;
}
footer a
{
	color: #fff !important;
}

footer ul
{
	margin: 30px 0;
}

/* ======================================================================== */
/* ! About us
/* ======================================================================== */
.our-process .full-rounded
{
	background: #656870;
	display: inline-block;
	height: 170px;
	width: 170px;
	color: #f3f6f8;
	margin: 30px 0;
}
.our-process .full-rounded i
{
	position: relative;
	top: 56px;
}
.our-process h4
{
	font: 700 20px/24px "Lato", sans-serif
}
.our-process p
{
	padding: 0 30px;
}

/* ======================================================================== */
/* ! Service
/* ======================================================================== */
.service-wrapper
{
	margin-top: 60px; margin-bottom: 120px; padding-bottom: 30px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.97);
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.service-wrapper h4,
.service-wrapper dt
{
	font: 700 20px/24px "Lato", sans-serif
}
.service-wrapper h4
{
	margin-top: 15px;
}
.service-wrapper dl
{
	margin: 0;
}
.service-wrapper dt
{
	margin-bottom: 20px;
}
.service-wrapper dd
{
	border-bottom: 1px solid #e0e1e2;
	line-height: 36px;
	margin: 0;
}
.service-wrapper dd:last-child
{
	border: none;
}

/* ======================================================================== */
/* ! Contact
/* ======================================================================== */
.contact-form button
{

}
.map iframe
{
	width: 100%;
	height: 400px;
	border: none;
	padding: 0;
	margin: 0 0 -5px;
}

/* ======================================================================== */
/* ! Bootstrap resetting elements for flat design
/* ======================================================================== */
.btn
{
	background-image: none;
}
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus
{
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

/* Pixso Custom */

.headline .icons
{
	font-size: 64px;
	color: #fff;
	margin-top: 30px;
}

.headline .icons i
{
	margin: 0 20px 0 20px;
}

#work-slides img
{
	margin-left: auto;
	margin-right: auto;
	max-height: 400px;
}

.form-control {
	margin-bottom: 15px;
}

/* ======================================================================== */
/* ! Colors
/* ======================================================================== */
.aqua
{
	color: #3496CF;
}

/* ======================================================================== */
/* ! Aqua
/* ======================================================================== */
.page-aqua .nav-list > .active > a, 
.page-aqua .nav-list > .active > a:hover, 
.page-aqua .nav-list > .active > a:focus,
.page-aqua .nav-pills > .active > a, 
.page-aqua .nav-pills > .active > a:hover, 
.page-aqua .nav-pills > .active > a:focus,
.page-aqua .nav-tabs.nav-stacked > li > a:hover, 
.page-aqua .nav-tabs.nav-stacked > li > a:focus,
.page-aqua .bg-colored,
.page-aqua .service-wrapper .full-rounded,
.page-aqua .btn-primary,
.page-aqua .btn-primary:focus, 
.page-aqua .btn-primary:active,
.page-aqua .btn-primary.active, 
.page-aqua .btn-primary.disabled, 
.page-aqua .btn-primary[disabled],
.page-aqua .accordion-toggle:hover
{
	background: #3496CF url(../images/overlay.png) repeat 0 0;
	color: #fff;
	text-shadow: none;
	border: none;
}

.page-aqua .navbar .nav > .active > a, 
.page-aqua .navbar .nav > .active > a:hover, 
.page-aqua .navbar .nav > .active > a:focus,
.page-aqua .navbar .nav > li > a:focus, 
.page-aqua .navbar .nav > li > a:hover
{
	background: none;
	color: #3496CF;
	text-shadow: none;
	border: none;
}

.page-aqua a,
.page-aqua .emphasis,
.page-aqua .btn-link
{
	color: #36A1DF;
}
.page-aqua .service-wrapper .full-rounded
{
	border: 5px solid #3496CF;
}
.page-aqua .btn-primary:hover
{
	background: #36A1DF none;
}

.icon-3x
{
	font-size: 2em; 
}

.icon-4x,
.icon-5x
{
	font-size: 3em; 
}

.carousel-control
{
	text-shadow: none;
	opacity: inherit;
	filter: none;
}

.carousel-control span
{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	color: #888;
}

.carousel-control.right, .carousel-control.left
{
	background: none;
}

.backtop
{
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0 10px 5px 10px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99999;
	font-size: 36px;
	color: #fff;
	display: none;
}

.backtop a
{
	color: #fff;
}

/* Responsive Stuff */

/* Large */
@media (min-width: 1200px)
{
}
 
/* Medium */
@media (min-width: 992px)
{
	.logo .navbar-brand
	{
		width: 132px;
		height: 32px;
		background-size: 132px 32px;
		margin-left: 10px;
	}
	.bg1
	{
		background-attachment: scroll;
	}
}

/* Small */ 
@media (min-width: 768px)
{
	.wrapper
	{
		padding: 30px 10px;
	}
	.logo .navbar-brand
	{
		width: 132px;
		height: 32px;
		background-size: 132px 32px;
		margin-left: 10px;
	}
	.bg1
	{
		background-attachment: scroll;
	}
}
 
/* Extra Small */
@media (max-width: 767px)
{

	.anchor
	{
		position: absolute;
		top: -50px;
	}
	.logo .navbar-brand
	{
		width: 99px;
		height: 24px;
		background-size: 99px 24px;
		margin-left: 10px;
	}
	.bg1
	{
		background-attachment: scroll;
	}
}