/*
	Theme Name: Austinite
	Theme URI: https://www.austinitewebdesign.com/
	Description: This is a child theme created for the Genesis Framework.
	Author: Austinite Web Design
	Author URI: https://www.austinitewebdesign.com/contact
	Text Domain: austinite

	Version: 2.0
	
	Tags: custom-background, custom-header, featured-images, threaded-comments, two-columns
	
	Template: genesis
	Template Version: 1.7.1

	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/* # Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
- Structure and Layout
	- Site Containers
	- Shortcode Styling
	- Column Widths and Positions
	- Column Classes
	- Slider
	- Login
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Jetpack
	- fancyBox
		- Gallery CSS for fancyBox
- Site Header
	- Title Area
	- Widget Area
- Site Navigation
	- Header Navigation
	- Primary Navigation
	- Secondary Navigation
- Content Area
	- Home
	- Entries
	- Blog
	- Entry Meta
	- Pagination
	- Comments
	- Contact Page
- Portfolio posts
	- Portfolio archive
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
	- Retina Display
	- Max-width: 1200px
	- Max-width: 960px
	- Max-width: 800px
*/


/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:'Muli', sans-serif;font-weight:300;font-weight: light;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; margin: 20px auto;}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ## Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* ## Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/* CUSTOM
--------------------------------------------- */

.page-id-2897 .footer-widgets { display: none; }

h3 img.checks, p img.checks { text-align:left; float: left; margin-right: 20px; width:40px; height: auto; }
.checklist { margin-top: 80px; }
ul.resource {
    list-style: none; /* Remove list bullets */ padding: 0; margin: 0; }

ul.resource li { font-size: 20px; line-height: 1.85em; }

ul.resource li:before {
    content: "\2014"; /* Insert content that looks like bullets */
    padding-right: 10px;
}
.how-section { width: 100%; min-height: 250px; display: inline-block; text-align: center; margin: 0 auto; background: none; }
.how-section img { width: auto; height: 100px; margin: 50px auto 0; float: none; }
.how-section h4 { text-transform: uppercase; letter-spacing: 1.5px; color: #54bce8; font-size:16px; }
.how-section.how1 { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.how-section.how-block { background: #da1c5c; display:table;  }
.how-section.how-block p { padding:20px; display:table-cell; vertical-align:middle; color:#fff; text-align: center; }

a .services-section { width: 100%; height: auto; display: inline-block; text-align: center; margin: 0 auto; background: rgba(242,242,242,0) !important; 
padding: 40px 0 30px; overflow: auto; 
-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}
.services-section img { width: 180px; height: auto; margin: 0 auto; float: none;  }
.services-section h4 { text-transform: uppercase; letter-spacing: 1.5px; color: #54bce8; font-size:18px; }
.services-section.border-right { border-right: 1px solid #ccc; }
.services-section.border-top { border-top: 1px solid #ccc; }

a .services-section:hover { background: rgba(242,242,242,0.5) !important; 
-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out; cursor: pointer; }


.clients { width: 20%; height: auto; float: left; text-align: center; margin-top: 10px; }
.clients img { width: 180px; height: auto; margin: 0 auto; display:inline-block; }
.services-wrap { max-width: 1280px; margin: 0 auto; }

.home-work { width: 25%; height: 360px; display:block; text-align:center; float:left; position: relative; }
	
.home-work.nao { background: url(images/home-naocon.png) center center no-repeat; 
background-size: cover; }
.home-work.sol { background: url(images/home-sol.png) center center no-repeat; 
background-size: cover; }
.home-work.san { background: url(images/home-san.png) center center no-repeat; 
background-size: cover; }
.home-work-spacing p { margin: 0 0 0 !important; display: none !important; }

.home-work.nao, .home-work.sol, .home-work.san { 
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out; 
}

.home-work:hover, .home-work.nao:hover, .home-work.sol:hover, .home-work.san:hover { cursor: pointer; background-size: 200% auto !important; 
-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
	}
	
.home-work.textbox { background: #2b3990; }

.home-work h6 { font-size: 24px; text-align: center; color:#fff; text-transform:uppercase; margin: 35% auto 0; letter-spacing: 1.5px; }
.home-work img { margin: 20% auto 0; width: 90px; height: auto; }
.home-work h5 { font-family:'Muli', sans-serif; color: #fff; text-align:center; font-size: 36px; line-height: 1.35em; }

.about-cta { background: #da1c5c; padding: 40px; color:#fff; margin-top:50px; }

.about-cta h3 { color:#fff; text-align: center; }
.about-cta h4 { color: #000; text-align: center; }

/*Font awesome icons*/
.fa {
    background: #2b3990;
    box-sizing: content-box;
    color: #fff;
    display: inline-block;
    padding: .25em;
    width: 1em;
    text-align: center;
}

.fa.fa-chevron-right { background: none !important; color: #54bce8; }

/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Typographical Elements
--------------------------------------------- */

body {
	background-color: #fff;
	color: #333;
	font-family:'Muli', sans-serif;
	font-size: 18px;
	font-weight: 300;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
	overflow-x: hidden;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #2b3990;
	text-decoration: none;
}

a:hover {
	color: #333;
}

p {
	margin: 0 0 28px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 30px;
	border-left: 5px solid #f2f2f2;
	padding-left: 20px;
}

blockquote::before {
	/*content: "\201C";
	font-size: 30px;*/
	display: block;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

.expertise_list li:first-child {
    border-left: none;
    padding-left: 0;
}

.expertise_list li {
  display: table-cell;
  border-left: 1px solid #3c4c55;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.expertise_list li:last-child {
    padding-right: 0;
}

.expertise_list li img.aligncenter {
	display: block;
	margin: 0 auto 0;
}
.small {font-size:8pt;}
/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	margin: 0 0 15px;
	letter-spacing: -0.5px;
}

h1 {
	font-size: 32px;
	color:#da1c5c;
}

h2 {
	font-size: 32px;
}
h2.larger {	font-size: 36px; }

h3 {
    font-size: 24px;
    color: #2b3990;
}
h4 {
    font-size: 18px;
    color: #e6fe5c;
}

h5 {
	font-size: 16px;
}

.ltgray {
	color: #C1C1C1;
}

h6 {
	font-size: 14px;
}

h4.blue {
    color: #2b3990;
}

/* Slider Font Settings ----------- */
#genesis-responsive-slider .flexslider {
    background: #000;
}

.flexslider .slides img {
	opacity:.6;
}

.slider-text-container h1 { text-align:center; color: #fff; font-size: 3rem; line-height: 1; }
.slider-text-container h4 { text-align: center; color:#fff; font-size: 1.2rem; text-transform:uppercase; letter-spacing:1.5px; }
.slider-text-container h4 span { color: #e6fe5c; }

/* Home Body Font Settings ----------- */
h1.intro-text { font-family: 'Muli', sans-serif; color: #333; font-size: 20px; text-align: center; line-height: 1.85em; letter-spacing: 0; }
h4.title-bar { text-align: center; color:#333; font-size: 18px; letter-spacing:1.5px; text-transform:uppercase; }

/* Content Body Font Settings ----------- */
h1.body-text, p.body-lg { font-family: 'Muli', sans-serif; color: #333; font-size: 20px; text-align: left; line-height: 1.85em; letter-spacing: 0; }


/* Footer CTA Font Settings ----------- */

h4.footer-cta-header { text-align: center; color:#fff; font-size: 32px; }
p.footer-cta-text { text-align:center; color: #333; font-size: 24px; }


/* Landing Page Resource Styling ----------- */
h2.landing-title { margin-bottom: 0; }
.offset-content { margin-top: 100px;}
p.landing-tips { font-weight:200; color:#333; text-align: center; font-size:16px; padding-top:30px; }

p.landing-tips a { color: #54BCE8;}



/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
	width: auto;
}

/* ## Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}
.gallery-caption {}
.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery img {
	height: auto;
}


/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-weight: 300;
	padding: 5px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #333;
	font-weight: 300;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
	font-weight: 300;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #DA1C5C;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: 700;
	padding: 15px 30px;
	text-transform: uppercase;
	width: auto;
}

.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .button {
	background-color: #2b3990;
	color: #fff;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
	background-color: #A31545;
	color: #fff;
}

.entry-content .button:hover {
	color: #fff;
}

.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .button:hover {
	background-color: #fff;
	color: #333;
}

.button {
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

span.wpcf7-list-item {
    display: inline-block;
}
/* ## Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #ccc;
	padding: 6px;
}

th {
	font-weight: 400;
}

.pricetable {
    border:none;
}
.pricetable td {
    border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
    padding:15px;
}
.pricetable span {
    color: #54bce8;
    font-size: 1.25rem;
}
tr td:first-child h4 {
	letter-spacing: 1px;
	color: #54bce8; 
}

@media screen and (max-width: 767px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;/* font-size:1.3em;  */   line-height: 3em;}
tbody td {
    display: block;
    text-align: center;
   /*  height: 90px; */
}
tr td:first-child h4 {
    line-height: 3em;
	letter-spacing: 1px;
	color: #54bce8; 
}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
  tr:first-child {display:none;}
  /*
	Label the data
	*/
	td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: "Starter";color:#2b3990;   font-family:'Montserrat', sans-serif;font-weight: 400;line-height: 1.2;margin: 0 0 10px;text-transform: uppercase; }
	td:nth-of-type(3):before { content: "Business";color:#2b3990;   font-family:'Montserrat', sans-serif;font-weight: 400;line-height: 1.2;margin: 0 0 10px;text-transform: uppercase; }
	td:nth-of-type(4):before { content: "Enterprise";color:#2b3990;   font-family:'Montserrat', sans-serif;font-weight: 400;line-height: 1.2;margin: 0 0 10px;text-transform: uppercase;  }
}
/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* ## Site Containers
--------------------------------------------- */
/*.site-inner { max-width:100%; position:relative; margin:0 auto; overflow: hidden;}*/

.wrap {
    float: none;
    margin: 0 auto;
    max-width: 1280px;
}

.row {
	margin-left:-20px;
	*zoom:1;
}
.row:before, .row:after {
	display:table;
	content:"";
	line-height:0;
}
.row:after { clear:both; }
[class*="span"] {
	float:left;
	min-height:1px;
	margin-left:20px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width:940px; }
.span12 { width:940px; }
.span11 { width:860px; }
.span10 { width:780px; }
.span9 { width:700px; }
.span8 { width:620px; }
.span7 { width:540px; }
.span6 { width:460px; }
.span5 { width:380px; }
.span4 { width:300px; }
.span3 { width:220px; }
.span2 { width:140px; }
.span1 { width:60px; }

/*!
 * Bootstrap Responsive v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .title-wrap {
  margin:0 auto;
  width:1200px;
  }
  .span12 {
    width: 1200px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
	display: block;
	overflow: auto;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    /*min-height: 30px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}
@media (max-width: 767px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
  }

  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
	
	.span12.austin-skyline {
    	margin-bottom: -10px;
	}
}

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}


/* ## Shortcode Styling
--------------------------------------------- */
.content_box {
    background: #da1c5c;
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    display: block;
    box-shadow: none;
    color: #fff;
    float: none;
    padding:60px 0;
}

.content_box:before {
  background: #da1c5c;
  position: absolute;
  display: block;
  width: 101%;
  top: 0;
  bottom: 0;
  left: -100%;
  z-index: -1;
  content: '';
}

.content_box:after {
  background: #da1c5c;
  position: absolute;
  display: block;
  width: 101%;
  top: 0;
  bottom: 0;
  right: -100%;
  z-index: -1;
  content: '';
}

.hero-unit:before {
  background: #2b3990;
  display: block;
  width: 101%;
  position: absolute;
  top: -20px;
  bottom: 0;
  left: -100%;
  z-index: -1;
  content: '';
  border-top:20px solid #e6fe5c;
}

.hero-unit {
    background: #2b3990;
    position: relative;
    width: 100%;
    padding: 45px 0;
    display: block;
    box-shadow: none;
    text-align: center;
    color: #fff;
    float: left;
    border-top:20px solid #e6fe5c;
}

.hero-unit:after {
  background: #2b3990;
  display: block;
  width: 101%;
  position: absolute;
  top: -20px;
  bottom: 0;
  right: -100%;
  z-index: -1;
  content: '';
  border-top:20px solid #e6fe5c;
}

.hero-unit h1 {
color:#fff;
}

ul.portfolio-posts li {
    display: inline;
}

.portfolio-posts li .gallery img {
    width: 24.7%;
}

.portfolio-posts a {
    opacity: .8;
}

.portfolio-posts a:hover {
    opacity: 1;
}

.portfolio-posts {
    position: relative;
    padding: 15px 0;
    color: #fff;
    margin: 0 0 15px;
}

.size-portfolio-img {
    width: 100%;
}

.tabs h3 {
    color: #da1c5c;
}

.button {
    background: #fff;
    display: inline-block;
    text-align: center;
    color: #2b3990;
    border: 1px solid #2b3990;
    text-transform: uppercase;
    padding: 10px 25px;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.25px;
    font-size: 18px;
    text-transform: uppercase;
   	font-weight: 400;
}

.button:hover {
    background: #2b3990;
    color: #fff;
    transition: all 0.2s ease;
}

.button.footer-cta {
    background: none;
	color: #fff;
	border: 1px solid #e6fe5c;
}

.button.footer-cta:hover {
	color:#da1c5c;
	background:#fff;
	transition: all 0.2s ease;
}

.button.home-cta {
    background: rgba(255,255,255,0);
}

.button.home-cta:hover {
	transition: all 0.2s ease;
	background: #2b3990;
}

.button2 {
    display: block;
    background: #262262;
    text-align: center;
    margin: 5px 0;
    padding: 15px 0;
    text-transform: uppercase;
    color: #fff;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	font-size: 20px;
}

.button2:hover {
	color:#fff;
	background:#da1c5c;
	transition: background-color 0.5s ease;
}

.button .learn-more {
    background: #2b3990;
    color:#fff;
}

.button .learn-more:hover {
	color:#fff;
	background:#e6fe5c;
	transition: background-color 0.5s ease;
}

.button .moredetails {
	color:#262262;
	background:none;
	padding: 5px 0;
	font-size: 16px;
}

.button .moredetails:hover {
	background:#262262;
	color:#fff;
}

#tabs ul {
    margin: 40px 0;
}

#tabs li {
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 1.5em;
	margin-right: -4px;
}

#tabs a {
    color: #da1c5c;
    border: 1px solid #da1c5c;
    padding: 15px 30px;
}

#tabs a:hover {
    color: #fff;
    border: 1px solid #00c18c;
	background: #da1c5c;
}

.box {
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 15px 15px 5px;
}

.spanspacer {
	margin: 20px 0;
	padding-right: 40px;
}

.topspacer {
	padding-top: 80px;
}

.content_box.lesspad {
    padding: 20px 0;
}

.content_box.blue {
    background: #262262;
    margin: 0;
}

.content_box.blue:before {
    background: #262262;
}

.content_box.blue:after {
    background: #262262;
}

.content_box.light-blue {
    background: #2b3990;
    margin: 0;
}

.content_box.light-blue:before {
    background: #2b3990;
}

.content_box.light-blue:after {
    background: #2b3990;
}

.content_box.home-services {
    background: url(images/home-services-banner-bg.svg) right bottom no-repeat #fff;
    background-size: auto 100%;
    color: #333;
    width: 100% !important;
    padding: 140px 0;
    max-width: 100%;
}

.content_box.home-services:after, .content_box.home-services:before {
	background: #fff;
}

.content_box.home-gradient, .content_box.home-gradient:before, .content_box.home-gradient:after {
	padding: 80px 0 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54bce8+70,54bce8+100,f9e423+100&1+95,0.6+100 */
background: -moz-linear-gradient(top, rgba(84,188,232,1) 70%, rgba(222,221,68,1) 95%, rgba(249,228,35,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(84,188,232,1) 70%,rgba(222,221,68,1) 95%,rgba(249,228,35,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(84,188,232,1) 70%,rgba(222,221,68,1) 95%,rgba(249,228,35,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bce8', endColorstr='#99f9e423',GradientType=0 ); /* IE6-9 */
    color:#333;
	margin-bottom: 0;
}

.content_box.clients, .content_box.clients:before, .content_box.clients:after { background: #f2f2f2; padding: 60px 0 40px;width:100%; }

.content_box.home-examples, .content_box.home-examples:before, .content_box.home-examples:after { background: #f2f2f2; padding: 60px 0 0; width: 100%;max-width:100%; }

.content_box.home-fast {
    background: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/bg-home-fast-01.svg) left center no-repeat #DA1C5C;
	background-size: auto 100%;
}

.content_box.home-fast:after, .content_box.home-fast:before {
	background: #DA1C5C;
}

.content_box.home-know {
    background: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/bg-home-know-01.svg) right center no-repeat #A31545;
	background-size: auto 100%;
}

.content_box.home-know:after, .content_box.home-know:before {
	background: #A31545;
}

.content_box.home-foryou {
    background: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/bg-home-foryou-01.svg) left center no-repeat #fff;
	background-size: auto 100%;
	color:#333;
}

.content_box.home-foryou:after, .content_box.home-foryou:before {
	background: #fff;
}

.content_box.what-intro {
    background: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/what-intro.svg) center center no-repeat #fff;
	background-size: 50% auto;
	padding: 180px 0 150px;
}

.content_box.what-intro:after, .content_box.what-intro:before {
	background: #fff;
}

.content_box.what-online {
    background: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/what-online.svg) right bottom no-repeat;
	background-size: auto 85%;
	color:#333;
	width: 100% !important;
	max-width: 100%;
}

.content_box.what-design {
    background: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/what-design.svg) left bottom no-repeat;
	background-size: auto 85%;
	color:#333;
	width: 100% !important;
	max-width: 100%;
}

.content_box.what-results {
    background: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/what-results.svg) right bottom no-repeat;
	background-size: auto 85%;
	color:#333;
	width: 100% !important;
	max-width: 100%;
}

.content_box.what-online:before,.content_box.what-online:after, .content_box.what-design:before,.content_box.what-design:after, .content_box.what-results:before,.content_box.what-results:after{
    background: #fff;
}

.content_box.rose,.content_box.rose:before,.content_box.rose:after{
    background: #a31545;
}

.content_box.gray {
    margin: 0 0 0 0;
    background: #f2f2f2;
	padding: 5px;
}

.content_box.gray:before,.content_box.gray:after{
    background: #f2f2f2;
}

.content_box.gray-lg, .content_box.gray-lg:before,.content_box.gray-lg:after{
    background: #f2f2f2;
	color:#333;
}

.content_box.cityscape {
    background-image: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/Austinite-Skyline-Dark.svg);
	background-repeat: no-repeat;
    background-position:center bottom;
	background-color: #2b3990;
	background-blend-mode: multiply;
}

.content_box.cityscape:before,.content_box.cityscape:after{
    background: #2b3990;
}

.content_box.lightblue {
	background-color: #2b3990;
}

.content_box.lightblue:before,.content_box.lightblue:after{
    background: #2b3990;
}

.content_box.brightblue {
	background-color: #54BCE8;
}

.content_box.brightblue:before,.content_box.brightblue:after{
    background: #54BCE8;
}

.content_box.bblue-short {
    margin: 0 0 0 0;
    background: #54BCE8;
	padding: 5px;
}

.content_box.bblue-short:before,.content_box.bblue-short:after{
    background: #54BCE8;
}


.content_box.nobg {
    background: none;
    color:#333;
}

.content_box.nobg:before {
    background: none;
}

.content_box.nobg:after {
    background: none;
}

.content_box.nomargin {
	padding: 110px 0 80px;
}

.content_box.extrapadding {
    padding: 80px 0;
}

.content_box.nobf:before {
    background: none;
}

.content_box.noaf:after {
    background: none;
}

.content_box.focuses, .focuses {
	padding: 40px 40px 20px;
	background: #da1c5c;
	display: block;
	height: auto;
	overflow: auto;
}

.content_box.focuses:before {
    background: none;
}

.content_box.focuses:after {
    background: none;
}

.content_box.pricing, .content_box.pricing:before, .content_box.pricing:after {
	background: #f2f2f2;
	color: #333;
}

.parallax:before {
    background-image: url('http://www.austinitewebdesign.com/wp-content/themes/HWD/images/home-bg-pattern-01.svg');
    display: block;
    width: 200%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -25%;
    z-index: -999;
    content: '';
    background-repeat: no-repeat;
}

.parallax {
    position: relative;
    padding: 30px 0 150px;
    float: left;
    width: 100%;
}

.flex-ul {
  width: 100%;
}

.flex-ul ul {
  margin: 0;
  padding: 0;
  display: table-row;
}

.flex-ul ul li {
  list-style: none;
  text-align: center;
  display: table-cell;
}

.flex-ul {
  display: table;
}

.border_box {
    border-top: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    padding: 30px 30px 5px;
    margin: 0 auto;
	font-size: 16px;
	/*width: 95% !important;*/
	background: #fff;
	color: #333;
	text-align:center;
}

.border_box.header {
    background: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
    border-bottom: 0;
    padding: 30px 0 0;
    text-align:center;
	font-size: 16px;
}

.border_box.header h4 {
	color:#54bce8;
	margin:0;
	letter-spacing: 2px;
	text-transform:uppercase;
	font-size: 22px;
}

.border_box p.disclaimer { text-align: center; font-size: 12px; color: #999; line-height: 12px; padding: 0; margin: 0 auto; }
.border_box li {
    list-style-type: none;
	text-align:center;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.border_box li:last-child {
	border-bottom: none;
}

.border_box ul {
    padding: 0 20px;
}

.border_box.dark {
    border: 2px solid #54bce8;
	padding: 20px 30px 5px;
}

.border_box.header.dark {
	background: #54bce8;
	border-left: 1px solid #54bce8;
	border-top: 1px solid #54bce8;
	border-right: 1px solid #54bce8;
    border-bottom: 0;
    padding: 30px 30px 15px;
	color: #fff;
	word-break: break-word;    
}


.border_box.header.dark h4, .border_box.header.dark p.disclaimer { color: #fff; }
.border_box.header.dark h4 { padding-bottom:30px; }

/* ## Column Widths and Positions
--------------------------------------------- */

/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 980px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* ### Content */

.content {
	width: 800px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
	width: 70%;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 580px;
}

.full-width-content .content {
	width: 100%;
	float: left;
}

.entry-content {
    /*max-width: 1280px;*/
    margin: 0 auto;
    padding-top:40px;
}

.home .entry-content {
	padding-top:0;
}

/* ### Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 30%;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* ### Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

/* ## Slider 
--------------------------------------------- */
.wrap.slider {
  max-width: 100%;
  padding:0;
  background-color:#000;
}

#genesis-responsive-slider {
  background: none;
  border: none!important;
  margin: 0 auto;
  padding: 0!important;
  position: relative;
  max-height: 450px;
}

.slider-container {
    float: left;
    width: 100%;
    position: relative;
}

.slider-text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100vw;
}

.slider-text-container h1 {color:#fff;}


.slide-image { max-height: 600px!important;width:100%; }

/* SPLASH ONLY */
.slide-excerpt {
    background-color: rgba(60,76,85,.5)!important;
    filter: alpha(opacity=30)!important;
    opacity: 1!important;
    color: #fff;
    height: 100%;
    width: 100%;
	top: -10px;
	text-align: center;
	margin:10px 0!important;
}

/*

.slider a {
    color: #fff;
}

.slide-excerpt-border p a {
    color: #32fdc8;
    display: block;
    text-align: center;
    border: 2px solid #32fdc8;
    background: #2a3840;
    border-radius: 5px;
    padding: 10px 0;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.5em;
    margin-top: 10px;
}

.slide-excerpt-border p {
    max-width: 20%;
    margin: 0 auto;
}
*/

.slider-container .slider-text-container {
    width: 100%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    position: absolute!important;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    margin: 0!important;
}

.slider-container .slick-slide img {
    width: 100%;
    opacity: .6;
}

/* ## Login 
--------------------------------------------- */
body.login {
    background: -moz-linear-gradient(top, rgba(84,188,232,1) 70%, rgba(222,221,68,1) 95%, rgba(249,228,35,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(84,188,232,1) 70%,rgba(222,221,68,1) 95%,rgba(249,228,35,0.6) 100%);
    background: linear-gradient(to bottom, rgba(84,188,232,1) 70%,rgba(222,221,68,1) 95%,rgba(249,228,35,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bce8', endColorstr='#99f9e423',GradientType=0 );
}

body.wp-core-ui .button-primary {
    background: #1a2a6c;
    border-color: #1a2a6c;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}

.login #backtoblog a, .login #nav a {
    color: #fff;
}

.login #login_error, .login .message {
    border-left: none;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    text-align: center;
}


/* # Common Classes
---------------------------------------------------------------------------------------------------- */

/* ## Avatar
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

/* ## Genesis
--------------------------------------------- */

.breadcrumb {
	margin-bottom: 20px;
}

.archive-description,
.author-box {
	background-color: #fff;
	font-size: 16px;
	margin-bottom: 40px;
	padding: 40px;
}

.author-box-title {
	font-size: 16px;
	margin-bottom: 4px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

/* ## Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.site-header .search-form {
	float: right;
	margin-top: 12px;
}

.entry-content .search-form,
.site-header .search-form {
	width: 50%;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}


/* ## Titles
--------------------------------------------- */

.archive-title {
	font-size: 20px;
}

.home .entry-title {
    display: none;
}

.header-entry-title,.entry-title  {
    font-size: 32px;
    background: #54bce8;
    color: #fff;
    text-align: center;
    padding: 40px 0;
    float:left;
    width:100%;
}

.header-entry-title a {
	color: #fff;
}

h1.entry-title {
    /* color: #e4f8f7; */
}

.single .entry-title {
    color: #da1c5c;
}

.entry-title a,
.sidebar .widget-title a {
	color: #333;
}

.entry-title a:hover {
	color: #2b3990;
}

.widget-title {
	font-size: 18px;
	margin-bottom: 20px;
}

.footer-widgets .widget-title, .landing-page-footer-container .widget-title {
	color: #fff;
}

/* ## WordPress
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.sticky {
}


/* # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* ## Featured Content
--------------------------------------------- */

.featured-content .entry {
	border-bottom: 2px solid #f5f5f5;
	margin-bottom: 20px;
	padding: 0 0 24px;
}

.footer-widgets .entry {
	border-bottom: 1px dotted #666;
}

.featured-content .entry-title {
	font-size: 20px;
}


/* # Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Genesis eNews Extended
--------------------------------------------- */

.enews-widget,
.enews-widget .widget-title {
	color: #fff;
}

.sidebar .widget.enews-widget {
	background-color: #333;
}

.enews-widget input,
.enews-widget input:focus {
	border: 1px solid #333;
}

.enews-widget input {
	font-size: 16px;
	margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
	background-color: #2b3990;
	color: #fff;
	margin: 0;
	width: 100%;
}

.enews-widget input:hover[type="submit"] {
	background-color: #fff;
	color: #333;
}

.enews form + p {
	margin-top: 24px;
}

/* ## Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}

/* ## Gallery CSS for fancyBox
--------------------------------------------- */
#thumb-left
{
	float: left;
	margin: 45px 30px 0 0;
	width: 380px;
	height: 280px;
	/*background-color: #fff;*/
}

#thumb-right
{
	float: left;
	margin: 45px 0 0 0;
	width: 380px;
	height: 280px;
	/*background-color: #fff;*/
}

#thumb-block 
{
	background-image: url('images/thumb-hover.png');
	background-size: 380px 280px;
	background-repeat: repeat-x;
	display: inline-block;
}

.guidetitle
{
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0px;
	color: #3BB3E7;
	font-weight: 300;
}

.guide
{
	height: 50px;
	display: inline;
	width: 200px;
	float: left;
	padding: 15px 0 0 15px;
	margin-left: 95px;
}

.guide img
{
	padding-right: 10px;
	display: inline;
	float: left;
}

.guide p
{
	margin: 10px 0 0 0;
}

.blockguide
{
	float: left;
	width: 92px;
	height: 25px;
	margin: 30px 0 0 0;
	padding: 4px 0 0 2px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 1px;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	
}

.view {
   /* 
 width: 380px;
    height: 280px;
 */
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: none;
}

.view .mask, .view .content {
    width: 380px;
    height: 280px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.mask
{
	background: url('images/thumb-hover.png');
	background-size: 380px 280px;
    transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	opacity: 0;
	padding-top: 80px;
}
.view img {
    position: relative;
}
.view h2 {
	font-weight: 300;
	color: #fff;
	letter-spacing: 1px;
	font-size: 20px;
	text-align: center;
	line-spacing: 28px;
	text-transform: uppercase;
}
.view p {
	font-weight: 400;
	color: #fff;
	font-size: 20px;
	line-height: 0;
	padding: 0;
    text-align: center;
    margin:0;
}
.view a {
    display: inline-block;
    text-decoration: none;
    /* padding: 7px 14px; */
    background: transparent;
    color: #fff;
}
.view a.info:hover {
    background-color: #000;
}

.view p img
{
	display: inline;
	padding: 0 8px;
}

.mask:hover
{
	background-size: 380px 280px;
    transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	opacity: 1;
}

.view-info img {
    transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
}

.view-info h2{
    color: #fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	opacity: 0;
	text-shadow: 1px 1px 1px #000;
}
.view-info h2:hover{opacity:1;}
.view-info p{
    opacity: 0;
    color: #fff;
    transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.view-info:hover .mask { 
    transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
}                       
.view-info:hover img { 
    transition-delay: 0.1s;
	/*-webkit-transform: translateX(300px);*/
    -webkit-transition-delay: 0.1s;
	/*-moz-transform: translateX(300px);*/
    -moz-transition-delay: 0.1s;
	/*-o-transform: translateX(300px);*/
    -o-transition-delay: 0.1s;
	/*-ms-transform: translateX(300px);*/
    -ms-transition-delay: 0.1s;
}
.view-info:hover p{
    opacity: 1;
    transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
}

.view-info:hover h2{
    opacity: 1;
    transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
}

.view h2 {
    display: none;
    position: absolute;
    left: 0;
    bottom: 5px;
    right: 0;
    background-color: rgba(0,0,0,.15);
}

.view:hover img {
    opacity: .7;
}

.view:hover figcaption {
    display: block;
}
.view {
    position: relative;
    display: inline-block;
}
figure {
    position: relative;
    display: inline-block;
}

figcaption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 45%;
    right: 0;
    text-shadow: 1px 1px 1px #000;
    font-weight: 300;
	color: #fff;
	letter-spacing: 1px;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}

figure:hover figcaption {
    display: block;
}
figure p {
    margin: 0;
    bottom: 50%;
    position: absolute;
}
/* # Site 
---------------------------------------------------------------------------------------------------- */

.site-header {
    background: #fff;
	background-size: 100% auto;
    height: 100px;
	border-bottom: 1px solid #808080;
}
.site-header .wrap {
    padding: 0;
    height: 100px;
    max-width: 1280px;
    margin: 0 auto;
}
.nav-primary .wrap {
    width: 1280px;
    margin: 0 auto;
}
.site-footer .wrap {
    max-width: 1280px;
    margin: 0 auto;
}

p.copyright { font-family: 'Montserrat', sans-serif !important; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;margin: 5px auto 0; color: #ccc; }
p.copyright a { color: #ccc; }

/* ## Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 0 0;
	width: 33%;
}

.header-full-width .title-area {
	width: 100%;
}

.site-title {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2;
}

.site-title a,
.site-title a:hover {
	color: #333;
}

.header-image .site-title > a {
    background-image: url(images/web-design.austin.austinite-logo.svg);
    float: left;
    min-height: 50px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left center;
}

.site-description {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
	padding:25px 0 0 0;
}

.post-hero {
    height: 45vh;
    max-height: 450px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #555;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    background-position: center;
    background-blend-mode: soft-light;
    background-size: cover;
}

.size-header-img {
    float: left;
    width: 100%;
    opacity:.7;
}

.page-id-2380 .size-header-img {
    float: left;
    width: 100%;
    opacity: .6;
}

.entry-subtitle {
	width: 80vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    line-height: 1.6;
}

/* ## Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: left;
	text-align: right;
	margin-top:2%;
	width: 67%;
}

.nav-header ul {
	list-style: none;
}

.nav-header ul li:last-child {
	padding: 5px 0px 5px 30px;
}

.nav-header ul li a:hover {
	color: #da1c5c;
}

/* ## Contact Button
--------------------------------------------- */

.nav-header ul li.contact {
    background: #fff;
    color: #da1c5c;
    margin: 0;
    width: auto;
    padding: 0 5px;
    border-radius: 0;
    border: 2px solid #da1c5c;
    font-family: 'Montserrat', sans-serif;
    /*font-size: 14px;*/
    letter-spacing: 1.5px;
    text-transform: uppercase;
    display: inline-block;
}

.nav-header ul li.contact:hover {
	background: #e6fe5c;
	color: #da1c5c;
}
.nav-header ul li.contact a {
color:#da1c5c;
}
.nav-header ul li.contact a:hover {
color:#da1c5c;
}


/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

.nav-float {
	float: left;
}

.nav-float:hover {
	background: none;
	cursor:default;
}

.genesis-nav-menu {
	clear: both;
	width: 100%;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: center;
}

.genesis-nav-menu a {
	color: #202a30;
	display: block;
	padding: .5em;
}

.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #32fdc8;
	background: #202a30;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #da1c5c;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: none;
	font-size: 14px;
	padding: 20px;
	position: relative;
	width: 200px;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -55px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	color: #fff;
	float: right;
	list-style-type: none;
	padding: 25px 0;
}

.genesis-nav-menu > .right > a {
	display: inline;
	padding: 0;
}

.genesis-nav-menu > .rss > a {
	margin-left: 48px;
}

.genesis-nav-menu > .search {
	padding: 10px 0 0;
}

/* ## Site Header Navigation
--------------------------------------------- */

.site-header .sub-menu {
	border-top: 1px solid #eee;
}

.site-header .sub-menu .sub-menu {
	margin-top: -56px;
}

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

#menu-header-menu li:first-child {

}

#menu-header-menu li {
  flex-grow: 1;
  text-align: center;
}

#header-mobile-menu {
    display: none;
    height: 0;
}
/* ## Primary Navigation
--------------------------------------------- */

.nav-primary {
  background-color: #da1c5c;
}

.nav-primary .genesis-nav-menu a {
  color: #202a30;
}

.nav-primary .genesis-nav-menu .sub-menu a {
	color: #333;
}

.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #2b3990;
}

ul#menu-header-menu {
  display: flex;
  flex-direction: row;
  margin:0;
}

/* ## Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	background-color: #fff;
}

#menu-header-menu .sub-menu li:first-child {
  border-left: none;
}

/* # Content Area
---------------------------------------------------------------------------------------------------- */

/* ## Home
--------------------------------------------- */

.home .content-sidebar-wrap {
    margin-top: 13em;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

.austin-skyline {
    height: 200px;
    background: url(./images/austinite-skyline-light.svg) no-repeat;
    background-position: center bottom;
}

/* ## Entries
--------------------------------------------- */

/* 
.entry {
	padding: 50px 0 0;
}
 */

.entry-content ol,
.entry-content ul {
	margin-bottom: 28px;
}

.entry-content ol > li {
	list-style-type: decimal;
}


.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

.content .entry-title {
    background: none;
    text-align: left;
    padding: 0 0 10px 0;
    display: none;
}

.content-sidebar .content .entry-title {
    display: block;
}

/* 
.page .content .entry-title {
display:none;
}
 */

.page .entry {
    padding: 0;
}

.content .entry-title a {
	color:#da1c5c;
}

.content_box.what-online {
    background: url(./images/what-online.svg) right center no-repeat;
	background-size: 50% auto;
}

.content_box.what-design {
    background: url(./images/what-design.svg) left center no-repeat;
	background-size: 50% auto;
}

.content_box.what-results {
    background: url(./images/what-results.svg) right center no-repeat;
	background-size: 50% auto;
}

/* ## Blog 
--------------------------------------------- */

.content-sidebar-wrap {
    margin-top: 13em;
    max-width: 1280px;
    margin: 0 auto;
}


/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 14px;
	margin-bottom: 40px;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-footer .entry-meta {
	border-top: 2px solid #f5f5f5;
	padding-top: 24px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}


/* ## Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #333;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	padding: 8px 12px;
}

.archive-pagination li a:hover,
.archive-pagination .active a {
	background-color: #2b3990;
}

/* ## Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fff;
	margin-bottom: 40px;
}

.comment-respond,
.entry-pings {
	padding: 40px 40px 16px;
}

.entry-comments {
	padding: 40px;
}

.comment-header {
	font-size: 16px;
}

li.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}

.comment-content {
	clear: both;
}

.comment-list li {
	margin-top: 24px;
	padding: 32px;
}

.comment-list li li {
	margin-right: -32px;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.entry-comments .comment-author {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}

.bypostauthor {
}

.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 16px;
	padding: 24px;
}

/* ## Contact Page
--------------------------------------------- */
.page-id-14 .contact-footer {
    display: none;
}

/* # Portfolio posts
---------------------------------------------------------------------------------------------------- */
.single-portfolio .post-hero {
	margin:0;
	height:45vh;
	background-size: cover;
}

.portfolio-title-area {
    background: #54bce8;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 20px;
}

.portfolio-title-area h2,
.portfolio-title-area h4 {
    color: #fff;
}

.quick-blurb {
	text-align:center;
	margin-bottom:40px;
	font-style: italic;
	font-weight:bold;
	color: #2b3990;
}

.portfolio-gallery .slick-prev:before, 
.portfolio-gallery .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    color: #da1c5c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.client-testi-area {
    text-align: center;
    color: #cccccc;
}

.client-testi-area h3 {
	color: #da1c5c;
}

.client-testi-area h4 {
	font-style: italic;
	color: #cccccc;
}

/* ## Portfolio archive
--------------------------------------------- */

.portfolio-archive-hero {
    padding: 40px 0;
    text-align: center;
/*    background: -moz-linear-gradient(top, rgba(84,188,232,1) 70%, rgba(222,221,68,1) 95%, rgba(249,228,35,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(84,188,232,1) 70%,rgba(222,221,68,1) 95%,rgba(249,228,35,0.6) 100%);
    background: linear-gradient(to bottom, rgba(84,188,232,1) 70%,rgba(222,221,68,1) 95%,rgba(249,228,35,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bce8', endColorstr='#99f9e423',GradientType=0 );*/
    /*margin-bottom: 5px;*/
    /*color:#fff;*/
}

.portfolio-archive-hero h1,
.portfolio-archive-hero h2,
.portfolio-archive-hero h3,
.portfolio-archive-hero h4,
.portfolio-archive-hero h5,
.portfolio-archive-hero h6 { 
	/*color:#fff;*/
}

.portfolio-archive-description {
    width: 70vw;
    margin: 0 auto;
}

.portfolio-archive-category {
    background: #f2f2f2;
    padding: 40px;
    width: 100%;
    margin-bottom: 24px;
    text-align: center;
}

.flex-2-cols, .flex-4-cols {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.flex-2-cols > * {
  width: 50%;
  box-sizing: border-box;
  display:inline-block;
  margin-bottom:20px;
}

.flex-4-cols > * {
  width: 25%;
  box-sizing: border-box;
  display:inline-block;
  margin-bottom:20px;
}

/* # Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	font-size: 16px;
}

.sidebar li {
	border-bottom: 1px dotted #ddd;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.sidebar p:last-child,
.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
    background-color: #fff;
    padding: 10px 40px 15px 40px;
}

.sidebar .widget-title {
    color: #da1c5c;
    border-bottom: 1px solid #e6fe5c;
    padding-bottom: 10px;
}

.learn-more-box {
    background: #da1c5c;
    padding: 50px;
}

.sidebar .entry-title {
    background: none;
    padding: 0;
    text-align: left;
    font-size: 14px;
    margin: 0;
}

.sidebar .featured-content .entry {
    margin-bottom: 20px;
    padding: 0 0 14px;
}

/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets, .landing-page-footer-container {
  background-color: #333333;
  clear: both;
  padding: 40px 0 0 0;
}
.footer-widgets .wrap, .landing-page-footer-container .wrap {
    max-width: 1280px;
    margin: 0 auto;
}
.footer-widgets a, .landing-page-footer-container a {
	color: #fff;
}

.footer-widgets input, .landing-page-footer-container input {
	border: 1px solid #333;
}

.footer-widgets a.button,
.footer-widgets a:hover,
.landing-page-footer-container a.button,
.landing-page-footer-container a:hover {
	color: #fff;
}

.landing-page-footer-container li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #fff;
}

.footer-widgets .widget, .landing-page-footer-container .widget {
	margin-bottom: 40px;
}

.footer-widgets p:last-child, .landing-page-footer-container p.last-child {
	margin-bottom: 0;
}

.footer-widgets-1,
.footer-widgets-3 {
	width: 32%;
}

.footer-widgets-2 {
	width: 33%;
}

.footer-widgets-3 {
	font-size:9pt;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
	text-align:center;
}
.footer-widgets-1 {
    text-align: left;
    margin-right: 1%;
}
.footer-widgets-2, .landing-page-footer-container .widget {
    text-align: center;
}
.footer-widgets-3 {
    float: right;
    text-align: right;
    margin-left: 1%;
}

/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
  font-size: 14px;
  line-height: 1;
  padding: 50px 0 40px;
  text-align: center;
  color: #cccccc;
  text-transform: uppercase;
}

.site-footer a, .landing-page-footer-container a {
	color: #ccc;
}

.site-footer a:hover, .landing-page-footer-container a:hover {
	color: #999;
}

.site-footer p, .landing-page-footer-container p {
	margin-bottom: 0;
}

ul#menu-landing-page { color:#fff; }

ul#menu-footer-menu li, ul#menu-landing-page li  {
  display: inline-block;
  padding: 0 2em;
  border-left: 0;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 14px;
	line-height: 24px;
	font-family: 'Montserrat', sans-serif;
}
ul#menu-footer-menu li:first-child, ul#menu-landing-page li:first-child {
  border-left: none;
}

.footer-logo {
	background: url(images/web-design.austin.austinite-icon.svg) no-repeat center center;
	width: 60px;
	height: 60px;
	float: none;
	margin: 0 auto;
	display:inline-block;
}

.resource-footer-logo {
	background: url(images/web-design.austin.austinite-logo-dark.svg) no-repeat center center;
	width: 220px;
	height: 48.664px;
	float: none;
	margin: 0 auto;
	display:inline-block;
}

.footer-logo p, .resource-footer-logo p { display: none; }

h6.footer-info {
	color: #ccc;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align:center;
	font-size: 14px;
	line-height: 24px;
}

h6.resource-footer-info {
	color: #808080;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align:center;
	font-size: 10px;
	line-height: auto;
	margin-bottom: 0;
}


/*Font awesome icons*/
.footer-social li {
	display:inline-block;
}

.footer-social .fa {
	background: none;
    box-sizing: content-box;
    color: #da1c5c;
    display: inline-block;
    padding: 1em 0.5em;
    width: auto;
    text-align: center;
	font-size: 1.5rem;
}

.footer-social.fa:hover { color:#fff; }

.social-icon {opacity:1; display: inline-block; }
.social-icon:hover {opacity:0.8;}

.footer-widgets .widget-area {
    width: 30vw;
    margin: 0 auto;
    text-align: center;
}

/* # HWD Styling
---------------------------------------------------------------------------------------------------- */
.left {
	float: left;
}
	
.right {
	float: right;
}
	
.site-container {
	overflow: hidden;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media (max-width: 1600px) {
	
	.slide-excerpt-border p {
    	max-width: 40%;
    	margin: 0 auto;
	}
}

@media (max-width: 1300px) {
	
	.content-sidebar-wrap {
		width:100%;
		margin:0 auto;
	}

	.content_box,
	.wrap,
	.title-wrap {
		max-width: 960px;
		margin: 0 auto;
	}

	.content-sidebar-wrap {
    	max-width: 960px;
	}

	.genesis-nav-menu {
		font-size: 11px;
	}
	
	.footer-widgets .wrap {
	    max-width: 960px;
	    margin: 0 auto;
	}

	.site-header .wrap {
    	max-width: 960px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.sidebar .widget {
	    background-color: #fff;
	    margin-bottom: 40px;
	    padding: 0 0 0 20px;
	}

	.services-wrap {
		max-width:900px;
	}

	.content_box.home-services {
	    background: url(images/home-services-banner-bg-01.svg) right bottom no-repeat #fff;
	    background-size: auto 100%;
	    color: #333;
	    width: 100% !important;
	    padding: 80px 0 0 0;
	}

}

@media (max-width: 1024px) {

	.button {
	    font-size: 14px;
	}

	.learn-more-box {
	    padding: 30px;
	}
}

@media only screen and (max-width: 960px) {

	.genesis-nav-menu {
	    width: 50%;
	    margin: 0 auto;
	}

	.nav-header .genesis-nav-menu.hide {
		display: none;
	}
	
	#header-mobile-menu {
		color: #262262;
		cursor: pointer;
		display: block;
		font-family: 'Montserrat', sans-serif;
		font-size:16px;
		font-size: 1.6rem;
		height: auto;
		padding: 20px 16px 10px;
		padding: 2rem 1.6rem 1rem;
		text-align: center;
		text-transform: uppercase;
	}
	
	#header-mobile-menu .fa {
	    background: transparent;
	    color: #262262;
	    padding: 0;
	}

	.genesis-nav-menu {
    	font-size: 1rem;
	}
	
	.menu.genesis-nav-menu.hide {
    	margin-bottom: 20px;
	}
	
	#header-mobile-menu:hover,
	#header-mobile-menu:focus,
	#header-mobile-menu:active {
		
		display: block;
	}

	.nav-header .genesis-nav-menu .menu-item,
	.nav-header .genesis-nav-menu a,
	.nav-header .genesis-nav-menu .sub-menu {
		/*border: 0;*/
		text-align: center;
		width: 100%;
	}

	.nav-header .genesis-nav-menu .menu-item > .sub-menu {
		clear: both;
		margin: 0;
		opacity: 1;
		position: inherit;
		width: 100%;
	}

	.site-header .widget-area {
    	margin-top: 0;
	}

	.site-header {
	    height: auto;
	    border-bottom: 10px solid #e6fe5c;
	}

	.services-section h4 {
    	font-size: 14px;
	}

	.content_box.focuses, .focuses {
    	padding: 20px;
	}
	
	.pricetable td {
    	padding: 5px;
	}
	
	.content_box, .wrap, .title-wrap {
    	max-width: 800px;
    	margin: 0 auto;
	}
	
	.services-wrap {
    	max-width: 800px;
    	margin: 0 auto;
	}

/*	.entry-content {
    	max-width: 800px;
	}
	*/
	.wrap,
	.title-wrap {
		max-width: 800px;
	}

	.genesis-nav-menu {
    	/*font-size: 10px;*/
	}
	
	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		 width: 100%; 
	}

	.header-image .title-area {
		background-position: center top;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-header .search-form,
	.site-title {
		text-align: center;
	}

	.site-header .search-form {
		margin: 16px auto;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.footer-widgets-1 {
		margin-right: 0;
	}
	
	.header-image .site-title > a {
	    background-position: center center;
	}
	
	.nav-header ul {
	    text-align: center;
	}
	
	.slide-image {
	    width: 150%;
	}
	
	.slide-excerpt-border p {
	    max-width: 80%;
	    margin: 0 auto;
	}

	.page-template-page_blog .content, .single-post .content {
    	float: none;
    	margin: 0 auto;
	}

	.sidebar-primary {
		float:none;
		width:70%;
		margin:0 auto;
	}

	.content-sidebar-wrap {
		width: 70%;
		margin: 0 auto;
		float: none;
	}

	.content, .content-sidebar .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .title-area {
    	width: 70%;
    	margin: 0 auto;
    	float: none;
	}

	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings,
	.sidebar .widget,
	.site-header {
		padding: 0;
	}
}

@media (max-width: 800px) {

	.slider-text-container h1 { 
		font-size: 2rem;
	}

	.slider-text-container h4 { 
		font-size: 1rem;
	}

	.content_box,
	.wrap,
	.title-wrap {
		max-width: 730px;
	}

	.services-wrap {
		max-width: 730px;
	}

	.content-sidebar-wrap {
    max-width: 730px;
	}
	
/*	.entry-content {
    max-width: 730px;
	}
	*/
	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.sidebar .widget.enews-widget {
		padding: 40px;
	}
	
	.expertise_list li {
	    display: block;
	}
	
	.expertise_list li:last-child {
	border-bottom:none;
	}
	
	.content_box {
	    padding: 20px 0;
	}
	
	ul.portfolio-posts li {
	    display: block;
	    text-align: center;
	}
	
	.left {
	    float: none;
	}
	
	.right {
	float:none;
	}
	
	.menu-footer-menu-container {
	    padding-top: 15px;
	    font-size: .75em;
	}
	
	.nav-header ul {
	    text-align: left;
	}
	
	.genesis-nav-menu {
	    /*font-size: 7px;*/
	    letter-spacing:0;
	}
	
	.nav-header ul li.contact {
	    /*font-size: 8px;*/
	    letter-spacing:0;
	}
	
	.content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area {
	    width: 100%;
	}
	
	.content-sidebar-wrap {
		width:100%;
	}

	.content_box.home-fast {
	    background: url(http://www.austinitewebdesign.com/wp-content/uploads/bg-home-fast-02.svg) left center no-repeat #DA1C5C;
		background-size: auto 100%;
	}
	
	.content_box.home-know {
	    background: url(http://www.austinitewebdesign.com/wp-content/uploads/bg-home-know-02.svg) right center no-repeat #A31545;
		background-size: auto 100%;
	}
	
	.content_box.home-foryou {
	    background: url(http://www.austinitewebdesign.com/wp-content/uploads/bg-home-foryou-02.svg) left center no-repeat #fff;
	    background-size: auto 100%;
	    color: #333;
	}
	
	.content_box.what-intro {
	    background: url(http://www.austinitewebdesign.com/wp-content/themes/HWD/images/what-intro.svg) center center no-repeat #fff;
	    background-size: 40% auto;
	}
	
	.text {
	    max-width: 80%;
	}

	.how-section h4 {
	    font-size: 12px;
	}

	.how-section.how-block p {
    	padding: 10px;
	}

	.home-work h6 {
	    font-size: 18px;
	    margin: 65% auto 0;
	}

/*	.border_box {
	    padding: 30px 10px 5px;
	}
*/
	.home-work {
	    width: 50%;
	}


  	.flex-ul ul li {
    	display: block;
  	}
  	
  	.flex-ul {
    	width: 70%;
    	margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.genesis-nav-menu {
	    /*font-size: 9px;*/
	}
	
	.nav-header ul li.contact {
	    font-size: 9px;
	}

	.content_box,
	.wrap,
	.title-wrap {
		max-width: 480px;
	}

	.services-wrap {
		max-width: 480px;
	}

	.content-sidebar-wrap {
    	max-width: 480px;
	}
	
/*	.entry-content {
    	max-width: 480px;
	}*/

	.content_box.what-intro {
	    background-size: 100% auto;
	    padding: 0;
	}

	.content_box.what-online {
	    background: none;
	}

	.content_box.what-design {
	    background: none;
	}

	.content_box.what-results {
	    background: none;
	}

	.content_box.nobg.extrapadding .row-fluid .span6 {
	    width: 50%;
	    float: left;
	}

	.offset-content {
    	margin-top: 0;
	}

	.checklist {
    	margin-top: 0;
	}

    .flex-2-cols > *  {
        width: 100%;
    }  
}

@media only screen and (max-width: 667px) {

	.content, .content-sidebar .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area {
	    width: 100%;
	}

	.content-sidebar-wrap {
		width: 100%;
	}

	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
		width:100%;
		text-align:center;
	}

	.hero-unit {
	    padding: 25px 0;
	}

	.btn {
	    width: 100%;
	    margin: 0 auto;
	    font-size: 1em;
	}

	body {
	    background-color: #fff;
	    font-size: 12pt;
	}

	h1 {
	    font-size: 18pt;
	}

	h5,h6 {
	    font-size: 13pt;
	}

	.portfolio-posts li .gallery img {
	    width: 100%;
	}

	.expertise_list li {
	    padding: 35px 0 15px 0;
	}

	.expertise_list li:first-child {
	    display: block;
	    border-left: none;
	    border-bottom: 1px solid #3c4c55;
	    padding: 0 0 15px 0;
	}

	.slide-image {
	    width: 200%;
	}

	.nav-header ul li.contact {
	    background: none;
	}

	.nav-header ul li.contact a {
	    font-size: 2em;
	}

	.nav-header ul li.contact a:hover {
		background: #e6fe5c;
		color: #da1c5c;
	}

	.nav-header ul li.contact:hover {
	    background: none;
	}
}

@media (max-width: 480px) {
	
	.slider-text-container h1,
	.slider-text-container h4 { 
		display: none;
	}
	
	.wrap, .title-wrap {
	    max-width: 300px;
	}

	.content_box, .wrap, .title-wrap {
    	max-width: 300px;
	}
	
	.services-wrap {
	    max-width: 300px;
	}

/*	.entry-content {
    	max-width: 300px;
	}
*/
	.content-sidebar-wrap {
    	max-width: 300px;
	}

	.slide-excerpt {
	    display: block!important;
	}

	.slider h4 {
	    font-size: 28px !important;
	    line-height: 1;
	}

	.slider h1 {
	    font-size: 14px !important;
	    padding: 0;
	}

	.content_box.home-gradient, .content_box.home-gradient:before, .content_box.home-gradient:after {
    	padding: 20px 0 0;
	}

	.clients {
    	width: 100%;
    	float: none;
	}

	.page-template-page_blog .content, .single-post .content {
    	width: 100%;
	}

	.sidebar-primary {
	    width: 100%;
	}
}

@media (max-width: 320px) { 

	.content-sidebar-wrap {
    	max-width: 280px;
	}
}

#imagelightbox {
	position: fixed;
	z-index: 9999;
	-ms-touch-action: none;
	touch-action: none;
}
	
	.flex-ul ul li {
		border-left:none;
	}
	
	.expertise_list li:first-child {
		border-bottom:none;
	}
	
	.content_box.extrapadding {
	    padding: 20px 0;
	}
	
	.slide-excerpt {
	    background-color: rgba(60,76,85,.7)!important;
	    filter: alpha(opacity=70)!important;
	}
	
	html > body .slide-excerpt-border {
	    font-size: 9pt;
	}