@charset "UTF-8";
/*
Theme Name: Minn
Theme URI: http://www.wpgothemes.com/themes/minn
Description: A beautifully simple HTML5 & CSS3 mobile ready theme for any type of site!
Version: 1.1
Author: David Gwyer
Author URI: http://www.wpgothemes.com/
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-background, custom-menu, editor-style, theme-options, sticky-post, threaded-comments, translation-ready, featured-images, responsive-layout, fluid-layout, full-width-template
License: GNU General Public License, Version 2 (or newer)
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
/*
	CSS CONTENTS:
	--------------------------------------------------------------
	0. =SASS DEFINITIONS
	1. =NORMALIZE CSS
	2. =BASIC SETUP
	3. =LAYOUT
	4. =FONT ICONS
	5. =TYPOGRAPHY & LINKS
	6. =BUTTONS
	7. =TABLES
	8. =LISTS
	9. =BOXES
	10. =IMAGES
	11. =FORMS
	12. =NAVIGATION MENUS
	13. =HEADER
	14. =CONTENT
	15. =FOOTER
	16. =POSTS/PAGES
	17. =COMMENTS
	18. =CONTACT FORM
	19. =SEARCH RESULTS
	20. =404 PAGE
	21. =WIDGETS
	22. =CONTENT SLIDER
	23. =PORTFOLIO
	24. =NON-SEMANTIC HELPER CLASSES
	25. =MISC
	26. =CUSTOM CONTENT
	27. =SHORTCODES
	28. =MEDIA QUERIES
*/
/* 0. =SASS DEFINITIONS
-------------------------------------------------------------- */
/* 1. =NORMALIZE CSS
-------------------------------------------------------------- */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* 2. =BASIC SETUP
-------------------------------------------------------------- */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

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

.clear {
  clear: both;
}

.wpgo-group:after {
  content: "";
  display: table;
  clear: both;
}

.sticky {
  visibility: visible;
}

/* 3. =LAYOUT
-------------------------------------------------------------- */
.body-container {
  position: relative;
  overflow: hidden;
  color: #363636;
}

.outer-container {
  padding: 0 20px;
}

.container {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sidebar-container {
  padding: 25px 0;
}

.content .post, .content .page, .wpgo_portfolio, .wpgo_slide, .wpgo_document, .wpgo_testimonial {
  padding: 40px 30px;
}

.content .post.hentry {
  padding: 30px;
}

.content .archive-post.post.hentry:first-of-type {
  padding-top: 40px;
}

.content .archive-post.post.hentry:last-of-type {
  padding-bottom: 40px;
}

#comments {
  padding: 0 30px;
}

/* Content floats */
.two-col-l .content {
  float: right;
}

.two-col-r .content {
  float: left;
}

.three-col-l .content {
  float: right;
}

.three-col-r .content {
  float: left;
}

.three-col-c .content {
  float: none;
  display: inline-block;
}

/* Primary sidebar floats */
.two-col-l .primary-sidebar {
  float: left;
}

.two-col-r .primary-sidebar {
  float: right;
}

.three-col-l .primary-sidebar {
  float: left;
  margin-right: 2%;
}

.three-col-r .primary-sidebar {
  float: left;
  margin-right: 2%;
}

.three-col-c .primary-sidebar {
  float: left;
  margin-right: 2%;
}

/* Secondary sidebar floats */
.three-col-l .secondary-sidebar {
  float: left;
}

.three-col-r .secondary-sidebar {
  float: left;
}

.three-col-c .secondary-sidebar {
  float: right;
}

/* 4. =FONT ICONS
-------------------------------------------------------------- */
.fa-1point5x {
  font-size: 1.5em;
}

.post-meta .date:before,
.post-meta .comment:before,
.post-meta .comments:before,
.post-meta .category:before,
.post-meta .post_tag:before,
.post-meta .post_tags:before,
.post-meta .author a:before,
.next-prev-post-links .prev:before,
.next-prev-post-links .next:after,
.featured-box:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
}

.post-meta .comment:before {
  content: '\f075';
  margin-right: 4px;
}

.post-meta .comments:before {
  content: '\f086';
  margin-right: 4px;
}

.post-meta .post_tag:before {
  content: '\f02b';
  margin-right: 4px;
}

.post-meta .post_tags:before {
  content: '\f02c';
  margin-right: 4px;
}

.post-meta .date:before {
  content: '\f073';
  margin-right: 4px;
}

.post-meta .category:before {
  content: '\f07c';
  margin-right: 3px;
}

.post-meta .author a:before {
  content: '\f007';
  margin-right: 3px;
}

.next-prev-post-links .prev:before, .next-prev-post-links .next:after {
  font-size: 16px;
}

.next-prev-post-links .prev:before {
  content: '\f104';
  padding-right: 8px;
}

.next-prev-post-links .next:after {
  content: '\f105';
  padding-left: 8px;
}

/* 5. =TYPOGRAPHY & LINKS
-------------------------------------------------------------- */
a {
  color: #555;
}

a:hover {
  color: #777;
}

blockquote {
  border-left: #ccc;
}

body {
  font: 100%/1.5 'Open Sans', 'Lucida Sans Unicode', 'Trebuchet MS', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
  font-weight: bold;
  margin: 0 0 0.2em 0;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 0.95em;
}

.entry-title a, .page-title a, .site-info a, #wpgo-portfolio a {
  text-decoration: none;
}

blockquote {
  font-style: italic;
  width: 70%;
  max-width: 460px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.7;
  border-left-width: 1px;
  border-left-style: solid;
}

blockquote cite {
  color: #999;
  font-size: 0.95em;
  display: block;
  margin-top: 5px;
}

blockquote cite:before {
  content: "\2014 \2009";
}

a[href^=tel] {
  text-decoration: none;
}

/* 6. =BUTTONS
-------------------------------------------------------------- */
.body-container a.button,
.body-container a.more-link,
.body-container a.post-edit-link,
.body-container a.btn,
.body-container input.search-submit,
.body-container input#submit,
.body-container input.submit,
.body-container input[type="submit"],
.body-container ul#filters li a {
  -webkit-backface-visibility: hidden;
  opacity: 1;
  color: #ffffff;
  background: #0095cd;
  letter-spacing: 0.015em;
}

.body-container a.button:hover,
.body-container a.more-link:hover,
.body-container a.post-edit-link:hover,
.body-container a.btn:hover,
.body-container input.search-submit:hover,
.body-container input#submit:hover,
.body-container input.submit:hover,
.body-container input[type="submit"]:hover,
.body-container ul#filters li a:hover {
  color: #ffffff;
  background: #0095cd;
}

/*.sidebar-container .button,
.sidebar-container .btn,
.sidebar-container .search-submit,
.sidebar-container #submit,
.sidebar-container .submit,
.sidebar-container .post-edit-link,
.sidebar-container .more-link,
.sidebar-container input[type="submit"],
.sidebar-container ul#filters li a {
  color: #ff0000;
}
.sidebar-container .button:hover,
.sidebar-container .btn:hover,
.sidebar-container .search-submit:hover,
.sidebar-container #submit:hover,
.sidebar-container .submit:hover,
.sidebar-container .post-edit-link:hover,
.sidebar-container .more-link:hover,
.sidebar-container input[type="submit"]:hover,
.sidebar-container ul#filters li a:hover {
  color: orange;
}*/
/*.footer-container .button,
.footer-container .btn,
.footer-container .search-submit,
.footer-container #submit,
.footer-container .submit,
.footer-container .post-edit-link,
.footer-container .more-link,
.footer-container input[type="submit"],
.footer-container ul#filters li a {
  background: #48ba2d;
  color: #fff;
}
.footer-container .button:hover,
.footer-container .btn:hover,
.footer-container .search-submit:hover,
.footer-container #submit:hover,
.footer-container .submit:hover,
.footer-container .post-edit-link:hover,
.footer-container .more-link:hover,
.footer-container input[type="submit"]:hover,
.footer-container ul#filters li a:hover {
  color: #fff;
}*/
a.button i {
  margin: 2px;
  padding-right: 2px;
}

a.button i,
a.more-link i,
a.post-edit-link i,
input.search-submit i,
input#submit i,
input.submit i,
ul#filters li a i {
  -webkit-backface-visibility: hidden;
}

a.button:active,
a.more-link:active,
a.post-edit-link:active,
input.search-submit:active,
input#submit:active,
input.submit:active,
ul#filters li a:active {
  opacity: 0.85;
}

/* 7. =TABLES
-------------------------------------------------------------- */
th, td {
  padding: 8px;
}

th {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

fieldset, table {
  margin-bottom: 15px;
}

.widget table#wp-calendar {
  width: 100%;
}

/* 8. =LISTS
-------------------------------------------------------------- */
ol {
  list-style: decimal;
  margin: 0 0 18px 1em;
}

ol li {
  list-style: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

ul {
  margin: 0;
  padding: 0;
}

p {
  margin: 0.7em 0;
}

.content ul {
  margin: 0.7em 0 0.7em 35px;
}

/* 9. =BOXES
-------------------------------------------------------------- */
.box i {
  margin-right: 5px;
}

.box {
  padding: 0 15px;
  margin: 15px 0;
  display: block;
  overflow: hidden;
}

.optin-error, .contact-error, .note, .warning, .alert, .error, .download {
  font-size: 13px;
  clear: both;
  overflow: hidden;
  display: block;
  text-align: left;
  line-height: 21px;
}

.note, .warning, .alert, .error, .download {
  padding: 12px 15px;
  margin: 15px 0;
}

.optin-error, .contact-error {
  padding: 5px 10px;
}

.optin-error {
  margin-top: 40px;
}

/* 10. =IMAGES
-------------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.content img, .aside img, .post-thumb img {
  border: 1px solid #ddd;
}

.post-thumb img {
  padding: 2px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.content img.noborder {
  border: none;
}

.post-content img.alignright {
  margin: 6px 0 6px 12px;
}

.post-content img.alignleft {
  margin: 6px 12px 6px 0;
}

.post .post-thumb, .page .post-thumb {
  margin: 5px 0 20px;
  overflow: hidden;
}

.post .post-thumb img, .page .post-thumb img {
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
}

p.wp-caption-text {
  margin-top: 0;
  margin-bottom: 8px;
  text-align: center;
  font-size: 12px;
}

.gallery img {
  padding: 4px;
  margin: 0;
  border: none !important;
}

.gallery .gallery-caption {
  font-size: 12px;
}

.icon {
  margin: 0 10px 0 0;
  position: relative;
  top: 10px;
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
  bottom: -3% !important;
}

.gallery {
  margin-top: 12px !important;
}

.gallery img {
  padding: 8px;
}

.gallery dl {
  line-height: 0;
}

.gallery .gallery-item {
  margin-top: 0 !important;
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  background-color: #222 !important;
  border: 1px #777 solid;
}

/* 11. =FORMS
-------------------------------------------------------------- */
input[type='search'], input[type='text'], input[type='email'], input[type='url'], input[type='password'], textarea {
  border: 1px solid #ddd;
}

input[type='search']:hover, input[type='text']:hover, input[type='email']:hover, input[type='url']:hover, input[type='password']:hover, textarea:hover {
  border: 1px solid #ccc;
}

label {
  cursor: pointer;
}

input, textarea {
  line-height: 1.625;
  padding: 3px 5px;
}

input.button, input.search-submit, input[type="submit"] {
  padding: 0.4em 1.5em 0.4em;
  border: 0;
}

.button, .btn, .search-submit, #submit, .submit, .post-edit-link, .more-link, input[type="submit"], ul#filters li a {
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  padding: 0.45em 0.7em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.more-link {
  margin-top: 10px;
}

a.large {
  font-size: 18px;
  letter-spacing: 0;
}

.button:hover, .btn:hover, .search-submit:hover, #submit:hover, .submit:hover, .post-edit-link:hover, .more-link:hover {
  text-decoration: none;
}

.widget_search form {
  margin-top: 12px;
}

textarea, input[type="text"], input[type="search"], input[type="submit"], input[type="password"], [type="email"] {
  -webkit-appearance: none;
}

.navigation ul li.menu-item-search a {
  background-color: transparent;
  border: 0;
}

.navigation ul li.menu-item-search:hover a {
  background-color: transparent;
  border: 0;
}

ul.menu > li.menu-item-search:after {
  display: none;
}

.menu-item-search .search-submit {
  display: none;
}

.menu-item-search input[type="search"]::-webkit-input-placeholder {
  color: #aaa;
}

.menu-item-search input[type="search"]:-moz-placeholder {
  color: #aaa;
}

.menu-item-search input[type="search"]::-moz-placeholder {
  color: #aaa;
}

.menu-item-search input[type="search"]:-ms-input-placeholder {
  color: #aaa;
}

.menu-item-search input[type="search"]::placeholder {
  color: #aaa;
}

.menu-item-search .menu-search-icon {
  width: 16px;
}

.menu-item-search input[type="search"] {
  line-height: normal;
  margin-right: 2px;
}

.menu-item-search input[type="search"] {
  line-height: 1.625;
  margin-right: 0;
}

.menu-item-search input[type="search"] {
  color: #555;
}

.menu-item-search input[type="search"] {
  display: none;
}

li.menu-item-search input[type="search"] {
  width: 180px;
  position: absolute;
  border-color: #b0b0b0;
  z-index: 9999;
}

.header-row-cell .menu-item-search input[type="search"] {
  top: 45px;
  left: -165px;
}

.header-row-1 .menu-item-search input[type="search"] {
  top: 31px;
  left: -181px;
}

.header-row-2 .menu-item-search input[type="search"] {
  top: 38px;
  left: -151px;
}

.header-row-3 .menu-item-search input[type="search"] {
  top: 51px;
  left: -165px;
}

/* 12. =NAVIGATION MENUS
-------------------------------------------------------------- */
.header-row-container {
  padding: 0 20px;
}

.header-row-wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.header-row {
  display: table;
  width: 100%;
}

.header-row-cell {
  display: table-cell;
  vertical-align: top;
}

/* Reset nav menu styles */
nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: block;
}

ul.menu, li.menu-item-has-children a[href="#"], li.menu-item-has-children a[href="#/"], li.menu-item-has-children {
  cursor: default;
}

.navigation ul li a {
  display: block;
  font: normal normal normal 15px/23px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  /* change to none/underline */
  color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px #aaa solid;
  background-color: #6F9EB6;
  /* transparent; change to transparent or specific color */
  margin: 5px 0;
  padding: 6px 12px;
}

/* TIP: Change the :hover rule to apply to 'a' tag rather than 'li' tag if you don't want
   to highlight ALL parent list items containing children when navigating through the sub-menus */
ul.menu li:hover > a {
  background-color: #79A8C0;
  color: #fff;
  border: 1px #aaa solid;
}

ul.menu li.menu-item-has-children > a:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0.75em;
  font-weight: bold;
}

ul.menu i.fa.pad-icon:before {
  padding-right: 3px;
}

/* icon margins */
ul i.fa.left {
  margin-right: 3px;
}

ul i.fa.right {
  margin-left: 4px;
}

ul.menu > li {
  display: inline-block;
  position: relative;
  /* these should be the same and probably set by a Sass variable */
  margin-left: 5px;
  margin-right: 5px;
  /* this should probably be tied in some way via Sass to the 'top' value in 'nav ul ul' */
  /*padding-bottom: 15px;*/
}

/* Remove the left/right margin of the first/last top-level menu item respectively */
/* this is only really noticeable if you have the top-level background set and float is set to left/right
   on .navigation */
ul.menu > li:last-child {
  margin-right: 10px;
}

/* top-level current menu item styles */
ul.menu > li.current-menu-item > a,
ul.menu > li.current_page_item > a,
ul.menu > li.current-menu-ancestor > a {
  background-color: #00a1dd;
  border: 1px #1399cb solid;
}

/* top-level hover styles for current menu item */
ul.menu > li.current-menu-item:hover > a,
ul.menu > li.current_page_item:hover > a,
ul.menu > li.current-menu-ancestor:hover > a {
  text-decoration: none;
  /* set to underline/none */
  background-color: #1399cb;
}

/* top-level drop down arrow */
ul.menu > li.menu-item-has-children > a {
  /* this could be set with Sass and should be the padding of normal list items
    (without children) plus the width of the drop down, plus 1 or two pixels for
    spacing around drop down */
  padding-right: 24px;
}

ul.menu > li.menu-item-has-children > a:after {
  margin-left: 4px;
  position: absolute;
  right: 14px;
  bottom: 18px;
  content: "\f107";
  color: #fff;
}

/* place the top level menu icons above/below menu text (depending on which side the icon was placed) */
/* Note: With the test CSS changes to how the drop down arrow works this doesn't seem to be central
   when used for top-level menu item containing children */
/* ul.menu > li > a > i {
	display: block;
	text-align: center;
	margin: 0;
	font-size: 1.3em;
}*/
ul.menu > li:after {
  content: '';
  display: block;
  position: relative;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: transparent;
  /* transition #1 - left to right */
  /* transition #2 - middle out */
  margin: auto;
  -webkit-transition: width .15s ease, background-color .15s ease;
  transition: width .15s ease, background-color .15s ease;
}

ul.menu > li:hover:after {
  width: 100%;
  background: #9EB0B8;
}

ul.menu > li.current-menu-item:hover:after,
ul.menu > li.current-menu-parent:hover:after,
ul.menu > li.current-menu-ancestor:hover:after {
  width: 100%;
  background-color: #79A8C0;
}

/* FIRST drop down sub-menu */
ul.menu ul {
  display: none;
  /* hide all sub-menu ul elements by default */
  position: absolute;
  top: 57px;
  /* set to auto or specific px value, but should probably be tied with another valuedependent on  */
  left: 0;
  background-color: #797979;
  border: 1px #aaa solid;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* first tier drop down menu-item */
ul.menu ul li {
  position: relative;
  width: 190px;
  /* the left values for the sub-menu are dependent on this */
  text-align: left;
  /* change to left/center/right but might want to make specific to menu */
  line-height: 20px;
}

/* SECOND (and subsequent) sub-menus */
/* override styles from 'ul.menu ul' selector above for different sub-menu styles { */
ul.menu ul ul {
  position: absolute;
  top: -1px;
  left: 193px;
  /* this should be able to be calc. by the width of the sub-meu ul + 6, or width + border + 4? */
}

/* Use these styles if a gap is needed between top-level menu and sub-menu */
/* try and auto calculate these values so they can be kept for all types of menus (i.e. the height is zero for no gap) */
/* these values need tying in with other menu values via Sass */
/* first drop down sub-menus */
ul.menu ul:before {
  position: absolute;
  width: 100%;
  left: 0;
  top: -13px;
  /* this is dependent on the gap between top-level and sub-menu ul */
  height: 12px;
  /* this is dependent on the gap between top-level and sub-menu ul */
  content: "";
}

/* use these styles if a gap is needed between sub-menu and sub-sub-menus */
/* try and auto calculate these values so they can be kept for all types of menus (i.e. the width is zero for no gap) */
/* these values need tying in with other menu values via Sass */
/* second and other drop down sub-menus */
ul.menu ul ul:before {
  height: 100%;
  width: 3px;
  /* this will depend on the gap between sub-menu and sub-sub-menu ul border. if there is no border then this value will need to be 8 so we should make this value dependent with an offset to take into account the border. */
  left: -3px;
  /* when switching alignment to the left this value needs to be a var which is the negative of the width of the ul sub-menu + 1. e.g. 190 + 1 */
  top: 0;
  position: absolute;
  content: "";
}

ul.menu ul li.menu-item-has-children > a:after {
  content: "\f105";
}

/* <a> styles for all first tiers drop down */
ul.menu ul li a {
  border: 1px #aaa solid;
  /* set "sub-menu li a" border border to none or specific style */
  margin: 8px;
  background-color: #797979;
  /* set to transparent or specific color */
  font-size: 0.9em;
  /*border-radius: 5px;*/
  /* set to specific size if you want a different border radius on sub-menu items */
}

/* hover styles for first sub-menu tier */
ul.menu ul > li:hover > a {
  text-decoration: none;
  /* set to underline/none */
  background-color: #999999;
  /*background-color: green;*/
  /* set if you want a different hover bg color for sub-menu items */
}

/* hover styles for second sub-menu and other tiers */
ul.menu ul ul > li:hover > a {
  /*background-color: purple;*/
}

/* show sub-menu ul element when parent li hovered over */
ul.menu li.menu-item-has-children:hover > ul {
  display: block;
}

ul.menu ul > li.menu-item-has-children:hover > a {
  /*background-color: #bbb;*/
  /* set if you want a different hover bg color for sub-menu items containing children */
}

/* second and other tier sub-menu drop down arrow */
ul.menu li.menu-item-has-children li.menu-item-has-children > a:after {
  position: absolute;
  top: 18px;
  right: 14px;
  margin: 0;
  /* color: #eee;*/
  /* if you want a different color for sub-menu arrow */
}

/* colors for all other tiers (if you want it different from top-level tier) */
/* sub-menu current menu item styles */
ul.menu ul > li.current-menu-item > a, ul.menu ul > li.current_page_item > a {
  background-color: #999999;
  border: 1px #aaa solid;
}

ul.sub-menu i.fa.pad-icon:before {
  padding-right: 6px;
}

/* second and other tier icon margins */
/* these look better with a bit more margin, maybe because of the smaller font used on sub-menus */
ul.menu ul i.fa.left {
  margin-right: 8px;
}

ul.menu ul i.fa.right {
  margin-left: 8px;
}

ul.menu ul ul.left,
.header-row-cell ul.menu ul ul.left {
  left: -195px;
  /* when switching alignment to the left this value needs to be a var which is the negative of the width of the ul sub-menu + 1. e.g. 190 + 1 */
}

ul.menu ul ul.left:before,
.header-row-cell ul.menu ul ul.left:before {
  left: 191px;
  /* when switching alignment to the left this value needs to be a var which is the negative of the width of the ul sub-menu + 1. e.g. 190 + 1 */
}

ul.menu ul.left li.menu-item-has-children > a:after,
.header-row-cell ul.menu ul.left li.menu-item-has-children > a:after {
  content: "\f104";
}

ul.menu ul > li.menu-item-has-children > a.left-arrow:after,
.header-row-cell ul.menu ul > li.menu-item-has-children > a.left-arrow:after {
  content: "\f104";
}

ul.menu ul ul.left:before,
.header-row-cell ul.menu ul ul.left:before {
  width: 8px;
  /* have to add in an extra 2px over the value above in the same selector 'ul.menu ul ul:before'. But there seems to be an invisible gap in IE so added extra 3px to make it work. This value is dependent on the gap too */
}

ul.menu ul.central-stack-right,
.header-row-cell ul.menu ul.central-stack-right {
  right: 0;
  left: auto;
}

ul.menu ul.central-stack-right ul.left,
.header-row-cell ul.menu ul.central-stack-right ul.left {
  right: 198px;
  left: auto;
}

ul.menu li.menu-item-has-children.hide-sub-menus:hover > ul,
.header-row-cell ul.menu li.menu-item-has-children.hide-sub-menus:hover > ul {
  display: none;
}

.header-row-1 ul {
  z-index: 300;
}

.nav-wrap.header-row-1 {
  text-align: left;
}

.nav-wrap.header-row-1 {
  width: 45%;
}

.top-header-wrapper.header-row-1 {
  width: 55%;
}

.header-row-1 .navigation {
  padding: 7px 0;
  /*float: right;*/
  /* change to right/left. stops the nav ul from being 100% wide, useful if you want to display the ul background */
}

.header-widget-area.top-header-widget-area {
  margin: 0;
  padding: 4px 0;
}

.header-row-1 .search input[type="search"], .header-row-1 input[type="email"]#mce-EMAIL {
  margin-bottom: 0;
  padding: 0 5px;
  font-size: 0.75em;
}

.top-header-widget-area .wpgo-connect-ul {
  margin: 0;
}

.top-header-widget-area .wpgo-connect-ul li {
  margin-bottom: 0;
}

.top-header-widget-area .wpgo-connect-p a {
  font-size: 0.75em;
}

.top-header-widget-area .wpgo-connect-p i.fa-mobile {
  font-size: 22px;
}

.top-header-widget-area .wpgo-connect-p a,
.top-header-widget-area .wpgo-connect-p a:hover {
  color: #bbb;
}

.header-widget-area.top-header-widget-area .widget {
  max-width: none;
}

.header-widget-area .wpgo_connect li {
  margin-bottom: 0 !important;
}

.header-row-1 ul.menu > li:after {
  display: none;
}

.header-row-1-container {
  border-bottom: 1px solid #eee;
  background-color: #ffffff;
}

.header-row-2-container {
  border-bottom: 1px solid #eee;
}

.header-row-1 ul.menu > li > a {
  color: #bbb;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 0.75em;
}

.header-row-1 ul.menu > li.current-menu-item:hover > a,
.header-row-1 ul.menu > li.current_page_item:hover > a,
.header-row-1 ul.menu > li.current-menu-ancestor:hover > a {
  background-color: transparent;
}

/* FIRST drop down sub-menu */
.header-row-1 ul.menu ul {
  display: none;
  /* hide all sub-menu ul elements by default */
  position: absolute;
  top: 30px;
  /* set to auto or specific px value, but should probably be tied with another valuedependent on  */
  left: 0;
  background-color: #444;
  border: 1px #eee solid;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* first tier drop down menu-item */
.header-row-1 ul.menu ul li {
  position: relative;
  width: 190px;
  /* the left values for the sub-menu are dependent on this */
  text-align: left;
  /* change to left/center/right but might want to make specific to menu */
  line-height: 20px;
}

/* SECOND (and subsequent) sub-menus */
/* override styles from 'ul.menu ul' selector above for different sub-menu styles { */
.header-row-1 ul.menu ul ul {
  position: absolute;
  top: -1px;
  left: 193px;
  /* this should be able to be calc. by the width of the sub-meu ul + 6, or width + border + 4? */
}

/* Use these styles if a gap is needed between top-level menu and sub-menu */
.header-row-1 ul.menu ul:before {
  position: absolute;
  width: 100%;
  left: 0;
  top: -12px;
  /* this is dependent on the gap between top-level and sub-menu ul */
  height: 12px;
  /* this is dependent on the gap between top-level and sub-menu ul */
  content: "";
}

/* use these styles if a gap is needed between sub-menu and sub-sub-menus */
.header-row-1 ul.menu ul ul:before {
  height: 100%;
  width: 3px;
  /* this will depend on the gap between sub-menu and sub-sub-menu ul border. if there is no border then this value will need to be 8 so we should make this value dependent with an offset to take into account the border. */
  left: -4px;
  /* when switching alignment to the left this value needs to be a var which is the negative of the width of the ul sub-menu + 1. e.g. 190 + 1 */
  top: 0;
  position: absolute;
  content: "";
}

.header-row-1 ul.menu li.menu-item-has-children li.menu-item-has-children > a:after {
  top: 13px;
}

.header-row-1 ul.menu > li:after {
  position: absolute;
  bottom: -60px;
}

.header-row-1 ul.menu > li.menu-item-has-children > a:after {
  bottom: 16px;
}

.header-row-1 ul.menu ul li a {
  margin: 0;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 6px 14px;
  background-color: #fff;
  color: #bbb;
}

.header-row-2 ul {
  z-index: 200;
  margin-bottom: 5px;
}

.header-row-2-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
}

.header-row-2-wrap .logo-title-wrap {
  width: 35%;
}

.header-row-2-wrap .nav-wrap {
  width: 65%;
}

.nav-wrap.header-row-2 {
  text-align: right;
}

.header-row-2 ul.menu > li:after {
  display: none;
}

.header-row-2 ul.menu > li.menu-item-has-children > a:after {
  bottom: 10px;
}

.header-row-2 ul.menu > li {
  margin: 0;
}

.header-row-2 .navigation ul.menu {
  display: inline-block;
  background-color: #9eb0b8;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.header-row-2 ul.menu > li > a {
  border: 0;
  margin: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #9eb0b8;
}

.header-row-2 ul.menu > li:first-child > a {
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.header-row-2 ul.menu > li:last-child > a {
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* top-level current menu colors */
.header-row-2 ul.menu > li.current-menu-item > a,
.header-row-2 ul.menu > li.current_page_item > a,
.header-row-2 ul.menu > li.current-menu-ancestor > a {
  background-color: #1399cb;
}

.header-row-2 ul.menu > li.current-menu-item:hover > a,
.header-row-2 ul.menu > li.current_page_item:hover > a,
.header-row-2 ul.menu > li.current-menu-ancestor:hover > a {
  background-color: #00a1dd;
}

/* FIRST drop down sub-menu */
.header-row-2 ul.menu ul {
  top: 35px;
  /* set to auto or specific px value, but should probably be tied with another value dependent on  */
}

/* first tier drop down menu-item */
/* SECOND (and subsequent) sub-menus */
/* override styles from 'ul.menu ul' selector above for different sub-menu styles { */
.header-row-2 ul.menu ul ul {
  top: -1px;
  left: 193px;
  /* this should be able to be calc. by the width of the sub-meu ul + 6, or width + border + 4? */
}

/* Use these styles if a gap is needed between top-level menu and sub-menu */
/* use these styles if a gap is needed between sub-menu and sub-sub-menus */
.header-row-2 ul.menu ul li a {
  margin: 0;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 12px 14px;
}

.header-row-3 ul {
  z-index: 100;
}

.header-row-3-wrap .header-row-cell {
  width: 100%;
}

.nav-wrap.header-row-3 {
  text-align: left;
}

.header-row-3 .navigation {
  padding: 2px 0;
  /*float: right;*/
  /* change to right/left. stops the nav ul from being 100% wide, useful if you want to display the ul background */
}

.header-row-3 ul.menu > li:not(.menu-item-has-children) a:after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 47px;
  /* this is dependent on the gap between top-level and sub-menu ul */
  height: 6px;
  /* this is dependent on the gap between top-level and sub-menu ul */
  content: "";
}

.header-row-3 ul.menu > li:after {
  position: absolute;
  bottom: -59px;
}

.header-row-3 ul.menu > li.menu-item-has-children > a:after {
  bottom: 16px;
}

.header-row-3 ul.menu ul li a {
  margin: 0;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 12px 14px;
}

.header-row-3 ul.menu ul > li:first-child > a {
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.header-row-3 ul.menu ul > li:last-child > a {
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.fixed-header-menu, #wpadminbar {
  -webkit-backface-visibility: hidden;
}

.fixed-header-menu .nav-wrap {
  width: 86%;
  padding: 17px 0 11px 0;
  vertical-align: middle;
}

.fixed-header-menu .logo-title-wrap {
  width: 14%;
  padding: 15px 0 5px 0;
}

.fixed-header-menu {
  display: none;
  position: fixed;
  top: 0;
  background-color: #ffffff;
  border-bottom: 2px solid #ededed;
  opacity: 0.95;
  z-index: 500;
  left: 0;
  right: 0;
}

body.admin-bar .fixed-header-menu {
  top: 32px;
}

.fixed-header-menu img {
  max-width: 150px;
}

.responsive-menu, .nav-respond-wrapper-container, input#nav-respond {
  display: none;
}

.scroll-icon-left {
  left: 30px;
}

.scroll-icon-right {
  right: 30px;
}

.scroll-icon-center {
  left: 50%;
  margin-left: -23px;
}

.scroll-to-top {
  z-index: 999;
  min-width: 25px;
  min-height: 25px;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  background: #BAC9D0;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 30px;
  opacity: 0.7;
  display: none;
}

.scroll-to-top:hover {
  opacity: 0.9;
  color: #fff;
  text-decoration: none;
}

.scroll-to-top i {
  font-size: 26px;
}

/* 13. =HEADER
-------------------------------------------------------------- */
.site-title, .site-title a {
  color: #555;
}

.site-description {
  color: #888;
}

/* Logo, site title, and site description styles */
.site-title {
  font-size: 2em;
  font-weight: bold;
  padding: 8px 0;
  margin: 10px 0;
}

.site-title a {
  text-decoration: none;
}

.site-description {
  font-size: 1.1em;
  margin-bottom: 0;
}

.logo-title-wrap {
  /* change as necessary */
  font: normal normal normal 15px/ 23px Helvetica, Arial, Verdana, sans-serif;
  /* controls left/center/right and top/middle/bottom alignment of logo, site title and site description */
  text-align: left;
  /* change to left/center/right */
}

.logo-title-wrap a img, .logo-title-wrap img {
  padding: 10px 0;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 580px) {
  .logo-title-wrap {
    text-align: center;
  }
}
/* 14. =CONTENT
-------------------------------------------------------------- */
.quote:before {
  border-right-color: #fff;
}

.avatar {
  border-color: #fff;
}

.primary-sidebar {
  width: 25%;
}

.secondary-sidebar {
  width: 20%;
}

.two-col-r .content, .two-col-l .content {
  width: 73%;
}

.three-col-r .content, .three-col-l .content, .three-col-c .content {
  width: 51%;
}

hr.end {
  margin: 30px 0 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 0;
}

p.small-p {
  font-style: italic;
}

.quote:before {
  border-right-style: solid;
  border-right-width: 15px;
}

.avatar {
  border-style: solid;
  border-width: 2px;
}

/* 15. =FOOTER
-------------------------------------------------------------- */
footer .widget-title {
  border-bottom: 1px dotted #ccc;
  color: #fff;
}

.footer-widget-wrapper {
  padding: 0 20px;
}

.site-info-wrapper {
  padding: 0 20px;
}

.footer-widget-container, .footer-container .site-info {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 50px;
}

.footer-container .site-info {
  padding: 5px 0;
}

.site-info {
  font-size: 14px;
}

.site-info .copyright {
  float: left;
  max-width: 400px;
}

.site-info .wpgo-link {
  float: right;
  max-width: 400px;
}

a.wp-link {
  opacity: 0.85;
}

a.wp-link:hover {
  opacity: 1;
}

.wp-link i {
  font-size: 16px;
}

.footer-container .wpgo-testimonial {
  font-size: 15px;
}

/* 16. =POSTS/PAGES
-------------------------------------------------------------- */
.next-prev-post-links {
  border-top: 1px solid #dedede;
}

.page-link a:hover {
  background: #fff;
}

.page-link a {
  background: #eee;
  border: 1px solid #ccc;
  padding: 4px;
  margin: 0 2px;
}

/*** Meta Information ***/
.post-meta {
  font-size: 0.9em;
}

.post-meta a {
  text-decoration: none;
}

.post-meta ul {
  padding-left: 0;
  margin: 0;
}

.post-meta li {
  display: inline;
}

.post-meta .meta-separator.pre {
  display: none;
}

article footer .post-meta {
  margin-top: 20px;
}

footer ul.post-meta-items {
  list-style-type: none;
}

footer .post-meta-items li {
  display: list-item;
}

.edit-link {
  margin: 20px 0;
}

.next-prev-post-links {
  text-align: center;
  padding: 40px 0;
}

.next-prev-post-links a, .page-link a {
  text-decoration: none;
}

.next-prev-post-links .next {
  margin-left: 10px;
}

.next-prev-post-links .prev {
  margin-right: 10px;
}

.page-numbers.current {
  background-color: #ddd;
  padding: 0 3px;
  margin: 0 1px;
  border: 1px solid #ccc;
}

.page-numbers {
  margin: 0 1px;
}

/* 17. =COMMENTS
-------------------------------------------------------------- */
#comments .comment {
  overflow: hidden;
}

.comment-body, li.pingback {
  background: #f7f7f7;
}

.comment-body:before {
  border-left-color: #f7f7f7;
}

.container .comment-meta a {
  color: #888888;
  text-decoration: none;
}

li.byadmin > div > .comment-body {
  background: #efffef;
}

li.byadmin > div > .comment-body:before {
  border-left: 15px solid #efffef;
}

li.bypostauthor > div > .comment-body, li.comment-author-admin > div > .comment-body {
  background: #ebf4f7;
}

li.bypostauthor > div > .comment-body:before, li.comment-author-admin > div > .comment-body:before {
  border-left: 15px solid #ebf4f7;
}

#commentform input[type='url'], #commentform input[type='email'], #commentform input[type='text'], #commentform textarea {
  display: block;
}

#comments ol.commentlist > li {
  clear: both;
  position: relative;
  overflow: hidden;
}

.comment-body {
  padding: 0 15px;
  margin-bottom: 30px;
  position: relative;
  width: 75%;
  float: left;
  margin-top: 5px;
}

.comment-body:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left-width: 15px;
  border-left-style: solid;
  position: absolute;
  right: -15px;
  top: 12px;
}

.comment-author {
  text-align: center;
  float: right;
  font-size: 13px;
  width: 15%;
  margin-top: 30px;
}

.comment-author .avatar {
  display: block;
  margin: 0 auto;
}

.comment-author .fn {
  clear: left;
  display: block;
}

.comment-meta {
  clear: left;
  font-size: 11px;
}

ol.commentlist li ul.children {
  text-indent: 0;
  clear: both;
}

ol.commentlist li ul.children li {
  list-style: none;
  margin: 20px 0 20px 0;
  background: none;
}

ol.commentlist li.pingback {
  padding: 0 15px;
  border-bottom: none;
  font-size: 12px;
}

span.says {
  display: none;
}

div.reply {
  font-size: 11px;
  margin-bottom: 10px;
  display: inline;
}

div.reply a {
  padding: 0;
}

.cancel-comment-reply a, .cancel-comment-reply-link {
  display: none;
}

#respond {
  width: 100%;
  padding-bottom: 20px;
  clear: both;
}

#respond textarea {
  width: 96%;
}

.form-allowed-tags {
  padding: 2px 3px;
  font: normal normal normal 12px/22px "Trebuchet MS", Arial, Verdana, sans-serif;
  display: none;
}

.nocomments {
  display: none;
}

#comments .navigation {
  height: 50px;
}

#comments .navigation .nav-previous {
  float: left;
}

#comments .navigation .nav-next {
  float: right;
}

/* 18. =CONTACT FORM
-------------------------------------------------------------- */
.cffield, .cfsubmit, .cfcheckbox {
  margin: 10px 0;
}

.cffield label {
  clear: both;
}

.cffield textarea, .cffield input {
  clear: both;
  display: block;
  margin: 5px 0;
}

.cffield input {
  width: 50%;
  max-width: 270px;
}

.cffield textarea {
  width: 94%;
  height: 200px;
}

#cf_sendCopy {
  margin-right: 5px;
}

/* 19. =SEARCH RESULTS
-------------------------------------------------------------- */
div .search-results {
  color: #444;
  background-color: #ffff00;
}

#search-hr {
  background-color: #ccc;
}

div .search-results {
  font-weight: bold;
}

.search-results {
  margin: 0;
}

.search-results .hentry {
  padding-top: 15px;
  padding-bottom: 15px;
}

.content .search-page-header {
  padding-bottom: 0;
}

.search-page-article {
  padding-bottom: 40px;
}

.search-page-article .post-content {
  margin-top: 5px;
}

#search-results-header {
  display: inline;
}

#search-matches {
  float: right;
  display: inline;
  margin-top: 5px;
  font-style: italic;
}

#search-hr {
  height: 1px;
  border: none;
  clear: both;
  margin-bottom: 25px;
}

.search-loop-header {
  display: inline;
  font-size: 1.4em;
}

.search-loop-header a {
  text-decoration: none;
}

.post-meta-inline {
  display: inline;
  margin-left: 5px;
}

/* 20. =404 PAGE
-------------------------------------------------------------- */
.search404, .no-posts-found {
  margin: 25px auto;
  width: 300px;
}

.no-posts-found .searchform .search-submit, .search404 .searchform .search-submit {
  margin-left: 33%;
}

/* 21. =WIDGETS
-------------------------------------------------------------- */
.widget-area, article.post, .sidebar-container .widget {
  border-bottom: 1px solid #dedede;
}

.content article:last-of-type {
  border: 0;
}

.wpgo-testimonial:before {
  color: #ccc;
}

.wpgo-testimonial .testimonial-meta .tml-image-container {
  border-color: #0095cd;
}

.footer-container .wpgo-testimonial .testimonial-meta .tml-image-container {
  border-color: #fff;
}

article.page .widget {
  margin: 0 0 15px 0;
}

article.page .widget h2 {
  margin: 0.8em 0 0.2em 0;
}

.sidebar-container .widget {
  padding: 20px 30px 25px 30px;
  overflow: hidden;
}

.sidebar-container .widget-title {
  margin-top: 0;
  margin-bottom: 10px;
}

.sidebar-container .textwidget p:last-child, .sidebar-container .textwidget div:last-child {
  margin-bottom: 0;
}

.widget img {
  max-width: 100%;
  height: auto;
}

.widget select {
  max-width: 100%;
}

.container .front-page-main-content {
  border-bottom: 0;
  padding-bottom: 0;
}

.widget-area .widget:last-of-type {
  border-bottom: 0;
}

.wpgo-testimonial:last-child {
  margin-bottom: 0;
}

.front-page-before-content .wpgo_content_slider_widget:last-of-type {
  padding-top: 40px;
  padding-bottom: 35px;
}

.bc-widget-wrapper {
  padding: 0 20px;
}

.before-content-wrapper .widget {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.search input[type="search"], input[type="email"]#mce-EMAIL {
  padding-left: 10px;
  margin-bottom: 10px;
  width: 80%;
}

.searchform .search-submit {
  clear: both;
  display: block;
  margin: 10px 0;
}

.searchform {
  max-width: 270px;
}

.widget-area:last-of-type {
  border-bottom: 0;
}

/** Header Widgets **/
.header-widget-area {
  float: right;
  margin: 1em 0 .6em 0;
  clear: right;
}

.header-widget-area .widget {
  border: none;
  padding: 0;
  margin-bottom: 0;
}

/*** WPGO Connect Widget ***/
.wpgo-connect-ul a {
  text-decoration: none;
}

p.wpgo-connect-p a:link, p.wpgo-connect-p a:visited, p.wpgo-connect-p a:hover {
  text-decoration: none;
}

.wpgo-connect-p i.fa-mobile {
  padding-right: 6px;
  font-size: 28px;
  vertical-align: middle;
  position: relative;
  top: -3px;
}

.wpgo-connect-p a {
  font-size: 15px;
}

header .widget {
  display: inline-block;
}

header .wpgo_connect h3.widget-title, header .wpgo_connect .wpgo-description {
  display: none;
}

header .wpgo_connect .wpgo-connect-p {
  display: inline-block;
  vertical-align: middle;
  margin: 4px 20px 0;
}

header .wpgo-connect-ul {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

header .wpgo_connect .search {
  display: inline-block;
  vertical-align: middle;
}

header .search input[type="search"], header input[type="email"]#mce-EMAIL {
  width: 115px;
}

header .wpgo_connect .searchform {
  margin-top: 3px;
}

.header-widget-area .wpgo_connect .search-submit, .header-widget-area .wpgo_connect input[type="submit"] {
  display: none;
}

header .genericon-ul li {
  margin-bottom: 0;
}

.header-widget-area .wpgo_connect .genericon-ul li {
  margin: 0 3px 8px 0;
}

header .wpgo_connect .phone {
  margin-right: 10px;
  font-weight: 500;
}

header .wpgo_connect .phone a {
  position: relative;
  top: 2px;
}

.wpgo_connect .phone a:hover {
  text-decoration: none;
}

footer .wpgo_connect .phone, .container .wpgo_connect .phone {
  clear: both;
  display: block;
  font-size: 18px;
  margin-top: 3px;
  overflow: hidden;
  font-weight: 500;
}

.container .wpgo_connect input[type="search"], .container .search input[type="search"] {
  clear: none;
  float: left;
  max-width: 170px;
  margin-right: 10px;
  margin-bottom: 7px;
}

footer .wpgo_connect input[type="text"] {
  max-width: 180px;
  margin-bottom: 10px;
}

footer .wpgo_connect input[type="submit"] {
  margin-top: 8px;
}

.container .search-submit {
  clear: none;
  line-height: 1.45;
  margin: 0;
  padding: 0.4em 0.95em;
}

/*** Testimonials Widget/Shortcode ***/
.wpgo-testimonial {
  font-style: italic;
  font-size: 14px;
  overflow: hidden;
  margin: 5px 0 30px;
  position: relative;
}

.wpgo-testimonial .avatar {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  border: 0;
}

.wpgo_tml_widget .testimonial {
  margin: 15px 0;
  padding: 0;
}

.wpgo-testimonial .testimonial-name, .wpgo-testimonial .testimonial-company {
  font: bold 14px/18px Palatino, Georgia, serif;
  margin: 0 0 3px 0;
}

.footer-container .wpgo-testimonial .testimonial-name, .wpgo-testimonial .testimonial-company {
  font-size: 12px;
}

.wpgo-testimonial .testimonial-name {
  margin-top: 10px;
}

.wpgo-testimonial .testimonial-meta {
  padding-left: 30px;
}

.wpgo-testimonial:before {
  content: "\f205";
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 28px/1 'dashicons';
  vertical-align: top;
  position: absolute;
  left: 0;
}

.wpgo-testimonial .quote {
  display: block;
  margin: 0;
  padding-left: 33px;
}

.wpgo-testimonial .quote p:last-child {
  margin-bottom: 0;
}

.wpgo-testimonial .quote p:first-child {
  margin-top: 0;
}

.wpgo-testimonial .testimonial-meta .tml-image-container {
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin-right: 6px;
}

.wpgo-testimonial .testimonial-meta .tml-image-container img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}

.container .wpgo-testimonial .more-link {
  display: inline;
  padding: inherit;
  font: inherit;
  background-color: #fff !important;
  color: #000 !important;
}

/*** Recent Posts Widget ***/
.wpgo_recent_posts_widget ul {
  margin: 0;
}

.wpgo_recent_posts_widget ul li {
  background: none;
  padding: 2px 0 0 0;
  margin: 15px 0 0;
}

.wpgo_recent_posts_widget ul {
  list-style-type: none;
}

/*** Custom Menu Widget ***/
.widget_nav_menu ul.menu > li {
  display: list-item;
}

.widget_nav_menu ul.menu > li:hover:after {
  background-color: transparent;
}

.widget_nav_menu ul.menu li:hover > a {
  background-color: transparent;
  border: 0;
}

.widget_nav_menu ul.menu > li.current-menu-item > a,
.widget_nav_menu ul.menu > li.current_page_item > a,
.widget_nav_menu ul.menu > li.current-menu-ancestor > a {
  background-color: transparent;
  border: 0;
  text-decoration: underline;
}

/** Footer Widgets **/
footer .widget {
  width: 23.5%;
  float: left;
  margin: 20px 0 20px 2%;
  background: none;
  border: none;
  padding: 0;
}

footer .widget:first-child {
  margin-left: 0;
}

footer .widget-title {
  font-size: 1.35em;
  line-height: 26px;
  background: none;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
}

/** General Widgets **/
.wpgo_recent_posts_widget ul, .widget_recent_entries ul {
  list-style-type: none;
}

.widget_meta ul, .widget_text ul, .widget_rss ul, .widget_recent_comments ul, .widget_pages ul, .widget_nav_menu ul, .widget_categories ul, .widget_archive ul {
  margin-left: 25px;
}

.sidebar-container .widget.wpgo_content_slider_widget {
  padding-bottom: 50px;
}

.sidebar-container .widget.wpgo_content_slider_widget:last-child {
  padding-bottom: 20px;
}

.widget_calendar {
  float: left;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  text-align: right;
  color: #333;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
}

#wp-calendar thead {
  font-size: 12px;
}

#wp-calendar tbody {
  color: #aaa;
}

#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #fff;
  text-align: center;
  padding: 8px;
}

#wp-calendar tbody td:hover {
  background: #fff;
}

#wp-calendar tbody .pad {
  background: none;
}

#wp-calendar tfoot #next {
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
}

#wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
}

/* 22. =CONTENT SLIDER
-------------------------------------------------------------- */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("api/fonts/flexslider/flexslider-icon.eot");
  src: url("api/fonts/flexslider/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("api/fonts/flexslider/flexslider-icon.woff") format("woff"), url("api/fonts/flexslider/flexslider-icon.ttf") format("truetype"), url("api/fonts/flexslider/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme (customised)
*********************************/
.flex-container {
  position: relative;
}

.flexslider {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.flex-viewport {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.flexslider-loading-full {
  min-height: 349px;
  background: url(api/images/slider-preload.gif) no-repeat center center;
}

.flexslider-loading-twothirds {
  min-height: 149px;
  background: url(api/images/slider-preload.gif) no-repeat center center;
}

.flexslider-loading-third {
  min-height: 99px;
  background: url(api/images/slider-preload.gif) no-repeat center center;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  top: 45%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.flex-direction-nav li a {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-color: #ddd;
}

.flex-prev {
  left: 0;
}

.flex-next {
  right: 0;
}

.flex-container:hover .flex-prev {
  opacity: 0.5;
  left: 10px;
}

.flex-container:hover .flex-next {
  opacity: 0.5;
  right: 10px;
}

.flex-container:hover .flex-next:hover, .flex-container:hover .flex-prev:hover {
  opacity: 0.8;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 18px;
  display: block;
  line-height: 1;
  padding: 6px 8px 0 8px;
  text-shadow: none;
}

.flex-direction-nav a.flex-prev:before {
  content: '\f001';
  padding: 7px 0 0 9px;
}

.flex-direction-nav a.flex-next:before {
  content: '\f002';
  padding: 7px 0 0 10px;
}

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: "";
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: relative;
  bottom: -20px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #ffa500;
}

.flex-control-paging li a.flex-active {
  background: #ffa500;
}

/*.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover { opacity: 1 }
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}*/
.wpgo_content_slider_widget {
  margin-bottom: 20px;
}

.container .flexslider ul, .container .flex-direction-nav ul, .slide-featured-image {
  margin: 0;
  padding: 0;
}

.slide-content {
  position: relative;
  padding: 0;
  top: 35%;
  margin: 0;
  vertical-align: middle;
}

.slide-content .entry-title {
  font-size: 44px;
}

.flex-direction-nav li a:hover {
  opacity: 1;
}

.content .flex-direction-nav li a, .sidebar-container .flex-direction-nav li a {
  bottom: -5px;
}

.flex-control-paging li a {
  background: #fff;
}

.flex-control-paging li a:hover {
  background: #0095cd;
}

.flex-control-paging li a.flex-active {
  background: #0095cd;
}

.footer-widget-area .flexslider {
  background-color: #fff;
}

.flex-direction-nav a:before {
  color: #333;
}

.footer-container .flex-control-paging li a.flex-active {
  background: #1d7ca0;
}

.footer-container .slide-content a {
  color: #0095cd;
}

.footer-container .slide-content {
  color: #363636;
}

h2.slide-name {
  font-size: 36px;
  padding-left: 3px;
  line-height: 40px;
}

h2.slide-name a:hover {
  text-decoration: none;
}

/* Custom bullet styles */
.flex-control-paging li:nth-child(n+15) {
  display: none;
}

.primary-sidebar .flex-control-paging li:nth-child(n+9), .secondary-sidebar .flex-control-paging li:nth-child(n+9), .footer-widget-area .flex-control-paging li:nth-child(n+9) {
  display: none;
}

.primary-sidebar .flex-control-paging li a, .secondary-sidebar .flex-control-paging li a, .footer-widget-area .flex-control-paging li a {
  width: 8px;
  height: 8px;
}

.primary-sidebar .flex-control-nav li, .secondary-sidebar .flex-control-nav li, .footer-widget-area .flex-control-nav li {
  margin: 0 5px;
}

.primary-sidebar .flex-control-nav, .secondary-sidebar .flex-control-nav, .footer-widget-area .flex-control-nav {
  bottom: -20px;
}

.primary-sidebar .widget.wpgo_content_slider_widget, .secondary-sidebar .widget.wpgo_content_slider_widget {
  margin-top: 25px;
}

.footer-widget-area .widget.wpgo_content_slider_widget {
  margin-bottom: 40px;
}

/* 23. =PORTFOLIO
-------------------------------------------------------------- */
#wpgo-portfolio .featured-image {
  border-color: #ccc;
}

.content .portfolio-grid {
  padding-top: 0;
}

ul#filters li a {
  padding: 0.5em 0.8em;
}

ul#filters {
  margin: 0 0 10px 0;
  list-style: none;
  padding: 0;
}

ul#filters li {
  display: table-cell;
  padding: 0 5px;
}

#wpgo-portfolio {
  clear: both;
  overflow: hidden;
}

.page-template-portfolio-page-php ul#filters {
  padding: 0;
  margin: 5px 0;
}

.page-template-portfolio-page-php ul#filters li {
  display: inline-block;
  border: none;
  background: none;
  padding: 0;
  margin: 2px;
}

#wpgo-portfolio ul {
  margin: 0;
  padding: 0;
  clear: both;
}

#wpgo-portfolio ul li {
  display: block;
  float: left;
  margin: 15px 7px;
  padding: 0;
  background: none;
  overflow: visible;
}

#wpgo-portfolio .excerpt {
  text-align: center;
  margin-top: 0;
  font-size: 14px;
}

.portfolio-large ul li {
  max-width: 466px;
  height: 335px;
}

.portfolio-medium ul li {
  max-width: 306px;
  height: 300px;
}

.portfolio-small ul li {
  max-width: 200px;
  height: 255px;
}

.one-col .portfolio-small ul li {
  max-width: 225px;
}

.three-col-r .content .portfolio-small ul li, .three-col-l .content .portfolio-small ul li, .three-col-c .content .portfolio-small ul li {
  max-width: 170px;
}

.three-col-r .content .portfolio-large ul li, .three-col-l .content .portfolio-large ul li, .three-col-c .content .portfolio-large ul li {
  max-width: 360px;
  height: 295px;
}

#wpgo-portfolio .featured-image {
  border-style: solid;
  border-width: 1px;
}

#wpgo-portfolio .featured-image:hover {
  opacity: .8;
}

#wpgo-portfolio h3.portfolio-title {
  text-align: center;
  margin: 10px 0;
  line-height: 22px;
}

/* 24. =NON-SEMANTIC HELPER CLASSES
-------------------------------------------------------------- */
/*
.ir {
  display:           block;
  text-indent:       -999em;
  overflow:          hidden;
  background-repeat: no-repeat;
  text-align:        left;
  direction:         ltr;
}

.hidden {
  display:    none;
  visibility: hidden;
}

.visuallyhidden {
  border:   0;
  clip:     rect(0 0 0 0);
  height:   1px;
  margin:   -1px;
  overflow: hidden;
  padding:  0;
  position: absolute;
  width:    1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip:     auto;
  height:   auto;
  margin:   0;
  overflow: visible;
  position: static;
  width:    auto;
}

.invisible {
  visibility: hidden;
}*/
/* 25. =MISC
-------------------------------------------------------------- */
.faq-wrapper {
  margin: 25px 0;
}

dl {
  line-height: 170%;
  margin-bottom: 20px;
}

dl, dt, dd {
  margin: 0;
  padding: 0;
}

.faqs dt {
  font-weight: 700;
  background: #f1f1f1;
  position: relative;
  padding: 6px 14px;
  margin: 15px 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.faqs dd {
  display: none;
}

.faqs dd {
  padding: 0 0 15px 7px;
}

.faqs .hover {
  cursor: pointer;
}

/* 26. =CUSTOM CONTENT
-------------------------------------------------------------- */
.box {
  border: 1px solid #ddd;
}

.note, .warning, .alert, .error, .download {
  color: #444;
}

.note {
  background: #eee;
  border: 1px solid #ccc;
}

.warning, .alert {
  background: #fffbbc;
  border: 1px solid #e6db55;
}

.error {
  background: #ffebe8;
  border: 1px solid #c00;
}

.download {
  background: #e4f2f8;
  border: 1px solid #0095cd;
}

.optin-error, .contact-error, .warning {
  background: #ffebe8;
  border: 1px solid #cc0000;
}

.faqs dt:hover {
  background: #ddd;
}

.faqs dd {
  color: #333;
}

.featured-box-row {
  display: table;
  border-collapse: separate;
  border-spacing: 15px 10px;
}

.featured-box-row.featured-box-no-margin {
  margin: 0 -15px;
  /* remove border spacing from left/right side of table */
}

.featured-box {
  font-size: 0.95em;
  display: table-cell;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  background-color: #f1f1f1;
  border: 1px #ddd solid;
}

.featured-box-2-col .featured-box {
  width: 50%;
}

.featured-box-3-col .featured-box {
  width: 33.33%;
}

.featured-box-4-col .featured-box {
  width: 25%;
}

.featured-box:after {
  -webkit-font-smoothing: antialiased;
  color: #0095CD;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 1.5em;
}

.featured-box-arrow {
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 2px;
  font-size: 1.5em;
}

.featured-box.pf:after {
  content: "\f02e";
}

.featured-box.features:after {
  content: "\f12e";
}

.featured-box.team:after {
  content: "\f0c0";
}

.featured-box h3 {
  border-bottom: 1px #aaa dotted;
  width: 80%;
  font-size: 1.4em;
  margin-top: 10px;
  margin-bottom: 18px;
  margin-left: 28px;
}

.featured-box a {
  text-decoration: none;
}

.featured-box p {
  padding: 0 30px 25px 30px;
  text-align: left;
}

.spaced-ul li {
  margin-bottom: 18px;
  border-bottom: 1px dotted #0095cd;
}

.spaced-ul .fa-li {
  color: #0095cd;
}

.team-icons {
  margin-top: 10px;
  color: #0095cd;
  font-size: 20px;
}

/* 27. =SHORTCODES
-------------------------------------------------------------- */
/* Column layout styles. */
.one-half, .one-third, .two-thirds, .three-fourths, .one-fourth {
  float: left;
  margin-right: 2%;
  position: relative;
}

.last-col {
  clear: right;
  margin-right: 0;
}

.one-half {
  width: 49%;
}

.one-third {
  width: 32%;
}

.two-thirds {
  width: 66%;
}

.one-fourth {
  width: 23.5%;
}

.three-fourths {
  width: 74.5%;
}

/* 28. =MEDIA QUERIES
-------------------------------------------------------------- */
@media only screen and (max-width: 990px) {
  .sidebar-container .widget, .content .post, .content .page, .wpgo_portfolio, .wpgo_slide, .wpgo_document, .wpgo_testimonial {
    padding-right: 20px;
    padding-left: 20px;
  }

  .site-description {
    font-size: 1em;
  }

  .header-row-3 ul.menu > li {
    margin-left: 3px;
    margin-right: 3px;
  }

  .navigation ul li a {
    font-size: 0.9em;
  }

  footer .widget-title {
    font-size: 1.25em;
  }

  .footer-widget-container {
    padding: 0 40px;
  }

  .sidebar-container input.search-submit {
    margin-top: 5px;
  }

  .portfolio-medium ul li {
    height: 255px;
  }

  .two-col-r .portfolio-large ul li, .two-col-l .portfolio-large ul li {
    height: 335px;
  }

  .portfolio-large ul li {
    height: 295px;
  }

  .three-col-r .content .portfolio-medium ul li, .three-col-l .content .portfolio-medium ul li, .three-col-c .content .portfolio-medium ul li {
    max-width: 278px;
  }

  .two-col-r .portfolio-medium ul li, .two-col-l .portfolio-medium ul li {
    max-width: 234px;
  }

  .one-col .portfolio-large ul li {
    max-width: 350px;
  }

  .one-col .portfolio-small ul li {
    max-width: 168px;
  }

  .one-col .portfolio-medium ul li {
    max-width: 229px;
  }

  .three-col-r .content .portfolio-large ul li, .three-col-l .content .portfolio-large ul li, .three-col-c .content .portfolio-large ul li {
    max-width: 270px;
  }

  .gallery img {
    padding: 7px;
  }
}
@media only screen and (max-width: 950px) {
  .header-row-3 ul.menu > li {
    margin-left: 2px;
    margin-right: 2px;
  }
}
@media only screen and (max-width: 920px) {
  .header-row-3 ul.menu > li {
    margin-left: 1px;
    margin-right: 1px;
  }

  .content .post, .content .page, .wpgo_portfolio, .wpgo_slide, .wpgo_document, .wpgo_testimonial {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .primary-sidebar, .secondary-sidebar, .content {
    float: left;
    width: 100% !important;
  }

  .footer-widget-container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 860px) {
  footer .widget {
    width: 100%;
    margin-left: 0;
  }

  .footer-widget-container, .footer-container .site-info {
    padding: 0 20px;
  }

  .header-row-2-container {
    border-bottom: 0;
  }

  .header-row, .header-row-cell {
    display: block;
  }

  .header-row-1-container .nav-wrap,
  .header-row-2-container .nav-wrap .navigation,
  .header-row-3 {
    display: none;
  }

  .header-row-cell {
    text-align: center;
  }

  .top-header-wrapper.header-row-1 {
    width: 100%;
  }

  .header-row-2-container .nav-wrap {
    width: 100%;
  }

  .header-row-2-container .logo-title-wrap {
    width: 100%;
  }

  .header-widget-area {
    float: none;
    text-align: center;
  }

  .header-widget-area.top-header-widget-area {
    padding: 7px 0;
  }

  .header-row-2-container .wpgo_connect .wpgo-connect-p {
    display: block;
    margin-bottom: 12px;
    margin-right: 0;
  }

  .header-row-2-container .wpgo-connect-ul {
    display: block;
    padding-right: 0;
    margin-bottom: 18px;
  }

  .header-row-2-container .search {
    display: block;
  }

  .header-row-2-container .wpgo-connect-ul li:last-child {
    margin-right: 0 !important;
  }

  ul.menu li.menu-item-has-children > ul {
    display: block;
  }

  .responsive-menu {
    position: absolute;
    width: 100%;
    z-index: 999;
  }

  .responsive-menu ul.menu li {
    display: list-item;
    margin: 0;
    width: 100%;
  }

  ul.menu > li.menu-item-search {
    display: none;
  }

  .responsive-menu ul.menu i.fa.pad-icon:before {
    padding-right: 5px;
  }

  .responsive-menu ul.sub-menu i.fa.pad-icon:before {
    padding-right: 5px;
  }

  /* INDENT SUB MENUS */
  .responsive-menu ul.menu li a {
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    padding-left: 30px;
  }

  .responsive-menu ul.menu ul li a {
    font-weight: normal;
    padding-left: 50px;
  }

  .responsive-menu ul.menu ul ul li a {
    padding-left: 70px;
  }

  .responsive-menu ul.menu ul ul ul li a {
    padding-left: 90px;
  }

  .responsive-menu ul.menu > li:after {
    background: transparent;
    -webkit-transition: all 0 ease 0;
    transition: all 0 ease 0;
    height: 0;
  }

  .responsive-menu ul.menu li.menu-item-has-children > a:after {
    position: relative;
    right: -3px;
    bottom: 0;
    content: "\f107";
  }

  .responsive-menu ul.menu li.menu-item-has-children li.menu-item-has-children > a:after {
    position: relative;
    right: -7px;
    top: 0;
    content: "\f107";
  }

  .responsive-menu ul.menu ul > li.current-menu-item > a, .responsive-menu ul.menu ul > li.current_page_item > a {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
  }

  .responsive-menu ul.menu ul {
    position: relative;
    left: 0;
    top: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
  }

  input[type="checkbox"]#nav-respond {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    opacity: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: auto;
    border-width: 0;
  }

  .nav-respond-wrapper-container {
    overflow: hidden;
    display: table;
    width: 100%;
  }

  .nav-respond-wrapper-container div {
    position: relative;
    display: table-cell;
    width: auto;
  }

  #nav-respond-wrapper {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background-color: #9eb0b8;
    width: 100%;
    padding: 6px 0;
    text-align: center;
  }

  .responsive-menu ul.menu ul > li > a {
    background-color: #6f9eb6;
  }

  .responsive-menu ul.menu ul > li:hover > a {
    background-color: #6f9eb6;
  }

  .responsive-menu ul.menu ul > li > a:hover {
    background-color: #79a8c0;
  }

  .responsive-menu ul.menu > li > a:hover {
    background-color: #79a8c0;
  }

  .responsive-menu ul.menu ul > li.current-menu-item > a,
  .responsive-menu ul.menu ul > li.current_page_item > a {
    background-color: #79a8c0;
  }

  /* hover styles for current top-level menu item */
  .responsive-menu ul.menu > li.current-menu-item:hover > a,
  .responsive-menu ul.menu > li.current_page_item:hover > a,
  .responsive-menu ul.menu > li.current-menu-ancestor:hover > a {
    background-color: #00a1dd;
  }

  #nav-respond-wrapper:before {
    cursor: pointer;
    content: "\f333";
    -webkit-font-smoothing: antialiased;
    font: normal 26px/1 'dashicons';
    color: #FFF;
    position: relative;
    top: 7px;
    line-height: 0;
  }

  input[type="checkbox"]#nav-respond:checked + div.responsive-menu {
    display: block;
  }

  .container .portfolio-small ul li {
    width: 165px;
  }

  .portfolio-large ul li {
    max-width: 356px;
    height: 295px;
  }

  .portfolio-medium ul li {
    height: 300px;
  }

  .two-col-r .portfolio-medium ul li, .two-col-l .portfolio-medium ul li, .one-col .portfolio-medium ul li {
    max-width: 311px;
  }

  .site-info .wpgo-link, .site-info .copyright {
    float: none;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 782px) {
  body.admin-bar .fixed-header-menu {
    top: 46px;
  }
}
@media only screen and (max-width: 780px) {
  header .wpgo_connect .wpgo-connect-p {
    margin: 3px 10px 0 0;
  }

  .featured-box {
    font-size: 0.9em;
  }

  .featured-box h3 {
    margin-left: 17px;
    font-size: 1.3em;
  }

  .featured-box p {
    padding: 0 20px 25px 20px;
  }

  .portfolio-medium ul li {
    height: 275px;
  }

  .two-col-r .portfolio-medium ul li, .two-col-l .portfolio-medium ul li, .one-col .portfolio-medium ul li {
    max-width: 255px;
  }

  .portfolio-large ul li, .one-col .portfolio-large ul li, .three-col-r .content .portfolio-large ul li, .three-col-l .content .portfolio-large ul li, .three-col-c .content .portfolio-large ul li {
    height: 335px;
    max-width: 466px;
  }

  .one-col .portfolio-small ul li {
    max-width: 210px;
  }

  .gallery img {
    padding: 6px;
  }
}
@media only screen and (max-width: 740px) {
  /* FIRST drop down sub-menu */
  /* Use these styles if a gap is needed between top-level menu and sub-menu */
  /* try and auto calculate these values so they can be kept for all types of menus (i.e. the height is zero for no gap) */
  /* these values need tying in with other menu values via Sass */
  /* first drop down sub-menus */
  /* first tier drop down menu-item */
  /* SECOND (and subsequent) sub-menus */
  /* override styles from 'ul.menu ul' selector above for different sub-menu styles { */
}
@media only screen and (max-width: 700px) {
  .featured-box-3-col .featured-box {
    width: 100%;
  }

  .featured-box {
    display: block;
    margin-bottom: 15px;
    font-size: 0.97em;
  }

  .featured-box h3 {
    margin-left: 28px;
    font-size: 1.4em;
  }

  .featured-box p {
    padding: 0 30px 20px 30px;
  }
}
@media only screen and (max-width: 580px) {
  .gallery img {
    padding: 5px;
  }
}