/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
/* line 15, ../sass/includes/_reset.scss */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* line 26, ../sass/includes/_reset.scss */
article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/* line 33, ../sass/includes/_reset.scss */
img,
object,
embed {
  max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
/* line 36, ../sass/includes/_reset.scss */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
/* line 40, ../sass/includes/_reset.scss */
ul {
  list-style: none;
}

/* line 42, ../sass/includes/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 47, ../sass/includes/_reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 49, ../sass/includes/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 51, ../sass/includes/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 53, ../sass/includes/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
/* line 56, ../sass/includes/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 57, ../sass/includes/_reset.scss */
th {
  font-weight: bold;
  vertical-align: bottom;
}

/* line 58, ../sass/includes/_reset.scss */
td {
  font-weight: normal;
  vertical-align: top;
}

/* line 60, ../sass/includes/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 62, ../sass/includes/_reset.scss */
input, select {
  vertical-align: middle;
}

/* line 64, ../sass/includes/_reset.scss */
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

/* line 71, ../sass/includes/_reset.scss */
input[type="radio"] {
  vertical-align: text-bottom;
}

/* line 72, ../sass/includes/_reset.scss */
input[type="checkbox"] {
  vertical-align: bottom;
}

/* line 73, ../sass/includes/_reset.scss */
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

/* line 74, ../sass/includes/_reset.scss */
.ie6 input {
  vertical-align: text-bottom;
}

/* line 76, ../sass/includes/_reset.scss */
select, input, textarea {
  font: 99% sans-serif;
}

/* line 78, ../sass/includes/_reset.scss */
table {
  font-size: inherit;
  font: 100%;
}

/* line 80, ../sass/includes/_reset.scss */
small {
  font-size: 85%;
}

/* line 82, ../sass/includes/_reset.scss */
strong {
  font-weight: bold;
}

/* line 84, ../sass/includes/_reset.scss */
td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
/* line 88, ../sass/includes/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

/* line 89, ../sass/includes/_reset.scss */
sup {
  top: -0.5em;
}

/* line 90, ../sass/includes/_reset.scss */
sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
/* line 93, ../sass/includes/_reset.scss */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
/* line 101, ../sass/includes/_reset.scss */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
/* line 104, ../sass/includes/_reset.scss */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
/* line 107, ../sass/includes/_reset.scss */
button {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
/* line 110, ../sass/includes/_reset.scss */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */
/* line 113, ../sass/includes/_reset.scss */
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* let's clear some floats */
/* line 116, ../sass/includes/_reset.scss */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 117, ../sass/includes/_reset.scss */
.clearfix:after {
  clear: both;
}

/* line 118, ../sass/includes/_reset.scss */
.clearfix {
  zoom: 1;
}

/* *********************************************************************************************************************
	One% CSS Grid - 12 Columns Fluid CSS Grid System

	Why One% ? Let’s count ...
		we have 12 columns (magic number divided by 2, 3, 4, 6)

		for 12 columns we need 11 margins

		so if we count margin 3%, then 3% * 11 margins = 33%

		and if we count width of 1 column 5.5%, than 5.5% * 12 columns = 66%

		in the end we have 33% + 66% = 99% aaand ???

		1% is still here so that's the name - One%

	2 starting options ? Let’s count a bit more ...
		1200px - perfectly fits 1280 screens
			12 columns
			margin 3% / 36px (full-width)
			col1 5.5% / 66px (full-width)

		1000px - perfectly fits 1024 screens
			12 columns
			margin 3% / 30px (full-width)
			col1 5.5% / 55px (full-width)
*/
/* *********************************************************************************************************************
 * Main container for all
 */
/* line 36, ../sass/includes/_responsive.scss */
.onepcssgrid-1000, .onepcssgrid-1200 {
  margin: 0 auto;
  padding: 0 0 0 1%;
  /* THAT'S THE NAME ;) */
}

/* line 41, ../sass/includes/_responsive.scss */
.onepcssgrid-1200 {
  max-width: 1220px;
}

/* line 45, ../sass/includes/_responsive.scss */
.onepcssgrid-1000 {
  max-width: 1020px;
}

/* line 49, ../sass/includes/_responsive.scss */
.onerow {
  clear: both;
  padding: 0 10px;
}

/* *********************************************************************************************************************
 * Common columns definitions
 */
/* line 61, ../sass/includes/_responsive.scss */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  float: left;
  margin: 0 3% 0 0;
}

/* line 66, ../sass/includes/_responsive.scss */
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
  margin: 0;
}

/* line 70, ../sass/includes/_responsive.scss */
.col1 {
  width: 5.5%;
}

/* line 71, ../sass/includes/_responsive.scss */
.col2 {
  width: 14%;
}

/* line 72, ../sass/includes/_responsive.scss */
.col3 {
  width: 22.5%;
}

/* line 73, ../sass/includes/_responsive.scss */
.col4 {
  width: 31%;
}

/* line 74, ../sass/includes/_responsive.scss */
.col5 {
  width: 39.5%;
}

/* line 75, ../sass/includes/_responsive.scss */
.col6 {
  width: 48%;
}

/* line 76, ../sass/includes/_responsive.scss */
.col7 {
  width: 56.5%;
}

/* line 77, ../sass/includes/_responsive.scss */
.col8 {
  width: 65%;
}

/* line 78, ../sass/includes/_responsive.scss */
.col9 {
  width: 73.5%;
}

/* line 79, ../sass/includes/_responsive.scss */
.col10 {
  width: 82%;
}

/* line 80, ../sass/includes/_responsive.scss */
.col11 {
  width: 90.5%;
}

/* line 81, ../sass/includes/_responsive.scss */
.col12 {
  width: 99%;
  margin: 0;
}

/* line 83, ../sass/includes/_responsive.scss */
.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
  width: 100%;
  height: auto;
  display: block;
}

/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
  /* line 97, ../sass/includes/_responsive.scss */
  .onepcssgrid-1000 {
    max-width: 1000px;
  }

  /* line 101, ../sass/includes/_responsive.scss */
  .onepcssgrid-1000 .onerow {
    padding: 0;
  }
}
/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) {
  /* line 117, ../sass/includes/_responsive.scss */
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
    float: none;
    width: 99%;
  }
}
@viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

/* line 11, ../sass/includes/_base.scss */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* line 16, ../sass/includes/_base.scss */
a {
  text-decoration: none;
}

/* line 20, ../sass/includes/_base.scss */
input {
  height: 34px;
}

/* line 24, ../sass/includes/_base.scss */
input[type=submit] {
  width: 100%;
  height: 40px;
}

/* line 30, ../sass/includes/_base.scss */
input,
textarea {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid;
  border-radius: 5px 5px 5px 5px;
  padding: 0 10px;
  margin: 5px 0 10px 0;
  width: 93%;
}

/* line 40, ../sass/includes/_base.scss */
nav.col7 {
  text-align: right;
  margin-right: 0;
}
/* line 45, ../sass/includes/_base.scss */
nav > select {
  width: 100%;
}
/* line 50, ../sass/includes/_base.scss */
nav ul li {
  display: inline-block;
  margin-left: 2%;
}
/* line 54, ../sass/includes/_base.scss */
nav ul li a {
  text-decoration: none;
  font-size: 13px;
  padding: 8px 20px;
  border-radius: 10px;
}

/* line 64, ../sass/includes/_base.scss */
.logo {
  display: block;
  position: relative;
  z-index: 1;
}

/* line 70, ../sass/includes/_base.scss */
#slider {
  width: 100%;
}
/* line 74, ../sass/includes/_base.scss */
#slider #prevNext span {
  visibility: hidden;
}

/* line 80, ../sass/includes/_base.scss */
.blurb {
  width: 100%;
  padding: 10px 0;
  font-size: 19px;
  text-align: center;
}

/* line 88, ../sass/includes/_base.scss */
.design h3 {
  background-position: center 0;
}
/* line 92, ../sass/includes/_base.scss */
.development h3 {
  background-position: center -117px;
}
/* line 96, ../sass/includes/_base.scss */
.seo h3 {
  background-position: center -233px;
}

/* line 101, ../sass/includes/_base.scss */
.homeBox {
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: 15px;
  text-align: justify;
}
/* line 107, ../sass/includes/_base.scss */
.homeBox.last {
  margin-top: 20px;
}
/* line 111, ../sass/includes/_base.scss */
.homeBox h3 {
  padding-top: 99px;
  margin: 5px 0;
  font-size: 17px;
  text-transform: uppercase;
  text-align: center;
}
/* line 119, ../sass/includes/_base.scss */
.homeBox a {
  display: inline-block;
  margin: 10px 0;
  padding: 10px 17px;
  font-size: 12px;
  line-height: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 137, ../sass/includes/_base.scss */
.homeBox h3,
footer .menu,
.email,
.facebook,
.twitter {
  background-image: url("../img/vario-sprite.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

/* line 143, ../sass/includes/_base.scss */
.innerPage > section > section h1 {
  margin-bottom: 20px;
}

/* line 148, ../sass/includes/_base.scss */
.innerPage > section > aside h3,
.innerPage > section > section h1 {
  position: relative;
  font-size: 22px;
  font-weight: normal;
  padding: 10px 20px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}
/* line 165, ../sass/includes/_base.scss */
.innerPage > section > aside h3:before, .innerPage > section > aside h3:after,
.innerPage > section > section h1:before,
.innerPage > section > section h1:after {
  content: " ";
  position: absolute;
  background: transparent;
  height: 0px;
  width: 0px;
  bottom: -15px;
  border: 15px solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* line 177, ../sass/includes/_base.scss */
.innerPage > section > aside h3:before,
.innerPage > section > section h1:before {
  left: -15px;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 187, ../sass/includes/_base.scss */
.innerPage > section > aside h3:after,
.innerPage > section > section h1:after {
  right: -15px;
  border-right-color: transparent;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 201, ../sass/includes/_base.scss */
.innerPage > section > aside h3 {
  text-align: center;
}
/* line 205, ../sass/includes/_base.scss */
.innerPage > section > aside > div {
  margin-bottom: 20px;
}
/* line 209, ../sass/includes/_base.scss */
.innerPage > section > aside .textwidget {
  padding: 20px 20px 0px;
}
/* line 214, ../sass/includes/_base.scss */
.innerPage > section > aside .menu-sidebar-menu-container {
  padding: 10px;
}
/* line 219, ../sass/includes/_base.scss */
.innerPage > section > aside .textwidget,
.innerPage > section > aside .menu-sidebar-menu-container {
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
/* line 234, ../sass/includes/_base.scss */
.innerPage > section > section h2 {
  font-size: 17px;
  margin: 15px 0 10px;
}
/* line 239, ../sass/includes/_base.scss */
.innerPage > section > section p {
  line-height: 20px;
  text-align: justify;
}
/* line 245, ../sass/includes/_base.scss */
.innerPage > section > section h2,
.innerPage > section > section p {
  padding: 0 15px;
}

/* line 253, ../sass/includes/_base.scss */
.wpcf7 p {
  position: relative;
}
/* line 257, ../sass/includes/_base.scss */
.wpcf7 .ajax-loader {
  max-width: 16px;
  position: absolute;
  right: 2%;
  top: 31%;
}
/* line 264, ../sass/includes/_base.scss */
.wpcf7 .wpcf7-validation-errors {
  margin-top: 5px;
}

/* line 270, ../sass/includes/_base.scss */
.connectWidget ul {
  text-align: right;
}
/* line 274, ../sass/includes/_base.scss */
.connectWidget li {
  display: inline-block;
  margin-left: 5px;
}

/* line 282, ../sass/includes/_base.scss */
.email,
.facebook,
.twitter {
  width: 45px;
  height: 40px;
  display: block;
  font-size: 0;
}

/* line 289, ../sass/includes/_base.scss */
.email {
  background-position: -4px -472px;
}

/* line 293, ../sass/includes/_base.scss */
.facebook {
  background-position: -4px -359px;
}

/* line 297, ../sass/includes/_base.scss */
.twitter {
  background-position: -4px -416px;
}

/* line 301, ../sass/includes/_base.scss */
footer {
  padding: 20px 0;
}
/* line 304, ../sass/includes/_base.scss */
footer .menu {
  padding: 14px 0px 14px 54px;
  background-position: -8px -531px;
}
/* line 308, ../sass/includes/_base.scss */
footer .menu li {
  display: inline-block;
  margin-right: 10px;
}
/* line 312, ../sass/includes/_base.scss */
footer .menu li a {
  font-size: 13px;
}

/* line 319, ../sass/includes/_base.scss */
.copyright {
  padding-top: 30px;
  text-align: center;
}

@media (min-width: 769px) {
  /* line 326, ../sass/includes/_base.scss */
  .mobile {
    display: none;
  }

  /* line 330, ../sass/includes/_base.scss */
  header {
    max-height: 70px;
  }

  /* line 335, ../sass/includes/_base.scss */
  nav.col7 {
    margin-top: 23px;
  }

  /* line 340, ../sass/includes/_base.scss */
  #slider {
    margin-top: -58px;
  }

  /* line 345, ../sass/includes/_base.scss */
  .innerPage > section {
    margin-top: 70px;
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  /* line 355, ../sass/includes/_base.scss */
  html,
  body,
  body > section {
    overflow-x: hidden;
  }

  /* line 359, ../sass/includes/_base.scss */
  .desktop {
    display: none;
  }

  /* line 363, ../sass/includes/_base.scss */
  .logo {
    margin-bottom: 5px;
  }

  /* line 367, ../sass/includes/_base.scss */
  header {
    padding-bottom: 10px;
  }

  /* line 372, ../sass/includes/_base.scss */
  nav select {
    height: 30px;
    margin-top: 10px;
  }

  /* line 379, ../sass/includes/_base.scss */
  .homeBox a {
    width: 89%;
    text-align: center;
  }
  /* line 384, ../sass/includes/_base.scss */
  .homeBox.last {
    margin-bottom: 30px;
  }

  /* line 390, ../sass/includes/_base.scss */
  .innerPage > section {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  /* line 394, ../sass/includes/_base.scss */
  .innerPage > section > aside {
    display: none;
  }

  /* line 401, ../sass/includes/_base.scss */
  footer .menu {
    background: none;
    padding-left: 0;
    text-align: center;
  }
  /* line 406, ../sass/includes/_base.scss */
  footer .menu li {
    margin: 0 4px;
  }
  /* line 412, ../sass/includes/_base.scss */
  footer .connectWidget ul {
    text-align: center;
  }
  /* line 415, ../sass/includes/_base.scss */
  footer .connectWidget ul li {
    margin: 0 10px;
  }
}
/* line 5, ../sass/includes/_layout.scss */
.portfolio > section > section section img {
  width: 80%;
  margin: 0 auto;
}
/* line 10, ../sass/includes/_layout.scss */
.portfolio > section > section section h2 {
  font-size: 16px;
  margin-bottom: 10px;
}
/* line 15, ../sass/includes/_layout.scss */
.portfolio > section > section section p {
  font-weight: bold;
  margin-bottom: 5px;
}
/* line 20, ../sass/includes/_layout.scss */
.portfolio > section > section section ul {
  list-style: disc;
  padding-left: 40px;
}

@media (min-width: 769px) {
  /* line 33, ../sass/includes/_layout.scss */
  .portfolio > section > section section {
    min-height: 200px;
  }
  /* line 36, ../sass/includes/_layout.scss */
  .portfolio > section > section section img {
    max-width: 197px;
    margin: 0 30px;
    float: left;
  }
  /* line 42, ../sass/includes/_layout.scss */
  .portfolio > section > section section ul {
    padding-left: 43%;
  }

  /* line 53, ../sass/includes/_layout.scss */
  .services > section > section .homeBox {
    margin-right: 0;
    width: 100%;
  }
  /* line 57, ../sass/includes/_layout.scss */
  .services > section > section .homeBox br {
    display: none;
  }
  /* line 61, ../sass/includes/_layout.scss */
  .services > section > section .homeBox span {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 30px 60px;
    background-image: url("../img/vario-sprite.png");
    background-repeat: no-repeat;
    background-color: transparent;
  }
  /* line 72, ../sass/includes/_layout.scss */
  .services > section > section .homeBox.design span {
    background-position: center 0;
  }
  /* line 78, ../sass/includes/_layout.scss */
  .services > section > section .homeBox.development span {
    background-position: center -117px;
  }
  /* line 84, ../sass/includes/_layout.scss */
  .services > section > section .homeBox.seo span {
    background-position: center -233px;
  }
  /* line 89, ../sass/includes/_layout.scss */
  .services > section > section .homeBox h3 {
    text-align: left;
    background: none;
    padding: 0;
  }
  /* line 95, ../sass/includes/_layout.scss */
  .services > section > section .homeBox a {
    float: right;
  }

  /* line 104, ../sass/includes/_layout.scss */
  .contact-us .wpcf7 {
    margin-left: 10px;
    margin-right: 10px;
    width: 45%;
    float: left;
  }
  /* line 111, ../sass/includes/_layout.scss */
  .contact-us .wp-image-60 {
    width: 45%;
    float: right;
    margin-right: 20px;
  }
}
@media (max-width: 768px) {
  /* line 120, ../sass/includes/_layout.scss */
  .portfolio {
    overflow-x: hidden;
  }
  /* line 125, ../sass/includes/_layout.scss */
  .portfolio > section > section section {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
  }
  /* line 132, ../sass/includes/_layout.scss */
  .portfolio > section > section section h2,
  .portfolio > section > section section p,
  .portfolio > section > section section ul {
    margin: 0 0 0 15px;
  }

  /* line 143, ../sass/includes/_layout.scss */
  .contact-us > section > section .wp-image-60 {
    display: none;
  }
}
/* line 12, ../sass/includes/_colors.scss */
::-webkit-selection {
  background: #2185c7;
  /* Firefox */
}

/* line 16, ../sass/includes/_colors.scss */
::-moz-selection {
  background: #2185c7;
  /* Firefox */
}

/* line 20, ../sass/includes/_colors.scss */
::-ms-selection {
  background: #2185c7;
  /* Firefox */
}

/* line 24, ../sass/includes/_colors.scss */
::-o-selection {
  background: #2185c7;
  /* Firefox */
}

/* line 28, ../sass/includes/_colors.scss */
::selection {
  background: #2185c7;
  /* Safari */
}

/* line 33, ../sass/includes/_colors.scss */
input,
textarea {
  border-color: #cacaca;
}

/* line 37, ../sass/includes/_colors.scss */
input[type=submit] {
  background: #2185c7;
  color: white;
}

/* line 42, ../sass/includes/_colors.scss */
header {
  background: black;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, black 0%, #383838 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, #383838));
  background: -webkit-linear-gradient(top, black 0%, #383838 100%);
  background: -o-linear-gradient(top, black 0%, #383838 100%);
  background: -ms-linear-gradient(top, black 0%, #383838 100%);
  background: linear-gradient(to bottom, #000000 0%, #383838 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$darkColor', endColorstr='$lightishGrey',GradientType=0 );
}

/* line 57, ../sass/includes/_colors.scss */
nav ul li a {
  color: white;
}
/* line 61, ../sass/includes/_colors.scss */
nav ul li a:hover, nav ul li a:focus {
  color: #4f4f4f;
  background: white;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, white));
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  background: -o-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  background: -ms-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$lightColor', endColorstr='$lightColor',GradientType=0 );
}
/* line 78, ../sass/includes/_colors.scss */
nav ul li.current-menu-item a, nav ul li.current-page-ancestor a {
  color: #4f4f4f;
  background: white;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, white));
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  background: -o-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  background: -ms-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$lightColor', endColorstr='$lightColor',GradientType=0 );
}

/* line 96, ../sass/includes/_colors.scss */
.blurb {
  color: white;
  background: black;
}

/* line 102, ../sass/includes/_colors.scss */
.homeBox h3 {
  color: #999999;
}
/* line 106, ../sass/includes/_colors.scss */
.homeBox a {
  background: #2185c7;
  color: white;
}
/* line 111, ../sass/includes/_colors.scss */
.homeBox a:hover, .homeBox a:focus {
  background: black;
}

/* line 118, ../sass/includes/_colors.scss */
.innerPage > section > aside h3,
.innerPage > section > section h1 {
  color: white;
  background: #2185c7;
}
/* line 123, ../sass/includes/_colors.scss */
.innerPage > section > aside h3:before, .innerPage > section > aside h3:after,
.innerPage > section > section h1:before,
.innerPage > section > section h1:after {
  background: transparent;
  border-color: #2185c7;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* line 130, ../sass/includes/_colors.scss */
.innerPage > section > aside h3:before,
.innerPage > section > section h1:before {
  border-left-color: transparent;
}
/* line 134, ../sass/includes/_colors.scss */
.innerPage > section > aside h3:after,
.innerPage > section > section h1:after {
  border-right-color: transparent;
}

/* line 139, ../sass/includes/_colors.scss */
.innerPage > section > aside div:first-child h3 {
  background: black;
}
/* line 143, ../sass/includes/_colors.scss */
.innerPage > section > aside div:first-child h3:before, .innerPage > section > aside div:first-child h3:after {
  background: transparent;
  border-color: black;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* line 150, ../sass/includes/_colors.scss */
.innerPage > section > aside div:first-child h3:before {
  border-left-color: transparent;
}
/* line 154, ../sass/includes/_colors.scss */
.innerPage > section > aside div:first-child h3:after {
  border-right-color: transparent;
}

/* line 163, ../sass/includes/_colors.scss */
.innerPage > section > aside .menu-sidebar-menu-container ul {
  padding-left: 35px;
  list-style: disc;
  color: #666666;
}
/* line 168, ../sass/includes/_colors.scss */
.innerPage > section > aside .menu-sidebar-menu-container ul li {
  padding: 1px 0 5px 10px;
}
/* line 171, ../sass/includes/_colors.scss */
.innerPage > section > aside .menu-sidebar-menu-container ul li a {
  font-size: 14px;
}
/* line 179, ../sass/includes/_colors.scss */
.innerPage > section > aside .menu-sidebar-menu-container,
.innerPage > section > aside .textwidget {
  background: #ededed;
}
/* line 185, ../sass/includes/_colors.scss */
.innerPage > section > section h2 {
  color: #999999;
}

/* line 193, ../sass/includes/_colors.scss */
.menu li a {
  color: #4f4f4f;
}
/* line 197, ../sass/includes/_colors.scss */
.menu li a:hover, .menu li a:focus {
  color: #2185c7;
}

/* line 204, ../sass/includes/_colors.scss */
footer {
  background: #ededed;
}

@media (max-width: 768px) {
  /* line 210, ../sass/includes/_colors.scss */
  header > section {
    background: black;
  }

  /* line 216, ../sass/includes/_colors.scss */
  nav select {
    background: #2185c7;
    color: white;
  }

  /* line 225, ../sass/includes/_colors.scss */
  .portfolio > section > section section {
    border-color: #ededed;
  }
  /* line 228, ../sass/includes/_colors.scss */
  .portfolio > section > section section:last-child {
    border-color: white;
  }
}
/*
 * Swipe 2.0
 *
 * Brad Birdsall
 * Copyright 2013, MIT License
 *
*/
/* line 9, ../sass/vendor/_swipejs.scss */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

/* line 14, ../sass/vendor/_swipejs.scss */
.swipe-wrap {
  overflow: hidden;
  position: relative;
}

/* line 18, ../sass/vendor/_swipejs.scss */
.swipe-wrap > div, .swipe-wrap > li {
  float: left;
  width: 100%;
  position: relative;
}

/**
 * @preserve SelectNav.js (v. 0.1)
 * Converts your <ul>/<ol> navigation into a dropdown list for small screens
 * https://github.com/lukaszfiszer/selectnav.js
 */
/* default style */
/* line 8, ../sass/vendor/_selectnav.scss */
.selectnav {
  display: none;
}

/* small screen */
@media screen and (max-width: 768px) {
  /* line 14, ../sass/vendor/_selectnav.scss */
  .js #mainNav {
    display: none;
  }

  /* line 17, ../sass/vendor/_selectnav.scss */
  .js .selectnav {
    display: block;
  }
}