/*
*   Design by Pixelis
*   www.pixelis.com.au
*
*   Table of Contents
*
*   1. Fonts
*
*   2. Normalize
*
*   3. General Resets
*
*   4. General Classes
*
*   5. Content
*       5.1 Headings
*       5.2 Paragraphs
*       5.3 Links
*       5.4 Lists
*       5.5 Images
*       5.6 Tables
*       5.7 Forms and Inputs
*       5.8 Pagination
*       5.9 Quirks
*
*   6. Header
*
*   7. Main Body
*       7.1 General
*       7.2 Slider
*       7.3 Main Banner
*       7.4 Main Content
*       7.5 Testimonials
*       7.6 Gallery
*       7.7 Blog
*       7.8 Comments
*       7.9 Sidebar
*       7.10 Contact Area
*       7.11 Lightbox
*       7.12 Price List
*       7.13 Service List
*       7.14 Accordion
*       7.15 Events
*       7.16 Products
*
*   8. Footer
*
*   9. Breakpoint: <= 1024
*       9.1 Header
*       9.2 Main Content
*       9.3 Slider
*       9.4 Main Banner
*
*   10. Breakpoint: 756 - 1024
*       10.1 Header
*       10.2 Gallery
*       10.3 Service List
*
*   11. Breakpoint: < 756
*       11.1 Header
*       11.2 Main Content
*       11.3 Headings
*       11.4 Paragraphs
*       11.5 Images
*       11.6 Tables
*       11.7 Forms and Inputs
*       11.8 Gallery
*       11.9 Blog
*       11.10 Comments
*       11.11 Sidebar
*       11.12 Slider
*       11.13 Service List
*       11.14 Price List
*       11.15 Lightbox
*       11.16 Testimonials
*       11.17 Pagination
*       11.18 Events
*       11.19 Quirks
*       11.20 Products
*       11.21 Footer
*/
/*------------------------------
1. Fonts
------------------------------*/
/*------------------------------
2. Normalize
------------------------------*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: 0 0; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2rem;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/*------------------------------
3. General Resets
------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

html {
  font-size: 150%; }

body {
  font-family: 'Lato', sans-serif, 'FontAwesome';
  color: #000;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*------------------------------
4. General Classes
------------------------------*/
#page-wrapper.active {
  max-width: 1024px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto; }

.inner-wrapper {
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1024px;
  min-width: 300px; }

#page-wrapper.active .inner-wrapper,
.inner-wrapper .inner-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: inherit;
  min-width: inherit; }

.spacing {
  padding-top: 80px;
  padding-bottom: 80px; }

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

.hidden {
  display: none; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.image-left {
  float: left;
  margin: 0 15px 15px 0; }

.image-right {
  float: right;
  margin: 0 0 15px 15px; }

.external:after {
  content: "\00a0\00a0\f08e"; }

/*------------------------------
5. Content
------------------------------*/
/* ---- 5.1 Headings ---- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: 1.5rem;
  padding: 0 0 20px 0;
  margin: 0;
  color: #7145ad;
  letter-spacing: 0.2px; }

h1 {
  font-size: 2rem;
  line-height: 2.083rem;
  padding: 0 0 50px 0;
  letter-spacing: 0.3px; }

.home h1 {
  text-align: center; }

h1 a,
h1 a:hover {
  text-decoration: none;
  color: #000; }

h2 {
  font-size: 1.75rem;
  line-height: 1.75rem;
  padding: 0 0 40px 0; }

.home h2 {
  text-align: center; }

h2 a,
h2 a:hover {
  text-decoration: none;
  color: #000; }

h3 {
  font-size: 1.25rem; }

h3 a,
h3 a:hover {
  text-decoration: none;
  color: #000; }

h4 {
  font-size: 1.15rem; }

h4 a,
h4 a:hover {
  text-decoration: none;
  color: #000; }

h5 {
  font-size: 1rem; }

h5 a,
h5 a:hover {
  text-decoration: none;
  color: #000; }

h6 {
  font-size: 1rem; }

h6 a,
h6 a:hover {
  text-decoration: none;
  color: #000; }

.title-tagline {
  font-size: 1.167rem;
  line-height: 1.375rem;
  padding: 0 0 20px;
  margin: -25px 0 10px 0;
  color: #888;
  font-weight: normal;
  letter-spacing: -0.3px;
  text-transform: none; }

.home .title-tagline {
  text-align: center; }

/* ---- 5.2 Paragraphs ---- */
p {
  padding: 0 0 20px 0;
  margin: 0;
  line-height: 1.208rem; }

/* ---- 5.3 Links ---- */
a {
  text-decoration: none;
  color: #245dc1; }

a:hover {
  text-decoration: underline; }

/* ---- 5.4 Lists ---- */
.main-content ul,
.main-content ol {
  padding: 0 0 25px 40px; }

.main-content ul {
  list-style: outside disc; }

.main-content ol {
  list-style: decimal outside; }

.main-content ul ul,
.main-content ol ol {
  padding: 8px 0 0 20px; }

.main-content li {
  padding: 0 0 5px 0; }

/* ---- 5.5 Images ---- */
.pop-out-active .pop-out {
  border: 6px solid #fff;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -2px -2px 2px rgba(0, 0, 0, 0.1), -2px 2px 2px rgba(0, 0, 0, 0.1), 2px -2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* ---- 5.6 Tables ---- */
table {
  border: 1px solid #888;
  padding: 0;
  margin: 0 0 30px 0; }

table tr:hover td {
  background: #f1f1f1; }

table th {
  padding: 10px;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.188rem;
  background: #f1f1f1;
  color: #000;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888; }

table td {
  padding: 10px;
  font-weight: normal;
  font-size: 0.813rem;
  line-height: 1rem;
  background: #fff;
  color: #000;
  border-right: 1px solid #888; }

/* ---- 5.7 Forms and Inputs ---- */
form {
  clear: both;
  overflow: hidden; }

.form-section {
  clear: both;
  overflow: hidden;
  margin: 0 0 22px 0; }

label {
  display: block;
  font-size: 0.833rem;
  padding: 0 0 4px 0; }

input[type="text"],
input[type="email"],
input[type="url"],
textarea {
  width: 100%;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
  padding: 5px;
  margin: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 300ms ease;
  transition: border 300ms ease; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus {
  border-color: #888; }

textarea {
  height: 180px;
  resize: vertical; }

.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  display: inline-block;
  font-size: 0.542rem;
  line-height: 1rem;
  text-align: center;
  background: #fff;
  color: #000;
  font-weight: bold;
  padding: 2px 10px;
  letter-spacing: 1px;
  border: 2px solid #000;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus {
  text-decoration: none;
  color: #fff;
  background: #000;
  border-color: #000; }

::-webkit-input-placeholder {
  color: #888; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #888; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #888; }

:-ms-input-placeholder {
  color: #888; }

.submit-status {
  clear: both;
  border-radius: 3px;
  padding: 0;
  margin: 10px 0 0 0;
  text-align: center; }

.submit-status + .submit-status {
  margin: 10px 0 0 0; }

.submit-status.success {
  color: #009b12; }

.submit-status.error {
  color: #be0000; }

/* ---- 5.8 Pagination ---- */
.pagination {
  clear: both;
  width: 50%;
  min-width: 280px;
  min-height: 14px;
  padding: 0;
  margin: 142px auto 40px auto;
  position: relative; }

.pagination .current-position,
.pagination .prev,
.pagination .next {
  width: auto;
  height: auto;
  font-size: 0.667rem;
  line-height: 0.667rem;
  font-weight: normal;
  text-transform: lowercase;
  letter-spacing: 0; }

.pagination .current-position {
  display: block;
  width: 100%;
  text-align: center;
  letter-spacing: 0.4px;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 0; }

.pagination.has-prev .current-position {
  padding: 0 0 0 13px; }

.pagination .prev,
.pagination .next {
  padding: 2px 13px 3px 13px;
  margin: 0;
  font-weight: normal;
  position: relative;
  z-index: 2;
  border-width: 2px; }

.pagination .prev:after,
.pagination .next:after {
  content: ""; }

.pagination .prev {
  float: left; }

.pagination .next {
  float: right; }

/* ---- 5.9 Quirks ---- */
.quirks-active .quirk {
  opacity: 0;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease; }

.quirks-active .quirk-fly-up {
  transform: translate(0px, 50px); }

.quirks-active .quirk-fly-down {
  transform: translate(0px, -50px); }

.quirks-active .quirk-fly-left {
  transform: translate(70px, 0px); }

.quirks-active .quirk-fly-right {
  transform: translate(-70px, 0px); }

.quirks-active .quirk.quirk-trigger {
  opacity: 1;
  transform: translate(0px, 0px); }

/*------------------------------
6. Header
------------------------------*/
#main-header {
  padding: 10px 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease; }

#main-header.show {
  opacity: 1 !important; }

#main-header.show.sticky {
  position: fixed !important;
  top: 0 !important; }

#main-header .logo-wrapper {
  float: left;
  width: 35%; }

#main-header .logo {
  display: inline-block;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease; }

#main-header .logo img {
  display: block;
  width: auto;
  max-width: 100%;
  min-width: 200px;
  height: auto;
  max-height: 80px; }

#main-nav-wrapper {
  position: relative;
  padding: 0; }

#mobile-nav-btn {
  display: none; }

#main-nav {
  width: 65%;
  position: absolute;
  bottom: -22px;
  right: 0; }

#main-nav .has-children {
  display: none; }

#main-nav .level-1 {
  /*display: table;
  width: 100%;*/
  padding: 0;
  text-align: right;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#main-nav .nav-item {
  font-size: 0.792rem;
  line-height: 0.792rem; }

#main-nav .level-1 > .nav-item {
  /*display: table-cell;*/
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  height: 50px;
  vertical-align: middle; }

#main-nav .dropdown {
  display: inline-block;
  position: relative;
  z-index: 100;
  height: 42px; }

#main-nav .dropdown > a {
  display: block;
  text-decoration: none;
  font-weight: normal;
  color: #000;
  padding: 0 2px;
  margin: 0;
  border-bottom: 2px solid transparent; }

#main-nav .dropdown > a:hover,
#main-nav .active .dropdown > a {
  color: #888; }

#main-nav .level-2 {
  opacity: 0;
  width: 185px;
  height: 0;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 25px;
  left: -22px;
  padding: 0;
  margin: 0;
  z-index: 20;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }

#main-nav .dropdown:hover .level-2 {
  opacity: 1;
  top: 34px;
  height: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }

#main-nav .level-2 .nav-item {
  padding: 0 12px; }

#main-nav .level-2 a {
  display: block;
  height: auto;
  padding: 9px 10px 11px 13px;
  margin: 0;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  color: #000;
  font-weight: 300;
  font-size: 0.792rem;
  z-index: 30; }

#main-nav .level-2 .nav-item + .nav-item a {
  border-top: 1px dotted #ccc; }

/*------------------------------
7. Main Body
------------------------------*/
/* ---- 7.1 General ---- */
#main-wrapper {
  padding: 0 0 30px 0; }

/* ---- 7.2 Slider ---- */
.slider,
.slider .slide {
  position: relative;
  overflow: hidden;
  min-height: 400px;
  max-height: 1000px; }

.slider {
  margin: 0 auto; }

.slider .mid-width {
  max-width: 1600px; }

.slider .slide {
  background-size: cover !important; }

.slider img {
  width: 100%;
  height: auto; }

.slider .slide-caption-wrapper {
  position: absolute;
  width: 70%;
  max-height: 80%;
  left: 50%;
  top: 30px;
  margin: 0 0 0 -35%;
  z-index: 2;
  background: none;
  padding: 48px 0 84px 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.slider .slide-caption .slide-title {
  text-align: center;
  padding: 0 10px;
  margin: 0 auto;
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=75, strength=1);
  text-shadow: 4px 4px 10px #000;
  transform: translate(0px, 40px);
  opacity: 0;
  -webkit-transition: all ease 1000ms 400ms;
  transition: all ease 1000ms 400ms; }

.slider .flex-active-slide .slide-title {
  transform: translate(0px, 0px);
  opacity: 1; }

.slider .slide-caption .slide-tagline {
  text-align: center;
  padding: 16px 10px 0 10px;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: normal;
  color: #fff;
  text-transform: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=75, strength=1);
  text-shadow: 2px 2px 3px #000;
  transform: scale(0.7, 0.7);
  opacity: 0;
  -webkit-transition: all ease 1200ms 1000ms;
  transition: all ease 1200ms 1000ms; }

.slider .flex-active-slide .slide-tagline {
  transform: scale(1, 1);
  opacity: 1; }

.slider .flex-control-nav {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 30px;
  z-index: 2;
  text-align: center; }

.slider .flex-control-nav li {
  display: inline-block; }

.slider .flex-control-nav li + li {
  padding-left: 23px; }

.slider .flex-control-nav a {
  display: block;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  border-radius: 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease; }

.slider .flex-control-nav a:hover,
.slider .flex-control-nav .flex-active {
  background: #888; }

.slider .buttons {
  width: 100%;
  position: relative;
  bottom: -80px;
  left: 0;
  z-index: 20;
  text-align: center; }

.slider .slider-button {
  opacity: 0;
  display: inline-block;
  width: auto;
  background: none;
  color: #fff;
  border: 0;
  font-size: 1rem;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=75, strength=1);
  text-shadow: 2px 2px 3px #000;
  -webkit-transition: opacity 500ms ease 2400ms;
  transition: opacity 500ms ease 2400ms; }

.slider .slider-button:hover {
  text-decoration: underline; }

.slider .flex-active-slide .slider-button {
  opacity: 1; }

/* ---- 7.3 Main Banner ---- */
.main-banner {
  min-height: 116px;
  height: 400px;
  overflow: hidden;
  background-size: cover !important; }

.main-banner img {
  width: 100%;
  height: auto; }

/* ---- 7.4 Main Content ---- */
.content-inner {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-word; }

.home .content-inner h1 {
  text-align: center; }

.content-inner.left {
  float: left;
  width: 50%; }

.content-inner.right {
  float: right;
  width: 50%;
  margin-left: 4%; }

.content-feature {
  float: right;
  width: 46%; }

.content-feature img {
  display: block;
  width: 100%;
  height: auto; }

/* ---- 7.5 Testimonials ---- */
.testimonials .testimonial-wrapper {
  padding: 32px 0 54px 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  text-align: right; }

.testimonials .testimonial-wrapper:nth-child(even) {
  background: #f1f1f1; }

.testimonials .testimonial-wrapper.align-left {
  text-align: left; }

.testimonials .testimonial-wrapper .thumb {
  float: right;
  width: 170px;
  height: 170px;
  padding: 0 0 0 40px; }

.testimonials .testimonial-wrapper .thumb img {
  width: 100%;
  height: auto; }

.testimonials .testimonial-wrapper.align-left .thumb {
  float: left;
  padding: 0 40px 0 0; }

.testimonials .testimonial-inner {
  margin: 0 auto; }

.testimonials .testimonial {
  display: inline;
  font-size: 1rem;
  line-height: 1.208rem;
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0;
  top: 18px; }

.testimonials .reference {
  position: relative;
  z-index: 2;
  font-weight: normal;
  padding: 0;
  margin: 24px 0 0 0;
  font-size: 1.125rem; }

/* ---- 7.6 Gallery ---- */
.gallery-categories {
  padding: 0 0 28px 0;
  margin: 0;
  font-size: 1.125rem;
  list-style: none;
  text-align: center; }

.gallery-categories .category {
  display: inline-block;
  padding: 5px 6px 2px 6px;
  margin: 0 10px 5px 10px;
  cursor: pointer;
  color: #888;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
  font-size: 0.917rem; }

.gallery-categories .category.active,
.gallery-categories .category:hover {
  color: #000;
  border-color: #000; }

.gallery .gallery-items {
  overflow: hidden;
  position: relative;
  -webkit-transition: height 400ms ease;
  transition: height 400ms ease; }

.gallery .gallery-item {
  float: left;
  display: block;
  position: relative;
  width: 25%;
  cursor: pointer; }

.gallery .gallery-item .media-icon {
  display: block;
  color: #fff;
  font-size: 2.5rem;
  text-align: center;
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease; }

.gallery .image .media-icon:after {
  content: "\f03e"; }

.gallery .video .media-icon:after {
  content: "\f01d";
  font-size: 3rem; }

.gallery .thumb-wrapper {
  display: block;
  overflow: hidden;
  position: relative; }

.gallery .thumb-wrapper:hover .description-wrapper {
  opacity: 1; }

.gallery .thumb-wrapper:hover .description {
  opacity: 1;
  top: 0; }

.gallery .thumb-wrapper:hover .media-icon {
  opacity: 1;
  top: 0; }

.gallery .thumb {
  display: block;
  width: 100.5%;
  height: auto;
  overflow: hidden; }

.gallery .description-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease; }

.gallery .description {
  display: block;
  min-height: 15px;
  text-align: center;
  padding: 0;
  margin: 25% 7.5% 15% 6%;
  font-size: 0.929rem;
  line-height: 1.375rem;
  color: #fff;
  opacity: 0;
  position: relative;
  top: -30px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease; }

/* ---- 7.7 Blog ---- */
.post-list,
.post-wrapper {
  float: left;
  width: 68%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.post-list {
  padding: 20px 0 0 0;
  overflow: hidden; }

.the-post {
  padding: 0 0 38px 0; }

.the-post.in-list {
  padding: 0; }

.the-post.in-list + .the-post {
  padding: 80px 0 0 0; }

.the-post .post-meta {
  overflow: hidden; }

.the-post.in-list .post-meta {
  margin: 0 0 21px 0; }

.the-post .date {
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 0.667rem;
  color: #000; }

.the-post.in-list .date {
  float: left;
  width: 40%; }

.the-post .date .label {
  color: #000;
  font-weight: normal;
  text-transform: lowercase; }

.the-post .categories {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #000; }

.the-post.in-list .categories {
  float: right;
  width: 50%;
  text-align: right; }

.the-post .categories .label {
  color: #000; }

.the-post .title-wrapper {
  padding: 12px 0 10px 0;
  margin: 8px 0;
  border-top: 2px solid #888;
  border-bottom: 2px solid #888; }

.the-post.in-list .title {
  padding-top: 2px;
  text-align: left; }

.the-post .title-tagline {
  padding: 0; }

.the-post .feature-image {
  display: block;
  margin: 22px 0 42px 0; }

.the-post.in-list .feature-image {
  margin: 0 0 19px 0; }

.the-post .feature-image img {
  display: block;
  width: 100%;
  height: auto; }

.the-post .excerpt {
  padding: 0 0 52px 0; }

.the-post .excerpt p {
  padding: 0;
  margin: 0; }

.the-post .excerpt p + p {
  margin: 10px 0 0 0; }

.the-post .excerpt-footer {
  overflow: hidden; }

.the-post .excerpt-footer .read-more {
  float: right;
  width: 30%;
  text-align: right; }

.the-post .tags {
  padding: 0;
  margin: 0;
  font-size: 0.833rem;
  line-height: 1.25rem;
  text-transform: lowercase; }

.the-post.in-list .tags {
  float: left;
  width: 60%; }

.the-post .tags .label {
  display: inline-block;
  padding: 0 10px 0 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  color: #000; }

.the-post .post-content {
  padding: 0 0 38px 0; }

/* ---- 7.8 Comments ---- */
.post-comments {
  padding: 74px 0 0 0;
  border-top: 3px solid #888; }

.post-comments .title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0 10px 0;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px; }

.post-comments .comment-wrapper {
  padding: 38px 0 45px 0; }

.post-comments .commenter {
  font-size: 1rem;
  line-height: 1rem;
  padding: 0 0 4px 25px;
  margin: 0;
  font-weight: normal;
  text-transform: none; }

.post-comments .date {
  font-size: 0.708rem;
  line-height: 0.708rem;
  padding: 0 0 16px 25px;
  margin: 0; }

.post-comments .comment {
  padding: 29px 0 57px 42px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.post-comments .comment p {
  font-size: 0.833rem;
  line-height: 1rem;
  padding: 0;
  margin: 0; }

.post-comments .comment p + p {
  padding: 15px 0 0 0; }

.comment-form {
  padding: 55px 18% 30px 18%;
  background: #f1f1f1; }

.comment-form .title {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 0;
  margin: 0 0 28px 0;
  font-weight: bold;
  text-transform: none;
  text-align: center; }

.comment-form .submit-wrapper {
  text-align: center;
  padding: 10px 0 0 0; }

/* ---- 7.9 Sidebar ---- */
.sidebar {
  float: right;
  width: 23.8%;
  overflow: hidden;
  padding: 14px 0 0 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.sidebar .title {
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: bold;
  padding: 0 0 10px 0;
  margin: 0 0 19px 0;
  border-bottom: 2px solid #888; }

.sidebar .inner-section {
  padding: 0 15px; }

.sidebar .item-list {
  list-style: none;
  padding: 5px 0 0 0;
  margin: 0; }

.sidebar .item-list.tags {
  padding: 0;
  text-align: center; }

.sidebar .item-list li {
  padding: 0; }

.sidebar .item-list.tags li {
  display: inline-block;
  padding: 0 4px 12px 4px;
  font-size: 0.833rem; }

.sidebar .item-list li + li {
  padding-top: 9px; }

.sidebar .item-list a {
  display: inline-block; }

.sidebar .item-list.tags a {
  line-height: 0.833rem; }

.sidebar.blog .section {
  padding: 20px 0; }

.sidebar.blog .section + .section {
  padding-top: 115px; }

/* ---- 7.10 Contact Area ---- */
.contact-map .cmsmap {
  width: 100%;
  height: 350px; }

/* ---- 7.11 Lightbox ---- */
.lightbox .large-media {
  display: none; }

#lighbox-wrapper {
  display: none; }

#lightbox-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9998; }

#lightbox-media {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  padding: 0 0 20px 0;
  z-index: 9999; }

#lightbox-media #close-lightbox {
  display: block;
  width: 50px;
  text-align: center;
  margin: 15px auto;
  color: #fff;
  position: relative;
  z-index: 20;
  cursor: pointer;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease; }

#lightbox-media #close-lightbox:hover {
  opacity: 0.5; }

#lightbox-media .media * {
  width: 80%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

#lightbox-media .media img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 80%;
  height: auto;
  max-height: 80%; }

#lightbox-media .media iframe {
  display: block;
  margin: 0 auto;
  width: 70%; }

#lightbox-media .caption-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  text-align: center;
  width: 100%; }

#lightbox-media .caption {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 6px;
  max-width: 80%; }

#lightbox-media .controls {
  position: absolute;
  top: 12px;
  left: 50%;
  width: 300px;
  margin: 0 0 0 -150px; }

#lightbox-media .control {
  font-size: 1.75rem;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease; }

#lightbox-media .control:hover {
  opacity: 0.5; }

#lightbox-media .prev {
  float: left;
  margin: 0 0 0 4%; }

#lightbox-media .next {
  float: right;
  margin: 0 4% 0 0; }

/* ---- 7.12 Price List ---- */
.price-list-wrapper .gallery-categories-wrapper {
  padding: 20px 0 0 0; }

.price-list-wrapper .gallery-categories {
  list-style: none;
  padding: 0 0 24px 0;
  margin: 0; }

.price-list {
  -webkit-transition: height 400ms ease;
  transition: height 400ms ease; }

.price-list .price-list-item {
  float: left;
  width: 50%;
  height: 150px;
  padding: 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.price-list .heading {
  padding: 0 0 5px 0;
  overflow: hidden; }

.price-list .title,
.price-list .price {
  display: block;
  text-transform: uppercase;
  font-size: 0.667rem;
  line-height: 0.875rem;
  font-weight: bold;
  text-align: left;
  padding: 0;
  margin: 0; }

.price-list .title {
  float: left;
  width: 70%;
  letter-spacing: 1.5px; }

.price-list .title .caption:after {
  content: "\00a0\00a0\00a0"; }

.price-list .title .icon {
  display: inline-block;
  padding: 0;
  margin: 0;
  color: #888;
  cursor: pointer;
  font-size: 0.958rem;
  position: relative;
  top: 2px; }

.price-list .title .icon:hover {
  color: #000; }

.price-list .price {
  float: right; }

.price-list .summary {
  padding: 10px 0 30px 0; }

.price-list .summary p {
  color: #888;
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
  line-height: 0.875rem; }

.price-list .summary p + p {
  padding: 10px 0 0 0;
  margin: 0; }

/* ---- 7.13 Service List ---- */
.service-list .service-item {
  display: block;
  padding: 40px 0;
  margin: 0;
  position: relative; }

.service-list .service-item-wrapper:nth-child(even) {
  background: #f1f1f1; }

.service-list .summary {
  float: left;
  width: 73%;
  position: relative;
  z-index: 10; }

.service-list .thumb-wrapper.left + .summary {
  float: right; }

.service-list .description {
  padding: 26px 0 0 0; }

.service-list .title {
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: bold;
  padding: 0;
  margin: 0; }

.service-list .tagline {
  font-size: 1.250rem;
  line-height: 1.250rem;
  font-weight: normal;
  color: #888;
  padding: 9px 0 0 0;
  margin: 0; }

.service-list .thumb-wrapper {
  position: relative;
  text-align: right;
  z-index: 5; }

.service-list .thumb {
  display: block;
  overflow: hidden;
  width: 240px;
  height: 240px;
  border-radius: 300px;
  margin: 0 auto; }

.service-list .thumb img {
  display: block;
  width: 100%;
  height: auto; }

/* ---- 7.14 Accordion ---- */
.accordion .title {
  font-size: 1rem;
  line-height: 1rem;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  position: relative;
  color: #000;
  background: transparent;
  padding: 20px 30px;
  margin: 0;
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease; }

.accordion .title:after {
  content: "\f055";
  display: inline-block;
  position: absolute;
  right: 30px;
  color: #888; }

.accordion .title.active {
  background: transparent; }

.accordion .title:hover {
  background: #f1f1f1; }

.accordion .title.active:after {
  content: "\f056"; }

.accordion .title .caption {
  display: inline-block;
  max-width: 85%; }

.accordion .description {
  background: transparent;
  height: 0;
  overflow: hidden;
  border-bottom: 2px solid #ccc;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  padding: 0 30px;
  font-size: 1rem;
  line-height: 1rem; }

.accordion .active + .description {
  padding-top: 15px;
  padding-bottom: 15px; }

.accordion .description p {
  padding: 0 0 15px 0;
  margin: 0; }

/* ---- 7.15 Events ---- */
.event {
  padding: 40px 0; }

.event-list .event:nth-child(even) {
  background: #f1f1f1; }

.event .thumb {
  float: left;
  width: 40%; }

.event .thumb.right {
  float: right; }

.event .thumb img {
  display: block;
  width: 100%;
  height: auto; }

.event .thumb + .summary {
  float: right;
  width: 55%; }

.event .thumb.right + .summary {
  float: left; }

.event .event-title {
  font-size: 1.5rem;
  line-height: 1.25rem;
  font-weight: bold;
  text-transform: none;
  padding: 0 0 15px 0;
  margin: 0; }

.event .location {
  color: #888;
  font-weight: normal;
  padding: 0 0 8px 0;
  margin: 0; }

.event .location .city {
  display: block;
  font-size: 1.083rem;
  line-height: 1rem;
  padding: 0 0 9px 0; }

.event .location .address {
  font-size: 0.875rem;
  line-height: 0.875rem; }

.event .dates {
  font-size: 0.833rem;
  line-height: 0.833rem;
  font-weight: normal;
  padding: 0 0 6px 0; }

.event .dates .start,
.event .dates .end {
  padding: 0;
  margin: 0; }

.event .dates .label {
  font-weight: bold; }

.event .times {
  font-size: 0.833rem;
  line-height: 0.833rem;
  font-weight: normal;
  padding: 0 0 15px 0;
  margin: 0; }

.event .description {
  margin: 0 0 40px 0;
  overflow: hidden;
  -webkit-transition: height 1000ms ease;
  transition: height 1000ms ease; }

.event .read-more {
  display: none;
  position: relative;
  top: -30px; }

.event .contact {
  font-size: 0.833rem;
  line-height: 0.833rem; }

.event .contact .detail {
  display: inline-block;
  padding: 0 0 5px 0;
  margin: 0; }

.event .contact .label {
  font-weight: normal;
  padding: 0 0 4px 0; }

/* ---- 7.16 Products ---- */
.product {
  padding: 0 0 35px 0;
  margin: 0 0 120px 0;
  position: relative; }

.product .thumb {
  float: left;
  width: 30%; }

.product .thumb img {
  display: block;
  width: 100%;
  height: auto; }

.product .thumb + .summary {
  float: right;
  width: 67%; }

.product .options {
  width: 67%;
  position: absolute;
  top: 100%; }

.product .price,
.product .option {
  float: left;
  width: 33.2%; }

.product .detail p,
.product .detail a {
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: normal;
  padding: 5px 0;
  margin: 0; }

.product .detail.pub {
  padding: 0 0 15px 0; }

/*------------------------------
8. Footer
------------------------------*/
#main-footer {
  text-align: center;
  padding: 75px 0 15px 0;
  color: #f1f1f1;
  overflow: hidden; }

#main-footer .social-links-wrapper {
  border-bottom: 2px solid #ccc; }

#main-footer .social-links {
  display: block;
  list-style: none;
  padding: 0 0 36px 0;
  margin: 0;
  text-align: center; }

#main-footer .social-links li {
  display: inline-block;
  padding: 0 12px;
  margin: 0; }

#main-footer .social-links a,
#main-footer .social-links a:hover {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #888;
  text-decoration: none;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease; }

#main-footer .social-links a:hover {
  color: #000; }

#main-footer .site-info {
  padding: 18px 0 0 0; }

#main-footer .copyright,
#main-footer .credit,
#main-footer .credit span {
  font-size: 0.833rem;
  line-height: 0.833rem;
  color: #888;
  padding: 0;
  margin: 0; }

#main-footer .credit {
  padding: 0;
  margin: 0; }

#main-footer .credit a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  padding: 10px; }

#main-footer .credit a span {
  display: inline-block;
  color: #000;
  position: relative; }

#main-footer .credit a span:after {
  display: block;
  content: "";
  width: 0;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 100%;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease; }

#main-footer .credit a:hover span:after {
  width: 100%; }

/*------------------------------
9. Breakpoint: <= 1024
------------------------------*/
@media (max-width: 1024px) {
  /* ---- 9.1 Header ---- */
  #main-header .logo-wrapper {
    text-align: left; }

  #mobile-nav-control {
    float: right;
    position: relative;
    width: 50px;
    top: 10px; }

  #mobile-nav-btn {
    display: inline-block;
    width: auto;
    background: transparent;
    text-align: left;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px;
    margin: 0;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #000; }

  #mobile-nav-btn:after {
    content: ""; }

  #mobile-nav-btn:hover {
    color: #888; }

  #mobile-nav-btn .icon {
    float: right; }

  #mobile-nav-btn .caption {
    display: none;
    float: left;
    padding: 0 15px 0 0; }

  #main-nav {
    float: none;
    width: auto;
    position: relative;
    top: 10px; }

  #main-nav .level-1 .nav-level,
  #main-nav .nav-level .nav-item a,
  #main-nav .nav-level .nav-item + .nav-item a {
    background: none;
    height: auto; }

  #main-nav .level-1 {
    display: none;
    overflow: hidden;
    background: #fff;
    z-index: 5;
    padding: 0; }

  #main-nav .level-1 .dropdown {
    display: block;
    height: auto; }

  #main-nav .level-1 .nav-item {
    display: block;
    height: auto;
    text-align: left;
    background: #fff;
    position: relative; }

  #main-nav .level-1 .nav-item:hover a,
  #main-nav .level-1 .active a {
    color: #000; }

  #main-nav .level-1 .nav-item + .nav-item {
    border-top: 1px dotted #ccc; }

  #main-nav .level-1 .nav-item a {
    display: block;
    width: 72%;
    text-align: left;
    border: 0;
    font-size: 0.833rem;
    line-height: 0.833rem;
    font-weight: normal;
    text-transform: uppercase;
    padding: 14px 0 14px 10px;
    margin: 0;
    position: relative;
    border: 0; }

  #main-nav .level-1 .nav-item a:hover {
    color: #000;
    text-decoration: underline; }

  #main-nav .level-1 .nav-item + .nav-item a {
    border: 0; }

  #main-nav .nav-item .has-children {
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 15px;
    font-size: 1.25rem;
    cursor: pointer;
    z-index: 110;
    -webkit-transition: transform 300ms ease;
    transition: transform 300ms ease; }

  #main-nav .nav-item.open > .has-children,
  #main-nav .nav-item.open > .dropdown > .has-children {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

  #main-nav .level-2 {
    display: none;
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    opacity: 1;
    -webkit-transition: none;
    transition: none; }

  #main-nav .level-2:before {
    display: none; }

  #main-nav .dropdown:hover .level-2 {
    display: none; }

  #main-nav .level-2 .nav-item {
    border-top: 1px dotted #888; }

  #main-nav .level-2 .nav-item a {
    padding-left: 35px; }

  /* ---- 9.2 Main Content ---- */
  /* ---- 9.3 Slider ---- */
  .slider .slide-caption {
    padding: 30px 0;
    max-height: 65%; }

  .slider .slide .slide-title {
    font-size: 2.5rem;
    line-height: 2.5rem;
    padding: 4px; }

  .slider .slide .slide-tagline {
    font-size: 1.75rem;
    line-height: 1.75rem; }

  .slider .slider-button {
    font-size: 1.25rem;
    font-weight: bold; }

  .slider .flex-control-nav {
    bottom: 15px; }

  /* ---- 9.4 Main Banner ---- */
  .main-banner {
    height: 250px; } }
/*------------------------------
10. Breakpoint: 756 - 1024
------------------------------*/
@media (min-width: 756px) and (max-width: 1024px) {
  /* ---- 10.1 Header ---- */
  /* ---- 10.2 Gallery ---- */
  .gallery .gallery-item {
    width: 33.1%; }

  .gallery .thumb-wrapper .description {
    visibility: hidden;
    height: 1px; }

  /* ---- 10.3 Service List ---- */
  .service-list .summary {
    width: 67%; } }
/*------------------------------
11. Breakpoint: < 756
------------------------------*/
@media (max-width: 755px) {
  html {
    font-size: 112.5%; }

  /* ---- 11.1 Header ---- */
  /* ---- 11.2 Main Content ---- */
  .inner-wrapper {
    max-width: 500px; }

  .spacing {
    padding: 60px 0; }

  .content-container-wrapper,
  .content-container-wrapper.has-map,
  .content-container-wrapper.has-image-left,
  .content-container-wrapper.has-image-right,
  .content-container,
  .contact-map {
    float: none;
    width: auto;
    padding: 0;
    margin: 0; }

  .content-container {
    padding: 0; }

  .contact-map {
    padding: 0; }

  .title-tagline {
    padding: 0;
    font-weight: normal;
    letter-spacing: -0.3px;
    text-transform: none;
    text-align: center; }

  .content-inner,
  .content-feature,
  .content-inner.left,
  .content-inner.right {
    float: none;
    width: auto; }

  /* ---- 11.3 Headings ---- */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-align: center; }

  h1 {
    padding: 0;
    margin: 30px 0 50px 0; }

  /* ---- 11.4 Paragraphs ---- */
  p {
    padding: 0 0 20px 0;
    line-height: 1.667rem; }

  /* ---- 11.5 Images ---- */
  .main-content img,
  .main-content img.left,
  .main-content img.right,
  .main-content img.image-left,
  .main-content img.image-right {
    float: none !important;
    width: 100% !important;
    padding: 0;
    margin: 0 !important; }

  /* ---- 11.6 Tables ---- */
  table {
    width: 100%; }

  /* ---- 11.7 Forms and Inputs ---- */
  .button,
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"] {
    width: 100%;
    font-weight: 300;
    font-size: 1rem;
    font-weight: 1rem;
    padding: 10px; }

  /* ---- 11.8 Gallery ---- */
  .gallery {
    position: relative; }

  .gallery-categories {
    padding: 8px 0 11px 0; }

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

  .gallery .thumb-wrapper .description {
    visibility: hidden;
    height: 1px; }

  .gallery .thumb-wrapper:hover .media-icon {
    top: -10px; }

  /* ---- 11.9 Blog ---- */
  .post-list,
  .post-wrapper {
    float: none;
    width: auto; }

  .the-post.in-list {
    position: relative;
    padding: 0 0 80px 0; }

  .the-post.in-list + .the-post {
    padding: 80px 0; }

  .the-post.in-list + .the-post:before {
    display: block;
    content: "";
    width: 120px;
    height: 1px;
    background: #888;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -60px; }

  .the-post .date,
  .the-post.in-list .date,
  .the-post .categories,
  .the-post.in-list .categories,
  .the-post .tags,
  .the-post.in-list .tags,
  .the-post.in-list .read-more {
    float: none;
    width: auto;
    text-align: left; }

  .the-post.in-list .post-meta {
    padding: 0;
    margin: -8px 0 11px 0; }

  .the-post.in-list .post-meta .date,
  .the-post.in-list .post-meta .categories {
    line-height: 1rem; }

  .the-post.in-list .excerpt {
    padding: 0 0 30px 0;
    margin: 0; }

  .the-post .tags .label {
    display: block; }

  .the-post.in-list .read-more {
    padding: 45px 0 0 0;
    margin: 0; }

  .the-post .button,
  .the-post.in-list .button {
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
    border-right: 0; }

  .the-post .title-wrapper .title {
    padding: 0;
    margin: 0 0 10px 0;
    text-align: left; }

  .the-post .feature-image {
    margin: 8px 0 30px 0; }

  .the-post .post-content {
    padding: 0 0 30px 0; }

  .post-comments .commenter,
  .post-comments .date,
  .post-comments .comment {
    padding-left: 0; }

  .comment-form {
    padding: 25px 10% 20px 10%; }

  /* ---- 11.10 Comments ---- */
  .post-comments {
    border: 0;
    padding: 30px 0 0 0;
    margin: 0; }

  .post-comments .title {
    border-bottom: 2px solid #888; }

  /* ---- 11.11 Sidebar ---- */
  .sidebar {
    float: none;
    width: auto;
    margin: 40px 0 0 0;
    padding: 0; }

  .sidebar.blog .section {
    margin-left: 0;
    margin-right: 0; }

  .sidebar.blog .section + .section {
    padding: 25px 0; }

  .sidebar .title {
    font-size: 1.5rem;
    line-height: 1.5rem; }

  .sidebar .item-list a {
    font-size: 1.333rem;
    line-height: 1.5rem; }

  .sidebar .item-list.tags li {
    padding: 0 7px 12px 7px; }

  .sidebar .item-list.tags a {
    font-size: 1.111rem;
    line-height: 1.333rem; }

  /* ---- 11.12 Slider ---- */
  .slider {
    margin-bottom: 15px; }

  .slider .slide .slide-title {
    padding: 4px; }

  /* ---- 11.13 Service List ---- */
  .service-list .summary,
  .service-list .thumb-wrapper {
    float: none;
    width: auto;
    text-align: center; }

  .service-list .thumb-wrapper {
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0; }

  .service-list .tagline {
    line-height: 1.5rem; }

  /* ---- 11.14 Price List ---- */
  .price-list-wrapper {
    padding: 0;
    margin: 0; }

  .price-list .price-list-item {
    float: none;
    width: 100%;
    padding: 30px 0; }

  .price-list .title,
  .price-list .price {
    font-size: 0.917rem;
    line-height: 1rem; }

  .price-list .title .icon {
    font-size: 1.167rem;
    line-height: 1rem; }

  .price-list .summary p {
    font-size: 1rem; }

  /* ---- 11.15 Lightbox ---- */
  #lightbox-media .media iframe {
    width: 85%; }

  /* ---- 11.16 Testimonials ---- */
  .testimonials {
    position: relative; }

  .testimonials .testimonial-inner {
    text-align: center; }

  .testimonials .testimonial-wrapper .thumb,
  .testimonials .testimonial-wrapper:nth-child(2n) .thumb {
    float: none;
    display: block;
    padding: 0;
    margin: 0 auto;
    text-align: center; }

  .testimonials .testimonial-wrapper .thumb img {
    display: inline-block; }

  /* ---- 11.17 Pagination ---- */
  .pagination {
    width: 80%;
    margin: 20px auto; }

  .pagination .current-position,
  .pagination .prev,
  .pagination .next {
    font-size: 1rem;
    line-height: 1rem; }

  /* ---- 11.18 Events ---- */
  .event .thumb,
  .event .thumb.left,
  .event .thumb.right,
  .event .thumb + .summary,
  .event .thumb.left + .summary
  .event .thumb.right + .summary {
    float: none;
    width: auto; }

  .event .summary {
    padding: 30px 0 0 0;
    text-align: center !important; }

  /* ---- 11.19 Quirks ---- */
  .quirks-active .quirk-fly-left,
  .quirks-active .quirk-fly-right {
    transform: translate(0px, 50px); }

  /* ---- 11.20 Products ---- */
  .product {
    margin: 0 0 20px 0; }

  .product .thumb,
  .product .summary,
  .product .thumb + .summary {
    float: none;
    width: auto; }

  .product .thumb {
    padding: 0 0 20px 0; }

  .product .options {
    width: auto;
    position: static; }

  .product .price {
    float: none;
    width: auto;
    padding: 20px 0; }

  .product .option {
    float: none;
    width: auto;
    margin: 10px 0; }

  /* ---- 11.21 Footer ---- */
  #main-footer .social-links a,
  #main-footer .social-links a:hover {
    font-size: 1.667rem; } }

/*# sourceMappingURL=global.css.map */