/*
Theme Name: Horizon
Theme URI: http://www.ksdesigning.com
Author: KS Designing
Author URI: http://www.ksdesigning.com
Description: Multipurpose Portfolio and Blog WordPress Theme
Version: 1.0.1
Text Domain: horizon
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html

Horizon is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
/* Table of Contents
==================================================
#Reset & Basics
#Typography
#Header
#Menus
#Page Header
#Blog
#Comments
#Blocks
#Team
#Services
#Parallax
#Portfolio
#Gallery/Lightbox
#Footer
#Buttons
#WPCF7
#Misc/WordPress Stlyes
#Preloader
#Responsiveness
*/
/* ======= New local fonts ======= */
/* montserrat-300 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v12-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('../fonts/montserrat-v12-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300italic - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v12-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v12-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
       url('../fonts/montserrat-v12-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v12-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../fonts/montserrat-v12-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v12-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}/* montserrat-300 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v12-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('../fonts/montserrat-v12-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300italic - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v12-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v12-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
       url('../fonts/montserrat-v12-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v12-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../fonts/montserrat-v12-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v12-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-ext_latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fonts/lato-v14-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v14-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v14-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-family: "Lato";
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
*:focus, *:before:focus, *:after:focus {
  outline: 0;
}

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

iframe {
  border: 0 !important;
}

img {
  height: auto;
  display: block;
  max-width: 100%;
}

#wrapper {
  overflow: hidden;
  color: #777;
  font-size: 18px;
}

/* #Typography
================================================== */
a {
  text-decoration: none;
  transition: color .3s ease;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat";
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #363636;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: "Montserrat";
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #363636;
}

h1 {
  font-size: 34px;
  margin-bottom: 30px;
}
h1.title-header {
  font-size: 28px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 18px;
  display: inline-block;
}
h1.title-header i {
  padding-right: 20px;
  font-size: 64px;
}

h2 {
  font-size: 30px;
  margin-bottom: 28px;
}

h3 {
  font-size: 24px;
  margin-bottom: 28px;
}

h4 {
  font-size: 24px;
  margin-bottom: 20px;
}

h5 {
	  margin-bottom: 5px;
}

h6 {
  font-size: 16px;
  margin-bottom: 18px;
}

p {
  color: #777;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 28px;
}

.large-text p, .large-text p span {
  font-size: 22px !important;
  font-weight: 100;
  line-height: 1.7;
}

i.content {
  padding-right: 10px;
  position: relative;
  top: 2px;
}

abbr {
  cursor: help;
  color: #444;
  font-size: 12px;
}

address {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
  color: #333;
}

var {
  color: green;
}

code, kbd, pre {
  background: #eee;
  padding: 0 5px;
  margin: 0 2px;
  color: #666;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

pre {
  padding: 20px;
  border: 2px solid #444;
  word-wrap: break-word;
  margin-bottom: 30px;
  display: inline-block;
}

kbd {
  background: #333;
  color: #ccc;
}

cite {
  font-size: 12px;
}

sub, sup {
  font-size: .6em;
}

q {
  font-size: 16px;
  color: #888;
}
q:before, q:after {
  content: '&quotes';
}

blockquote {
  background: #eee;
  padding: 20px;
  margin-bottom: 20px;
}
blockquote p {
  color: #666;
  font-style: italic;
}
blockquote p:before {
  font-family: 'Simple-Line-Icons';
  content: "\e07d";
  padding-right: 20px;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote cite {
  display: block;
  text-align: right;
  padding-top: 15px;
  color: #333;
  font-style: normal;
  font-family: Montserrat, sans-serif;
}

table {
  border-collapse: separate;
  border-spacing: 2px;
  border-width: 1px 0 0 1px;
  margin-bottom: 20px;
  width: 100%;
}

table thead tr {
  background: #333 !important;
}

table thead th {
  color: #fff;
  font-family: "Montserrat";
  text-transform: uppercase;
}

table tr:nth-child(odd) {
  background: #f6f6f6;
}

table th, table td {
  font-weight: normal;
  text-align: left;
  padding: 10px;
}

table th {
  font-weight: bold;
}

table td {
  color: #666;
}

.entry-content ul, .entry-content ol {
  list-style-type: circle;
  padding-left: 30px;
}
.entry-content ul li, .entry-content ol li {
  margin-bottom: 20px;
}
.entry-content ul li ul, .entry-content ul li ol, .entry-content ol li ul, .entry-content ol li ol {
  margin-top: 20px;
}
.entry-content ul li, .entry-content ul li a, .entry-content ol li, .entry-content ol li a {
  font-size: 16px;
  color: #777;
}
.entry-content ul li a:hover, .entry-content ol li a:hover {
  color: #962424;
}
.entry-content ol {
  list-style-type: decimal;
  padding-left: 22px;
}
.entry-content ol li {
  background: none;
}

dl {
  clear: both;
}

dt {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  color: #333;
}

dd {
  color: #666;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.6;
}

/* #Header
================================================== */
.image-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, 0.4);
  z-index: 1;
}

#maximage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
#maximage video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
#maximage .slide-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  text-align: center;
}

.subheader {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 10px;
  font-family: "Montserrat";
  margin: auto;
  display: block;
  color: #fff;
  margin-bottom: 50px;
}

header.menu-margin, #wrapper.menu-margin {
  margin-top: 75px;
}

/* #Menus
================================================== */
#top-menu {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 0 4%;
  z-index: 99999999;
  transition: background 0.5s;
  border-bottom: 1px solid #efefef;
}
#top-menu .logo {
  float: left;
}
#top-menu .logo h1.site-title {
  font-size: 16px;
  margin-bottom: 0;
  padding-top: 30px;
}
#top-menu .logo a.logo-image {
  height: 125px;
  display: table-cell;
  vertical-align: middle;
  transition: display 0.5s;
}
#top-menu .logo a.logo-image img {
  max-height: 115px;
  max-width: 250px;
}
#top-menu nav.top-nav {
  float: right;
  display: none;
}
#top-menu nav.top-nav .menu li {
  display: inline-block;
}
#top-menu nav.top-nav .menu li.current-menu-item > a::before,
#top-menu nav.top-nav .menu li.current-menu-item > a::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}
#top-menu nav.top-nav .menu li a {
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat";
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  padding: 30px 0;
  color: #962424;
}
#top-menu nav.top-nav .menu li a::before,
#top-menu nav.top-nav .menu li a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
#top-menu nav.top-nav .menu li a::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}
#top-menu nav.top-nav .menu li a::after {
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
}
#top-menu nav.top-nav .menu li a:hover::before,
#top-menu nav.top-nav .menu li a:hover::after,
#top-menu nav.top-nav .menu li a:focus::before,
#top-menu nav.top-nav .menu li a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}
#top-menu nav.top-nav .menu li.menu-item-has-children, #top-menu nav.top-nav .menu li .page_item_has_children {
  position: relative;
}
#top-menu nav.top-nav .menu li.menu-item-has-children ul.children, #top-menu nav.top-nav .menu li.menu-item-has-children ul.sub-menu, #top-menu nav.top-nav .menu li .page_item_has_children ul.children, #top-menu nav.top-nav .menu li .page_item_has_children ul.sub-menu {
  display: none;
  position: absolute;
  padding: 9px 0;
  top: 75px;
  left: 0;
  background: #fff;
  z-index: 2;
  width: 250px;
  text-align: center;
}
#top-menu nav.top-nav .menu li.menu-item-has-children ul.children li, #top-menu nav.top-nav .menu li.menu-item-has-children ul.sub-menu li, #top-menu nav.top-nav .menu li .page_item_has_children ul.children li, #top-menu nav.top-nav .menu li .page_item_has_children ul.sub-menu li {
  display: block;
}
#top-menu nav.top-nav .menu li.menu-item-has-children ul.children li a, #top-menu nav.top-nav .menu li.menu-item-has-children ul.sub-menu li a, #top-menu nav.top-nav .menu li .page_item_has_children ul.children li a, #top-menu nav.top-nav .menu li .page_item_has_children ul.sub-menu li a {
  color: #333;
  font-size: 12px;
  padding: 9px 0;
  display: block;
  text-align: center;
}
#top-menu .mobile-nav {
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 9;
  background: #222;
  width: 100%;
  padding: 6px;
  border-top: 3px solid #111;
  display: none;
}
#top-menu .mobile-nav ul {
  text-align: center;
}
#top-menu .mobile-nav ul li ul.sub-menu li a {
  font-size: 0px;
  margin-bottom: -13px;
  color: #ddd;
}
#top-menu .mobile-nav ul li.current-menu-item > a::before,
#top-menu .mobile-nav ul li.current-menu-item > a::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}
#top-menu .mobile-nav ul li a {
  color: #fff;
  font-family: "Montserrat";
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 0;
  display: block;
  font-size: 12px;
}
#top-menu .mobile-nav ul li a::before,
#top-menu .mobile-nav ul li a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
#top-menu .mobile-nav ul li a::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}
#top-menu .mobile-nav ul li a::after {
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
}
#top-menu.dark-menu {
  background: #1a1a1a;
  border-bottom: none;
}
#top-menu.dark-menu .logo {
  float: left;
}
#top-menu.dark-menu .logo h1.site-title a {
  color: #fff;
}
#top-menu.dark-menu .menu li a {
  color: #fff !important;
}
#top-menu.dark-menu .menu li .sub-menu li a {
  color: #333 !important;
}
#top-menu.dark-menu .menu-toggle ul li {
  background: #fff;
}
#top-menu .menu-toggle {
  position: absolute;
  z-index: 99999;
  cursor: pointer;
  padding: 13px 10px;
  top: 17px;
  right: 20px;
  transition: all 0.5s;
  width: 43px;
  height: 43px;
}
#top-menu .menu-toggle ul {
  transition: top .5s;
  position: relative;
}
#top-menu .menu-toggle ul li {
  width: 23px;
  height: 5px;
  display: block;
  background: #323232;
  margin-bottom: 1px;
  position: relative;
  transition: all 0.5s;
}
#top-menu .menu-toggle ul li:last-child {
  margin-bottom: 0;
}
#top-menu .menu-toggle.open {
  background: none;
}
#top-menu .menu-toggle.open ul {
  top: 7px;
}
#top-menu .menu-toggle.open li {
  height: 2px;
}
#top-menu .menu-toggle.open li.first {
  opacity: 0;
  height: 2px;
}
#top-menu .menu-toggle.open li.second {
  transform: rotate(-45deg);
  top: -3px;
}
#top-menu .menu-toggle.open li.third {
  transform: rotate(45deg);
  top: -6px;
}

#main-side {
  background: #fff;
  width: 300px;
  position: fixed;
  right: -300px;
  top: 0;
  height: 100%;
  z-index: 99999999;
  padding: 10px 30px;
  transition: right .5s ease;
}
#main-side.shown {
  right: 0;
}
#main-side .menu-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: opacity 0.3s;
  z-index: 6;
}
#main-side .menu-close i {
  color: #fff;
  transition: color 0.3s;
  font-size: 22px;
  position: relative;
  top: 13px;
  left: 15px;
}
#main-side .menu-toggle {
  position: absolute;
  z-index: 99999;
  cursor: pointer;
  background: #fff;
  padding: 13px 10px;
  top: 25px;
  left: -65px;
  transition: all 0.5s;
  width: 43px;
  height: 43px;
}
#main-side .menu-toggle ul {
  transition: top .5s;
  position: relative;
}
#main-side .menu-toggle ul li {
  width: 23px;
  height: 5px;
  display: block;
  background: #323232;
  margin-bottom: 1px;
  position: relative;
  transition: all 0.5s;
}
#main-side .menu-toggle ul li:last-child {
  margin-bottom: 0;
}
#main-side .menu-toggle.open {
  background: none;
}
#main-side .menu-toggle.open ul {
  top: 7px;
}
#main-side .menu-toggle.open li {
  height: 2px;
}
#main-side .menu-toggle.open li.first {
  opacity: 0;
  height: 2px;
}
#main-side .menu-toggle.open li.second {
  transform: rotate(-45deg);
  top: -3px;
}
#main-side .menu-toggle.open li.third {
  transform: rotate(45deg);
  top: -6px;
}
#main-side .logo {
  margin-bottom: 10px;
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 240px;
}
#main-side .logo h1.site-title {
  font-size: 12px;
}
#main-side .logo a img {
  max-height: 16px;
  margin: auto;
}
#main-side .logo h1, #main-side .logo a {
  color: #222;
}
#main-side .menu {
  text-align: center;
  padding-top: 20px;
}
#main-side .menu li a {
  font-family: "Montserrat";
  font-size: 14px;
  padding: 10px 0;
  text-transform: uppercase;
  display: block;
  letter-spacing: 2px;
}
#main-side .menu li a:hover {
  color: #962424;
}
#main-side .menu li .sub-menu {
  margin-bottom: 5px;
}
#main-side .menu li .sub-menu li a {
  font-size: 10px;
  color: #ccc;
}
#main-side .menu li .sub-menu li a:hover {
  color: #962424;
}
#main-side.dark-menu {
  background: #1a1a1a;
}
#main-side.dark-menu .logo h1, #main-side.dark-menu .logo a {
  color: #fff;
}
#main-side.dark-menu .menu li a {
  color: #fff;
}
#main-side.dark-menu .menu li a:hover {
  color: #962424;
}

.menu-cover {
  position: fixed;
  top: 0;
  left: -9999px;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: opacity .8s, left 0 .81s;
  z-index: 9999999;
}
.menu-cover.shown {
  opacity: .8;
  left: 0;
  transition: opacity .8s;
}

/* #Page Header
================================================== */
.page-header {
  padding: 50px 0;
  padding-bottom: 70px;
  background: #b70e0e;
  position: relative;
}
.page-header .image-mask {
  z-index: 0;
}
.page-header i {
  padding-right: 10px;
  color: #ccc;
}
.page-header h1 {
  font-size: 34px;
  margin-top: 50px;
  margin-bottom: 20px !important;
  color: #fff;
}
.page-header .subtitle {
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 22px;
  display: block;
  text-transform: uppercase;
  display: inline-block;
  color: #ccc;
  margin-bottom: 30px !important;
}
.page-header.parallax {
  background-size: cover;
  background-attachment: fixed !important;
  text-align: center;
  padding: 40px 0;
}
.page-header.parallax h1 {
  font-size: 34px;
  margin-top: 10px;
  color: #fff;
  margin-bottom: 10px !important;
}

.page-header.parallax .subtitle {
  color: #fff;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 22px;
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  margin-bottom: 30px !important;
}
.page-header.parallax i {
  font-size: 22px;
  margin-top: 20px;
  display: block;
  color: #fff;
  padding-right: 0;
}

/* #Blog
================================================== */
.blog-header {
  padding: 55px;
  padding-top: 70px;
  text-align: center;
  background: #b70e0e;
  margin-bottom: 75px;
  border-bottom: 1px solid #efefef;
}
.blog-header h1.blog-title {
  margin-bottom: 5px;
  color: #fff;
  font-size: 34px;
}
.blog-header .subtitle {
  font-size: 22px;
  color: #999;
  letter-spacing: 2px;
  font-family: "Lato";
  text-transform: uppercase;
  font-weight: bold;
  color: #ccc;
}
.blog article {
  border-bottom: 1px solid #efefef;
  padding-bottom: 70px;
  margin-bottom: 70px;
}
.blog article .entry-content h1.entry-title {
  font-size: 24px;
  margin-bottom: 5px;
}
.blog article .entry-content h1.entry-title a:hover {
  color: #962424;
}
.blog article .entry-content .entry-meta {
  margin-bottom: 30px;
}
.blog article .entry-content .entry-meta span, .blog article .entry-content .entry-meta span a {
  color: #999;
  font-size: 12px;
  letter-spacing: 2px;
}
.blog article .entry-content .entry-meta span a:hover {
  color: #962424;
}
.blog article .post-thumb {
  margin-bottom: 30px;
}
.blog article .post-thumb img {
  margin: auto;
}

#blog-main {
  width: 94%;
  margin: auto;
  padding: 10%;
  padding-top: 0;
  text-align: center;
}
#blog-main .archive-title {
  font-size: 22px;
  margin-bottom: 0 !important;
}

.single #blog-main {
  text-align: left;
}
.single #blog-main article {
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.post-cats {
  color: #999;
}
.post-cats a {
  color: #999;
  font-family: "Montserrat";
  font-size: 12px;
  text-transform: uppercase;
}
.post-cats a:hover {
  color: #962424;
}
.post-cats i {
  padding-right: 15px;
  color: #962424;
  position: relative;
  top: 2px;
}

.tags {
  color: #999;
  margin-top: 20px;
}
.tags i {
  padding-right: 15px;
  color: #962424;
  position: relative;
  top: 2px;
}
.tags ul {
  display: inline-block;
  padding-left: 0;
}
.tags ul li {
  display: inline-block;
}
.tags ul li a {
  color: #999;
  font-family: "Montserrat";
  font-size: 10px;
  text-transform: uppercase;
}
.tags ul li a:hover {
  color: #962424;
}

.post-navigation {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
  min-height: 58px;
}
.post-navigation a[rel="next"] {
  float: right;
}

.blog-sidebar {
  width: 75%;
  margin: auto;
  padding: 4%;
  padding-top: 0;
  padding-left: 0;
}
.blog-sidebar .blog-sidebar-inner {
  padding: 25px;
  background: #f3f3f3;
}

#search_form {
  border: none;
  padding: 15px;
  width: 100%;
}
#search_form:focus {
  outline: none;
}

.widget {
  margin-bottom: 40px;
  color: #666;
  font-size: 14px;
  letter-spacing: 1px;
}
.widget a {
  color: #999;
  font-size: 14px;
}
.widget a:hover {
  color: #962424;
}
.widget ul li {
  padding-bottom: 20px;
}
.widget .widget-title {
  font-size: 18px;
  margin-bottom: 25px;
  letter-spacing: 0;
}

#wp-calendar caption {
  font-size: 14px;
  color: #777;
  padding-bottom: 10px;
}
#wp-calendar thead th {
  font-size: 10px;
  text-align: center;
}
#wp-calendar th, #wp-calendar td {
  padding: 2px;
}
#wp-calendar td {
  font-size: 10px;
}

/* #Comments
================================================== */
#comments article {
  border: none;
  padding-bottom: 0 !important;
}
#comments h2.comments-title {
  font-size: 23px;
}
#comments .vcard img {
  float: left;
  margin-right: 20px;
}
#comments .vcard .fn a {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Montserrat";
}
#comments .bypostauthor .vcard img {
  border: 5px solid #962424;
}
#comments .comment-metadata time {
  font-size: 12px;
}
#comments .comment-content {
  clear: both;
  margin-top: 50px;
}
#comments .comment-content p {
  font-size: 16px;
}
#comments .reply .comment-reply-link {
  display: inline-block;
  background: #962424;
  color: #fff;
  padding: 10px;
  font-size: 10px;
  font-family: "Montserrat";
  text-transform: uppercase;
  transition: background 0.3s;
}
#comments .reply .comment-reply-link:hover {
  background: #eee;
}
#comments .children {
  padding-left: 30px !important;
  border-left: 5px solid #f3f3f3;
}
#comments .comment-notes, #comments .form-allowed-tags {
  font-size: 12px;
}
#comments label {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Montserrat";
  color: #555;
}
#comments input {
  border: none;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
#comments textarea {
  border: 1px solid #ddd;
  width: 100%;
  margin-top: 15px;
}
#comments .form-submit #submit {
  display: block;
  border: 2px solid #b70e0e;
  background: none;
  width: auto;
  max-width: 100%;
  padding: 18px 80px;
  font-family: "Montserrat";
  font-size: 14px;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s, background 0.3s;
  color: #b70e0e;
  cursor: pointer;
}
#comments .form-submit #submit:hover {
  color: #fff;
  background: #b70e0e;
}

li.pingback {
  font-size: 12px;
  margin-bottom: 20px;
}

/* #Blocks
================================================== */
.block {
  float: left;
  color: #fff;
  padding: 40px;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.block h1, .block h2, .block h3, .block h4, .block h5, .block h6 {
  color: #fff;
}
.block p {
  color: #fff;
  font-size: 16px;
}
.block p:last-child {
  margin-bottom: 0;
}
.block .service {
  padding: 0 10%;
}
.block .service i {
  color: #fff;
}
.block .service:hover {
  background: none;
}
.block .service p:last-child {
  margin-bottom: 0 !important;
}

/* #Team
================================================== */
.member:hover img {
  opacity: .5;
}
.member img {
  width: 50%;
  max-width: 287px;
  border-radius: 100%;
  margin: auto;
  margin-bottom: 30px;
  transition: opacity 0.3s;
}
.member .content {
  padding: 0 20px;
  text-align: center;
}
.member .content span.name {
  display: block;
  color: #333;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-weight: bold;
  letter-spacing: 2px;
}
.member .content span.desc {
  display: block;
  color: #888;
  font-size: 14px;
  font-weight: 100;
  margin-bottom: 20px;
}
.member .content p {
  font-size: 16px;
  color: #999;
  margin-bottom: 24px;
}
.member .content ul.social {
  padding-left: 0;
}
.member .content ul.social li {
  display: inline-block;
  margin-bottom: 0;
}
.member .content ul.social li a {
  color: #888;
  font-size: 24px;
  padding: 0 10px;
}
.member .content ul.social li a:hover {
  color: #962424;
}

/* #Services
================================================== */
.service {
  text-align: center;
  padding: 20px;
  transition: background 0.3s;
  overflow: hidden;
}
.service:hover {
  background: #f7f7f7;
}
.service:hover h5 {
  transform: scale(1.3);
}
.service i {
  font-size: 100px;
  margin-bottom: 40px;
  display: block;
  color: #962424;
}
.service h5 {
  margin-bottom: 20px;
  transition: transform 0.3s;
}

/* #Parallax
================================================== */
.parallax, .wide {
  padding: 80px 0;
  width: 100%;
  background-repeat: no-repeat;
}
.parallax.no-bottom, .wide.no-bottom {
  padding-bottom: 0;
}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .wide h1, .wide h2, .wide h3, .wide h4, .wide h5, .wide h6 {
  color: #fff;
  margin-bottom: 70px;
}

.wide {
  background-color: #b70e0e;
}
.wide p:last-child {
  margin-bottom: 0;
  color: #ccc;
}

/* #Portfolio
================================================== */
.port-preview .item {
  width: 100%;
  float: none;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.port-preview .item i {
  -webkit-animation: rotateplane 1.4s infinite ease-in-out;
  animation: rotateplane 1.4s infinite ease-in-out;
  font-size: 50px;
  color: #fff;
}
.port-preview .item img {
  transition: transform 0.5s;
  transform: scale(1.005);
  margin: auto;
}
.port-preview .item .mask {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 40px;
  top: 40px;
  right: 40px;
  bottom: 40px;
  padding: 0 20px;
  opacity: 0;
  transition: opacity 0.5s;
}
.port-preview .item .mask .title a {
  font-family: "Montserrat";
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  width: 100%;
  text-align: center;
  display: block;
  letter-spacing: 7px;
  margin-bottom: 35px;
  margin-top: -40px;
  transition: margin 0.5s, color 0.3s;
}
.port-preview .item .mask .title a:hover {
  color: #962424;
}
.port-preview .item.up img {
  transform: scale(1.1);
}
.port-preview .item.up .mask {
  opacity: 1;
}
.port-preview .item.up .mask .title a {
  margin-top: 0;
}

@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(0) rotateY(180deg);
    -webkit-transform: perspective(120px) rotateX(0) rotateY(180deg);
  }
}
.portfolio-item-header.style2 .info {
  width: 100%;
}
.portfolio-item-header .info {
  width: 40%;
  background: #b70e0e;
  float: left;
  text-align: center;
}
.portfolio-item-header .info h1 {
  color: #fff;
  padding-top: 100px;
}
.portfolio-item-header .info i {
  color: #fff;
  font-size: 50px;
}
.portfolio-item-header .item-image {
  width: 60%;
  float: right;
}

.metaslider {
  overflow: hidden !important;
  margin-top: -1px;
  max-width: 100%;
  margin-bottom: 20px !important;
}

/* #Gallery/Lightbox
================================================== */
.gallery {
  margin-bottom: 25px;
}
.gallery .gallery-item {
  display: inline-block;
}
.gallery .gallery-item img {
  margin: auto;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

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

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

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

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.7;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* #Footer
================================================== */
footer.site-footer {
  background: #962424;
  padding: 40px 0;
}
footer.site-footer ul.social {
  text-align: center;
  margin-bottom: 20px;
}
footer.site-footer ul.social li {
  display: inline-block;
  padding: 0;
}
footer.site-footer ul.social li a {
  color: #fff;
  font-size: 0px;
}
footer.site-footer ul.social li a:hover {
  color: #962424;
}
footer.site-footer .copy {
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

/* #Buttons
================================================== */
.button {
  display: inline-block;
  border: 2px solid #b70e0e;
  background: #b70e0e;
  padding: 18px 80px;
  font-family: "Montserrat";
  font-size: 14px;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s, background 0.3s;
  color: #fff;
}
.button:hover {
  color: #b70e0e;
  background: none;
}
.button.lite {
  background: none;
  color: #b70e0e;
}
.button.lite:hover {
  background: #b70e0e;
  color: #fff;
}
.button.accented {
  background: #962424;
  border: 2px solid #962424;
}
.button.accented:hover {
  color: #962424;
  background: none;
}

/* #WPCF7
================================================== */
.wpcf7 p {
  font-family: "Montserrat";
  text-transform: uppercase;
  font-size: 14px;
  color: #333;
}
.wpcf7 p span input {
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  width: 100%;
}
.wpcf7 p span textarea {
  margin-top: 20px;
  width: 100%;
}
.wpcf7 p .wpcf7-submit {
  display: block;
  border: 2px solid #b70e0e;
  background: #b70e0e;
  width: auto;
  padding: 18px 80px;
  font-family: "Montserrat";
  font-size: 14px;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s, background 0.3s;
  color: #fff;
  cursor: pointer;
}
.wpcf7 p .wpcf7-submit:hover {
  color: #b70e0e;
  background: none;
}

/* #Misc/WordPress Styles
================================================== */
.animate {
  opacity: 0;
}

.alignright {
  text-align: right;
  float: right;
  padding: 20px;
  padding-top: 10px;
  padding-right: 0;
}

.alignright .wp-caption-text {
  margin-bottom: 0;
}

.alignleft {
  text-align: left;
  float: left;
  padding: 20px;
  padding-top: 10px;
  padding-left: 0;
}

.alignleft .wp-caption-text {
  margin-bottom: 0;
}

.aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.aligncenter img {
  margin-left: auto;
  margin-right: auto;
}

.bypostauthor {
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100% !important;
}

.wp-caption-text, .gallery-caption {
  color: #555;
  font-size: 14px;
  padding: 10px 0;
}

.sticky h1:before {
  font-family: 'Simple-Line-Icons';
  content: "\e031";
  color: #333;
  font-size: 28px;
  margin-right: 15px;
}

.page-links {
  font-size: 12px;
  margin-bottom: 12px;
}

.mejs-container {
  margin-bottom: 20px;
}

.accent {
  color: #b74747 !important;
}

.bgAccent {
  background: #962424 !important;
}

.admin-bar .menu-toggle {
  top: 62px;
}
.admin-bar #top-menu {
  top: 32px !important;
}

#wpadminbar {
  z-index: 9999999999999999 !important;
}

/* #Preloader
================================================== */
#preloader {
  position: fixed;
  padding-top: 10%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 9999999999999999999999999999;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
}

.loader:before,
.loader:after {
  position: absolute;
  content: '';
}

.loader:before {
  width: 5.2em;
  height: 10.2em;
  background: #fff;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}

.loader {
  font-size: 11px;
  text-indent: -99999em;
  margin: 5em auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em #962424;
}

.loader:after {
  width: 5.2em;
  height: 10.2em;
  background: #fff;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}

@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* #Mobile First Grid
================================================== */
.container {
  width: 92%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.container .columns,
.container .column {
  float: left;
  display: inline;
}

.row {
  margin-bottom: 4.166666666666667%;
}

.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {
  width: 100%;
}

/* #Tablet
================================================== */
@media (min-width: 48em) {
  .container {
    width: 100%;
  }

  .container .column,
  .container .columns {
    margin-left: 1.302083333333333%;
    margin-right: 1.302083333333333%;
  }

  .column.alpha, .columns.alpha {
    margin-left: 0;
  }

  .column.omega, .columns.omega {
    margin-right: 0;
  }

  .column.alpha.omega, .columns.alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }

  .container .one.column,
  .container .one.columns {
    width: 3.645833333333333%;
  }

  .container .two.columns {
    width: 9.895833333333333%;
  }

  .container .three.columns {
    width: 16.14583333333333%;
  }

  .container .four.columns {
    width: 22.39583333333333%;
  }

  .container .five.columns {
    width: 28.64583333333333%;
  }

  .container .six.columns {
    width: 34.89583333333333%;
  }

  .container .seven.columns {
    width: 41.14583333333333%;
  }

  .container .eight.columns {
    width: 47.39583333333333%;
  }

  .container .nine.columns {
    width: 53.64583333333333%;
  }

  .container .ten.columns {
    width: 59.89583333333333%;
  }

  .container .eleven.columns {
    width: 66.14583333333333%;
  }

  .container .twelve.columns {
    width: 72.39583333333333%;
  }

  .container .thirteen.columns {
    width: 78.64583333333333%;
  }

  .container .fourteen.columns {
    width: 84.89583333333333%;
  }

  .container .fifteen.columns {
    width: 91.14583333333333%;
  }

  .container .sixteen.columns {
    width: 97.39583333333333%;
  }

  .container .one-third.column {
    width: 30.72916666666667%;
  }

  .container .two-thirds.column {
    width: 64.0625%;
  }

  /* Offsets ($column-width + $gutter) */
  .container .offset-by-one {
    padding-left: 4.94792%;
  }

  .container .offset-by-two {
    padding-left: 11.19792%;
  }

  .container .offset-by-three {
    padding-left: 17.44792%;
  }

  .container .offset-by-four {
    padding-left: 23.69792%;
  }

  .container .offset-by-five {
    padding-left: 29.94792%;
  }

  .container .offset-by-six {
    padding-left: 36.19792%;
  }

  .container .offset-by-seven {
    padding-left: 42.44792%;
  }

  .container .offset-by-eight {
    padding-left: 48.69792%;
  }

  .container .offset-by-nine {
    padding-left: 54.94792%;
  }

  .container .offset-by-ten {
    padding-left: 61.19792%;
  }

  .container .offset-by-eleven {
    padding-left: 67.44792%;
  }

  .container .offset-by-twelve {
    padding-left: 73.69792%;
  }

  .container .offset-by-thirteen {
    padding-left: 79.94792%;
  }

  .container .offset-by-fourteen {
    padding-left: 86.19792%;
  }

  .container .offset-by-fifteen {
    padding-left: 92.44792%;
  }

  h1.title-header {
    font-size: 34px;
  }

  .page-header.parallax h1 {
    font-size: 34px;
  }

  .page-header.parallax i {
    font-size: 34px;
    margin-top: 40px;
  }

  .port-preview .item {
    width: 50%;
    float: left;
  }
  .port-preview .item.four {
    width: 50%;
  }

  .block.half {
    width: 50%;
  }
  .block.three-block {
    width: 50%;
  }
  .block.quarter-block {
    width: 50%;
  }

  .blog-sidebar {
    float: left;
    width: 30%;
    padding: 4%;
    padding-top: 0;
    padding-left: 0;
  }

  #blog-main {
    float: left;
    width: 70%;
    padding: 10%;
    padding-top: 0;
    text-align: center;
  }
}
/* /(min-width: 48em) */
/* # Desktop
================================================== */
@media (min-width: 60em) {
  .container {
    max-width: 1200px;
  }

  .container.narrow {
    max-width: 800px;
  }

  .container .column,
  .container .columns {
    margin-left: 1.041666666666667%;
    margin-right: 1.041666666666667%;
  }

  .column.alpha, .columns.alpha {
    margin-left: 0;
  }

  .column.omega, .columns.omega {
    margin-right: 0;
  }

  /* Grid */
  .container .one.column,
  .container .one.columns {
    width: 4.166666666666667%;
  }

  .container .two.columns {
    width: 10.41666666666667%;
  }

  .container .three.columns {
    width: 16.66666666666667%;
  }

  .container .four.columns {
    width: 22.91666666666667%;
  }

  .container .five.columns {
    width: 29.16666666666667%;
  }

  .container .six.columns {
    width: 35.41666666666667%;
  }

  .container .seven.columns {
    width: 41.66666666666667%;
  }

  .container .eight.columns {
    width: 47.91666666666667%;
  }

  .container .nine.columns {
    width: 54.16666666666667%;
  }

  .container .ten.columns {
    width: 60.41666666666667%;
  }

  .container .eleven.columns {
    width: 66.66666666666667%;
  }

  .container .twelve.columns {
    width: 72.91666666666667%;
  }

  .container .thirteen.columns {
    width: 79.16666666666667%;
  }

  .container .fourteen.columns {
    width: 85.41666666666667%;
  }

  .container .fifteen.columns {
    width: 91.66666666666667%;
  }

  .container .sixteen.columns {
    width: 97.91666666666667%;
  }

  .container .one-third.column {
    width: 31.25%;
  }

  .container .two-thirds.column {
    width: 64.58333333333333%;
  }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 6.25%;
  }

  .container .offset-by-two {
    padding-left: 12.5%;
  }

  .container .offset-by-three {
    padding-left: 18.75%;
  }

  .container .offset-by-four {
    padding-left: 25%;
  }

  .container .offset-by-five {
    padding-left: 31.25%;
  }

  .container .offset-by-six {
    padding-left: 37.5%;
  }

  .container .offset-by-seven {
    padding-left: 43.75%;
  }

  .container .offset-by-eight {
    padding-left: 50%;
  }

  .container .offset-by-nine {
    padding-left: 56.25%;
  }

  .container .offset-by-ten {
    padding-left: 62.5%;
  }

  .container .offset-by-eleven {
    padding-left: 68.75%;
  }

  .container .offset-by-twelve {
    padding-left: 75%;
  }

  .container .offset-by-thirteen {
    padding-left: 81.25%;
  }

  .container .offset-by-fourteen {
    padding-left: 87.5%;
  }

  .container .offset-by-fifteen {
    padding-left: 93.75%;
  }

  /* Styles */
  #top-menu nav.top-nav {
    display: block;
    margin-top: 10px;
  }

  #top-menu .menu-toggle {
    display: none;
  }

  #top-menu .logo a.logo-image img {
    max-width: 100%;
  }

  h1.title-header {
    font-size: 34px;
  }

  .page-header.parallax {
    padding: 110px 0;
  }

  .block.three-block {
    width: 75%;
  }
  .block.quarter-block {
    width: 25%;
  }

  .blog-sidebar .blog-sidebar-inner {
    padding: 40px;
  }

  .port-preview .item {
    width: 33.3%;
    float: left;
  }
  .port-preview .item.four {
    width: 25%;
  }
}
/* /(min-width: 85em) */
@media (min-width: 85em) {
  #top-menu nav.top-nav .menu li a {
    padding: 30px 15px;
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  #main-side.shown .menu-toggle {
    left: 0;
    top: 3px;
  }

  #main-side.dark-menu.shown .menu-toggle.open li {
    background: #fff;
  }
}
/* #Clearing
================================================== */
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.container:after, .clearfix:before, .clearfix:after, .row:before, .row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.container:after, .row:after, .clearfix:after {
  clear: both;
}

.row, .clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns. Note that adding .clear to any tag will automatically hide it. */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.space {
  height: 100px;
}

.space-small {
  height: 50px;
}

.line-separator {
  width: 100%;
  height: 1px;
  background: #ddd;
  margin: 60px auto;
  display: block;
}