/* Variables */
/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 1.33333333em;
}
.btn [class^="icon-"],
.nav-tabs [class^="icon-"],
.btn [class*=" icon-"],
.nav-tabs [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large:before,
li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em;
}
ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -0.8em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .8em;
}
ul.icons li .icon-large:before,
ul.icons li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  vertical-align: initial;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before {
  content: "\f01e";
}
/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-user-md:before {
  content: "\f200";
}
/* Mixins =================================================== */
.cf,
.clearfix {
  *zoom: 1;
}
.cf:before,
.clearfix:before,
.cf:after,
.clearfix:after {
  display: table;
  content: "";
}
.cf:after,
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
[class^='btn'] {
  cursor: pointer;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-orange {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ff9600;
  padding: 10px 10px;
  display: block;
  color: #fff;
  font-size: 13px;
  border: none;
}
.btn-grey {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f3f4f5;
  padding: 10px 10px;
  display: block;
  color: #fff;
  font-size: 13px;
  border: none;
  border: 1px solid #dfdfdf;
  color: #434343;
}
[class^='btn'].large {
  padding: 10px;
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 21px;
  color: #666666;
  display: block;
}
[class^='btn'].medium {
  padding: 10px;
  width: 48%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 21px;
  color: #666666;
}
form label {
  font-size: 14px;
  margin: 7px 0 5px;
  display: block;
}
form input {
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: 5px 0;
  outline: none;
  background: #f9f9f9;
  border: 1px solid #dadada;
}
form textarea {
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  background: #f9f9f9;
  border: 1px solid #dadada;
}
form input[type='checkbox'] {
  -webkit-appearance: checkbox;
  width: auto;
}
form input[type='radio'] {
  -webkit-appearance: radio;
  width: auto;
}
form select {
  margin: 5px 0;
}
/* Site wide =================================================== */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-smooth: always;
}
a {
  color: #1d77c7;
}
img {
  border: none;
}
html {
  background: #fff ;
  background: #f3f4f5;
}
body {
  *zoom: 1;
  float: none;
  width: 100%;
  min-width: 320px;
  display: block;
  padding: 0;
  margin: 0 auto;
  font-family: "myriad-pro", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #434343;
  border-top: 8px solid #ff9600;
  background: #f3f4f5;
}
body:before,
body:after {
  display: table;
  content: "";
}
body:after {
  clear: both;
}
body h1 span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
}
header.top[role="banner"] {
  margin: 0 auto;
  padding: 20px 0 0;
  width: 320px;
}
header.top[role="banner"] a.logo {
  text-decoration: none;
  display: block;
  text-align: center;
  margin: 10px auto;
  width: 211px;
}
header.top[role="banner"] a.logo img {
  width: 211px;
}
header.top[role="banner"] .navbar_toggle {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  width: 25%;
  background: #434343;
  padding: 10px 0;
  text-align: center;
  margin: 0;
  float: left;
}
header.top[role="banner"] .tel {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  width: 75%;
  background: #e4e4e4;
  padding: 10px 0;
  text-align: right;
  margin-left: 0;
  float: left;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #1d77c7;
}
header.top[role="banner"] nav#main {
  margin: 10px 0 0;
  clear: both;
  background: #434343;
}
header.top[role="banner"] nav#main ul {
  list-style-type: none;
  padding: 0 0 10px 0;
  margin: 0;
  display: none;
}
header.top[role="banner"] nav#main ul li a {
  display: block;
  text-decoration: none;
  color: #8b8b8b;
  padding: 10px 0 10px 20px;
}
header.top[role="banner"] nav#main ul li.phone a {
  display: none;
  color: #1d74b2;
}
header.top[role="banner"] nav#main ul li:hover a {
  color: #ff9600;
}
header.top[role="banner"] nav#main ul li#selected a {
  color: #fff;
}
img {
  max-width: 100%;
}
.content-wrapper {
  background: #fff;
  padding: 0 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.content {
  *zoom: 1;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px 20px;
  width: 320px;
  margin: 0 auto;
}
.content:before,
.content:after {
  display: table;
  content: "";
}
.content:after {
  clear: both;
}
.content p a {
  color: #1d77c7 !important;
  text-decoration: none;
}
nav.context ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
nav.context ul li {
  margin: 5px 0 0;
}
nav.context ul li a {
  color: #1d77c7;
  text-decoration: none;
}
footer[role='contentinfo'] {
  width: 320px;
  margin: 0 auto 20px;
  background: #f8f8f8;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #e0e0e0;
}
footer[role='contentinfo'] .left div.vcard {
  margin-bottom: 10px;
}
footer[role='contentinfo'] .left div.vcard i {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}
footer[role='contentinfo'] .left div.vcard div {
  display: inline;
}
footer[role='contentinfo'] .left .contact a {
  color: #666666;
  text-decoration: none;
  margin: 0 10px 0 0;
}
footer[role='contentinfo'] .left .contact a:hover {
  color: #1d77c7;
}
footer[role='contentinfo'] .left .contact a i {
  margin: 0 4px 0 0;
}
footer[role='contentinfo'] .right .social {
  margin: 10px 0 0 0;
  line-height: 1;
}
footer[role='contentinfo'] .right .social a {
  display: inline-block;
  margin-right: 5px;
  height: 24px;
  width: 24px;
}
footer[role='contentinfo'] .right .social img {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
footer[role='contentinfo'] .right .social img:hover {
  opacity: 0.5;
}
footer[role='contentinfo'] .right nav {
  margin: 10px 0 0;
  text-align: left;
}
footer[role='contentinfo'] .right nav a {
  text-decoration: none;
  color: #666666;
  margin: 0 4px 0 0;
}
footer[role='contentinfo'] .right nav a:hover {
  color: #1d77c7;
}
footer[role='contentinfo'] .bottom {
  margin: 20px -20px 0;
  border-top: 1px solid #e0e0e0;
  padding: 20px 20px 0;
  color: #999;
  font-size: 12px;
}
/******** Slider Animations ***/
.slide {
  position: relative;
}
.slide ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.slide > .sequence-canvas {
  width: 100%;
  height: 100%;
}
.slide > .sequence-canvas li > * {
  position: absolute;
}
.slide > .sequence-canvas > li {
  /* required */
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.left-right {
  left: -150px;
  top: 50px;
  -webkit-transition-duration: 10s;
  -moz-transition-duration: 10s;
  -o-transition-duration: 10s;
  -ms-transition-duration: 10s;
  transition-duration: 10s;
}
.animate-in .left-right {
  left: 50px;
  -webkit-transition-duration: 10s;
  -moz-transition-duration: 10s;
  -o-transition-duration: 10s;
  -ms-transition-duration: 10s;
  transition-duration: 10s;
}
body .content h1 {
  font-weight: 600 !important;
}
p.error {
  border: 1px solid #b94a48;
  border-left-width: 5px;
  background: #f2dede;
  padding: 10px;
  color: #b94a48;
  margin: 0 0 10px 0;
  clear: both;
  text-align: left;
}
p.error h3 {
  margin: 0 0 10px 0;
  font-size: 14px;
}
label.error {
  color: #b94a48;
}
input.error {
  border: 1px solid #b94a48;
}
.success {
  border: 1px solid #468847;
  border-left-width: 5px;
  background: #dff0d8;
  padding: 10px 20px;
  margin: 0 0 10px 0;
  clear: both;
}
p {
  margin: 0 0 10px 0;
}
.content h1 {
  line-height: 1.1;
}
body#page-home header.top {
  margin-bottom: 0;
}
body#page-home .banner {
  margin: 0 -20px 0;
  display: none;
}
body#page-home .banner #slide1 p {
  background: #ff9600;
  width: auto;
  font-size: 38px;
  margin: 5px 0;
  padding: 10px 20px;
  color: #000;
  display: inline-block;
}
body#page-home h1 {
  font-weight: normal !important;
  line-height: 120%;
  text-align: center;
  font-size: 22px;
  color: #434343;
  margin-top: 30px;
}
body#page-home .main {
  padding-top: 10px;
}
body#page-home .services {
  margin: 0 -20px 0;
  background: none;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
body#page-home .services h2 {
  font-weight: normal;
  text-align: center;
  color: #434343;
}
body#page-home .services figure {
  margin: 0;
  width: 270px;
  margin: 20px auto;
}
body#page-home .services figure img {
  float: left;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
body#page-home .services figure img:hover {
  opacity: 0.5;
}
body#page-home .services figure figcaption {
  text-align: center;
  padding: 10px 0;
  clear: both;
  color: #1d77c7;
}
body#page-home .services figure figcaption a {
  text-decoration: none;
  color: #1d77c7;
}
body#page-home .services figure:hover a {
  color: #ff9600;
}
body#page-home .bottom {
  margin-bottom: 10px;
}
body#page-home .bottom h2 {
  font-weight: normal;
  text-align: left;
  color: #434343;
}
body#page-home .bottom .left {
  margin: 0 0 20px;
}
body#page-home .bottom .left article {
  margin: 20px 0;
}
body#page-home .bottom .left article a,
body#page-home .bottom .left article h3 {
  color: #1d77c7;
  font-weight: normal;
  margin: 5px 0;
  text-decoration: none;
}
body#page-home .bottom .left article h3 {
  margin-bottom: 0;
}
body#page-home .bottom .left article time {
  color: #666;
}
body#page-home .bottom .left article p {
  margin: 5px 0;
}
body#page-home .bottom .right {
  margin: 30px 0 0;
}
body#page-home .bottom .right blockquote {
  margin: 20px 0 0;
}
body#page-home .bottom .right blockquote .logo {
  float: left;
  margin: 0 20px 10px 0;
}
body#page-home .bottom .right blockquote p {
  margin: 5px 0;
}
body#page-home .bottom .right blockquote cite a {
  color: #1d77c7;
  text-decoration: none;
}
body#page-about h1 {
  font-weight: normal;
  font-size: 25px;
}
body#page-about .banner_mobile {
  margin: 0 -20px 0;
  position: relative;
}
body#page-about .banner {
  display: none;
}
body#page-about .team {
  margin: 0 0 30px;
}
body#page-about .team p {
  text-align: left;
}
body#page-about .team h2 {
  font-weight: normal;
  font-size: 18px;
}
body#page-about .team figure {
  margin: 0;
  padding: 5px;
  width: 122px;
  margin: 0 auto 20px auto;
  cursor: pointer;
  float: left;
  position: relative;
}
body#page-about .team figure img {
  float: left;
  border-bottom: 1px solid #e0e0e0;
}
body#page-about .team figure figcaption {
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  display: block;
  clear: both;
  *zoom: 1;
  line-height: 1.2;
  height: 30px;
}
body#page-about .team figure figcaption:before,
body#page-about .team figure figcaption:after {
  display: table;
  content: "";
}
body#page-about .team figure figcaption:after {
  clear: both;
}
body#page-about .team figure figcaption span {
  display: block;
  font-weight: normal;
}
body#page-about .team figure figcaption {
  position: absolute;
  bottom: 14px;
  left: 0;
  width: 100%;
}
body#page-about .team figure img {
  position: absolute;
  bottom: 54px;
  left: 0;
}
body#page-about .team figure:nth-of-type(even) {
  margin-left: 16px;
}
body#page-about .team #seb,
body#page-about .team #sara {
  height: 240px;
}
body#page-about .team #bradley,
body#page-about .team #emily {
  height: 245px;
}
body#page-about .team #luke,
body#page-about .team #jack {
  height: 245px;
}
body#page-about .team #clare,
body#page-about .team #tom {
  height: 230px;
}
body#page-contact h1 {
  font-weight: normal;
  font-size: 25px;
}
body#page-contact .banner {
  margin: 0 -20px 10px -20px;
  height: 142px;
  width: 320px;
  overflow: hidden;
  position: relative;
}
body#page-contact .banner img {
  width: 744px;
  max-width: none;
  position: absolute;
  right: 0;
}
body#page-contact .main {
  border-top: 1px solid #e4e4e4;
  margin: 0 -20px 0;
  padding: 10px 20px;
}
body#page-contact .main .bottom {
  border-top: 1px solid #e4e4e4;
  margin: 20px -20px 0;
  padding: 0 20px 0;
}
body#page-contact .main .bottom h2 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 0;
}
body#page-contact .main .bottom form fieldset {
  border: none;
  padding: 0;
}
body#page-contact .main .bottom form input,
body#page-contact .main .bottom form textarea {
  margin: 0 0 12px 0;
}
body#page-contact .main .bottom form .btn-orange {
  width: auto;
  display: inline-block;
  padding: 10px 35px;
}
body#page-contact #map {
  position: relative;
  border: 1px solid #cfd0d1;
  width: 278px;
  height: 200px;
}
body#page-contact #map img {
  max-width: none;
}
body#page-contact aside {
  margin-bottom: 20px;
}
body#page-contact aside h3 {
  font-weight: normal;
  margin: 20px 0 0;
}
body#page-contact aside a {
  color: #1d77c7;
  text-decoration: none;
}
body#page-contact aside address {
  font-style: normal;
  margin: 0 0 10px 0;
}
body#page-portfolio h1 {
  font-weight: normal;
  font-size: 25px;
  float: left;
}
body#page-portfolio .copy {
  clear: both;
}
body#page-portfolio .copy p {
  margin: 0;
}
body#page-portfolio #tabs {
  margin-top: 20px;
  padding: 0;
  list-style-type: none;
  text-align: center;
  position: relative;
  *zoom: 1;
  clear: both;
}
body#page-portfolio #tabs:before,
body#page-portfolio #tabs:after {
  display: table;
  content: "";
}
body#page-portfolio #tabs:after {
  clear: both;
}
body#page-portfolio #tabs li {
  display: inline-block;
  margin-bottom: 20px;
}
body#page-portfolio #tabs li a {
  padding: 7px 20px;
  background: #e4e4e4;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #434343;
  text-decoration: none;
  width: auto;
}
body#page-portfolio #tabs li a:hover {
  color: #fff;
}
body#page-portfolio #tabs li.active a {
  background: #ff9600;
  color: #fff;
}
body#page-portfolio #tabs li.active ul {
  display: block;
  position: absolute;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  left: 0;
}
body#page-portfolio #tabs li.active ul li {
  display: inline-block;
  margin: 5px 0;
  border-right: 1px solid #e4e4e4;
  padding: 0 10px 0;
}
body#page-portfolio #tabs li.active ul li a {
  width: auto;
  background: none;
  padding: 0;
  color: #434343;
}
body#page-portfolio #tabs li.active ul li a:hover {
  color: #1d77c7;
}
body#page-portfolio #tabs li.active ul li:last-of-type {
  border: none;
}
body#page-portfolio #tabs li ul {
  display: none;
}
body#page-portfolio .portfolio {
  margin: 20px -20px 0;
}
body#page-portfolio .portfolio figure {
  margin: 0;
  width: 270px;
  margin: 20px auto;
}
body#page-portfolio .portfolio figure img {
  float: left;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
body#page-portfolio .portfolio figure img:hover {
  opacity: 0.5;
}
body#page-portfolio .portfolio figure figcaption {
  text-align: center;
  padding: 10px 0;
  clear: both;
  color: #1d77c7;
}
body#page-portfolio .portfolio figure figcaption a {
  text-decoration: none;
  color: #1d77c7;
}
body#page-portfolio .portfolio figure:hover a {
  color: #ff9600;
}
body#page-team-member h1 {
  font-weight: normal;
  font-size: 25px;
  margin-bottom: 0;
}
body#page-team-member h2 {
  font-weight: normal;
  font-size: 18px;
  margin-top: 5px;
}
body#page-team-member .who {
  float: left;
}
body#page-team-member .cta {
  float: right;
  margin-top: 30px;
}
body#page-team-member .cta a {
  color: #ff9600;
  text-decoration: none;
  margin: 0 5px 0;
}
body#page-team-member .cta a i {
  font-size: 30px;
}
body#page-team-member .banner {
  margin: 0 -20px 20px;
  position: relative;
  height: 150px;
  width: 320px;
  *zoom: 1;
  float: left;
  overflow: hidden;
}
body#page-team-member .banner:before,
body#page-team-member .banner:after {
  display: table;
  content: "";
}
body#page-team-member .banner:after {
  clear: both;
}
body#page-team-member .banner img {
  width: 100%;
}
body#page-team-member .banner #banner {
  display: none;
}
body#page-team-member .banner #profile {
  display: none;
}
body#page-team-member .banner #mobile {
  height: 150px;
  position: absolute;
  right: 0;
  width: 600px;
  max-width: none;
}
body#page-team-member .main {
  clear: both;
}
body#page-team-member .main .news {
  margin: 20px -20px 0;
  padding: 20px 20px;
  border-top: 1px solid #e4e4e4;
}
body#page-team-member .main .news article {
  margin: 20px 0;
}
body#page-team-member .main .news article a,
body#page-team-member .main .news article h3 {
  color: #1d77c7;
  font-weight: normal;
  margin: 5px 0;
  text-decoration: none;
}
body#page-team-member .main .news article p {
  margin: 5px 0;
}
body#page-team-member aside {
  margin: 0 -20px 0;
  padding: 20px 20px;
  border-top: 1px solid #e4e4e4;
}
body#page-team-member aside h3 {
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 10px 0;
}
body#page-team-member aside ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0;
}
body#page-friend h1 {
  font-weight: normal;
  font-size: 25px;
  margin-bottom: 0;
}
body#page-friend h2 {
  font-weight: normal;
  font-size: 18px;
  margin-top: 5px;
}
body#page-friend .who {
  float: left;
}
body#page-friend .cta {
  float: right;
  margin-top: 30px;
}
body#page-friend .cta a {
  color: #ff9600;
  text-decoration: none;
  margin: 0 5px 0;
}
body#page-friend .cta a i {
  font-size: 30px;
}
body#page-friend .banner {
  margin: 0 -20px 0;
}
body#page-friend .banner #banner {
  display: none;
}
body#page-friend .banner #profile {
  display: none;
}
body#page-friend .banner img {
  width: 100%;
}
body#page-friend .main .news {
  margin: 0 -20px 0;
  padding: 20px 20px;
  border-top: 1px solid #e4e4e4;
}
body#page-friend .main .news article {
  margin: 20px 0;
}
body#page-friend .main .news article a,
body#page-friend .main .news article h3 {
  color: #1d77c7;
  font-weight: normal;
  margin: 5px 0;
  text-decoration: none;
}
body#page-friend .main .news article p {
  margin: 5px 0;
}
body#page-friend aside {
  margin: 0 -20px 0;
  padding: 20px 20px;
  border-top: 1px solid #e4e4e4;
}
body#page-friend aside h3 {
  font-weight: normal;
  font-size: 18px;
  margin-top: 5px;
  margin: 30px 0 0;
}
body#page-friend aside ul {
  list-style-type: none;
  padding: 0;
}
body#page-project h1 {
  font-weight: normal;
  font-size: 25px;
  margin: 15px 0 0 0;
}
body#page-project h2 {
  font-weight: normal;
  font-size: 18px;
  margin-top: 5px;
}
body#page-project .who {
  float: left;
  width: 190px;
  padding-bottom: 15px;
}
body#page-project .who a {
  font-size: 14px;
  font-weight: normal;
  margin-top: 0px;
  color: #666;
  text-decoration: none;
}
body#page-project .who a:hover {
  color: #173f49;
}
body#page-project .cta {
  float: right;
  margin-top: 25px;
  width: 100px;
  text-align: right;
}
body#page-project .cta a {
  color: #ff9600;
  text-decoration: none;
  margin: 0 5px 0;
}
body#page-project .cta a i {
  font-size: 30px;
}
body#page-project header {
  *zoom: 1;
}
body#page-project header:before,
body#page-project header:after {
  display: table;
  content: "";
}
body#page-project header:after {
  clear: both;
}
body#page-project .banner {
  margin: 0 -20px 0;
  width: 320px;
  background: #e1e1e1;
  height: 123px;
  *zoom: 1;
}
body#page-project .banner:before,
body#page-project .banner:after {
  display: table;
  content: "";
}
body#page-project .banner:after {
  clear: both;
}
body#page-project .banner img {
  float: left;
}
body#page-project .main {
  padding-top: 20px;
}
body#page-project .main h2 {
  margin: 20px 0 5px 0;
}
body#page-project .main .news {
  margin: 0 -20px 0;
  padding: 20px 20px;
  border-top: 1px solid #e4e4e4;
}
body#page-project .main .news article {
  margin: 20px 0;
}
body#page-project .main .news article h3 {
  color: #1d77c7;
  font-weight: normal;
  margin: 5px 0;
}
body#page-project .main .news article p {
  margin: 5px 0;
}
body#page-project .main blockquote {
  padding: 0;
  margin: 0 0 20px 0;
}
body#page-project .main blockquote cite {
  color: #939393;
  display: block;
}
body#page-project aside {
  margin: 0 -20px 0;
  padding: 20px 20px;
  border-top: 1px solid #e4e4e4;
}
body#page-project aside h3 {
  font-weight: normal;
  font-size: 18px;
  margin-top: 5px;
  margin: 30px 0 0;
}
body#page-project aside a.link {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ff9600;
  padding: 10px 10px;
  display: block;
  color: #fff;
  font-size: 13px;
  border: none;
  width: auto;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0;
}
body#page-project aside form h3 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 20px;
}
body#page-project aside form .btn-orange {
  width: auto;
  display: inline-block;
  padding: 10px 20px;
}
body#page-blog h1 {
  font-weight: normal;
  font-size: 25px;
}
body#page-blog header.top {
  margin-bottom: 0;
}
body#page-blog .content .banner {
  margin: 0 -20px 0;
  overflow: hidden;
  margin-bottom: 20px;
}
body#page-blog .content .banner img {
  height: 50px;
  width: 992px;
  max-width: none;
}
body#page-blog .content .main h2 {
  font-weight: normal;
  font-size: 18px;
  color: #000;
}
body#page-blog .content .main article {
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}
body#page-blog .content .main article .copy {
  margin: 0;
  padding: 0;
}
body#page-blog .content .main article .copy header h2 {
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 10px;
  color: #000;
}
body#page-blog .content .main article .copy header h2 a {
  color: #173f49;
  text-decoration: none;
}
body#page-blog .content .main article .copy header p a {
  color: #1d77c7;
  text-decoration: none;
}
body#page-blog .content .main article .copy header p time {
  margin: 0;
  color: #000;
  padding: 0 0 30px;
  color: #818181;
}
body#page-blog .content .main article .copy img {
  margin-bottom: 10px;
}
body#page-blog .content .main article .copy footer .readmore {
  padding: 10px 0;
}
body#page-blog .content .main article .copy footer a {
  color: #1d77c7;
  text-decoration: none;
}
body#page-blog .content aside h3 {
  font-size: 15px;
  color: #000;
  font-weight: normal;
  margin: 0 0 10px 0;
}
body#page-blog .content aside ul {
  margin-bottom: 20px;
}
body#page-post header.top {
  margin-bottom: 0;
}
body#page-post .banner {
  margin: 0 -20px 0;
}
body#page-post h1 {
  font-weight: normal;
  font-size: 25px;
}
body#page-post .content h1 {
  line-height: 1.1;
}
body#page-post .content .main {
  border-bottom: 1px solid #cfd0d1;
  padding-bottom: 10px;
}
body#page-post .content .main h1 {
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 10px;
  color: #000;
  line-height: 1.4;
}
body#page-post .content .main h1 a {
  color: #173f49;
  text-decoration: none;
}
body#page-post .content .main .sub p a {
  color: #1d77c7;
  text-decoration: none;
}
body#page-post .content .main .sub p time {
  margin: 0;
  color: #000;
  padding: 0 0 30px;
  color: #818181;
}
body#page-post .content .main .comments {
  margin: 0 -20px 0;
  border-top: 1px solid #e0e0e0;
}
body#page-post .content .main .comments form {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
}
body#page-post .content .main .comments h3 {
  font-family: "myriad-pro", Arial, sans-serif;
  font-weight: normal;
  padding: 0 20px 0;
  margin-bottom: 0;
}
body#page-post .content .main .comments .comment {
  padding: 0 20px 20px;
  border-top: 1px solid #e0e0e0;
}
body#page-post .content .main .comments .comment:first-of-type {
  border-top: 0;
}
body#page-post .content aside {
  margin-bottom: 10px;
}
body#page-post .content aside h3 {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  margin: 20px 0 10px 0;
}
body#page-ecommerce h1,
body#page-brochure h1,
body#page-services h1,
body#page-landing-pages h1 {
  font-weight: normal;
  font-size: 25px;
}
body#page-ecommerce header.top,
body#page-brochure header.top,
body#page-services header.top,
body#page-landing-pages header.top {
  margin-bottom: 0;
}
body#page-ecommerce .banner,
body#page-brochure .banner,
body#page-services .banner,
body#page-landing-pages .banner {
  margin: 0 -20px 10px -20px;
  height: 106px;
  width: 320px;
  overflow: hidden;
  position: relative;
}
body#page-ecommerce .banner img,
body#page-brochure .banner img,
body#page-services .banner img,
body#page-landing-pages .banner img {
  width: 992px;
  height: 100%;
  max-width: none;
  position: absolute;
  right: 0;
}
body#page-ecommerce .content .main,
body#page-brochure .content .main,
body#page-services .content .main,
body#page-landing-pages .content .main {
  border-top: 1px solid #e0e0e0;
  padding: 20px;
  margin: 0 -20px 0;
}
body#page-ecommerce .content .main .arrow,
body#page-brochure .content .main .arrow,
body#page-services .content .main .arrow,
body#page-landing-pages .content .main .arrow {
  display: none;
}
body#page-ecommerce .content .main h2,
body#page-brochure .content .main h2,
body#page-services .content .main h2,
body#page-landing-pages .content .main h2 {
  font-weight: normal;
  font-size: 18px;
  color: #000;
  margin: 10px 0;
}
body#page-ecommerce .content .main h2:first-of-type,
body#page-brochure .content .main h2:first-of-type,
body#page-services .content .main h2:first-of-type,
body#page-landing-pages .content .main h2:first-of-type {
  margin-top: 0;
}
body#page-ecommerce .content .main section,
body#page-brochure .content .main section,
body#page-services .content .main section,
body#page-landing-pages .content .main section {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 10px 0;
  margin-bottom: 20px;
}
body#page-ecommerce .content .main section:last-of-type,
body#page-brochure .content .main section:last-of-type,
body#page-services .content .main section:last-of-type,
body#page-landing-pages .content .main section:last-of-type {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
body#page-ecommerce .content aside h2,
body#page-brochure .content aside h2,
body#page-services .content aside h2,
body#page-landing-pages .content aside h2 {
  color: #000;
  font-weight: normal;
  font-size: 18px;
}
body#page-landing-pages .content .closing .btn-orange {
  width: 180px;
  display: block;
  margin: 0 auto;
  text-decoration: none;
}
body#page-events .content .top {
  *zoom: 1;
}
body#page-events .content .top:before,
body#page-events .content .top:after {
  display: table;
  content: "";
}
body#page-events .content .top:after {
  clear: both;
}
body#page-events .content .top h1 {
  font-weight: normal;
  font-size: 25px;
  float: left;
}
body#page-events .content .top .basket {
  float: right;
  border: 1px solid #e0e0e0;
  padding: 8px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 7px;
  font-size: 16px;
  width: 89px;
}
body#page-events .content .top .basket a {
  color: #666666;
  text-decoration: none;
}
body#page-events .content .top .basket p {
  margin: 0;
  *zoom: 1;
}
body#page-events .content .top .basket p:before,
body#page-events .content .top .basket p:after {
  display: table;
  content: "";
}
body#page-events .content .top .basket p:after {
  clear: both;
}
body#page-events .content .top .basket i {
  color: #898989;
  float: left;
  margin-right: 5px;
}
body#page-events .content .top .basket span {
  background: #d2d2d2;
  color: #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  float: right;
}
body#page-events .content .banner {
  margin: 0 -20px 0;
}
body#page-events .content .left section:first-of-type {
  border-bottom: 1px solid #e0e0e0;
  margin: 0 -20px 0;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body#page-events .content .left section h2 {
  font-weight: normal;
  font-size: 20px;
}
body#page-events .content .left section .event {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-top: 20px;
}
body#page-events .content .left section .event:last-of-type {
  border-bottom: 0;
}
body#page-events .content .left section .event a {
  color: #1d77c7;
  text-decoration: none;
}
body#page-events .content .left section .event a h3 {
  margin: 0;
}
body#page-events .content .left section .event time {
  display: block;
  margin-bottom: 10px;
}
body#page-events .content .left section .event p {
  margin-bottom: 0;
}
body#page-events .content .right {
  border-top: 1px solid #e0e0e0;
  margin: 0 -20px 0;
  padding: 20px 20px;
}
body#page-events .content .right form {
  position: relative;
}
body#page-events .content .right input {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
}
body#page-events .content .right button {
  background: none;
  border: none;
  color: #c4c4c4;
  float: left;
  font-size: 20px;
  position: absolute;
  right: 4px;
  top: 8px;
  cursor: pointer;
}
body#page-event .content .top {
  *zoom: 1;
}
body#page-event .content .top:before,
body#page-event .content .top:after {
  display: table;
  content: "";
}
body#page-event .content .top:after {
  clear: both;
}
body#page-event .content .top h1 {
  font-weight: normal;
  font-size: 25px;
  float: left;
  margin-bottom: 5px;
}
body#page-event .content .top h2 {
  float: none;
  clear: both;
  margin: 0;
  font-weight: normal;
  font-size: 20px;
}
body#page-event .content .top .basket {
  float: none;
  border: 1px solid #e0e0e0;
  padding: 8px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 20px auto;
  font-size: 16px;
  width: 89px;
}
body#page-event .content .top .basket a {
  color: #666666;
  text-decoration: none;
}
body#page-event .content .top .basket p {
  margin: 0;
  *zoom: 1;
}
body#page-event .content .top .basket p:before,
body#page-event .content .top .basket p:after {
  display: table;
  content: "";
}
body#page-event .content .top .basket p:after {
  clear: both;
}
body#page-event .content .top .basket i {
  color: #898989;
  float: left;
  margin-right: 5px;
}
body#page-event .content .top .basket span {
  background: #d2d2d2;
  color: #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  float: right;
}
body#page-event .content .banner {
  margin: 0 -20px 0;
}
body#page-event .content .left section:first-of-type {
  margin: 0 -20px 0;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body#page-event .content .right {
  border-top: 1px solid #e0e0e0;
  margin: 0 -20px 0;
  padding: 0 20px;
}
body#page-event .content .right form {
  background: #e7f4fd;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bedcf1;
  border-top: 0;
  -webkit-box-shadow: inset 0 3px 10px 5px #d6ecfc;
  box-shadow: inset 0 3px 10px 5px #d6ecfc;
  margin-bottom: 20px;
}
body#page-event .content .right form p.large {
  margin: 0;
  font-size: 26px;
}
body#page-event .content .right form fieldset {
  border: none;
  border-top: 2px solid #bedcf1;
  border-bottom: 2px solid #bedcf1;
  *zoom: 1;
  margin: 20px 0;
}
body#page-event .content .right form fieldset:before,
body#page-event .content .right form fieldset:after {
  display: table;
  content: "";
}
body#page-event .content .right form fieldset:after {
  clear: both;
}
body#page-event .content .right form fieldset label {
  float: left;
}
body#page-event .content .right form fieldset select {
  float: left;
  margin: 9px 10px 0;
  display: block;
}
body#page-event .content .right h3 {
  margin: 0;
}
body#page-event .content .right time {
  margin: 10px 0 20px;
  display: block;
}
body#page-event .content .right address {
  font-style: normal;
}
body#page-basket .content .top {
  border-bottom: 1px solid #e0e0e0;
  margin: 0 -20px 0;
  padding: 20px 20px;
}
body#page-basket .content .top h1 {
  font-weight: normal;
  font-size: 25px;
  margin-bottom: 5px;
}
body#page-basket .content table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
  overflow: auto;
  margin-bottom: 20px;
}
body#page-basket .content table th {
  font-size: 14px;
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}
body#page-basket .content table th:first-of-type {
  text-align: left;
  padding-left: 0;
}
body#page-basket .content table tr td {
  padding: 20px 0;
  text-align: center;
  width: 150px;
  border-bottom: 1px solid #e0e0e0;
}
body#page-basket .content table tr td:first-of-type {
  text-align: left;
}
body#page-basket .content table tr td:first-of-type img {
  float: left;
  display: none;
}
body#page-basket .content table tr td:first-of-type p {
  float: left;
}
body#page-basket .content table tr td:first-of-type p a {
  display: block;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: #1d77c7;
}
body#page-basket .content table tr td input {
  width: 70%;
  text-align: center;
  background: none;
  max-width: 50px;
}
body#page-basket .content .left {
  *zoom: 1;
}
body#page-basket .content .left:before,
body#page-basket .content .left:after {
  display: table;
  content: "";
}
body#page-basket .content .left:after {
  clear: both;
}
body#page-basket .content .left .btn-grey {
  float: left;
  padding: 5px 10px;
  width: auto;
  font-size: 13px;
  font-weight: bold;
}
body#page-basket .content .left .btn-grey.small {
  width: 80px;
  margin-left: 5px;
  padding: 9px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
body#page-basket .content .left a {
  float: left;
  text-decoration: none;
  color: #1d77c7;
  margin: 6px 0 0 10px;
}
body#page-basket .content .left label {
  clear: both;
  padding-top: 30px;
}
body#page-basket .content .left input {
  float: left;
  width: 180px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
body#page-basket .content .right {
  margin: 40px 0 10px;
}
body#page-basket .content .right table {
  margin: 0;
}
body#page-basket .content .right table tr:nth-of-type(even) {
  background: #f3f4f5;
}
body#page-basket .content .right table td {
  padding: 10px 20px;
  border: 1px solid #e0e0e0;
}
body#page-sitemap .content h1 {
  font-weight: normal;
  font-size: 25px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 480px) {
  .content {
    width: 480px;
  }
  header.top[role="banner"] {
    width: 480px;
  }
  body#page-about .content .team {
    *zoom: 1;
    margin-bottom: 0 ;
  }
  body#page-about .content .team:before,
  body#page-about .content .team:after {
    display: table;
    content: "";
  }
  body#page-about .content .team:after {
    clear: both;
  }
  body#page-about .content .team figure {
    float: left;
    width: 200px;
    position: relative;
  }
  body#page-about .content .team figure figcaption {
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 100%;
  }
  body#page-about .content .team figure img {
    position: absolute;
    bottom: 54px;
    left: 0;
  }
  body#page-about .content .team figure:nth-of-type(even) {
    margin-left: 16px;
  }
  body#page-about .content .team #seb,
  body#page-about .content .team #sara {
    height: 360px;
  }
  body#page-about .content .team #bradley,
  body#page-about .content .team #emily {
    height: 365px;
  }
  body#page-about .content .team #luke,
  body#page-about .content .team #jack {
    height: 365px;
  }
  body#page-about .content .team #clare,
  body#page-about .content .team #tom {
    height: 350px;
  }
  body#page-team-member .banner {
    width: 480px;
  }
  body#page-event .content .top .top-left {
    float: left;
  }
  body#page-event .content .top .basket {
    float: right;
  }
  body#page-project .who {
    width: 350px;
  }
  body#page-project .banner {
    width: 480px;
    height: 184px;
  }
  body#page-services .banner {
    width: 480px;
  }
  body#page-contact .banner {
    width: 480px;
  }
  body#page-contact #map {
    width: 438px;
  }
  footer[role='contentinfo'] {
    width: 480px;
  }
}
@media only screen and (min-width: 600px) {
  .content {
    width: 600px;
  }
  header.top[role="banner"] {
    width: 600px;
  }
  footer[role='contentinfo'] {
    width: 600px;
  }
  body#page-contact .banner {
    width: 600px;
    height: 190px;
  }
  body#page-contact .banner img {
    width: 992px;
  }
  body#page-contact .content aside {
    float: right;
    width: 170px;
  }
  body#page-contact .content .main {
    float: left;
    width: 350px;
    border-right: 1px solid #e0e0e0;
    padding-right: 20px;
    border-top: none;
  }
  body#page-contact .content #map {
    width: 348px;
  }
  body#page-about .content .team figure {
    width: 260px;
  }
  body#page-about .content .team #seb,
  body#page-about .content .team #sara {
    height: 450px;
  }
  body#page-about .content .team #emily,
  body#page-about .content .team #bradley {
    height: 460px;
  }
  body#page-about .content .team #luke,
  body#page-about .content .team #jack {
    height: 460px;
  }
  body#page-about .content .team #tom,
  body#page-about .content .team #clare {
    height: 450px;
  }
  body#page-team-member .banner {
    width: 600px;
  }
  body#page-portfolio .content .portfolio figure {
    float: left;
    width: 260px;
  }
  body#page-portfolio .content .portfolio figure:nth-of-type(even) {
    margin-left: 16px;
  }
  body#page-project .who {
    width: 470px;
  }
  body#page-project .banner {
    width: 600px;
    height: 231px;
  }
  body#page-services .banner {
    width: 600px;
  }
  body#page-home .content .services {
    padding: 0 20px 0;
  }
  body#page-home .content .services figure {
    float: left;
    width: 260px;
  }
  body#page-home .content .services figure:nth-of-type(even) {
    margin-left: 16px;
  }
  body#page-home .content .bottom {
    clear: both;
  }
  body#page-home .content .bottom .right blockquote {
    *zoom: 1;
  }
  body#page-home .content .bottom .right blockquote:before,
  body#page-home .content .bottom .right blockquote:after {
    display: table;
    content: "";
  }
  body#page-home .content .bottom .right blockquote:after {
    clear: both;
  }
  body#page-home .content .bottom .right blockquote img {
    float: left;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .content {
    width: 768px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    padding: 0 20px ;
  }
  header.top[role="banner"] {
    width: 768px;
    *zoom: 1;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  header.top[role="banner"]:before,
  header.top[role="banner"]:after {
    display: table;
    content: "";
  }
  header.top[role="banner"]:after {
    clear: both;
  }
  header.top[role="banner"] a.logo {
    float: left;
    display: block;
    width: 202px;
  }
  header.top[role="banner"] a.logo img {
    width: 211px;
  }
  header.top[role="banner"] a.navbar_toggle {
    display: none;
  }
  header.top[role="banner"] a.tel {
    display: none;
  }
  header.top[role="banner"] nav#main {
    *zoom: 1;
    float: right;
    width: 506px;
    clear: none;
    margin-left: 20px;
    background: none;
    margin-top: 20px;
  }
  header.top[role="banner"] nav#main:before,
  header.top[role="banner"] nav#main:after {
    display: table;
    content: "";
  }
  header.top[role="banner"] nav#main:after {
    clear: both;
  }
  header.top[role="banner"] nav#main ul {
    display: block;
    background: none;
    float: right;
  }
  header.top[role="banner"] nav#main ul li {
    float: left;
    background: none;
    padding: 5px 9px;
  }
  header.top[role="banner"] nav#main ul li a {
    padding: 0;
  }
  header.top[role="banner"] nav#main ul li#selected {
    background: #ff9600;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  header.top[role="banner"] nav#main ul li.phone a {
    display: block;
  }
  footer[role='contentinfo'] {
    width: 768px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  }
  footer[role='contentinfo'] img {
    display: block;
  }
  footer[role='contentinfo'] .top {
    *zoom: 1;
  }
  footer[role='contentinfo'] .top:before,
  footer[role='contentinfo'] .top:after {
    display: table;
    content: "";
  }
  footer[role='contentinfo'] .top:after {
    clear: both;
  }
  footer[role='contentinfo'] .top .left {
    float: left;
    width: 330px;
  }
  footer[role='contentinfo'] .top .right {
    float: right;
  }
  footer[role='contentinfo'] .top .right .social {
    text-align: right;
  }
  footer[role='contentinfo'] .right nav a {
    margin: 0 0 0 10px;
  }
  body#page-home .content .banner {
    display: block;
  }
  body#page-home .content h1 {
    margin: 30px 0;
  }
  body#page-home .content .main {
    *zoom: 1;
  }
  body#page-home .content .main:before,
  body#page-home .content .main:after {
    display: table;
    content: "";
  }
  body#page-home .content .main:after {
    clear: both;
  }
  body#page-home .content .main img {
    float: left;
    margin-left: -20px;
    width: 290px;
  }
  body#page-home .content .main .text {
    float: left;
    width: 438px;
    margin-left: 20px;
  }
  body#page-home .content .main .text p {
    margin-top: 0;
  }
  body#page-home .content .services {
    *zoom: 1;
    margin: 30px -20px;
    padding: 0 20px 0;
  }
  body#page-home .content .services:before,
  body#page-home .content .services:after {
    display: table;
    content: "";
  }
  body#page-home .content .services:after {
    clear: both;
  }
  body#page-home .content .services figure {
    width: 220px;
  }
  body#page-home .content .services figure:nth-of-type(even) {
    margin: 20px 0;
  }
  body#page-home .content .services figure:nth-of-type(3n-1) {
    margin: 20px 16px 20px;
  }
  body#page-home .content .bottom {
    *zoom: 1;
  }
  body#page-home .content .bottom:before,
  body#page-home .content .bottom:after {
    display: table;
    content: "";
  }
  body#page-home .content .bottom:after {
    clear: both;
  }
  body#page-home .content .bottom .left {
    float: left;
    width: 354px;
    margin-right: 20px;
    margin-top: 0;
  }
  body#page-home .content .bottom .right {
    float: left;
    width: 354px;
    margin-top: 0;
  }
  body#page-home .content .bottom .right blockquote .copy {
    float: left;
    width: 214px;
  }
  body#page-contact .banner {
    width: 768px;
  }
  body#page-contact .content h1 {
    margin: 30px 0;
  }
  body#page-contact .content .main {
    width: 508px;
    padding-right: 20px;
  }
  body#page-contact .content .main img {
    margin-left: -20px;
  }
  body#page-contact .content .main .bottom {
    float: left;
    padding: 20px;
    width: 100%;
  }
  body#page-contact .content .main .bottom form {
    float: left;
    width: 100%;
  }
  body#page-contact .content .main .bottom form fieldset {
    float: left;
    width: 240px;
  }
  body#page-contact .content .main .bottom form fieldset:first-of-type {
    margin-right: 20px;
  }
  body#page-contact .content .main .bottom form fieldset textarea {
    height: 200px;
  }
  body#page-contact .content .main .bottom form fieldset .btn-orange {
    float: right;
  }
  body#page-contact .content #map {
    width: 506px;
    margin: 20px 0;
  }
  body#page-blog .content .main {
    width: 508px;
    float: left;
    margin-right: 20px;
  }
  body#page-blog .content .main article {
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  body#page-blog .content .main article:last-of-type {
    border-bottom: none;
  }
  body#page-blog .content aside {
    width: 170px;
    float: left;
  }
  body#page-post h1 {
    margin: 30px 0;
  }
  body#page-post .content .main {
    width: 508px;
    float: left;
    margin-right: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 20px;
  }
  body#page-post .content .main .comments form input {
    width: 250px;
  }
  body#page-post .content .main .comments form .btn-orange {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  body#page-post .content aside {
    width: 170px;
    float: left;
    padding-top: 0;
    margin-bottom: 40px;
  }
  body#page-post .content aside h3 {
    margin-top: 0;
  }
  body#page-post .content aside ul {
    margin-bottom: 20px;
  }
  body#page-portfolio .content h1 {
    margin: 30px 0;
  }
  body#page-portfolio .content .portfolio {
    *zoom: 1;
    padding: 0 29px;
    padding-right: 0;
  }
  body#page-portfolio .content .portfolio:before,
  body#page-portfolio .content .portfolio:after {
    display: table;
    content: "";
  }
  body#page-portfolio .content .portfolio:after {
    clear: both;
  }
  body#page-portfolio .content .portfolio figure {
    width: 220px;
    margin: 20px 16px 20px 0;
    margin-left: 0;
  }
  body#page-portfolio .content .portfolio figure:nth-of-type(even) {
    margin-left: 0;
  }
  body#page-about .banner_mobile {
    display: none;
  }
  body#page-about .banner {
    display: block;
    margin: 0 -20px 20px -20px;
    height: 263px;
  }
  body#page-about .banner .block {
    float: left;
    *zoom: 1;
  }
  body#page-about .banner .block:before,
  body#page-about .banner .block:after {
    display: table;
    content: "";
  }
  body#page-about .banner .block:after {
    clear: both;
  }
  body#page-about .banner .block img {
    float: left;
    max-width: 100%;
  }
  body#page-about .banner .block.onebyone {
    width: 127.82px;
  }
  body#page-about .banner .block.onebytwo {
    width: 127.05px;
  }
  body#page-about .banner .block.onebyonelarge {
    width: 259.49px;
    margin-top: -132px;
    height: 263px;
    overflow: hidden;
  }
  body#page-about .banner .block.twobyone {
    width: 254.1px;
  }
  body#page-about .banner .block.threebyone {
    width: 381.15px;
  }
  body#page-about .content {
    padding-bottom: 40px;
  }
  body#page-about .content .sub-title {
    clear: both;
    *zoom: 1;
  }
  body#page-about .content .sub-title:before,
  body#page-about .content .sub-title:after {
    display: table;
    content: "";
  }
  body#page-about .content .sub-title:after {
    clear: both;
  }
  body#page-about .content .sub-title .left {
    width: 386px;
    float: left;
  }
  body#page-about .content .sub-title .right {
    float: right;
    width: 308px;
  }
  body#page-about .content .sub-title .right ul {
    margin: 0;
    list-style-image: url('/_img/bulb.png');
  }
  body#page-about .content .sub-title .right ul li {
    margin-bottom: 7px;
  }
  body#page-about .content h1 {
    margin: 30px 0;
  }
  body#page-about .content .team .row {
    border-bottom: 1px solid #e0e0e0;
    *zoom: 1;
    margin: 0 -20px 20px;
    padding: 0 20px 0;
  }
  body#page-about .content .team .row:before,
  body#page-about .content .team .row:after {
    display: table;
    content: "";
  }
  body#page-about .content .team .row:after {
    clear: both;
  }
  body#page-about .content .team figure {
    width: 222px;
    margin-bottom: 20px;
    padding-bottom: 0;
    position: relative;
  }
  body#page-about .content .team figure img {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
  body#page-about .content .team figure img:hover {
    opacity: 0.5;
  }
  body#page-about .content .team figure:nth-of-type(even) {
    margin: 0 0 20px 0;
  }
  body#page-about .content .team figure:nth-of-type(3n+2) {
    margin: 0 16px 20px 16px;
  }
  body#page-about .content .team #seb,
  body#page-about .content .team #sara,
  body#page-about .content .team #emily {
    height: 390px;
  }
  body#page-about .content .team #bradley,
  body#page-about .content .team #luke,
  body#page-about .content .team #jack {
    height: 390px;
  }
  body#page-about .content .team #clare,
  body#page-about .content .team #tom {
    height: 385px;
  }
  body#page-project .who {
    width: 470px;
    padding-bottom: 30px;
  }
  body#page-project .banner {
    width: 768px;
    height: 296px;
  }
  body#page-project .content h1 {
    margin: 30px 0 0;
  }
  body#page-project .content .cta {
    margin: 40px 0 30px;
  }
  body#page-project .content .main {
    width: 508px;
    min-height: 660px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
  }
  body#page-project .content .main .summary {
    margin: 0 -20px 0;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
  }
  body#page-project .content aside {
    width: 170px;
    float: left;
    border-top: 0;
    padding-top: 26px;
  }
  body#page-project .content aside h3 {
    margin-top: 0;
  }
  body#page-team-member .content .banner {
    clear: both;
    position: relative;
    overflow: visible;
    width: auto;
    height: auto;
  }
  body#page-team-member .content .banner #banner {
    display: block;
    height: 165px;
  }
  body#page-team-member .content .banner #profile {
    display: block;
    width: 250px;
    margin-top: -150px;
    margin-left: 10px;
    border: 20px solid #fff;
  }
  body#page-team-member .content .banner #mobile {
    display: none;
  }
  body#page-team-member .content h1 {
    margin: 30px 0 0;
  }
  body#page-team-member .content h2 {
    margin: 0 0 20px;
  }
  body#page-team-member .content .cta {
    margin: 30px 0 30px;
  }
  body#page-team-member .content .main {
    width: 508px;
    min-height: 650px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    margin-top: -146px;
    padding-top: 146px;
  }
  body#page-team-member .content .main .summary {
    margin: 0 -20px 0;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
  }
  body#page-team-member .content aside {
    width: 170px;
    float: left;
    border-top: 0;
    padding-top: 13px;
  }
  body#page-team-member .content aside h3 {
    margin-top: 0;
  }
  body#page-friend .content .banner {
    clear: both;
    position: relative;
  }
  body#page-friend .content .banner #banner {
    display: block;
  }
  body#page-friend .content .banner #profile {
    display: block;
    width: 250px;
    margin-top: -150px;
    margin-left: 10px;
    border: 20px solid #fff;
  }
  body#page-friend .content .banner #mobile {
    display: none;
  }
  body#page-friend .content h1 {
    margin: 30px 0 0;
  }
  body#page-friend .content h2 {
    margin: 0 0 30px;
  }
  body#page-friend .content .cta {
    margin: 30px 0 30px;
  }
  body#page-friend .content .main {
    width: 508px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    margin-top: -146px;
    padding-top: 146px;
  }
  body#page-friend .content .main .summary {
    margin: 0 -20px 0;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
  }
  body#page-friend .content aside {
    width: 170px;
    float: left;
    border-top: 0;
    padding-top: 13px;
  }
  body#page-friend .content aside h3 {
    margin-top: 0;
  }
  body#page-ecommerce .content .main {
    width: 508px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
  }
  body#page-ecommerce .content .main section {
    *zoom: 1;
    margin: 0 -20px;
    padding: 20px;
  }
  body#page-ecommerce .content .main section:before,
  body#page-ecommerce .content .main section:after {
    display: table;
    content: "";
  }
  body#page-ecommerce .content .main section:after {
    clear: both;
  }
  body#page-ecommerce .content .main section p {
    margin: 0 0 10px 0;
  }
  body#page-ecommerce .content .main section .left {
    float: left;
    margin-left: -20px;
    max-width: none;
  }
  body#page-ecommerce .content .main section .right {
    float: right;
    margin-right: -20px;
    max-width: none;
  }
  body#page-ecommerce .content .main section .full {
    margin: 0 -20px;
    width: 527px;
    max-width: none;
  }
  body#page-ecommerce .content .main section .cms {
    width: 507px;
  }
  body#page-ecommerce .content .main section .payment {
    width: 270px;
    margin-right: 20px;
  }
  body#page-ecommerce .content .main section .seo {
    width: 507px;
  }
  body#page-ecommerce .content .main section .ux {
    width: 270px;
    margin: 0 -20px 20px 20px;
  }
  body#page-ecommerce .content .main section .mobile {
    width: 220px;
    margin: 0 20px 20px -20px;
  }
  body#page-ecommerce .content aside {
    width: 170px;
    float: left;
    padding-top: 26px;
  }
  body#page-brochure .content .main {
    width: 508px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
  }
  body#page-brochure .content .main section {
    *zoom: 1;
    margin: 0 -20px;
    padding: 20px;
  }
  body#page-brochure .content .main section:before,
  body#page-brochure .content .main section:after {
    display: table;
    content: "";
  }
  body#page-brochure .content .main section:after {
    clear: both;
  }
  body#page-brochure .content .main section p {
    margin: 0 0 10px 0;
  }
  body#page-brochure .content .main section .left {
    float: left;
    margin-left: -20px;
    max-width: none;
  }
  body#page-brochure .content .main section .right {
    float: right;
    margin-right: -20px;
    max-width: none;
  }
  body#page-brochure .content .main section .full {
    margin: 0 -20px;
    width: 527px;
    max-width: none;
  }
  body#page-brochure .content .main section .cms {
    width: 507px;
  }
  body#page-brochure .content .main section .seo {
    width: 507px;
  }
  body#page-brochure .content .main section .marketing {
    width: 220px;
    margin: 0 -20px 0 20px;
  }
  body#page-brochure .content .main section .mobile {
    width: 220px;
    margin: 0 20px 20px -20px;
  }
  body#page-brochure .content aside {
    width: 170px;
    float: left;
    padding-top: 26px;
  }
  body#page-services .content .banner {
    width: 768px;
  }
  body#page-services .content .top .left {
    width: 386px;
    float: left;
  }
  body#page-services .content .top .left ul {
    margin: 20px 0 0 0;
    list-style-image: url('/_img/bulb.png');
  }
  body#page-services .content .top .left ul li {
    margin-bottom: 7px;
  }
  body#page-services .content .top .right {
    float: right;
    width: 308px;
  }
  body#page-services .content .top .right h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
  }
  body#page-services .content .top .right ul {
    list-style-image: url('/_img/bulb.png');
  }
  body#page-services .content .top .right ul li {
    margin-bottom: 7px;
  }
  body#page-services .content .top .right ul:last-of-type {
    margin-bottom: 20px;
  }
  body#page-services .content .main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
    clear: both;
  }
  body#page-services .content .main section {
    *zoom: 1;
    margin: 0 -20px;
    padding: 20px;
  }
  body#page-services .content .main section:before,
  body#page-services .content .main section:after {
    display: table;
    content: "";
  }
  body#page-services .content .main section:after {
    clear: both;
  }
  body#page-services .content .main section p {
    margin: 0 0 10px 0;
  }
  body#page-services .content .main section .left {
    float: left;
    margin-left: -20px;
    max-width: none;
  }
  body#page-services .content .main section .right {
    float: right;
    margin-right: -20px;
    max-width: none;
  }
  body#page-services .content .main section .full {
    margin: 0 -20px;
    width: 686px;
    max-width: none;
  }
  body#page-services .content .main section .cms {
    width: 507px;
  }
  body#page-services .content .main section .seo {
    width: 507px;
  }
  body#page-services .content .main section .marketing {
    width: 300px;
    margin: 0 -20px 0 20px;
  }
  body#page-services .content .main section .mobile {
    width: 280px;
    margin: 0 20px 20px -20px;
  }
  body#page-services .content aside {
    width: 170px;
    float: left;
    padding-top: 26px;
  }
  body#page-landing-pages .content .main {
    width: 508px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
  }
  body#page-landing-pages .content .main section {
    *zoom: 1;
    margin: 0 -20px;
    padding: 20px;
  }
  body#page-landing-pages .content .main section:before,
  body#page-landing-pages .content .main section:after {
    display: table;
    content: "";
  }
  body#page-landing-pages .content .main section:after {
    clear: both;
  }
  body#page-landing-pages .content .main section p {
    margin: 0 0 10px 0;
  }
  body#page-landing-pages .content .main section .left {
    float: left;
    margin-left: -20px;
    max-width: none;
  }
  body#page-landing-pages .content .main section .right {
    float: right;
    margin-right: -20px;
    max-width: none;
  }
  body#page-landing-pages .content .main section .full {
    margin: 0 -20px;
    width: 527px;
    max-width: none;
  }
  body#page-landing-pages .content .main section .cms {
    width: 507px;
  }
  body#page-landing-pages .content .main section .seo {
    width: 507px;
  }
  body#page-landing-pages .content .main section .marketing {
    width: 220px;
    margin: 0 -20px 0 20px;
  }
  body#page-landing-pages .content .main section .mobile {
    width: 220px;
    margin: 0 20px 20px -20px;
  }
  body#page-landing-pages .content aside {
    width: 170px;
    float: left;
    padding-top: 26px;
  }
  body#page-events .content .left {
    float: left;
    width: 508px;
    border-right: 1px solid #e0e0e0;
    margin-right: 20px;
  }
  body#page-events .content .left section:first-of-type {
    margin-right: 0;
    padding-right: 0;
  }
  body#page-events .content .left section .event {
    *zoom: 1;
  }
  body#page-events .content .left section .event:before,
  body#page-events .content .left section .event:after {
    display: table;
    content: "";
  }
  body#page-events .content .left section .event:after {
    clear: both;
  }
  body#page-events .content .left section .event img {
    float: left;
  }
  body#page-events .content .left section .event .desc {
    float: left;
    width: 380px;
    margin-left: 20px;
  }
  body#page-events .content .left section .event .desc p {
    margin: 0;
  }
  body#page-events .content .right {
    float: left;
    width: 199px;
    border-top: 0;
    padding-top: 26px;
  }
  body#page-event .content .left {
    float: left;
    width: 508px;
    border-right: 1px solid #e0e0e0;
    margin-right: 20px;
    border-top: 1px solid #e0e0e0;
    margin-left: -20px;
    padding-left: 20px;
  }
  body#page-event .content .left section:first-of-type {
    margin-right: 0;
    padding-right: 0;
  }
  body#page-event .content .right {
    float: left;
    width: 199px;
    padding-top: 0;
  }
  body#page-basket .content {
    *zoom: 1;
  }
  body#page-basket .content:before,
  body#page-basket .content:after {
    display: table;
    content: "";
  }
  body#page-basket .content:after {
    clear: both;
  }
  body#page-basket .content table {
    margin-top: 40px;
  }
  body#page-basket .content table tr td:first-of-type img {
    display: block;
    margin-right: 20px;
  }
  body#page-basket .content .left {
    float: left;
    width: 300px;
    margin: 0;
  }
  body#page-basket .content .right {
    float: right;
    width: 300px;
    margin: 0;
  }
  body#page-basket .content .right .btn-orange {
    width: auto;
    display: inline-block;
  }
  body#page-sitemap .content h1 {
    margin: 30px 0;
  }
  body#error .content {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) {
  body {
    font-size: 15px;
  }
  .content {
    width: 992px;
    padding: 40px 40px 0;
  }
  header.top[role="banner"] {
    width: 992px;
  }
  header.top[role="banner"] nav#main {
    width: 700px;
  }
  header.top[role="banner"] nav#main ul li#selected {
    padding: 5px 15px;
  }
  header.top[role="banner"] nav#main ul li#selected a {
    text-shadow: none;
  }
  header.top[role="banner"] nav#main ul li:hover a {
    color: #333;
  }
  header.top[role="banner"] nav#main ul li.phone {
    padding-left: 20px;
  }
  header.top[role="banner"] nav#main ul li a {
    font-size: 16px;
    text-shadow: 1px 1px #fff;
    color: #8b8b8b;
  }
  footer[role='contentinfo'] {
    width: 992px;
    padding: 40px;
  }
  body#page-home .banner {
    margin: -40px -40px 0;
    overflow: hidden;
  }
  body#page-home .content h1 {
    margin: 50px 0;
    font-size: 30px;
  }
  body#page-home .content .main {
    margin-bottom: 50px;
  }
  body#page-home .content .main img {
    width: 420px;
    margin-left: -40px;
  }
  body#page-home .content .main .text {
    width: 482px;
    margin-left: 50px;
  }
  body#page-home .content .main .text p {
    margin-top: 0;
  }
  body#page-home .content .main .text a {
    color: #1d77c7;
    text-decoration: none;
  }
  body#page-home .content .services {
    margin: 0 -40px 0;
    padding: 0 40px 40px;
  }
  body#page-home .content .services h2 {
    font-size: 26px;
    margin: 40px 0 10px;
  }
  body#page-home .content .services figure {
    width: 281px;
  }
  body#page-home .content .services figure:nth-of-type(3n-1) {
    margin: 20px 34px 20px;
  }
  body#page-home .content .bottom {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  body#page-home .content .bottom .left {
    width: 432px;
    margin: 0 30px 0 0;
    margin-right: 50px;
  }
  body#page-home .content .bottom .left h3 {
    margin-top: 0;
  }
  body#page-home .content .bottom .right {
    width: 430px;
  }
  body#page-home .content .bottom .right h2 {
    padding-left: 140px;
  }
  body#page-home .content .bottom .right img {
    margin-top: 7px;
  }
  body#page-home .content .bottom .right blockquote .copy {
    width: 290px;
  }
  body#page-home .content .bottom .right blockquote .copy p {
    margin-top: 0;
  }
  body#page-portfolio .content {
    padding-bottom: 40px;
  }
  body#page-portfolio .content h1 {
    margin: 0 0 20px;
  }
  body#page-portfolio .content .banner {
    margin: 0 -40px 0;
  }
  body#page-portfolio .content .portfolio {
    margin: 0 -40px 0;
    padding: 0 40px;
    padding-right: 0;
  }
  body#page-portfolio .content .portfolio figure {
    width: 281px;
    margin-bottom: 0;
    margin-right: 36px;
  }
  body#page-project .content {
    padding-bottom: 0;
  }
  body#page-project .content header h1 {
    margin: 0;
  }
  body#page-project .content header .cta {
    margin-top: 10px;
  }
  body#page-project .content .banner {
    margin: 0 -40px 0;
    width: 992px;
    height: 282px;
  }
  body#page-project .content .who {
    width: 600px;
    padding-bottom: 40px;
  }
  body#page-project .content .main {
    width: 648px;
    margin-right: 50px;
    padding-right: 40px;
    padding-bottom: 40px;
  }
  body#page-project .content .main .summary {
    margin: 0 -40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px 20px;
    width: 687px;
    font-size: 16px;
  }
  body#page-project .content .main .summary p {
    margin-top: 20px;
  }
  body#page-project .content .main img {
    max-width: none;
    margin: 0 -17px 0;
    width: 641px;
  }
  body#page-project .content aside {
    width: 214px;
    padding: 40px 0;
  }
  body#page-project .content aside blockquote {
    margin-top: 0;
  }
  body#page-about .banner {
    margin: 0 -40px 0;
    *zoom: 1;
    height: 342px;
  }
  body#page-about .banner:before,
  body#page-about .banner:after {
    display: table;
    content: "";
  }
  body#page-about .banner:after {
    clear: both;
  }
  body#page-about .banner .block {
    float: left;
    *zoom: 1;
  }
  body#page-about .banner .block:before,
  body#page-about .banner .block:after {
    display: table;
    content: "";
  }
  body#page-about .banner .block:after {
    clear: both;
  }
  body#page-about .banner .block img {
    float: left;
    max-width: 100%;
  }
  body#page-about .banner .block.onebyone {
    width: 166px;
  }
  body#page-about .banner .block.onebytwo {
    width: 165px;
  }
  body#page-about .banner .block.onebyonelarge {
    width: 332px;
    margin-top: -171px;
    height: auto;
  }
  body#page-about .banner .block.twobyone {
    width: 330px;
  }
  body#page-about .banner .block.threebyone {
    width: 495px;
  }
  body#page-about .content h1 {
    margin: 0 0 40px;
  }
  body#page-about .content .sub-title {
    margin-top: 40px;
  }
  body#page-about .content .sub-title p {
    margin-top: 0;
  }
  body#page-about .content .sub-title .left {
    width: 530px;
    float: left;
  }
  body#page-about .content .sub-title .right {
    float: right;
    width: 332px;
  }
  body#page-about .content .sub-title .right ul li {
    margin-bottom: 15px;
  }
  body#page-about .content .team .row {
    margin: 0 -40px 40px;
    padding: 0 -40px 0;
  }
  body#page-about .content .team h2 {
    font-size: 20px;
    margin-bottom: 0;
  }
  body#page-about .content .team figure {
    width: 283px;
  }
  body#page-about .content .team #seb,
  body#page-about .content .team #sara,
  body#page-about .content .team #emily {
    height: 480px;
  }
  body#page-about .content .team #bradley,
  body#page-about .content .team #jack,
  body#page-about .content .team #luke {
    height: 480px;
  }
  body#page-about .content .team #clare,
  body#page-about .content .team #tom {
    height: 480px;
  }
  body#page-team-member .content header h1 {
    margin: 0 0 0;
  }
  body#page-team-member .content header h2 {
    margin: 0 0 40px;
  }
  body#page-team-member .content header .cta {
    margin-top: 0;
  }
  body#page-team-member .content .banner {
    margin: 0 -40px 0;
  }
  body#page-team-member .content .banner #banner {
    height: 213px;
  }
  body#page-team-member .content .banner #profile {
    margin-top: -200px;
  }
  body#page-team-member .content .main {
    width: 648px;
    margin-right: 50px;
  }
  body#page-team-member .content .main .summary {
    margin: 0 -40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px 0;
    width: 687px;
  }
  body#page-team-member .content aside {
    width: 214px;
  }
  body#page-friend .content header h1 {
    margin: 0 0 0;
  }
  body#page-friend .content header h2 {
    margin: 0 0 40px;
  }
  body#page-friend .content header .cta {
    margin-top: 0;
  }
  body#page-friend .content .banner {
    margin: 0 -40px 0;
  }
  body#page-friend .content .banner #profile {
    margin-top: -200px;
  }
  body#page-friend .content .main {
    width: 648px;
    margin-right: 50px;
  }
  body#page-friend .content .main .summary {
    margin: 0 -40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px 0;
    width: 687px;
  }
  body#page-friend .content aside {
    width: 214px;
  }
  body#page-blog .content {
    padding-top: 0;
  }
  body#page-blog .content h1 {
    margin: 0 -40px 0;
    padding: 40px;
  }
  body#page-blog .content .banner {
    margin: 0px -40px;
  }
  body#page-blog .content .main {
    width: 605px;
    float: left;
    padding-top: 40px;
    margin-right: 0;
  }
  body#page-blog .content .main article {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 40px;
  }
  body#page-blog .content .main article .copy header h2 {
    font-size: 24px;
  }
  body#page-blog .content aside {
    width: 215px;
    float: left;
    padding-top: 40px;
    padding-left: 40px;
  }
  body#page-post .banner {
    margin: 0 -40px 0;
    margin-bottom: 20px;
  }
  body#page-post h1 {
    margin: 0 0 40px 0;
  }
  body#page-post .content .main {
    width: 647px;
    margin-right: 50px;
    padding-right: 40px;
    padding-bottom: 40px;
  }
  body#page-post .content aside {
    width: 214px;
    padding-top: 0;
  }
  body#page-contact .content h1 {
    margin: 0 0 40px;
  }
  body#page-contact .content .banner {
    margin: 0 -40px 0;
    width: 992px;
  }
  body#page-contact .content .main {
    width: 607px;
    margin-right: 40px;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 40px;
  }
  body#page-contact .content .main .top {
    *zoom: 1;
    padding-top: 40px;
  }
  body#page-contact .content .main .top:before,
  body#page-contact .content .main .top:after {
    display: table;
    content: "";
  }
  body#page-contact .content .main .top:after {
    clear: both;
  }
  body#page-contact .content .main .top p {
    margin-top: 0;
  }
  body#page-contact .content .main .top img {
    margin: 14px -40px 0;
    float: left;
    width: 267px;
  }
  body#page-contact .content .main .top img:last-of-type {
    margin: 14px 0 0;
    margin-left: 60px;
    width: 355px;
  }
  body#page-contact .content .main .bottom {
    clear: both;
    margin: 30px 0 0;
    margin-left: -40px;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
  }
  body#page-contact .content .main .bottom form fieldset {
    padding: 0;
    margin: 0;
  }
  body#page-contact .content .main .bottom form fieldset:first-of-type {
    width: 247px;
  }
  body#page-contact .content .main .bottom form textarea {
    width: 340px;
  }
  body#page-contact .content aside {
    width: 214px;
    padding-top: 26px;
  }
  body#page-contact .content aside h3 {
    margin-top: 12px;
  }
  body#page-contact .content #map {
    margin-left: -40px;
    border-left: none;
    width: 646px;
  }
  body#page-ecommerce .content h1 {
    margin: 0 0 40px;
  }
  body#page-ecommerce .content .banner {
    margin: 0 -40px;
  }
  body#page-ecommerce .content .main {
    width: 647px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 50px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
  }
  body#page-ecommerce .content .main section {
    *zoom: 1;
    margin: 0 -40px;
    padding: 20px 40px;
  }
  body#page-ecommerce .content .main section:before,
  body#page-ecommerce .content .main section:after {
    display: table;
    content: "";
  }
  body#page-ecommerce .content .main section:after {
    clear: both;
  }
  body#page-ecommerce .content .main section:first-of-type {
    padding-top: 40px;
  }
  body#page-ecommerce .content .main section p {
    margin: 0 0 20px 0;
  }
  body#page-ecommerce .content .main section .left {
    float: left;
    margin-left: -40px;
    max-width: none;
  }
  body#page-ecommerce .content .main section .right {
    float: right;
    margin-right: -40px;
    max-width: none;
  }
  body#page-ecommerce .content .main section .full {
    margin: 0 -40px;
    width: 686px;
    max-width: none;
  }
  body#page-ecommerce .content .main section .cms {
    width: 646px;
  }
  body#page-ecommerce .content .main section .payment {
    width: 270px;
    margin-right: 20px;
  }
  body#page-ecommerce .content .main section .seo {
    width: 646px;
  }
  body#page-ecommerce .content .main section .ux {
    width: 300px;
    margin: 0 -40px 0px 20px;
  }
  body#page-ecommerce .content .main section .mobile {
    width: 280px;
    margin: 0 20px 0px -40px;
  }
  body#page-ecommerce .content aside {
    width: 214px;
    float: left;
    padding-top: 26px;
  }
  body#page-landing-pages .content h1 {
    margin: 0 0 40px;
  }
  body#page-landing-pages .content .banner {
    margin: 0 -40px;
  }
  body#page-landing-pages .content .main {
    width: 647px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 50px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
  }
  body#page-landing-pages .content .main section {
    *zoom: 1;
    margin: 0 -40px;
    padding: 20px 40px;
  }
  body#page-landing-pages .content .main section:before,
  body#page-landing-pages .content .main section:after {
    display: table;
    content: "";
  }
  body#page-landing-pages .content .main section:after {
    clear: both;
  }
  body#page-landing-pages .content .main section:first-of-type {
    padding-top: 40px;
  }
  body#page-landing-pages .content .main section p {
    margin: 0 0 20px 0;
  }
  body#page-landing-pages .content .main section .left {
    float: left;
    margin-left: -40px;
    max-width: none;
  }
  body#page-landing-pages .content .main section .right {
    float: right;
    margin-right: -40px;
    max-width: none;
  }
  body#page-landing-pages .content .main section .full {
    margin: 0 -40px;
    width: 686px;
    max-width: none;
  }
  body#page-landing-pages .content .main section .cms {
    width: 646px;
  }
  body#page-landing-pages .content .main section .payment {
    width: 270px;
    margin-right: 20px;
  }
  body#page-landing-pages .content .main section .seo {
    width: 646px;
  }
  body#page-landing-pages .content .main section .ux {
    width: 380px;
  }
  body#page-landing-pages .content .main section .mobile {
    width: 280px;
    margin: 0 20px 0px -40px;
  }
  body#page-landing-pages .content .main section .form1 {
    width: 300px;
    float: left;
  }
  body#page-landing-pages .content .main section .form2 {
    width: 280px;
    float: right;
    margin-left: 22px;
  }
  body#page-landing-pages .content .main section .list1 {
    float: left;
    width: 300px;
  }
  body#page-landing-pages .content .main section .list2 {
    float: right;
    margin-left: 22px;
    width: 284px;
  }
  body#page-landing-pages .content .main section .social2 {
    float: right;
  }
  body#page-landing-pages .content .main section .social1 {
    float: left;
    margin-right: 22px;
    width: 300px;
  }
  body#page-landing-pages .content .main section .copy-left {
    width: 300px;
    float: left;
  }
  body#page-landing-pages .content .main section .copy-left2 {
    width: 240px;
    float: left;
  }
  body#page-landing-pages .content .main section img#media2 {
    margin-top: 20px;
  }
  body#page-landing-pages .content aside {
    width: 214px;
    float: left;
    padding-top: 26px;
  }
  body#page-brochure .content h1 {
    margin: 0 0 40px;
  }
  body#page-brochure .content .banner {
    margin: 0 -40px;
  }
  body#page-brochure .content .main {
    width: 647px;
    float: left;
    border-right: 1px solid #e0e0e0;
    margin-right: 50px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
  }
  body#page-brochure .content .main section {
    *zoom: 1;
    margin: 0 -40px;
    padding: 20px 40px;
  }
  body#page-brochure .content .main section:before,
  body#page-brochure .content .main section:after {
    display: table;
    content: "";
  }
  body#page-brochure .content .main section:after {
    clear: both;
  }
  body#page-brochure .content .main section:first-of-type {
    padding-top: 40px;
  }
  body#page-brochure .content .main section p {
    margin: 0 0 20px 0;
  }
  body#page-brochure .content .main section .left {
    float: left;
    margin-left: -40px;
    max-width: none;
  }
  body#page-brochure .content .main section .right {
    float: right;
    margin-right: -40px;
    max-width: none;
  }
  body#page-brochure .content .main section .full {
    margin: 0 -40px;
    width: 686px;
    max-width: none;
  }
  body#page-brochure .content .main section .cms {
    width: 646px;
  }
  body#page-brochure .content .main section .seo {
    width: 646px;
  }
  body#page-brochure .content .main section .marketing {
    width: 300px;
    margin: 0 -40px 0px 20px;
  }
  body#page-brochure .content .main section .mobile {
    width: 280px;
    margin: 0 20px 0px -40px;
  }
  body#page-brochure .content aside {
    width: 214px;
    float: left;
    padding-top: 26px;
  }
  body#page-services .content .banner {
    width: 992px;
  }
  body#page-services .content .top {
    *zoom: 1;
  }
  body#page-services .content .top:before,
  body#page-services .content .top:after {
    display: table;
    content: "";
  }
  body#page-services .content .top:after {
    clear: both;
  }
  body#page-services .content .top .left {
    width: 400px;
    float: left;
  }
  body#page-services .content .top .right {
    float: right;
    width: 472px;
    margin-left: 40px;
  }
  body#page-services .content .top .right ul {
    float: left;
    width: 190px;
  }
  body#page-services .content .top .right ul li {
    margin-bottom: 10px;
  }
  body#page-services .content h1 {
    margin: 0 0 40px;
  }
  body#page-services .content .banner {
    margin: 0 -40px 20px -40px;
  }
  body#page-services .content .main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
    margin: 40px -40px 0;
    padding: 30px 40px;
  }
  body#page-services .content .main section:first-of-type {
    padding-top: 0;
  }
  body#page-services .content .main section {
    *zoom: 1;
    margin: 0 -40px;
    padding: 20px 40px;
    border: none;
  }
  body#page-services .content .main section:before,
  body#page-services .content .main section:after {
    display: table;
    content: "";
  }
  body#page-services .content .main section:after {
    clear: both;
  }
  body#page-services .content .main section h2 {
    font-size: 20px;
  }
  body#page-services .content .main section p {
    margin: 0 0 10px 0;
  }
  body#page-services .content .main section .left {
    float: left;
    margin-left: -40px;
    max-width: none;
  }
  body#page-services .content .main section .right {
    float: right;
    margin-right: -40px;
    max-width: none;
  }
  body#page-services .content .main section .full {
    margin: 0 -40px;
    width: auto;
    max-width: none;
  }
  body#page-services .content .main section .cms {
    width: 646px;
  }
  body#page-services .content .main section .seo {
    width: 646px;
  }
  body#page-services .content .main section .marketing {
    width: auto;
    margin: 0 -40px 0px 20px;
  }
  body#page-services .content .main section .mobile {
    width: auto;
    margin: 0 20px 0px -40px;
  }
  body#page-services .content .main section .arrow {
    display: block;
  }
  body#page-services .content .main section.planning {
    position: relative;
  }
  body#page-services .content .main section.planning .arrow {
    position: absolute;
    bottom: 0;
    left: 61%;
  }
  body#page-services .content .main section.copy {
    position: relative;
  }
  body#page-services .content .main section.copy img {
    margin-top: 10px;
  }
  body#page-services .content .main section.copy .arrow {
    position: absolute;
    bottom: -33px;
    left: 152px;
  }
  body#page-services .content .main section.design {
    position: relative;
  }
  body#page-services .content .main section.design .arrow {
    position: absolute;
    bottom: -42px;
    right: 202px;
    width: 57px;
  }
  body#page-services .content .main section.development {
    position: relative;
  }
  body#page-services .content .main section.development .arrow {
    position: absolute;
    bottom: -27px;
    left: 562px;
  }
  body#page-services .content .main section.testing {
    position: relative;
    padding-bottom: 0;
  }
  body#page-services .content .main section.testing img {
    margin-top: 10px;
  }
  body#page-services .content .main section.testing .arrow {
    position: absolute;
    bottom: 3px;
    left: 863px;
    width: 22px;
  }
  body#page-services .content .main section.launch img {
    margin-top: 10px;
  }
  body#page-services .content aside {
    width: 214px;
    float: left;
    padding-top: 26px;
  }
  body#page-events .content .banner {
    margin: 0 -40px 0;
  }
  body#page-events .content .top h1 {
    margin: 0 0 40px;
  }
  body#page-events .content .top .basket {
    margin: -10px 0 0;
  }
  body#page-events .content .left {
    float: left;
    width: 647px;
    border-right: 1px solid #e0e0e0;
    padding-bottom: 40px;
  }
  body#page-events .content .left section {
    padding-right: 40px;
  }
  body#page-events .content .left section:first-of-type {
    margin-right: 0;
    padding: 20px 40px;
    margin-left: -40px;
    margin-bottom: 40px;
  }
  body#page-events .content .left section .event {
    *zoom: 1;
    padding-bottom: 30px;
    margin-top: 30px;
  }
  body#page-events .content .left section .event:before,
  body#page-events .content .left section .event:after {
    display: table;
    content: "";
  }
  body#page-events .content .left section .event:after {
    clear: both;
  }
  body#page-events .content .left section .event img {
    float: left;
  }
  body#page-events .content .left section .event .desc {
    float: left;
    width: 487px;
    margin-left: 20px;
  }
  body#page-events .content .left section .event .desc p {
    margin: 0;
  }
  body#page-events .content .right {
    width: 244px;
  }
  body#page-events .content .right form {
    width: 170px;
    margin: 0 auto;
    *zoom: 1;
  }
  body#page-events .content .right form:before,
  body#page-events .content .right form:after {
    display: table;
    content: "";
  }
  body#page-events .content .right form:after {
    clear: both;
  }
  body#page-event .content .banner {
    margin: 0 -40px 0;
  }
  body#page-event .content .top h1 {
    margin: 0 0 5px;
  }
  body#page-event .content .top h2 {
    margin: 0 0 40px;
  }
  body#page-event .content .top .basket {
    margin: -10px 0 0;
  }
  body#page-event .content .left {
    float: left;
    width: 647px;
    border-right: 1px solid #e0e0e0;
    padding-bottom: 40px;
    margin-left: -40px;
    padding-left: 40px;
  }
  body#page-event .content .left section:first-of-type {
    margin-right: 0;
    padding: 20px 40px;
    margin-left: -40px;
  }
  body#page-event .content .left section h3 {
    font-size: 18px;
  }
  body#page-event .content .left section img {
    margin: 20px 0;
  }
  body#page-event .content .right {
    width: 264px;
    margin-right: -40px;
    padding-right: 40px;
    padding-left: 0;
  }
  body#page-event .content .right form {
    margin-left: 20px;
    padding-top: 40px;
  }
  body#page-event .content .right section {
    padding-left: 40px;
  }
  body#page-basket .content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  body#page-basket .content .top {
    margin: 0 -40px;
    padding: 0 40px 0;
  }
  body#page-basket .content .top h1 {
    margin: 0 0 40px;
  }
  body#page-basket .content table {
    margin-bottom: 30px;
  }
  body#page-basket .content .left label {
    padding-top: 22px;
  }
  body#page-basket .content .right table tr td {
    text-align: left;
  }
  body#page-sitemap .content h1 {
    margin: 0 0 40px;
  }
}
/*// 1382px
@media only screen and (min-width: 1382px) {
@import "1382";
}*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}