/*
 * Author: Carlos Alvarez
 * URL: http://Alvarez.is
 *
 * Project Name: SHIELD - Free Bootstrap 3 Theme
 * Version: 1.0
 * Date: 02-11-2013
 * URL: http://blacktie.co/
 */

/* ==========================================================================
   Base Styles and Bootstrap Modifications
   ========================================================================== */

html, button, input, select, textarea {
	color:#222222;
}

body {
	font-size:1em;
	line-height:1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::selection {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#16A085;
	background-size:initial;
	color:#A4003A;
	text-shadow:none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display:block;
	height:1px;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	border-left:0px initial #000000;
	border-right:0px initial #000000;
	border-top:1px solid #CCCCCC;
	border-bottom:0px initial #000000;
	margin:1em 0px 1em 0px;
	padding:0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align:middle;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize:vertical;
}

/* ==========================================================================
   General styles
   ========================================================================== */

html, body {
	height:100%;
}

body {
	font-family:Lato;
	font-weight:300;
	font-size:16px;
	color:#555555;
	-webkit-font-smoothing:antialiased;
}

.col-md-4 {
	padding-bottom:20px;
}

.row {
	margin-right:0;
	margin-left:-15px;
}

.modal-header {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#3498DB;
	background-size:initial;
}

.modal-header h4 {
	color:#FFFFFF;
}

.modal-footer {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#2B2B2B;
	background-size:initial;
}

.navbar-default {
	border-top-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
	background-color:#DADADA;
}

.navbar-toggle {
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	border:0px solid transparent;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color:#16A085;
	color:#FFFFFF;
}

hr {
	position:relative;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	border:initial none #000000;
}

hr::before {
	content:' ';
	position:absolute;
	top:0;
	left:25%;
	width:50%;
	height:2px;
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#CCCCCC;
	background-size:initial;
}

a img {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
	background-size:initial;
}

.odd a img {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#F5F5F5;
	background-size:initial;
}

/* Titles */

h1, h2, h3, h4, h5, h6 {
	font-family:Raleway;
	font-weight:300;
	color:#333333;
}

/* Paragraph & Typographic */

p {
	line-height:28px;
	margin-bottom:25px;
}

.centered {
	text-align:center;
}

.paragraph-lead {
	font-size:20px;
	color:#3498DB;
}

strong {
	font-weight:700;
}

em {
	font-weight:300;
}

pre {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#EBEBEB;
	background-size:initial;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	font-family:Monaco;
	font-size:16px;
	color:#666666;
	line-height:28px;
	border:initial none #000000;
	padding:20px;
}

small {
	font-size:12px;
}

blockquote, blockquote p {
	line-height:28px;
	color:#999999;
	font-weight:300;
	font-style:italic;
}

blockquote {
	position:relative;
	padding-left:30px;
	border-left:5px solid #3498DB;
	margin:0px 0px 40px -30px;
}

blockquote cite {
	position:absolute;
	bottom:-25px;
	right:0;
	font-size:12px;
	font-style:italic;
	color:#333333;
	font-weight:300;
}

blockquote cite::before {
	content:'-- ';
}

/* Images */

.overflow-image {
	margin-top:-65px;
}

/* Links */

a {
	color:#3498DB;
	word-wrap:break-word;
	transition-property:color, background;
	-webkit-transition-property:color, background;
	-o-transition-property:color, background;
	-ms-transition-property:color, background;
	-moz-transition-property:color, background;
	transition-duration:0.1s, 0.1s;
	-webkit-transition-duration:0.1s, 0.1s;
	-o-transition-duration:0.1s, 0.1s;
	-ms-transition-duration:0.1s, 0.1s;
	-moz-transition-duration:0.1s, 0.1s;
	transition-timing-function:ease-in, ease-in;
	-webkit-transition-timing-function:ease-in, ease-in;
	-o-transition-timing-function:ease-in, ease-in;
	-ms-transition-timing-function:ease-in, ease-in;
	-moz-transition-timing-function:ease-in, ease-in;
	transition-delay:initial, initial;
	-webkit-transition-delay:initial, initial;
	-o-transition-delay:initial, initial;
	-ms-transition-delay:initial, initial;
	-moz-transition-delay:initial, initial;
}

a:hover, a:focus {
	color:#C0392B;
	text-decoration:none;
	outline-width:0;
	outline-color:#000000;
	outline-style:initial;
}

a::before, a::after {
	transition-property:color, background;
	-webkit-transition-property:color, background;
	-o-transition-property:color, background;
	-ms-transition-property:color, background;
	-moz-transition-property:color, background;
	transition-duration:0.1s, 0.1s;
	-webkit-transition-duration:0.1s, 0.1s;
	-o-transition-duration:0.1s, 0.1s;
	-ms-transition-duration:0.1s, 0.1s;
	-moz-transition-duration:0.1s, 0.1s;
	transition-timing-function:ease-in, ease-in;
	-webkit-transition-timing-function:ease-in, ease-in;
	-o-transition-timing-function:ease-in, ease-in;
	-ms-transition-timing-function:ease-in, ease-in;
	-moz-transition-timing-function:ease-in, ease-in;
	transition-delay:initial, initial;
	-webkit-transition-delay:initial, initial;
	-o-transition-delay:initial, initial;
	-ms-transition-delay:initial, initial;
	-moz-transition-delay:initial, initial;
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
	background-image:url(../img/header_bg.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	margin-top:-50px;
	padding-top:120px;
	text-align:center;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	min-height:650px;
	width:100%;
	-webkit-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
}

#headerwrap h1 {
	color:#FFFFFF;
	margin-top:90px;
	padding-bottom:30px;
	letter-spacing:8px;
	font-size:100px;
	font-weight:bold;
	text-shadow:rgb(0, 0, 0) 2px 2px 2px;
}

#headerwrap p {
	color:#FFFFFF;
	font-size:40px;
	font-weight:400;
	text-align:center;
	line-height:40px;
	letter-spacing:3px;
	margin-left:15px;
	text-shadow:rgb(0, 0, 0) 1px 1px 1px;
}

#greywrap {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#F5F5F5;
	background-size:initial;
	margin-top:0;
	padding-top:40px;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
}

#greywrap .callout {
	margin-bottom:20px;
}

#greywrap p {
	margin-left:30px;
	margin-right:30px;
	letter-spacing:1px;
	padding-top:15px;
	padding-bottom:15px;
}

#greywrap .icon {
	font-size:60px;
	line-height:30px;
	margin-bottom:10px;
}

#footerwrap {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#2B2B2B;
	background-size:initial;
	margin-top:0;
	padding-top:40px;
	padding-bottom:20px;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
}

#footerwrap h4 {
	color:#FFFFFF;
}

/* ==========================================================================
   Box Sections
   ========================================================================== */

.white h1 {
	padding-top:35px;
}

.white p {
	padding-top:25px;
}

/* Section Dividers */

.section-divider {
	z-index:999;
	width:100%;
	display:table;
	max-height:450px;
	box-sizing:border-box;
	padding-top:30px;
	padding-bottom:70px;
	margin-top:45px;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	-webkit-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
	text-align:center;
	border-bottom:2px solid #E6EAED;
}

.textdivider h1 {
	padding-top:70px;
	color:#FFFFFF;
	font-size:40px;
}

.textdivider p {
	color:#FFFFFF;
	font-size:25px;
}

/* Section Dividers Backgrounds */

.divider1 {
	background-image:url(../img/bg/divider1.jpg);
}

.divider2 {
	background-image:url(../img/bg/divider2.jpg);
}

.divider3 {
	background-image:url(../img/bg/divider3.jpg);
	margin-top:0;
}

.divider4 {
	background-image:url(../img/bg/divider4.jpg);
}

.divider6 {
	background-image:url(../img/bg/divider6.jpg);
}

/* ==========================================================================
   Services Section
   ========================================================================== */

.service-trigger {
	display:block;
	position:relative;
	margin-bottom:15px;
	color:#FFFFFF;
	font-size:20px;
	text-align:center;
	height:168px;
	cursor:pointer;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#333333;
	background-size:initial;
	border:initial none #000000;
	padding:90px 20px 50px 20px;
}

.service-trigger::before {
	width:100%;
	top:50px;
	color:#3498DB;
	font-size:36px;
	text-align:center;
	position:absolute;
	left:0;
}

.service-active .service-trigger {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#222222;
	background-size:initial;
}

.service-active p {
	font-family:Lato, sans-serif;
	padding-top:10px;
}

.service-content {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#E6EAED;
	background-size:initial;
	display:block;
	height:auto;
	padding:15px 20px 15px 20px;
}

.service-content p:last-child {
	margin:0;
}

/* ==========================================================================
   Image Mask
   ========================================================================== */

.grid figure {
	position:relative;
	margin:0;
}

.grid figure img {
	width:100%;
	display:block;
	position:relative;
}

.grid figcaption {
	position:absolute;
	top:0;
	left:0;
	color:#FFFFFF;
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#3498DB;
	background-size:initial;
	padding:20px;
}

.grid figcaption h5 {
	padding-top:0;
	padding-left:20px;
	padding-bottom:5px;
	color:#FFFFFF;
	font-weight:700;
	text-align:left;
	letter-spacing:2px;
	margin:0;
}

.grid figcaption a {
	text-align:left;
	margin-left:20px;
	display:inline-block;
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#2F2F2F;
	background-size:initial;
	color:#FFFFFF;
	font-size:13px;
	padding:5px 10px 5px 10px;
}

/* Caption Style */

.mask figure {
	overflow:hidden;
}

.mask figure img {
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	-o-transition-property:-webkit-transform;
	-ms-transition-property:-webkit-transform;
	-moz-transition-property:-webkit-transform;
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
	-o-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-webkit-transition-timing-function:initial;
	transition-timing-function:initial;
	-o-transition-timing-function:initial;
	-ms-transition-timing-function:initial;
	-moz-transition-timing-function:initial;
	-webkit-transition-delay:initial;
	transition-delay:initial;
	-o-transition-delay:initial;
	-ms-transition-delay:initial;
	-moz-transition-delay:initial;
}

.no-touch .mask figure:hover img, .mask figure.cs-hover img {
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px);
	-o-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	-moz-transform:translateY(-30px);
}

.mask figcaption {
	height:50px;
	width:100%;
	top:auto;
	bottom:0;
	opacity:0;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	-o-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transition-property:-webkit-transform, opacity;
	transition-property:-webkit-transform, opacity;
	-o-transition-property:-webkit-transform, opacity;
	-ms-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-webkit-transform, opacity;
	-webkit-transition-duration:0.4s, 0.1s;
	transition-duration:0.4s, 0.1s;
	-o-transition-duration:0.4s, 0.1s;
	-ms-transition-duration:0.4s, 0.1s;
	-moz-transition-duration:0.4s, 0.1s;
	-webkit-transition-timing-function:initial, initial;
	transition-timing-function:initial, initial;
	-o-transition-timing-function:initial, initial;
	-ms-transition-timing-function:initial, initial;
	-moz-transition-timing-function:initial, initial;
	-webkit-transition-delay:initial, 0.3s;
	transition-delay:initial, 0.3s;
	-o-transition-delay:initial, 0.3s;
	-ms-transition-delay:initial, 0.3s;
	-moz-transition-delay:initial, 0.3s;
}

.no-touch .mask figure:hover figcaption, .mask figure.cs-hover figcaption {
	opacity:1;
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-webkit-transition-property:-webkit-transform, opacity;
	transition-property:-webkit-transform, opacity;
	-o-transition-property:-webkit-transform, opacity;
	-ms-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-webkit-transform, opacity;
	-webkit-transition-duration:0.4s, 0.1s;
	transition-duration:0.4s, 0.1s;
	-o-transition-duration:0.4s, 0.1s;
	-ms-transition-duration:0.4s, 0.1s;
	-moz-transition-duration:0.4s, 0.1s;
	-webkit-transition-timing-function:initial, initial;
	transition-timing-function:initial, initial;
	-o-transition-timing-function:initial, initial;
	-ms-transition-timing-function:initial, initial;
	-moz-transition-timing-function:initial, initial;
	-webkit-transition-delay:initial, initial;
	transition-delay:initial, initial;
	-o-transition-delay:initial, initial;
	-ms-transition-delay:initial, initial;
	-moz-transition-delay:initial, initial;
}

.mask figcaption a {
	position:absolute;
	top:10px;
	bottom:10px;
	right:30px;
}

/* ==========================================================================
   Blog Section
   ========================================================================== */

.blog-bg {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#2B2B2B;
	background-size:initial;
	padding-right:0;
	padding-left:0;
}

.blog-bg h4 {
	color:#DADADA;
	padding-top:0;
}

.blog-bg h5 {
	color:#DADADA;
	font-size:11px;
}

.blog-content {
	padding-top:10px;
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#F2F2F2;
	background-size:initial;
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media screen and (max-width: 1050px), screen and (max-device-width: 1050px) { 
  body .header { background-attachment: scroll; }
}

/*ipad portrait*/

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) { 
  .header { background-attachment: scroll; }
}

@media screen and (max-width: 769px) { 
  #headerwrap h1 { font-size: 80px; }
  #headerwrap p { font-size: 30px; line-height: 38px; }
}