/*-----------------------------------------------------------------------------------

	Theme Name: Struck
	Theme URI: http://themewich.com
	Description: The most powerful way to share your work.
	Author: Andre Gagnon
	Author URI: http://themewich.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.2.1

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

	-----------------
	Table of Contents
	-----------------

	GENERAL 			Site Wide Styles
	WORDPRESS 			WordPress Content Styles
	TYPOGRAHY 			Site Wide Typography Basics
	LISTS 				Lists and Rules
	INPUTS 				Input Styling

	Theme
	-----
	BADGES				Badges for Tags and Categories
	BUTTONS 			Buttons and Links
	ANIMATIONS 			CSS3 Animations
	SHORTCODES 			Shortcode Theme Styling
	GALLERIES 			WordPress Gallery Styles
	SLIDER 				Theme Slider Styles
	IMAGES 				WordPress Image Styles
	CAPTIONS 			Sitewide Caption Styles
	HOVERS 				Image Hover Effects

	Layout
	------
	LOGONAV 			Logo and Navigation
	PAGE 				General Page Styles
	POST 				Single Post Styles
	SIDEBAR				Sidebar Styles
	CLASSIC				Classic Post Style
	GRID  				Grid Post Style
	MINIMAL  			Minimal Post Style
	PORTFOLIO			Single Portfolio Styles
	SIDEPANEL 			Side Panel
	AUTHOR  			Author Box and Author Page
	SHARING 			Post Sharing
	COMMENTS 			Post Comments
	PAGINATION 			Pagination
	SEARCH 				Search Styles
	FOOTER 				Footer Styles

	Sections
	-----
	SECTIONS 			General Section Styles

	Widgets
	-------
	GENERALWIDGET		General Widget Styles
	RECENTPROJECTS		Recent Projects Widget
	POSTTABS			Post tab widget
	RECENTCOMMENTS 		Recent Comments Widget
	SOCIALCOUNTER 		Social Counter Widget
	NEWSWIDGET			Custom News Widget
	PAGESTAGS 			List pages and tags widgets
	RSS 				RSS Widget
	CALENDAR			Calendar Widget
	MENUWIDGET 			Custom Menu Widget
	ADSWIDGET 			Ads Widget Styles

	Includes
	--------
	PACE				Pace Loading Animation
	SUPERFISH 			Superfish Dropdown Navigation
	MOBILENAV 			Mobile Menu
	LIGHTBOX 			Lightbox Styles
	TABS 				Tab Styles
	TOOLTIP 			Tooltip Styles
	ISOTOPE 			Isotope Grid Styling
	SCROLLTOP			Scroll To Top Style
	MEDIAELEMENT 		Audio/Video Player Styling
	BREADCRUMBS 		Breadcrumbs styling
	NINJA				Ninja forms styling

	COLORS 				Default Colors

	MEDIAQUERIES 		Media Queries


-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  $GENERAL
/*-----------------------------------------------------------------------------------*/
html {
  padding: 0 !important;
  font-size: 16px;
  /* Initial font size */
}

body {
  width: 100%;
  -ms-word-wrap: break-word;
  /* Make sure long words break */
  word-wrap: break-word;
}

/* Set Box Sizing */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/**
 * Containers
 */
#sitecontainer {
  z-index: 1;
  overflow: hidden;
}

/**
 * Alignment
 */
.alignright {
  float: right;
}

.alignleft {
  float: left;
}

/**
 * Basic Text/Display
 */
strong {
  font-weight: bold;
}

sup {
  vertical-align: super;
  top: 0;
}

sub {
  vertical-align: sub;
  bottom: 0;
}

.zeromargin {
  margin: 0 !important;
}

.display {
  display: block;
}

.table {
  display: table;
  float: none;
  margin-bottom: 0;
}

.tr {
  display: table-row;
  float: none;
}

.td {
  display: table-cell;
  float: none;
}

.verticalmiddle {
  vertical-align: middle;
}

.hidden, .zero-opacity {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

.disappear {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.appear,
.disappear.appear {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

/**
 * Clearing
 */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.mobileclear {
  display: none;
}

/**
 * Loading Animations
 */
.loading,
.loading-dark {
  background-repeat: no-repeat;
  background-position: center;
  min-width: 50px;
  min-height: 50px;
}

.ajax-loader {
  display: block;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}

.ajax-loading-div {
  height: 100% !important;
  overflow: hidden !important;
}

/* Spin Animation */
.svg.smil .loading {
  background-image: url(images/loaders/puff.svg);
  background-size: 50px;
}
.svg.smil .loading.audio {
  background-image: url(images/loaders/audio.svg);
  background-size: 30px;
}
.svg.smil .loading.ball-triangle {
  background-image: url(images/loaders/ball-triangle.svg);
}
.svg.smil .loading.bars {
  background-image: url(images/loaders/bars.svg);
}
.svg.smil .loading.circles {
  background-image: url(images/loaders/circles.svg);
}
.svg.smil .loading.grid {
  background-image: url(images/loaders/grid.svg);
}
.svg.smil .loading.hearts {
  background-image: url(images/loaders/hearts.svg);
}
.svg.smil .loading.oval {
  background-image: url(images/loaders/oval.svg);
}
.svg.smil .loading.puff {
  background-image: url(images/loaders/puff.svg);
}
.svg.smil .loading.rings {
  background-image: url(images/loaders/rings.svg);
}
.svg.smil .loading.spinning-circles {
  background-image: url(images/loaders/spinning-circles.svg);
}
.svg.smil .loading.tail-spin {
  background-image: url(images/loaders/tail-spin.svg);
}
.svg.smil .loading.three-dots {
  background-image: url(images/loaders/three-dots.svg);
}

/* FallBacks */
.loading {
  background-image: url(images/loading.gif);
}

/**
 * No JS Alert
 */
.alert {
  /* For Non-Javascript Enabled Browsers */
  background: #ffffff;
  text-align: center;
  padding: 5px 0px;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* Good browsers */
  opacity: 0.9;
}
.alert p {
  font-size: 24px;
  color: #666;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-left: -30px;
  margin-top: -18px;
}

/**
 * Responsive Images
 */
.scale-with-grid,
#sitecontainer img {
  max-width: 100% !important;
  height: auto !important;
}

/**
 * Selections
 */
::selection {
  color: #fff;
}

/**
 * General Use Column Widths
 */
.one-half {
  width: 48%;
}

.one-third {
  width: 30.66%;
}

.two-third {
  width: 65.33%;
}

.one-fourth {
  width: 22%;
}

.three-fourth {
  width: 74%;
}

.one-fifth {
  width: 16.8%;
}

.two-fifth {
  width: 37.6%;
}

.three-fifth {
  width: 58.4%;
}

.four-fifth {
  width: 79.2%;
}

.one-sixth {
  width: 13.33%;
}

.five-sixth {
  width: 82.67%;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
  margin-right: 4%;
  margin-bottom: 25px;
  float: left;
}

.column-last {
  margin-right: 0 !important;
  clear: right;
}

/**
 * Vertical Centering
 */
.verticalcenter {
  display: table;
}

/* For IE7 */
.verticalcenter td {
  vertical-align: middle;
}

.verticalcenter .cell.verticalcenter {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

/**
 * General click styling
 */
a:active, a:focus {
  outline: 0;
}

/**
 * Divider Styling
 */
hr {
  margin: 10px 0 40px 0;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-color: #e7e7e7;
  border-color: rgba(0, 0, 0, 0.05);
  height: 6px;
}

.single-post .post aside,
.portfolio aside,
.regular-width aside {
  color: #777;
  max-width: 150px;
}
.single-post .post aside:before,
.portfolio aside:before,
.regular-width aside:before {
  content: "____";
  display: block;
  margin-top: -10px;
  margin-bottom: 10px;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
.single-post .post aside img,
.portfolio aside img,
.regular-width aside img {
  display: block;
  margin-bottom: 20px;
}
.single-post .post aside.aside-left,
.portfolio aside.aside-left,
.regular-width aside.aside-left {
  float: left;
  margin-left: -190px;
  text-align: right;
}
.single-post .post aside.aside-right,
.portfolio aside.aside-right,
.regular-width aside.aside-right {
  float: right;
  margin-right: -190px;
}

/*-----------------------------------------------------------------------------------*/
/*  $WORDPRESS
/*-----------------------------------------------------------------------------------*/
.aligncenter, div.aligncenter {
  display: block;
  margin: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.remove-bottom {
  margin-bottom: 0 !important;
}

.remove-top {
  margin-top: 0 !important;
}

.half-bottom {
  margin-bottom: 10px !important;
}

.add-bottom {
  margin-bottom: 20px !important;
}

.aligncenter {
  text-align: center;
}

.noborder {
  border: none !important;
}

p img {
  display: inline;
}

em {
  font-style: italic;
}

img.attachment-thumbnail {
  max-width: 100% !important;
  height: auto !important;
}

blockquote {
  margin: 0 0 45px 0;
  padding: 0;
  border: none;
  text-align: center;
}
blockquote cite {
  font-size: 12px;
  display: block;
  margin-top: 15px;
}

.tw-column blockquote,
.tw-column blockquote p {
  margin: 0;
}

blockquote p {
  line-height: 1.2em !important;
  margin: auto;
  text-align: left;
  max-width: 500px;
  color: #333;
  display: inline-block;
  border-top: 3px solid #e8e8e8;
  border-bottom: 3px solid #e8e8e8;
  border-color: rgba(0, 0, 0, 0.05);
  padding: 25px 0;
}

cite {
  display: inline-block;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}

.alignright blockquote {
  float: right;
  max-width: 340px;
  margin-top: 0;
  padding-left: 20px;
}

.alignleft blockquote {
  float: left;
  max-width: 340px;
  margin-top: 0;
  padding-right: 20px;
}

.bypostauthor {
  border: 3px;
}

/*-----------------------------------------------------------------------------------*/
/*  $TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/
/* Default Body */
body {
  font-size: 16px;
  line-height: 2em;
  color: #777;
  overflow-x: hidden;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  /* Chrome and Safari */
  -moz-backface-visibility: visible;
  /* Firefox */
  -ms-backface-visibility: visible;
  /* Internet Explorer */
}

p, ul {
  font-size: 16px;
  line-height: 1.9em;
  margin-bottom: 3em;
  margin-top: 0;
  color: #777;
}

/* Link Transitions */
p a, a {
  text-decoration: none;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a:active, a:focus, a:hover {
  text-decoration: none;
}

/* Headings */
h1 {
  padding: 0;
  margin: 0 0 0.75em;
  color: #000;
}

h2 {
  padding: 0;
  margin: 0 0 0.75em;
  color: #000;
}

h3, h4, h5, h6 {
  padding: 0;
  margin: 0 0 1em;
  color: #000;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000;
  text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

/**
 * Site Wide Specifics
 */
p img {
  margin: 0;
}

p.lead {
  font-size: 21px;
  line-height: 27px;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

.tinydetails {
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}

.section.dark-section .tinydetails {
  color: rgba(255, 255, 255, 0.5);
}

.intro h2 {
  font-size: 1.75em;
  line-height: 1.3em;
  margin-bottom: 60px;
  color: #777;
}

/*-----------------------------------------------------------------------------------*/
/*  $LISTS
/*-----------------------------------------------------------------------------------*/
/**
 * List Items
 */
ul, ol, dl, pre, table {
  margin-bottom: 40px;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

.struck dt {
  font-weight: bold;
}

ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

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

ul ul, ul ol, ol ol, ol ul {
  margin: 4px 0 5px 30px;
}

ul ul li, ul ol li, ol ol li, ol ul li {
  margin-bottom: 6px;
}

ul ul {
  margin-left: 0;
  padding-left: 0;
}

li, dd {
  margin-bottom: 12px;
}

/* Horizontal Rule */
hr {
  border-style: solid;
  border-color: #dcdcdc;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px 0;
  padding: 0;
  height: 1px;
}
.content hr {
  margin-bottom: 40px;
}

.generatedcontent .content ol,
.generatedcontent .content span ol {
  counter-reset: themewich-counter;
  list-style: none;
  padding: 0;
  margin-left: 24px;
}
.generatedcontent .content ol > li,
.generatedcontent .content span ol > li {
  padding-left: 15px;
}
.generatedcontent .content ol > li:before,
.generatedcontent .content span ol > li:before {
  content: counter(themewich-counter);
  counter-increment: themewich-counter;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: block;
  padding: 0;
  text-align: center;
  float: left;
  margin-left: -50px;
  margin-top: -6px;
  color: #ccc;
  font-size: 22px;
}
.generatedcontent .content ul,
.generatedcontent .content span ul {
  list-style-type: none;
  padding: 0;
  margin-left: 10px;
}
.generatedcontent .content ul > li,
.generatedcontent .content span ul > li {
  list-style-type: none;
  padding-left: 15px;
}
.generatedcontent .content ul > li:before,
.generatedcontent .content span ul > li:before {
  font-family: 'FontAwesome', sans-serif;
  content: "\f111";
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: block;
  padding: 0;
  text-align: center;
  float: left;
  margin-left: -50px;
  margin-top: -6px;
  color: #ccc;
  font-size: 12px;
}
.generatedcontent .content ol[class], .generatedcontent .content ul[class] {
  padding: 0;
  margin: 0;
  counter-reset: inherit;
}
.generatedcontent .content ol[class] li, .generatedcontent .content ul[class] li {
  padding: 0;
  margin: 0;
}
.generatedcontent .content ol.listcomments {
  margin-left: 0;
}
.generatedcontent .content ol.listcomments li {
  padding-left: 0;
}
.generatedcontent .content ol.listcomments li:before {
  display: none;
}

th, tfoot td, dt {
  color: #000;
}

/*-----------------------------------------------------------------------------------*/
/*  $INPUTS
/*-----------------------------------------------------------------------------------*/
/**
 * Inputs
 */
input:focus {
  outline: none;
}

input[type=text], textarea {
  margin: 0 0 20px 0;
  border: none;
  background: #e8e8e8;
  background: rgba(100, 100, 100, 0.09);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  width: 90%;
  padding: 10px;
}

input[type="text"]:focus,
textarea:focus {
  background: #e3e3e3;
  background: rgba(100, 100, 100, 0.15);
  outline: none !important;
}

select {
  background: #e8e8e8;
  background: rgba(100, 100, 100, 0.09);
  padding: 12px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  margin-bottom: 10px;
}

input[type="text"],
textarea,
#commentsubmit input[type="text"],
#commentsubmit textarea,
.contactsubmit input[type="text"],
.contactsubmit textarea,
.contactsubmit select,
select#top_nav_menu {
  color: #555;
  border: none;
  background: #e8e8e8;
  background: rgba(100, 100, 100, 0.09);
  transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

input[type="submit"] {
  margin-top: 0;
  -webkit-appearance: none;
}

label, .label-above label {
  margin-bottom: 15px;
}

/* Search Box */
.search {
  position: relative;
}

.widget .search i {
  top: 5px;
}

input#s {
  font-size: 12px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  max-width: 300px;
  margin: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0 14px;
  color: #555;
  border: none;
  background: #e3e3e3;
  background: rgba(0, 0, 0, 0.075);
}

input#s::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
  line-height: 42px;
}

input#s:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  line-height: 42px;
}

input#s::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 14px;
  line-height: 42px;
}

input#s:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
  font-size: 14px;
  line-height: 42px;
}

input#s::-ms-clear {
  display: none;
}

/* Contact Forms */
.ninja-forms-form-wrap input[type=text],
.ninja-forms-form-wrap textarea {
  margin-bottom: 10px;
}

div.ninja-forms-required-items {
  font-size: 12px;
  float: right;
  color: #999;
}

.ninja-forms-field-error,
.ninja-forms-error-msg,
.ninja-forms-field-error p {
  color: #ff0000;
  font-size: 12px;
  line-height: 12px;
}

.struck .ninja-forms-form-wrap input,
.struck .ninja-forms-form-wrap textarea {
  padding: 12px;
}
.struck .ninja-forms-response-msg.ninja-forms-success-msg p {
  color: #63AE39;
}
.struck .ninja-forms-response-msg.ninja-forms-error-msg p {
  color: #ff0000;
}
.struck .ninja-forms-response-msg p {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

#footer #ninja_forms_form_1_process_msg > img {
  display: none;
}

.struck .field-wrap.label-left .ninja-forms-field,
.struck .field-wrap.label-left .ninja-forms-star-rating-control {
  margin-left: 0;
}

.struck #ui-datepicker-div .ui-datepicker-header,
.struck #ui-datepicker-div .ui-datepicker-calendar th,
.struck #ui-datepicker-div .ui-datepicker-calendar td {
  padding: 10px;
  text-align: center;
  line-height: 13px;
  font-size: 13px;
}

.ui-datepicker-header {
  background: #222;
  color: #fff;
}

#ui-datepicker-div .ui-datepicker-calendar th {
  background: #dcdcdc;
  color: #999;
}

#ui-datepicker-div .ui-datepicker-calendar td {
  border: 1px solid #fff;
}

#ui-datepicker-div .ui-icon {
  text-indent: 99999px;
  display: block;
}

#contactform {
  margin-bottom: 30px;
}

textarea {
  overflow: hidden;
  line-height: 21px;
}

.contactsubmit span {
  color: #c85849;
}

.contactsubmit .formrow {
  height: 90px;
}

.contactsubmit .messagerow {
  padding-bottom: 15px;
}

.contactsubmit label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
}

.contactsubmit input[type=text], .contactsubmit textarea, .contactsubmit select {
  padding: 10px;
  margin: 0;
  border: 1px solid #e3e3e3;
  font-size: 12px;
}

.contactsubmit input[type=text] {
  width: 90%;
}

.contactsubmit select {
  width: 100%;
}

.contactsubmit input[type=submit] {
  border: none;
}

.contactsubmit textarea {
  width: 95%;
}

.contactsubmit #submit {
  padding: 10px;
  margin: 0 0 20px 0;
  border: inherit;
  width: inherit;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
}

.contactsubmit input:focus, .contactsubmit textarea:focus {
  border: 1px solid #999;
  outline: 0;
}

.contactsubmit .radiobutton {
  margin-left: 10px;
  display: block;
  margin-right: 0;
  width: 100px;
  float: left;
  line-height: 30px;
  height: 45px;
  font-size: 12px;
  text-transform: none;
}

.contactsubmit input[type="radio"] {
  font-size: 12px;
  display: inline;
  float: left;
  width: 15px;
  margin: 8px 5px 0 0;
}

.contactsubmit label.error, .ag_contact_widget label.error {
  font-size: 10px;
  color: #c85849;
  text-transform: none;
  letter-spacing: 0;
}

p.loading {
  display: none;
}

.contactcontent {
  margin-bottom: 30px;
}

.emailsuccess {
  margin-bottom: 30px;
  color: #63AE39;
  background: #E6F9DC;
  border: 1px solid #81CE56;
  padding: 20px;
  box-shadow: 0 1px 2px #F0F0F0;
  -moz-box-shadow: 0 1px 2px #F0F0F0;
  -webkit-box-shadow: 0 1px 2px #F0F0F0;
  text-shadow: 0 1px 0 white;
}

.singlecontent .emailsuccess h4, .emailsuccess h4 {
  color: #407c1f;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 5px;
}

.emailsuccess p {
  margin: 0;
  color: #63AE39;
}

.ag_contact_widget label.error {
  margin-top: -15px;
  display: block;
  margin-bottom: 15px;
}

/*-----------------------------------------------------------------------------------

	$THEME
	CSS for theme layout and styling

------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  $BADGES
/*-----------------------------------------------------------------------------------*/
/* Badges */
.image-title-bg .badges {
  margin-bottom: 20px;
}

.badges a, .badges span.disabled, .widget .tagcloud a {
  display: inline-block;
  color: #000;
  padding: 14px 12px;
  margin-bottom: 2px;
  margin-right: 5px;
  border: 2px solid #ccc;
  border-radius: 100px;
  font-size: 10px !important;
  line-height: 0 !important;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
.badges a:active, .badges a:focus, .badges span.disabled:active, .badges span.disabled:focus, .widget .tagcloud a:active, .widget .tagcloud a:focus {
  text-decoration: none;
}
.badges a:hover, .badges span.disabled:hover, .widget .tagcloud a:hover {
  color: #fff;
  background: #000;
  text-decoration: none;
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*  $BUTTONS
/*-----------------------------------------------------------------------------------*/
.button,
.tw-button,
a.tw-button,
.struck a.tw-button,
a.button,
a.more-link,
#submit,
.tw-postshortcode a.more-link,
.struck .tw-postshortcode a.more-link,
input[type=submit] {
  text-transform: uppercase;
  font-weight: bold;
  background: none;
  border-width: 2px;
  border-style: solid;
  border: 2px solid;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 14px 20px;
  position: relative;
  text-decoration: none;
  font-size: 12px;
  -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s, border 0.3s ease 0s;
  transition: background 0.3s ease 0s, color 0.3s ease 0s, border 0.3s ease 0s;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}

a.tw-button.custom {
  border: 0 !important;
}

.button:hover,
.tw-button:hover,
a.tw-button:hover,
a.button:hover,
a.more-link:hover,
#submit:hover,
.tw-postshortcode a.more-link:hover,
input[type=submit]:hover,
.button:active,
.tw-button:active,
a.tw-button:active,
a.button:active,
a.more-link:active,
#submit:active,
.tw-postshortcode a.more-link:active,
input[type=submit]:active {
  color: #fff;
}

.section.dark-section a.button.outline,
.slide.dark-section a.button.outline {
  border: 1px solid #fff;
  color: #fff !important;
}
.section.dark-section a.button.outline:hover,
.slide.dark-section a.button.outline:hover {
  background: #fff !important;
  color: #222 !important;
}

a.button.outline {
  background: transparent;
  border: 1px solid #222;
  color: #222 !important;
  margin-top: 0;
  z-index: 99;
  text-transform: uppercase;
}

a.button.outline:hover {
  background: #222 !important;
  color: #fff !important;
}

.tw-button:hover,
a.tw-button:hover,
.widget a.tw-button:hover,
.tw-postshortcode a.more-link:hover {
  border-color: #222;
}

span.more-link {
  display: block;
}

a.more-link {
  display: inline-block;
}

a.more-link, a.button, .tw-button, a.tw-button, .button {
  margin-top: 15px;
}

a.button.shortcode {
  margin-top: 0 !important;
  margin-bottom: 15px;
}

/* Button Hovers */
.button:hover, a.button:hover, .widget a.button:hover, .cancel-reply p a:hover {
  background: #111;
}

.button:hover, a.button:hover, #submit:hover {
  color: #fff;
}

.button.custom:hover, a.button.custom:hover {
  background: #000 !important;
}

/* Button Sizes */
.button.small, .tw-button.small {
  font-size: 10px;
}

.button.medium, .tw-button.medium {
  font-size: 12px;
  padding: 10px 12px 11px !important;
}

.button.large, .tw-button.large {
  font-size: 14px;
  padding: 12px 14px 13px !important;
}

.button.huge, .tw-button.huge {
  font-size: 14px;
  padding: 22px 25px !important;
}

/* Button Colors */
.button.red, .tw-button.red {
  background: #C60108;
}

.button.orange, .tw-button.orange {
  background: #E97F02;
}

.button.yellow, .tw-button.yellow {
  background: #ECBA09;
}

.button.green, .tw-button.green {
  background: #8FBE00;
}

.button.blue, .tw-button.blue {
  background: #00A8C6;
}

.button.purple, .tw-button.purple {
  background: #490A3D;
}

.button.purple:hover, .tw-button.purple:hover, .button.blue:hover, .tw-button.blue:hover, .button.green:hover, .tw-button.green:hover, .button.yellow:hover, .tw-button.yellow:hover, .button.orange:hover, .tw-button.orange:hover, .button.red:hover, .tw-button.red:hover {
  background: #333;
}

/*-----------------------------------------------------------------------------------*/
/*  $ANIMATIONS
/*-----------------------------------------------------------------------------------*/
/**
 * FadeInUp
 */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/**
 * FadeOutDown
 */
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    display: block;
  }
  99% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    display: block;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    display: none;
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moztransform: translateY(0);
    display: block;
  }
  99% {
    opacity: 0;
    -moztransform: translateY(20px);
    display: block;
  }
  100% {
    opacity: 0;
    -moztransform: translateY(20px);
    display: none;
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
    display: block;
  }
  99% {
    opacity: 0;
    -o-transform: translateY(20px);
    display: block;
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
    display: none;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
    display: block;
  }
  99% {
    opacity: 0;
    transform: translateY(20px);
    display: block;
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
    display: none;
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

/**
 * Infinite Bounce
 */
@keyframes bounceinfinite {
  from {
    transform: translate3d(0, -2px, 0);
  }
  to {
    transform: translate3d(0, 2px, 0);
  }
}
@-webkit-keyframes bounceinfinite {
  from {
    -webkit-transform: translate3d(0, -2px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 2px, 0);
  }
}
.bounceinfinite {
  animation-duration: 0.25s;
  -webkit-animation-duration: 0.25s;
  /* Safari and Chrome */
  -webkit-animation-name: bounceinfinite;
  -moz-animation-name: bounceinfinite;
  -o-animation-name: bounceinfinite;
  animation-name: bounceinfinite;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
}

/*-----------------------------------------------------------------------------------*/
/*  $SHORTCODES
/*-----------------------------------------------------------------------------------*/
a.tw-lightbox {
  color: #777;
}

.struck ul.tw-tabs li a.active {
  height: 38px;
}
.struck ul.tw-tabs li a {
  line-height: 22px;
}
.struck a.tw-button.shortcode:hover {
  border-color: #000;
}
.struck .tw-toggle .tw-toggle-trigger,
.struck .tw-accordion .tw-accordion-trigger {
  background-color: rgba(0, 0, 0, 0.05);
}
.struck .tw-postshortcode a.more-link {
  color: #fff;
}

.tw-column p {
  margin-bottom: 1.5em;
}

.struck .tw-post-break {
  margin-bottom: 50px;
}

.tw-toggle .tw-column {
  margin-bottom: 0;
}

.generatedcontent .content ul.tw-tabs {
  margin-bottom: 15px;
}

.sidepostcontainer.isotopecontainer {
  padding-bottom: 0;
  margin-right: -32px;
}
.sidepostcontainer.isotopecontainer .title-shortcode, .sidepostcontainer.isotopecontainer .date {
  margin-bottom: 20px;
}
.sidepostcontainer.isotopecontainer .date {
  color: #000;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
.sidepostcontainer.isotopecontainer .date a {
  color: #000;
}
.sidepostcontainer.isotopecontainer a.more-link {
  margin-top: 20px;
}

.tw-postshortcode .tw-one-half,
.tw-postshortcode .tw-one-third,
.tw-postshortcode .tw-two-third,
.tw-postshortcode .tw-three-fourth,
.tw-postshortcode .tw-one-fourth,
.tw-postshortcode .tw-one-fifth,
.tw-postshortcode .tw-two-fifth,
.tw-postshortcode .tw-three-fifth,
.tw-postshortcode .tw-four-fifth,
.tw-postshortcode .tw-one-sixth,
.tw-postshortcode .tw-five-sixth {
  padding-right: 4%;
  padding-bottom: 25px;
  float: left;
}

.tw-postshortcode h3, .tw-postshortcode h3 a {
  color: #222;
}

.tw-postshortcode h4.title-shortcode {
  margin-bottom: 35px;
}

.struck .tw-postshortcode, .struck .tw-postshortcode p {
  font-size: 14px !important;
  line-height: 2em !important;
  margin-bottom: 20px !important;
}

.struck .tw-postshortcode h3, .struck .tw-postshortcode h3 a {
  font-size: 22px !important;
  line-height: 28px;
}

.struck .tw-tabs-shortcode li p {
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 20px;
}

.generatedcontent .content .tw-pricing ul li:before,
.generatedcontent .content .tw-tabs-shortcode ul li:before {
  display: none;
}

.struck .tw-button,
.struck a.tw-button,
.struck .tw-postshortcode a.more-link {
  background: transparent;
}
.struck a.tw-button.shortcode.custom {
  border-color: transparent !important;
  color: #fff;
}
.struck .tw-button {
  /* Button Colors */
}
.struck .tw-button.red {
  background: #C60108;
}
.struck .tw-button.orange {
  background: #E97F02;
}
.struck .tw-button.yellow {
  background: #ECBA09;
}
.struck .tw-button.green {
  background: #8FBE00;
}
.struck .tw-button.blue {
  background: #00A8C6;
}
.struck .tw-button.purple {
  background: #490A3D;
}
.struck .tw-button.purple:hover, .struck .tw-button.blue:hover, .struck .tw-button.green:hover, .struck .tw-button.yellow:hover, .struck .tw-button.orange:hover, .struck .tw-button.red:hover {
  background: #333;
}

.struck .tw-social-icon {
  width: 25px;
  height: 25px;
  background-size: 20px;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
  background-color: transparent;
}
.struck .tw-social-icon svg {
  fill: currentColor;
}
.struck .tw-social-icon:hover {
  background-color: transparent;
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}
.svg .struck .tw-social-icon {
  background-size: 20px;
}

.svg .dark .tw-social-icon.twitter {
  background-image: url(images/icons/twitter-white.svg);
}
.svg .dark .tw-social-icon.facebook {
  background-image: url(images/icons/facebook-white.svg);
}
.svg .dark .tw-social-icon.dribbble {
  background-image: url(images/icons/dribbble-white.svg);
}
.svg .dark .tw-social-icon.instagram {
  background-image: url(images/icons/instagram-white.svg);
}
.svg .dark .tw-social-icon.google {
  background-image: url(images/icons/google-white.svg);
}
.svg .dark .tw-social-icon.pinterest {
  background-image: url(images/icons/pinterest-white.svg);
}
.svg .dark .tw-social-icon.linkedin {
  background-image: url(images/icons/linkedin-white.svg);
}
.svg .dark .tw-social-icon.rss {
  background-image: url(images/icons/rss-white.svg);
}
.svg .dark .tw-social-icon.stumble {
  background-image: url(images/icons/stumbleupon-white.svg);
}
.svg .dark .tw-social-icon.vimeo {
  background-image: url(images/icons/vimeo-white.svg);
}
.svg .dark .tw-social-icon.youtube {
  background-image: url(images/icons/youtube-white.svg);
}

/*-----------------------------------------------------------------------------------*/
/*  $GALLERIES
/*-----------------------------------------------------------------------------------*/
/**
 * General Gallery Styles
 */
.gallery-wrap {
  margin: 20px 0 40px 0;
  min-height: 75px;
}

.featuredimage .gallery-wrap {
  margin-top: 0 !important;
  /* Remove top margin if used in featured area */
}
.featuredimage .single-slideshow.gallery-wrap.pager {
  margin-bottom: 35px !important;
}

/* Disable margins if in columns */
.tw-column .gallery-wrap, .tw-colum div.fixed {
  margin: 0 auto !important;
}

/**
 * Regular Gallery
 */
.gallery-icon {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.gallery-item {
  margin: 6px;
  position: relative;
  background: #222;
}

.gallery .gallery-icon img, .gallery .gallery-icon a {
  border: none !important;
  display: block;
  margin: 0;
}

/* Regular Styles */
.single-gallery img {
  width: auto;
}

/* Force 100% width for firefox users */
@-moz-document url-prefix() {
  #sitecontainer .gallery img {
    width: 100%;
  }
}
/* Gallery Sizes */
.single-gallery .gallery-columns-1 .gallery-item {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.single-gallery .gallery-columns-2 .gallery-item {
  width: 48%;
  margin: 0.5% 1%;
}
.single-gallery .gallery-columns-3 .gallery-item {
  width: 31%;
  margin: 0.5% 1%;
}
.single-gallery .gallery-columns-4 .gallery-item {
  width: 23%;
  margin: 0.5% 1%;
}
.single-gallery .gallery-columns-4 .gallery-item .gallery-caption span {
  padding: 15px;
}
.single-gallery .gallery-columns-5 .gallery-item {
  width: 18.85%;
  margin: 0.25% 0.5%;
}
.single-gallery .gallery-columns-6 .gallery-item {
  width: 15.55%;
  margin: 0.25% 0.5%;
}
.single-gallery .gallery-columns-7 .gallery-item {
  width: 13.15%;
  margin: 0.25% 0.5%;
}
.single-gallery .gallery-columns-8 .gallery-item {
  width: 11.35%;
  margin: 0.25% 0.5%;
}
.single-gallery .gallery-columns-9 .gallery-item {
  width: 10%;
  margin: 0.25% 0.5%;
}
.single-gallery .gallery-columns-5 .gallery-item .gallery-caption,
.single-gallery .gallery-columns-6 .gallery-item .gallery-caption,
.single-gallery .gallery-columns-7 .gallery-item .gallery-caption,
.single-gallery .gallery-columns-8 .gallery-item .gallery-caption,
.single-gallery .gallery-columns-9 .gallery-item .gallery-caption {
  display: none;
}

/* Full-Width Styles */
/* Loading Styles */
.single-gallery.full .gallery {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

/* No JS Fallback */
.no-js .single-gallery.full .gallery {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

/* Image Size Changes */
.single-gallery.full img {
  width: 256px;
}

/* Different Margin */
.single-gallery.full .gallery-item {
  margin-bottom: 10px;
}

/* Center Gallery on Page */
.single-gallery.full .gallery {
  margin: 40px auto;
}

/**
 * Slideshow Gallery
 */
.page-template-template-home-php .single-slideshow.gallery-wrap.pager {
  margin: 0;
}

.page-template-template-home-php .single-slideshow .pager {
  margin: 0;
}

.single-slideshow.homeslideshow .bx-wrapper .bx-controls-direction a {
  background-color: transparent !important;
  background-size: 0.75em !important;
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

.single-slideshow.homeslideshow:hover .bx-wrapper .bx-controls-direction a {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

.single-slideshow.homeslideshow .carousel .bx-controls-direction a {
  background-size: 1em !important;
}

/* Add Pager Margin */
.single-slideshow.gallery-wrap.pager {
  margin-bottom: 60px;
}

.single-slideshow.gallery-wrap {
  margin-top: 40px;
}

.tw-column .single-slideshow {
  margin-top: 0;
}

.bx-wrapper li {
  display: block;
  min-width: 1px;
}

.gallery-wrap .pager li > a,
.gallery-wrap .pager li > span {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  display: block;
  border: none;
  background-color: transparent;
}

/* No JS Fallback */
.no-js .single-slideshow {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

/* Full-Width Styles */
.single-slideshow .full.gallery {
  margin: auto;
}

/**
 * Carousel Gallery
 */
.single-carousel .gallery-icon {
  height: 100%;
  background: #333;
}

.single-carousel img {
  position: relative;
  z-index: 2;
}

/* Full-Width Styles */
.single-carousel.full .bx-wrapper {
  margin: auto;
}

/**
 * Gallery Controls
 */
.single-slideshow .bx-wrapper .bx-controls-direction a,
.carousel .bx-wrapper .bx-controls-direction a {
  margin-top: -37px;
  width: 53px;
  height: 74px;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
  background-size: 12px;
}

.no-svg .bx-wrapper .bx-prev,
.no-svg .single-slideshow .bx-wrapper .bx-prev,
.no-svg .single-carousel .bx-wrapper .bx-prev {
  left: 0px;
  background: url(images/sprites.png);
  background-color: #111;
  background-color: rgba(0, 0, 0, 0.6);
  background-position: -162px -53px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

.bx-wrapper .bx-prev,
.single-slideshow .bx-wrapper .bx-prev,
.carousel .bx-wrapper .bx-prev {
  background: url(images/left-chevron-white.svg) center no-repeat;
  left: 0;
}

.no-svg .bx-wrapper .bx-next,
.no-svg .single-slideshow .bx-wrapper .bx-next,
.no-svg .carousel .bx-wrapper .bx-next {
  right: 0px;
  background: url(images/sprites.png);
  background-color: #111;
  background-color: rgba(0, 0, 0, 0.6);
  background-position: -217px -52px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

.no-svg .single-carousel .bx-wrapper .bx-controls-direction .bx-next,
.no-svg .single-carousel .bx-wrapper .bx-controls-direction .bx-prev {
  background-image: none;
}

.bx-wrapper .bx-next,
.single-slideshow .bx-wrapper .bx-next,
.carousel .bx-wrapper .bx-next {
  background: url(images/right-chevron-white.svg) center no-repeat;
  right: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  $SLIDER
/*-----------------------------------------------------------------------------------*/
/**
 * BxSlider
 */
/* RESET AND LAYOUT */
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
}

.outsidearrows .bx-wrapper {
  padding: 0 25px;
}

.bx-wrapper img {
  width: 100%;
  display: block;
}

.bx-wrapper ul li {
  margin: auto;
}

/* THEME */
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -40px;
  width: 100%;
}

/*  Bullets */
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #dcdcdc;
  background: rgba(0, 0, 0, 0.25);
  margin-bottom: 15px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #222;
  background: rgba(0, 0, 0, 0.85);
}

/* LOADER */
.bx-wrapper .bx-loading {
  display: none;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  position: absolute;
  bottom: -50px;
  width: 100%;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 60;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

.single-carousel .bx-wrapper .bx-controls-direction a {
  width: 30px;
  height: 100%;
  top: 34px;
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  opacity: 0.3;
  font-size: 1.5em;
  color: #fff;
  background: #000;
  text-indent: 0;
  text-align: center;
}
.single-carousel .bx-wrapper .bx-controls-direction a i {
  position: relative;
  top: 50%;
  margin-top: -15px;
}

.single-carousel .bx-wrapper .bx-controls-direction a:hover,
.single-carousel .bx-wrapper:hover .bx-controls-direction a {
  /* IE 5-7 */
  filter: alpha(opacity=75);
  /* Netscape */
  -moz-opacity: 0.75;
  /* Safari 1.x */
  -khtml-opacity: 0.75;
  /* Good browsers */
  opacity: 0.75;
}

.single-carousel .bx-wrapper .bx-controls-direction a.bx-next {
  right: 0px;
  text-indent: -9999999px;
  background: #222 url(images/right-arrow-thick.svg) center no-repeat;
  background-size: 16px;
}

.single-carousel .bx-wrapper .bx-controls-direction a.bx-prev {
  left: 0px;
  text-indent: -9999999px;
  background: #222 url(images/left-arrow-thick.svg) center no-repeat;
  background-size: 16px;
}

.no-svg .single-carousel .bx-wrapper .bx-controls-direction a.bx-next {
  background: #222 url(images/right-arrow-thick.png) center no-repeat;
}
.no-svg .single-carousel .bx-wrapper .bx-controls-direction a.bx-prev {
  background: #222 url(images/left-arrow-thick.png) center no-repeat;
}

.bx-wrapper .bx-controls-direction a.disabled, .isobrick .bx-wrapper .bx-controls-direction a {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-caption {
  position: absolute;
  font-size: 16px;
  bottom: 10px;
  left: 15px;
  color: white;
  z-index: 999;
  color: #fff;
  z-index: 8;
  padding: 5px 10px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 50%;
}

.bx-caption span {
  line-height: 2.1em;
  padding: .4em 0;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0.8em 0 0 rgba(0, 0, 0, 0.75), -0.8em 0 0 rgba(0, 0, 0, 0.75);
}

.no-caption .bx-caption {
  display: none !important;
}

.bxslider {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  $IMAGES
/*-----------------------------------------------------------------------------------*/
/**
 * Image Styles
 */
/* Image Alignment */
img.alignright, .wp-caption.alignright {
  float: right;
  margin: 5px 0 30px 30px;
}

img.alignleft, .wp-caption.alignleft {
  float: left;
  margin: 5px 30px 30px 0;
}

img.aligncenter, .wp-caption.aligncenter {
  margin: 40px auto 30px;
}

/**
 * Parallax-Style Image
 */
.post-break {
  position: relative;
  float: none;
  margin: 40px auto 40px;
  display: inline-block;
  line-height: 0;
  min-width: 100% !important;
  max-width: 100% !important;
  -webkit-backface-visibility: hidden !important;
}

.full-bg-image {
  display: block;
  position: relative;
  padding-left: 100%;
  margin-left: -100%;
  padding-right: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden !important;
  background-position: center;
  background-attachment: scroll;
  background-color: #222;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  padding-bottom: 70%;
}

.imagecover .full-bg-image {
  padding-left: 0;
  margin-left: 0;
  padding-right: 0;
  margin-right: 0;
}

/* Loading */
img.alignfull {
  display: none;
}

.no-js img.alignfull {
  display: block;
}

/* Fade in Background images on load */
.load-background-image {
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease;
}
.load-background-image.fade-in {
  opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*  $CAPTIONS
/*-----------------------------------------------------------------------------------*/
/* General Styles */
.wp-caption {
  margin: 0 0 30px 0;
  width: auto;
  position: relative;
  max-width: 100%;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
  display: block;
}

/* Typography */
.wp-caption-text, .gallery-caption, .mfp-title {
  padding: 20px 30px;
  display: block;
  position: relative;
  text-rendering: optimizeLegibility;
  line-height: 16px;
  background: #e3e3e3;
  background: rgba(0, 0, 0, 0.05);
  color: #999;
  font-size: 0.85em;
  text-align: left;
}

.mfp-title,
.wp-caption-text.caption-fixedimg span,
.wp-caption-text.caption-normal span,
.single-slideshow .gallery-caption span {
  padding: .4em 0;
  color: #fff;
  display: inline;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0.8em 0 0 rgba(0, 0, 0, 0.5), -0.8em 0 0 rgba(0, 0, 0, 0.5);
  margin: 0;
  line-height: 2.1em;
}
.mfp-title a,
.wp-caption-text.caption-fixedimg span a,
.wp-caption-text.caption-normal span a,
.single-slideshow .gallery-caption span a {
  color: #fff;
}

/**
 * Image Captions
 */
/* Normal and Fixed Image Captions */
.wp-caption-text.caption-fixedimg, .wp-caption-text.caption-normal {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  background: transparent;
}

/* Alignment Captions */
.wp-caption.aligncenter {
  margin-top: 50px;
  margin-bottom: 50px;
}

.wp-caption.alignleft .wp-caption-text, .wp-caption.alignright .wp-caption-text, .wp-caption.aligncenter .wp-caption-text {
  position: static;
  background: #e3e3e3;
  background: rgba(0, 0, 0, 0.05);
}

.wp-caption.alignleft .wp-caption-text span,
.wp-caption.alignright .wp-caption-text span,
.wp-caption.aligncenter .wp-caption-text span {
  background: transparent;
  padding: 0;
  box-shadow: none;
  color: #999;
}

/* Parallax-Style Caption */
.post-break .wp-caption-text {
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 0;
  background: none;
  margin: 0 0 0 1em;
}

.post-break .wp-caption-text span {
  display: inline;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 1em 0 0 rgba(0, 0, 0, 0.5), -1em 0 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 8px 0;
  line-height: 35px;
}
.post-break .wp-caption-text span a {
  text-decoration: none;
}
.post-break .wp-caption-text span a:hover {
  text-decoration: underline;
}

/**
 * Gallery Captions
 */
/* Slideshow Caption */
.single-slideshow .gallery-caption {
  background: none;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
}

/* Regular Caption */
.gallery-caption span {
  display: block;
  padding: 13px 20px;
}

.gallery-item .gallery-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
}

/* Carousel and Gallery Captions */
.single-carousel .gallery-caption, .single-gallery .gallery-caption {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  color: #fff;
  z-index: 9;
}

.single-carousel .gallery-icon .gallery-caption,
.single-gallery .gallery-item .gallery-caption {
  height: 100%;
  width: 100%;
  display: block;
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  background: transparent;
  padding: 0;
  line-height: 22px;
}

.no-csstransitions .single-carousel .gallery-icon .gallery-caption span,
.no-csstransitions .single-gallery .gallery-item .gallery-caption span {
  display: none;
}

/*-----------------------------------------------------------------------------------*/
/*  $HOVERS
/*-----------------------------------------------------------------------------------*/
.single-carousel .gallery-icon a:hover .gallery-caption span,
.single-gallery .gallery-item a:hover .gallery-caption span {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  display: block;
}

.single-carousel .gallery-icon .gallery-caption span,
.single-gallery .gallery-item .gallery-caption span {
  padding: 30px;
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.45s;
  -moz-animation-duration: 0.45s;
  -ms-animation-duration: 0.45s;
  -o-animation-duration: 0.45s;
  animation-duration: 0.45s;
}

.no-csstransitions .single-carousel .gallery-icon:hover img,
.no-csstransitions .single-gallery .gallery-item:hover img {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  opacity: 0.3;
}

/* Carousel and Gallery Image Hover */
.csstransitions .single-carousel a img,
.csstransitions .single-gallery a img {
  transition: transform 0.45s, filter 0.45s, opacity 0.45s ease-in-out;
  -webkit-transition: -webkit-transform 0.45s, -webkit-filter 0.45s, -webkit-opacity 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: -o-transform 0.45s, -o-filter 0.45s, -o-opacity 0.45s ease-in-out;
  -ms-transition: -ms-transform 0.45s, -ms-filter 0.45s, opacity 0.45s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  /* This forces hardware acceleration for more consistent transitions */
}

.csstransitions .single-carousel a:hover img,
.csstransitions .single-gallery a:hover {
  background: #333;
}

.csstransitions .single-carousel a:hover img,
.csstransitions .single-gallery a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  opacity: 0.3;
}

/*-----------------------------------------------------------------------------------

	$LAYOUT
	CSS for theme layout

------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  $LOGONAV
/*-----------------------------------------------------------------------------------*/
/**
 * Logo Image
 */
.logo-nav-container {
  position: fixed;
  top: 0;
  z-index: 103;
}

.top-nav #logo {
  color: #fff;
  margin: 40px 0 0 15px;
  width: 1px;
  padding-left: 15px;
}
.top-nav #logo h1, .top-nav #logo h2, .top-nav #logo h3, .top-nav #logo h4, .top-nav #logo h5, .top-nav #logo h6 {
  color: #222;
  font-size: 24px;
  line-height: 24px;
  white-space: nowrap;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  margin-bottom: 0;
  text-transform: uppercase;
}
.top-nav #logo h1 a, .top-nav #logo h2 a, .top-nav #logo h3 a, .top-nav #logo h4 a, .top-nav #logo h5 a, .top-nav #logo h6 a {
  font-size: 24px;
  line-height: 24px;
  color: #222;
  text-decoration: none;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  display: block;
  position: relative;
}
.top-nav #logo img {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.top-nav #logo img.light-logo {
  position: absolute;
  top: 0;
  left: 0;
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}
.top-nav #logo img.dark-logo {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

body {
  background: none;
}

body.dark-section #logo h1, body.dark-section #logo h2, body.dark-section #logo h3, body.dark-section #logo h4, body.dark-section #logo h5, body.dark-section #logo h6 {
  color: #fff;
}
body.dark-section #logo h1 a, body.dark-section #logo h2 a, body.dark-section #logo h3 a, body.dark-section #logo h4 a, body.dark-section #logo h5 a, body.dark-section #logo h6 a {
  color: #fff;
}
body.dark-section #logo img.light-logo {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}
body.dark-section #logo img.dark-logo {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}
body.dark-section .top-nav.has-background #logo img.light-logo {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}
body.dark-section .top-nav.has-background #logo img.dark-logo {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

#logo img {
  display: block;
}

#logo img.retina {
  max-height: 50%;
}

/**
 * Dropdown Navigation
 */
/* Navigation Container */
.top-nav {
  position: fixed;
  z-index: 130;
  width: 100%;
}
.top-nav nav#menu {
  float: right;
}

.top-nav.regular-nav .top-nav-inner {
  height: 100%;
}

.top-nav.regular-nav.is_stuck,
.top-nav.altnav .altcontainer.is_stuck {
  width: 100% !important;
  border-bottom: 1px solid #e3e3e3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

html.mm-right.mm-opened.mm-opening .mm-fixed-top {
  left: auto !important;
}

.top-nav.regular-nav.is_stuck {
  left: auto !important;
}

.top-nav .container {
  position: relative;
}

.top-nav .table-cell {
  vertical-align: middle;
}

.no-bg .top-nav {
  position: relative;
  background: #222;
}

/* Search in navbar */
.top-nav .search {
  display: inline-block;
  position: relative;
  min-width: 30px;
  min-height: 37px;
  margin-right: 5px;
}

.top-nav .search input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
  line-height: 42px;
}

.top-nav .search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  line-height: 42px;
}

.top-nav .search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 14px;
  line-height: 42px;
}

.top-nav .search input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
  font-size: 14px;
  line-height: 42px;
}

.top-nav input#s {
  font-size: 14px;
  width: 0;
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  padding: 0;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  float: right;
  max-height: 42px;
  height: 42px;
  background: #e3e3e3;
  background: rgba(0, 0, 0, 0.075);
  color: #444;
  position: absolute;
  line-height: 42px;
  right: 0;
  padding: 0 15px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  border-radius: 999px;
}

.searchnav {
  line-height: 0;
}

.altnav .top-nav .search input#s {
  height: 38px;
  margin-top: 2px;
  background: #f3f3f3;
  background: rgba(0, 0, 0, 0.075);
}

.top-nav input#s:focus {
  width: 200px;
  right: 0;
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

.top-nav .search:hover input#s {
  width: 200px;
  right: 0;
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

.search i.searchbutton {
  position: absolute;
  top: 1px;
  right: 10px;
  cursor: pointer;
  margin: 0;
  line-height: 37px;
  padding-right: 5px;
}

.top-nav .container .cell {
  padding: 15px 0;
}

/**
 * Navigation Dropdown Skin
 */
.sf-menu {
  float: left;
}

.sf-menu a {
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  padding: 2em 1.25em;
  text-decoration: none;
}

.sf-menu li {
  margin-left: 1px;
}

.nomargin .sf-menu li {
  margin-left: 1px;
}

.sf-menu li li, .sf-menu li li li,
.sf-menu li li li li,
.nomargin .sf-menu li li,
.nomargin .sf-menu li li li,
.nomargin .sf-menu li li li li {
  margin-left: 0;
}

.sf-menu li a {
  padding: 1.2em 1.4em;
  line-height: 1em;
}

.sf-menu li li > a:hover {
  color: #000;
}

.sf-menu li li li > a,
.sf-menu li li:last-child li > a,
.sf-menu li li li li > a,
.sf-menu li li li:last-child li > a {
  border-bottom: none;
}

.sf-menu a, .sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #222;
  /* for Main nav in teal area once already clicked on */
}

.sf-menu a:hover {
  color: #222;
}

.sf-menu li li li li a:hover,
.sf-menu li li li a:hover,
.sf-menu li li a:hover {
  color: #222;
  background: transparent;
}

.sf-menu li li a,
.sf-menu li li a:visited,
.sf-menu li li li a,
.sf-menu li li li a:visited,
.sf-menu li li li li a,
.sf-menu li li li li a:visited,
.sf-menu li li:last-child li a,
.sf-menu li li li:last-child li a {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #555;
  /* For drop down that appears in white space once already visited */
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.sf-menu li li:last-child a, .sf-menu li li li:last-child a, .sf-menu li li li li:last-child a {
  border-bottom: none;
}

.sf-menu li li a, .sf-menu li li li a, .sf-menu li li li a, .sf-menu li li li li a {
  color: #555555;
  /* text color for drop down that appears in white space */
}

.sf-menu li {
  background: none;
}

.sf-menu li li {
  background: none;
}

.sf-menu li li li {
  background: none;
}

.sf-menu li li li li {
  background: none;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  outline: 0;
}

/* #Nav Arrows
================================================== */
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 1em;
}

.sf-menu > li.sfHover > a,
.sf-menu li > a:hover {
  color: #000;
}

.dark-section .sf-menu > li.sfHover > a,
.dark-section .sf-menu > li > a:hover {
  color: #fff;
}

.sf-menu li.sfHover li > a {
  background: none;
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.5em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #ccc;
  /* edit this to suit design (no rgba in IE8) */
}

.fontface .sf-arrows .sf-with-ul:after {
  content: '\f107';
  font-family: 'FontAwesome', sans-serif;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
  padding-right: 4px;
  padding-left: 2px;
  top: 0;
  position: relative;
  border: none;
  font-weight: normal;
}

.fontface .sf-arrows > li > .sf-with-ul:focus:after,
.fontface .sf-arrows > li:hover > .sf-with-ul:after,
.fontface .sf-arrows > .sfHover > .sf-with-ul:after {
  text-decoration: none;
}

.fontface .sf-arrows a.sf-with-ul:hover {
  text-decoration: none;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #ccc;
  /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: 12px;
  border-color: transparent;
  border-left-color: #ccc;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(0, 0, 0, 0.1);
}

.fontface .sf-arrows ul .sf-with-ul:after {
  content: '\f105';
  padding-left: 5px;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #ccc;
}

.fontface .sf-arrows ul li > .sf-with-ul:focus:after,
.fontface .sf-arrows ul li:hover > .sf-with-ul:after,
.fontface .sf-arrows ul .sfHover > .sf-with-ul:after {
  text-decoration: none;
}

.sf-shadow ul {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/* Section colors */
body.dark-section .sf-menu > li > a {
  color: #fff;
}

.top-nav {
  -webkit-transition: background 0.5s ease, padding 0.5s ease;
  transition: background 0.5s ease, padding 0.5s ease;
}
.top-nav .sf-menu > li > a {
  /* IE 5-7 */
  filter: alpha(opacity=60);
  /* Netscape */
  -moz-opacity: 0.6;
  /* Safari 1.x */
  -khtml-opacity: 0.6;
  /* Good browsers */
  opacity: 0.6;
}
.top-nav.has-background {
  background: #fff;
  padding: 10px 0;
}
.top-nav .sf-menu > li > a:hover {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

body.dark-section .top-nav.has-background {
  background: #fff;
}
body.dark-section .top-nav.has-background .sf-menu > li > a,
body.dark-section .top-nav.has-background .social a {
  color: #222;
}
body.dark-section .top-nav.has-background #logo h1, body.dark-section .top-nav.has-background #logo h2, body.dark-section .top-nav.has-background #logo h3, body.dark-section .top-nav.has-background #logo h4, body.dark-section .top-nav.has-background #logo h5, body.dark-section .top-nav.has-background #logo h6 {
  color: #222;
}
body.dark-section .top-nav.has-background #logo h1 a, body.dark-section .top-nav.has-background #logo h2 a, body.dark-section .top-nav.has-background #logo h3 a, body.dark-section .top-nav.has-background #logo h4 a, body.dark-section .top-nav.has-background #logo h5 a, body.dark-section .top-nav.has-background #logo h6 a {
  color: #222;
}

.navcontainer {
  z-index: 10;
}

.tw-menu-icon span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 30px;
  height: 3px;
  margin-top: -2px;
  background-color: #000;
  font-size: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tw-menu-icon.closeout span,
.dark-section .tw-menu-icon.closeout span {
  background-color: transparent !important;
}

.tw-menu-icon span:before,
.tw-menu-icon span:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: " ";
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* easeInOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* easeInOutBack */
}

.tw-menu-icon:hover span:before {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}

.tw-menu-icon:hover span:after {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}

.tw-menu-icon.closeout span:before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}

.tw-menu-icon.closeout span:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.tw-menu-icon span:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
}

.tw-menu-icon span:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
}

.tw-menu-icon {
  color: #222;
  text-align: right;
  font-size: 24px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 102;
  width: 30px;
  height: 50px;
  margin: 0 15px 0 20px;
  -webkit-transition: none;
  transition: none;
}

.no-csstransforms .tw-menu-icon span {
  background: none !important;
  height: 30px;
  margin-top: -15px;
  color: #000;
}
.no-csstransforms .tw-menu-icon span:after {
  display: none;
}
.no-csstransforms .tw-menu-icon span:before {
  font-family: "FontAwesome";
  content: "\f0c9";
  background: none !important;
  width: 30px;
  height: 30px;
  font-size: 30px;
  transform: none !important;
}
.no-csstransforms .tw-menu-icon:hover span:before {
  transform: none !important;
}
.no-csstransforms .tw-menu-icon:hover span {
  color: #000;
}
.no-csstransforms .tw-menu-icon:hover span:before {
  transform: none !important;
}
.no-csstransforms .tw-menu-icon:hover span:after {
  transform: none !important;
}
.no-csstransforms .dark-section .tw-menu-icon span {
  color: #fff;
}
.no-csstransforms .dark-section .tw-menu-icon:hover span {
  color: #fff;
}

.navcontainer {
  display: block;
  float: right;
  text-align: right;
}

#top-menu {
  display: inline-block;
  vertical-align: middle;
}

body.dark-section .tw-menu-icon span {
  background-color: #fff;
}
body.dark-section .tw-menu-icon span:hover, body.dark-section .tw-menu-icon span:before, body.dark-section .tw-menu-icon span:after {
  background-color: #fff;
}

.top-nav.has-background .tw-menu-icon span {
  background-color: #000;
}
.top-nav.has-background .tw-menu-icon span:hover, .top-nav.has-background .tw-menu-icon span:before, .top-nav.has-background .tw-menu-icon span:after {
  background-color: #000;
}

#popoutmenu.mm-menu.mm-current {
  display: block;
}

/* Admin bar additions */
.admin-bar #mobilemenu {
  margin-top: 32px;
}

/*-----------------------------------------------------------------------------------*/
/*  $PAGE
/*-----------------------------------------------------------------------------------*/
/**
 * General Page Styles
 */
.page-content-inner {
  padding-bottom: 50px;
}

.page-align-center .page-content-inner {
  text-align: center;
}

.page-align-left .page-content-inner {
  text-align: left;
}

.page-content .content {
  padding-bottom: 50px;
}

/*-----------------------------------------------------------------------------------*/
/*  $POST
/*-----------------------------------------------------------------------------------*/
/**
 * General Post Styles
 */
.single-post .post {
  /* Has Image */
}
.single-post .post .image-title-bg {
  text-align: center;
  position: relative;
}
.single-post .post .image-title-bg .title {
  margin-bottom: 30px;
}
.single-post .post .image-title-bg .post-details {
  font-size: 14px;
  color: #000;
}
.single-post .post .image-title-bg .post-details a, .single-post .post .image-title-bg .post-details a:hover {
  color: #000;
  text-decoration: none;
}
.single-post .post .image-title-bg span {
  /* IE 5-7 */
  filter: alpha(opacity=65);
  /* Netscape */
  -moz-opacity: 0.65;
  /* Safari 1.x */
  -khtml-opacity: 0.65;
  /* Good browsers */
  opacity: 0.65;
}
.single-post .post .image-title-bg span span {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}
.single-post .post .image-title-bg span:hover {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}
.single-post .post.has-image .image-title-bg .badges a {
  border-color: #fff;
  color: #fff;
}
.single-post .post.has-image .image-title-bg .badges a:hover {
  color: #000;
  background: #fff;
}
.single-post .post.has-image .image-title-bg .date {
  color: #fff;
}
.single-post .post.has-image .image-title-bg .post-details {
  color: #fff;
}
.single-post .post.has-image .image-title-bg .post-details a {
  color: #fff;
}
.single-post .post .tags {
  margin-bottom: 50px;
  float: left;
  margin-top: 3px;
}

/*-----------------------------------------------------------------------------------*/
/*  $SIDEBAR
/*-----------------------------------------------------------------------------------*/
/* Sidebar Alterations= */
.sidebar {
  width: 300px;
  float: right;
}

.sidebar {
  font-size: 14px;
  font-size: 14px;
  text-align: left;
}

.sidebar p, .sidebar ul, .sidebar ol {
  font-size: 14px;
  margin-bottom: 1em;
}

.container.with-sidebar .content {
  float: left;
  width: 810px;
  padding-right: 50px;
}
.container.with-sidebar .sidebar {
  float: left;
  right: 0;
  top: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  $CLASSIC
/*-----------------------------------------------------------------------------------*/
.classic {
  padding-top: 50px;
  border-top: 1px solid #f3f3f3;
  border-color: rgba(0, 0, 0, 0.05);
  text-align: left;
}
.classic .content {
  text-align: left;
}
.classic .date, .classic .author, .classic .subtitle, .classic .tw-bullet {
  display: inline-block;
  margin-bottom: 30px;
  color: #555;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
.classic .page-details, .classic .post-details {
  margin-top: -10px;
}
.classic .title h2 {
  margin-bottom: 30px;
}
.classic .imagecontainer {
  margin-bottom: 40px;
}
.classic a.more-link {
  margin-top: 3em;
}

/*-----------------------------------------------------------------------------------*/
/*  $GRID
/*-----------------------------------------------------------------------------------*/
/**
 * Grid Items
 */
.template-grid.no-filters .page-content-inner {
  padding-top: 50px;
}
.template-grid .infinite-pagination .more-posts a {
  border-top: none;
}

.grid {
  padding-bottom: 15px;
  padding-top: 15px;
  /* Portfolio specific hover styles */
  /* Post specific styles */
}
.grid .featured-image {
  min-height: 50px;
}
.grid.noimages a.postlink {
  min-height: 200px;
}
.grid.noimages a.postlink .title h2 span {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.grid.noimages a.postlink .title h2:after {
  width: 50px;
  margin-left: -25px;
}
.grid a.postlink {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100px;
  overflow: hidden;
  background: #222;
  /* Title styles */
}
.grid a.postlink .title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.grid a.postlink .title .date.tiny-details {
  color: #fff;
  margin-bottom: 10px;
  font-size: 10px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.4s;
  /* Safari */
  transition-delay: 0.4s;
}
.grid a.postlink .title h2 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 50px;
  padding-bottom: 0.75em;
  height: 100%;
  color: #fff;
}
.grid a.postlink .title h2 span {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.2s;
  /* Safari */
  transition-delay: 0.2s;
}
.grid a.postlink .title h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  margin-left: -25px;
  height: 2px;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
}
.grid a.postlink .overlay {
  background: #333;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.grid a.postlink img {
  display: block;
  width: 100%;
  height: auto !important;
}
.grid a.postlink img, .grid a.postlink .overlay {
  -webkit-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
}
.grid.portfolio a.postlink {
  /* Hover Effects */
}
.grid.portfolio a.postlink .title .date.tiny-details {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
.grid.portfolio a.postlink .title h2 span {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
.grid.portfolio a.postlink .title h2:after {
  width: 0;
  margin-left: 0;
}
.grid.portfolio a.postlink:hover .overlay {
  /* IE 5-7 */
  filter: alpha(opacity=85);
  /* Netscape */
  -moz-opacity: 0.85;
  /* Safari 1.x */
  -khtml-opacity: 0.85;
  /* Good browsers */
  opacity: 0.85;
}
.grid.portfolio a.postlink:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -moz-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
.grid.portfolio a.postlink:hover .title h2 span {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.grid.portfolio a.postlink:hover .title .date.tiny-details {
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.grid.portfolio a.postlink:hover .title h2:after {
  width: 50px;
  margin-left: -25px;
}
.grid.portfolio a.postlink .overlay {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}
.grid.post a.postlink:hover .overlay {
  /* IE 5-7 */
  filter: alpha(opacity=85);
  /* Netscape */
  -moz-opacity: 0.85;
  /* Safari 1.x */
  -khtml-opacity: 0.85;
  /* Good browsers */
  opacity: 0.85;
}
.grid.post a.postlink:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -moz-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

/*-----------------------------------------------------------------------------------*/
/*  $MINIMAL
/*-----------------------------------------------------------------------------------*/
/**
 * Minimal Post CSS
 */
.minimal {
  overflow: visible !important;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100%;
  border-top: 1px solid #f3f3f3;
  border-color: rgba(0, 0, 0, 0.05);
}
.minimal .minimal-content {
  z-index: 1;
}
.minimal a.postlink {
  display: block;
  color: #000;
}
.minimal a.postlink .post-break {
  margin: 0 auto;
  display: block;
}
.minimal a.postlink .date, .minimal a.postlink .author, .minimal a.postlink .subtitle, .minimal a.postlink .subheadline {
  position: relative;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
  color: #000;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.minimal a.postlink .date, .minimal a.postlink .subheadline {
  margin-bottom: 20px;
}
.minimal a.postlink .author, .minimal a.postlink .subtitle {
  margin-top: 30px;
}
.minimal a.postlink .date i {
  font-size: 12px;
  margin-right: 5px;
}
.minimal a.postlink .minimal-background {
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 0;
  padding: 75px 0;
  margin-right: 0;
}
.minimal a.postlink .title {
  position: relative;
  display: block;
}
.minimal a.postlink .title h2 {
  margin-bottom: 0;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.minimal a.postlink .post-break .overlay {
  z-index: initial;
  background-color: #fff;
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.minimal a.postlink:hover .post-break .overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.minimal a.postlink:hover .post-break .author,
.minimal a.postlink:hover .post-break .subtitle,
.minimal a.postlink:hover .post-break .subheadline,
.minimal a.postlink:hover .post-break .date,
.minimal a.postlink:hover .post-break .title h2 {
  color: #fff;
}
.minimal.sticky:before {
  color: #fff;
}
.minimal.sticky a.postlink .post-break .overlay {
  background-color: #f3f3f3;
}
.minimal.sticky a.postlink:hover .post-break .overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.minimal.sticky a.postlink:hover .post-break .author,
.minimal.sticky a.postlink:hover .post-break .subtitle,
.minimal.sticky a.postlink:hover .post-break .subheadline,
.minimal.sticky a.postlink:hover .post-break .date,
.minimal.sticky a.postlink:hover .post-break .title h2 {
  color: #fff;
}

/* Center Alignment */
.page-align-center .minimal .minimal-content {
  margin: auto;
  float: none;
}

/*-----------------------------------------------------------------------------------*/
/*  $PORTFOLIO
/*-----------------------------------------------------------------------------------*/
/**
 * General Portfolio Styles
 */
.single-portfolio .image-title-bg {
  text-align: center;
}
.single-portfolio .image-title-bg .title {
  margin-bottom: 30px;
}
.single-portfolio .tags {
  margin-bottom: 50px;
  float: left;
}

/*-----------------------------------------------------------------------------------*/
/*  $SIDEPANEL
/*-----------------------------------------------------------------------------------*/
/*
  Slide Out Panel CSS
*/
.tw-slide-panel {
  font-size: 12px;
}
.tw-slide-panel .tw-slide-menu a {
  -webkit-transition: none;
  transition: none;
  color: #888;
}
.tw-slide-panel p, .tw-slide-panel ul, .tw-slide-panel ol {
  font-size: 12px;
}

/*-----------------------------------------------------------------------------------*/
/*  $AUTHOR
/*-----------------------------------------------------------------------------------*/
/* Author Page */
.author .section-title {
  margin-bottom: 25px;
}
.author .authorboxfull {
  margin-bottom: 40px;
}
.author .authorboxfull .text-container {
  padding: 0;
  background: none;
}
.author .authorboxfull .text-container:after {
  display: none;
}
.author .authorboxfull .avatar-container h4 {
  display: none;
}

/* Author Box */
.authorboxwrap {
  margin: 0 0 55px 0;
}

.authorboxfull .text-container {
  background: #e3e3e3;
  background: rgba(0, 0, 0, 0.05);
  padding: 30px;
  position: relative;
}
.authorboxfull .text-container:after {
  content: "";
  position: absolute !important;
  top: 0;
  left: -20px;
  z-index: 100;
  width: 0;
  height: 0;
  border-top-width: 0;
  border-right: 20px solid rgba(0, 0, 0, 0.05);
  border-bottom: 20px solid transparent;
}
.authorboxfull .avatar-container {
  text-align: center;
}
.authorboxfull .avatar-container img {
  display: inline-block;
  margin: 0;
}
.authorboxfull .avatar-container h4 {
  font-size: 16px;
  line-height: 18px;
  margin-top: 10px;
}
.authorboxfull .author-description {
  line-height: 1.5em;
}
.authorboxfull h4 {
  margin-bottom: 10px;
}
.authorboxfull .authorsocial {
  margin-top: 15px;
  margin-bottom: -5px;
}
.authorboxfull .authorsocial a i, .authorboxfull .authorsocial a:hover i {
  background: #222;
  color: #fff;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  line-height: 30px;
  text-align: center;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.authorboxfull .authorsocial a:hover i {
  background: #222 !important;
}
.authorboxfull .authorsocial a i.fa-twitter {
  background-color: #39a9e0;
}
.authorboxfull .authorsocial a i.fa-facebook {
  background-color: #3b5998;
}
.authorboxfull .authorsocial a i.fa-dribbble {
  background-color: #ea4c89;
}
.authorboxfull .authorsocial a i.fa-instagram {
  background-color: #4E433C;
}
.authorboxfull .authorsocial a i.fa-linkedin {
  background-color: #4875B4;
}
.authorboxfull .authorsocial a i.fa-pinterest {
  background-color: #910101;
}
.authorboxfull .authorsocial a i.fa-tumblr {
  background-color: #34526F;
}
.authorboxfull .authorsocial a i.fa-vimeo-square {
  background-color: #1ab7ea;
}
.authorboxfull .authorsocial a i.fa-youtube-play {
  background-color: #C4302B;
}
.authorboxfull .authorsocial a i.fa-google-plus-square {
  background-color: #C63D2D;
}
.authorboxfull .authorsocial a i.fa-trello {
  background-color: #246e98;
}
.authorboxfull .authorsocial a i.fa-stack-overflow {
  background-color: #fe7a15;
}
.authorboxfull .authorsocial a i.fa-github {
  background-color: #4E433C;
}

/*-----------------------------------------------------------------------------------*/
/*  $SHARING
/*-----------------------------------------------------------------------------------*/
/**
 * Sharing Section
 */
.sharing {
  margin-bottom: 50px;
}
.no-tags .sharing.badges {
  float: none;
}
.sharing.badges {
  float: right;
  text-align: center;
}
.sharing.badges .sharecircle {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
.sharing.badges i {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  margin-right: 12px;
  font-size: 12px;
}
.sharing.badges a, .sharing.badges span.disabled {
  padding: 18px;
  display: inline-block;
  vertical-align: middle;
}

/* Share Overlay */
#share-box {
  max-width: 700px;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 40px;
}

#share-box .title {
  margin-bottom: 30px;
}

#share-box i {
  font-size: 55px;
  margin: 0 10px;
}

#share-box span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

/* Icon Colors */
#share-box a.facebook-icon i {
  color: #3b5998;
}

#share-box a.twitter-icon i {
  color: #39a9e0;
}

#share-box a.linkedin-icon i {
  color: #007fb1;
}

#share-box a.tumblr-icon i {
  color: #2c4762;
}

#share-box a.pinterest-icon i {
  color: #cb2027;
}

#share-box a.googleplus-icon i {
  color: #d14836;
}

/*-----------------------------------------------------------------------------------*/
/*  $COMMENTS
/*-----------------------------------------------------------------------------------*/
/* Comments */
.commentwrapper {
  padding: 50px 0 0 0;
  padding-bottom: 15px;
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.025);
  text-align: left;
}

.commentsheader {
  width: auto;
}
.commentsheader h3 {
  display: inline-block;
}
.commentsheader .badges {
  margin-left: 5px;
}
.commentsheader .badges a {
  vertical-align: middle;
  padding: 15px 12px;
}

span.respond-link a {
  float: right;
  color: #000;
  border: 2px solid #ccc;
  border-radius: 100px;
  width: 35px;
  height: 35px;
  text-align: center;
  margin-top: -5px;
  line-height: 32px;
  font-size: 12px;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
span.respond-link a:hover {
  color: #fff;
  background: #000;
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}
span.respond-link a i {
  font-size: 12px;
  line-height: 30px;
}

.commentsheader h4, .commentsform h4 {
  font-weight: bold;
}

.comment {
  width: auto;
}

.singlecomment {
  padding: 35px 25px;
}
.singlecomment .comment-content {
  margin-left: 85px;
  position: relative;
}

.comment .avatar {
  display: inline-block;
  vertical-align: middle;
  border-radius: 99px;
  float: left;
}

.listcomments {
  margin: 0;
  padding: 20px 0;
  list-style: none;
  width: auto;
}

.commentsform {
  width: auto;
}

.singlecomment p.commentsmetadata {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px;
}
.singlecomment p.commentsmetadata i {
  margin-right: 5px;
}
.singlecomment p.commentsmetadata cite {
  text-transform: none;
  letter-spacing: 0;
}

.singlecomment .author {
  display: inline-block;
  margin-bottom: 20px;
}

.singlecomment .name {
  font-size: 14px;
  padding: 0 5px 0 0;
  margin-right: 5px;
}
.singlecomment .name a {
  text-decoration: none;
}

.singlecomment p {
  color: #777;
  margin-bottom: 1em;
}

.commenttext {
  margin-bottom: 30px;
}

.name a, .name {
  font-weight: bold;
  color: #333;
}

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

.name strong {
  font-weight: normal;
}

.listcomments .children .name {
  font-weight: bold;
}

.listcomments .children {
  margin-left: 0;
  margin-bottom: 30px;
}

.listcomments li {
  list-style-type: none;
}

.listcomments .children .comment {
  margin: 30px 0 0 0px;
  padding: 0;
  background: none;
}

#commentsubmit span {
  color: #c85849;
}

#commentsubmit label {
  display: block;
  font-size: 12px;
}

#commentsubmit input[type=text], #commentsubmit textarea {
  padding: 10px;
  margin: 0 0 20px 0;
  border: none;
  background: #e3e3e3;
  background: rgba(100, 100, 100, 0.09);
}

input[type=email] {
  padding: 5px 12px;
  border: none;
  border-radius: 3px;
}

form.mc4wp-form label[for="mc4wp_email"] {
  display: none;
}

form.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"] {
  background: #74953a;
}

#commentsubmit input[type=text] {
  width: 275px;
}

#commentsubmit input[type=text]#url {
  width: 95%;
}

#commentsubmit textarea {
  width: 100%;
}

.reply a {
  font-size: 12px;
  line-height: 11px;
  color: #222;
}

#reply-title {
  text-align: right;
  float: right;
}

#respond {
  padding-top: 20px;
}

#commentsubmit input:focus, #commentsubmit textarea:focus {
  border-style: solid;
  border: none;
  background: #e9e9e9;
  background: rgba(100, 100, 100, 0.15);
  outline: 0;
}

.gallery-title {
  font-size: 1.08em;
  text-transform: uppercase;
}

.navigation-comments p a {
  padding: 5px 12px;
  background: #555;
  color: #fff;
}

#cancel-comment-reply-link {
  float: right;
  font-size: 22px;
  line-height: 22px;
  display: inline-block;
}

a.comment-reply-link .icon-reply {
  font-size: 11px;
  color: #999;
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

a.comment-reply-link:hover .icon-reply {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}

/*-----------------------------------------------------------------------------------*/
/*  $PAGINATION
/*-----------------------------------------------------------------------------------*/
.page-numbers {
  display: inline-block;
  background: transparent;
  padding: 12px 14px;
  margin-right: 5px;
  color: #333;
  font-size: 12px;
  line-height: 12px;
  min-width: 39px;
  height: 39px;
  border: 2px solid #dcdcdc;
  font-weight: bold;
}

.aligncenter .pagination {
  display: inline-block;
}

a.page-numbers:hover, .page-numbers.current {
  border-color: #333;
  color: #333;
  text-decoration: none;
}

.pagination {
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 60px;
}
.pagination .divider {
  margin-top: -24px;
  margin-bottom: 0;
}
.pagination .pagenumbers {
  display: inline-block;
  padding: 0 10px;
}

.linkpagebutton {
  border-top: 1px solid #dcdcdc;
  padding-top: 10px;
  margin: 25px 0;
}

.pagelabel {
  float: left;
  padding-top: 10px;
  padding-right: 10px;
}

.linkpagebutton .page-numbers {
  background: #333;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
}

.linkpagebutton a .page-numbers {
  background: #E3E3E3;
  background: rgba(0, 0, 0, 0.05);
  color: #333;
}

/*-----------------------------------------------------------------------------------*/
/*  $SEARCH
/*-----------------------------------------------------------------------------------*/
/* Search Results */
.search-results .search-list {
  counter-reset: themewich-counter;
}
.search-results .search-item {
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.search-results .search-list .search-item:before {
  content: counter(themewich-counter);
  counter-increment: themewich-counter;
  font-size: 32px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: block;
  padding: 0;
  text-align: center;
  float: left;
  margin-left: -56px;
  margin-top: -3px;
  color: #dcdcdc;
}
.search-results .regulargrid .regularwrapper {
  margin: 0;
}

.search-form {
  max-width: 300px;
}

.error404 .search-form {
  margin: auto;
}

/*-----------------------------------------------------------------------------------*/
/*  $FOOTER
/*-----------------------------------------------------------------------------------*/
#footer {
  z-index: 20;
  position: relative;
  vertical-align: center;
  font-size: 14px;
}
#footer .tiny-details {
  line-height: 31px;
}
#footer .tiny-details p {
  font-size: 1em;
  line-height: 27px;
}
#footer a {
  color: #9e9e9e;
}
#footer .right-footer {
  text-align: right;
}
.struck #footer .tw-social-icon {
  width: 27px;
  height: 27px;
  background-size: 15px;
  background-color: #fff;
}

#footer {
  background: #f3f3f3;
  padding-top: 15px;
  padding-bottom: 15px;
}

#footer p,
#footer ul,
#footer ol {
  margin-bottom: 15px;
}

.dark {
  background: #222;
  overflow-x: hidden;
  color: #ccc;
  /* Color Changes */
}
.dark a {
  color: #fff;
}
.dark p, .dark ul, .dark ol {
  color: #999;
}
.dark h1, .dark h2,
.dark h1 a, .dark h2 a,
.dark h3, .dark h3 a,
.dark h4, .dark h4 a,
.dark .ag_projects_widget h3,
.dark .blogpost h2 a,
.dark .widget h3 a {
  color: #fff;
}
.dark h5, .dark h5 a {
  color: #999;
}
.dark .button:hover,
.dark a.button:hover,
.dark a.more-link:hover {
  background: #fff !important;
  color: #333 !important;
}
.dark input[type=text], .dark textarea {
  background: #333;
  color: #fff;
  border-color: #444;
}
.dark input#s {
  background: #333;
  color: #fff;
  border-color: #444;
}
.dark .footerwidgetwrap {
  width: 993px;
}
.dark .footerwidget {
  width: 301px;
  float: left;
  margin: 0 30px 30px 0;
}
.dark .button:hover,
.dark a.button:hover,
.dark a.more-link:hover {
  color: #333 !important;
}

/*-----------------------------------------------------------------------------------

	$SECTIONS
	CSS for theme sections

------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  $SECTIONS
/*-----------------------------------------------------------------------------------*/
/**
 * General Section Styles
 */
.section.first-section.has-title {
  margin-top: 50px;
}

.section {
  position: relative;
}
.section p {
  margin-bottom: 1.8em;
}
.section .container {
  position: relative;
}

/* Section Overlay */
.dark-section .overlay {
  background: #000;
}

.overlay {
  background: #fff;
}

.overlay {
  /* IE 5-7 */
  filter: alpha(opacity=35);
  /* Netscape */
  -moz-opacity: 0.35;
  /* Safari 1.x */
  -khtml-opacity: 0.35;
  /* Good browsers */
  opacity: 0.35;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

#fullpage .section {
  position: relative;
}

#fullpage .section.has-slides {
  padding: 0 !important;
}

/**
 * Arrow animations
 */
.scroll-animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-transition: none;
  transition: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-12px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0);
  }
}
.scroll-animate {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.js .animations-on .v-item {
  opacity: 0;
  visibility: hidden;
}

hr.title-divider {
  height: 2px;
  border: none;
  margin: 5px 0 22px;
  background: #000;
  padding: 0;
}

/* Theme Styles */
#fullpage .section {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  /* Buttons */
  /* dark buttons */
  /* Credits */
  /* Basic Section Typography */
  /* Dark Section Typography */
  /* Specific entry styles */
  /* .slimScrollDiv {
  	   .text-cell:after,
  	   .image-cell:after {
  		   content:'';
  		   padding:75px;
  		   display:block;
  	   }
     }*/
}
#fullpage .section .slide {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
}
#fullpage .section .section-buttons .button-margin {
  margin-right: 15px;
}
#fullpage .section .section-buttons a {
  color: #222;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}
#fullpage .section .section-buttons a.button {
  border-color: #222;
}
#fullpage .section .section-buttons a.button:hover {
  background: #222;
  color: #fff;
}
#fullpage .section .section-buttons a span.play-button {
  width: 60px;
  height: 60px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  background-image: url(images/play-dark.svg);
}
#fullpage .section .section-buttons a span.play-button.has-text {
  margin-right: 20px;
}
#fullpage .section.dark-section .section-buttons a,
#fullpage .section .slide.dark-section .section-buttons a {
  color: #fff;
}
#fullpage .section.dark-section .section-buttons a.button,
#fullpage .section .slide.dark-section .section-buttons a.button {
  border-color: #fff;
}
#fullpage .section.dark-section .section-buttons a.button:hover,
#fullpage .section .slide.dark-section .section-buttons a.button:hover {
  background: #fff;
  border-color: #fff !important;
  color: #000;
}
#fullpage .section.dark-section .section-buttons a span.play-button,
#fullpage .section .slide.dark-section .section-buttons a span.play-button {
  background-image: url(images/play-light.svg);
}
#fullpage .section .credits {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 30px;
  max-width: 200px;
  z-index: 3;
  color: #000;
  font-size: 10px;
  line-height: 14px;
  margin: 0;
  opacity: 0.5;
  text-align: right;
}
#fullpage .section .credits i {
  text-transform: none;
  letter-spacing: 0;
}
#fullpage .section .credits a {
  color: #000;
}
#fullpage .section.dark-section .credits {
  color: #fff;
}
#fullpage .section.dark-section .credits a {
  color: #fff;
}
#fullpage .section .subtitle {
  margin-bottom: 25px;
}
#fullpage .section .title {
  color: #000;
}
#fullpage .section.dark-section .title *, #fullpage .section.dark-section .subtitle {
  color: #fff;
}
#fullpage .section.dark-section hr.title-divider, #fullpage .section.dark-section.text-image-section .content hr, #fullpage .section.dark-section.text-image-slides-section .content hr {
  background: #fff;
}
#fullpage .section.dark-section .content, #fullpage .section.dark-section p, #fullpage .section.dark-section ul, #fullpage .section.dark-section ol {
  color: #fff;
  margin-bottom: 30px;
}
#fullpage .section.dark-section .content a.button, #fullpage .section.dark-section p a.button, #fullpage .section.dark-section ul a.button, #fullpage .section.dark-section ol a.button {
  opacity: 1;
}
#fullpage .section .section-entry {
  /* prevents blurring */
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 9em 0;
  height: auto;
  min-height: 100%;
  position: relative;
  z-index: 1;
}
#fullpage .section .section-inner {
  margin: auto;
  max-width: 800px;
}
#fullpage .section .text-image-wrapper {
  height: 100%;
}
#fullpage .section video {
  position: absolute;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-size: cover;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#fullpage .section.dark-section {
  color: #fff;
  background-color: #222;
}
#fullpage .section .fixed-background {
  background-attachment: fixed !important;
}
#fullpage .section .content-mask.ps-active-y {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-box-image: -webkit-linear-gradient(#000000 0%, #000000 80%, transparent 100%);
}
#fullpage .section .section-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  max-height: 600px;
}
#fullpage .section .section-content .section-content-inner {
  padding: 100px 250px;
  margin: auto;
  max-width: 1500px;
  height: 100%;
}
#fullpage .section .section-content .image-content {
  width: 60%;
  display: inline-block;
  float: left;
}
#fullpage .section .section-content .top-content {
  padding-bottom: 20px;
}
#fullpage .section .section-content .text-content.content-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#fullpage .section .section-content .text-content.content-full .top-content {
  padding-right: 0;
  max-width: 800px;
  margin: auto;
}
#fullpage .section .section-content .text-content.content-full .title, #fullpage .section .section-content .text-content.content-full .subtitle {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#fullpage .section .section-content .text-content.content-full .content {
  padding-right: 0;
}
#fullpage .section .section-content .text-content.content-full hr.title-divider, #fullpage .section .section-content .text-content.content-full.text-image-section .content hr, #fullpage .section .section-content .text-content.content-full.text-image-slides-section .content hr {
  margin: 5px auto 22px auto;
  max-width: 250px;
}
#fullpage .section .section-content .text-content {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  width: 35%;
  padding-left: 5%;
  height: 100%;
  position: relative;
  color: rgba(0, 0, 0, 0.5);
}
#fullpage .section .section-content .text-content .top-content {
  padding-right: 40px;
}
#fullpage .section .section-content .text-content .text-cell {
  overflow: hidden;
}
#fullpage .section .section-content .text-content .xout {
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
}
#fullpage .section .section-content .text-content .subtitle {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0;
  margin-bottom: 10px;
  color: #000;
}
#fullpage .section .section-content .text-content hr.title-divider {
  height: 2px;
  border: none;
  margin: 5px 0 22px;
  background: #000;
  padding: 0;
}
#fullpage .section .section-content .text-content .title {
  color: #000;
}
#fullpage .section .section-content .text-content .content-wrapper {
  position: relative;
}
#fullpage .section .section-content .text-content .content {
  margin: 0;
  position: relative;
  padding-right: 40px;
  padding-left: 1px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}
#fullpage .section .section-content .text-content .content p, #fullpage .section .section-content .text-content .content ul, #fullpage .section .section-content .text-content .content ol {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 30px;
  color: rgba(0, 0, 0, 0.5);
}
#fullpage .section .image-cell {
  text-align: center;
}
#fullpage .section .slide {
  position: relative;
  overflow: hidden;
}
#fullpage .section .nextbutton, #fullpage .section .prevbutton {
  position: absolute;
  left: 50%;
  z-index: 1;
}
#fullpage .section .nextbutton {
  bottom: 30px;
  left: 50%;
  margin-left: -17px;
  border-width: 0 34px 38.5px 34px;
  border-color: #fff transparent;
  border-style: solid;
  display: block;
  position: absolute;
}
#fullpage .section .nextbutton span {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -999999px;
}
#fullpage .section .nextbutton.nobg {
  border: none;
  width: 30px;
  height: 30px;
}
#fullpage .section .nextbutton.nobg span {
  background: url(images/down-chevron.svg) center no-repeat;
  background-size: 100%;
}
#fullpage .section .fp-scrollable .nextbutton.nobg,
#fullpage .section .fp-scrollable .credits {
  position: relative;
}
#fullpage .section .fp-scrollable .credits {
  float: right;
  margin-top: -100px;
  margin-bottom: 50px;
}
#fullpage .section .prevbutton {
  top: 0;
  border-width: 38.5px 34px 0 34px;
  border-color: #fff transparent;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
}
#fullpage .section .prevbutton span {
  text-indent: -999999px;
  position: relative;
  width: 18px;
  height: 18px;
  top: -32px;
  left: -9px;
  display: block;
  background: url(images/up-chevron.svg) center no-repeat;
  background-size: 100%;
}
#fullpage .section .prevbutton.nobg {
  border: none;
  width: 34px;
  height: 34px;
}
#fullpage .section .prevbutton.nobg span {
  background: url(images/up-chevron.svg) center no-repeat;
  left: auto;
  width: 30px;
  height: 30px;
  top: -30px;
  background-size: 100%;
}

#fullpage .container,
.top-nav .container {
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

#fullpage.scrolling-regular .section {
  height: auto !important;
  /* .section-wrapper .text-cell,
   .section-wrapper .image-cell {
  	 @include transform(none);
  	 top:auto;
  	 max-height:auto;
   }*/
}
#fullpage.scrolling-regular .regular-size-sections .section > .fp-tableCell {
  height: auto !important;
  padding: 100px 0;
}
#fullpage.scrolling-regular .slide.adjust-height {
  height: 1px !important;
}

#fullpage.scrolling-regular
#fullpage.scrolling-regular .section .text-cell,
#fullpage.scrolling-regular .section .image-cell {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  top: auto;
  max-height: none;
}

#fullpage .section.dark-section .nextbutton.nobg span {
  background: url(images/down-chevron-white.svg) center no-repeat;
  background-size: 100%;
}

#fullpage .section.dark-section .slide.dark-section .section-content .text-content,
#fullpage .section.dark-section .section-content .text-content,
#fullpage .section .slide.dark-section .section-content .text-content {
  color: rgba(255, 255, 255, 0.5);
}
#fullpage .section.dark-section .slide.dark-section .section-content .text-content .content,
#fullpage .section.dark-section .section-content .text-content .content,
#fullpage .section .slide.dark-section .section-content .text-content .content {
  color: rgba(255, 255, 255, 0.5);
}
#fullpage .section.dark-section .slide.dark-section .section-content .text-content .content p, #fullpage .section.dark-section .slide.dark-section .section-content .text-content .content ul, #fullpage .section.dark-section .slide.dark-section .section-content .text-content .content ol,
#fullpage .section.dark-section .section-content .text-content .content p,
#fullpage .section.dark-section .section-content .text-content .content ul,
#fullpage .section.dark-section .section-content .text-content .content ol,
#fullpage .section .slide.dark-section .section-content .text-content .content p,
#fullpage .section .slide.dark-section .section-content .text-content .content ul,
#fullpage .section .slide.dark-section .section-content .text-content .content ol {
  color: rgba(255, 255, 255, 0.5);
}
#fullpage .section.dark-section .slide.dark-section .section-content .text-content .subtitle,
#fullpage .section.dark-section .section-content .text-content .subtitle,
#fullpage .section .slide.dark-section .section-content .text-content .subtitle {
  color: #fff;
}
#fullpage .section.dark-section .slide.dark-section .section-content .text-content hr.title-divider,
#fullpage .section.dark-section .section-content .text-content hr.title-divider,
#fullpage .section .slide.dark-section .section-content .text-content hr.title-divider {
  background: #fff;
}
#fullpage .section.dark-section .slide.dark-section .section-content .text-content .title,
#fullpage .section.dark-section .section-content .text-content .title,
#fullpage .section .slide.dark-section .section-content .text-content .title {
  color: #fff;
}

#fullpage .section.dark-section .slide .section-content .content {
  color: rgba(0, 0, 0, 0.5);
}
#fullpage .section.dark-section .slide .section-content .content .subtitle {
  color: #000;
}
#fullpage .section.dark-section .slide .section-content .content hr.title-divider {
  background: #000;
}
#fullpage .section.dark-section .slide .section-content .content .title {
  color: #000;
}

.fp-controlArrow {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fp-controlArrow.fp-prev {
  border-color: transparent #222 transparent transparent;
}

.fp-controlArrow.fp-next {
  border-color: transparent transparent transparent #222;
}

#fp-nav span,
.fp-slidesNav span {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#fp-nav li .active span,
.fp-slidesNav .active span {
  opacity: 1;
}

#fp-nav span,
.fp-slidesNav span {
  width: 7px;
  height: 7px;
  background: #333;
  opacity: 0.5;
}

.section.dark-section .fp-controlArrow.fp-prev {
  border-color: transparent #fff transparent transparent;
}
.section.dark-section .fp-controlArrow.fp-next {
  border-color: transparent transparent transparent #fff;
}
.section.dark-section .fp-slidesNav .active span {
  opacity: 1;
}
.section.dark-section .fp-slidesNav span {
  background: #fff;
}

body.dark-section #fp-nav li .active span {
  opacity: 1;
}
body.dark-section #fp-nav span {
  background: #fff;
}

/*
.slide-description-panel {
    position: absolute;
    width: 475px;
    top: 0;
    right: 0;//275px;
    z-index:101;
    height:100%;

    .ps-container .ps-scrollbar-y {
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        width:12px;
    }
    .ps-container .ps-scrollbar-y-rail {
        right:0;
        width:12px;
    }

    .slide-description-wrapper {
        position:relative;
        height:100%;
    }

    $button-width: 35px;

    .close-button {
        position:absolute;
        left:-$button-width;
        top:50px;
        width:$button-width;
        height:$button-width;
        background:#222;
        text-indent:-99999px;
        z-index:1;
    }
    .slide-description-content {
        background:#fff;
        color: #555;
        padding:60px;
        position:relative;
        z-index:2;
        height:100%;

        .title {
            color:#000;
            font-weight:200;
            text-transform:uppercase;
            font-size:26px;
            line-height:28px;
            margin-bottom:20px;
        }

        .subtitle {
            color:#387d7c;
            font-size:14px;
            line-height:16px;
            text-transform:uppercase;
            font-weight:normal;
            margin-bottom:20px;
        }

        .content {
            position:relative;
            font-size:14px;
            line-height:24px;

            p, ul, ol {
                font-size:13px;
                line-height:22px;
            }
        }
    }
}
*/
.fp-slides, #nb-menu-page {
  z-index: inherit !important;
}

.siteoverlay {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.section.nav-overlay:after,
.slide.nav-overlay:after,
.page-content-wrapper.has-image .image-title-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 30%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(30%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 30%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 30%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 30%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 30%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-8 */
}

.section.dark-section.nav-overlay:after,
.slide.dark-section.nav-overlay:after,
.page-content-wrapper.dark-section.has-image .image-title-bg:after {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 30%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(30%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 30%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 30%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 30%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);
  /* IE6-8 */
}

.overlays {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 103;
}

.footercredit,
.footershare {
  position: fixed;
  bottom: 0;
  margin: 30px;
  z-index: 3;
}

.footercredit {
  left: 0;
}

.footershare {
  right: 0;
  text-align: center;
}
.footershare i {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-bottom: 5px;
}

.fp-controlArrow.fp-prev,
.fp-controlArrow.fp-next {
  -webkit-transition: opacity 0.25s ease, right 0.5 ease-out, left 0.5 ease-out;
  transition: opacity 0.25s ease, right 0.5 ease-out, left 0.5 ease-out;
  /* IE 5-7 */
  filter: alpha(opacity=75);
  /* Netscape */
  -moz-opacity: 0.75;
  /* Safari 1.x */
  -khtml-opacity: 0.75;
  /* Good browsers */
  opacity: 0.75;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  border: none;
}

.fp-controlArrow.fp-prev {
  background: url(images/left-chevron.svg) center no-repeat;
  left: 68px;
}
.fp-controlArrow.fp-prev:hover {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

.fp-controlArrow.fp-next {
  background: url(images/right-chevron.svg) center no-repeat;
  right: 68px;
}
.fp-controlArrow.fp-next:hover {
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}

.section.dark-section .fp-controlArrow.fp-next {
  background: url(images/right-chevron-white.svg) center no-repeat;
}
.section.dark-section .fp-controlArrow.fp-prev {
  background: url(images/left-chevron-white.svg) center no-repeat;
}

.ps-scrollbar-x-rail {
  display: none !important;
}

.ps-container .ps-scrollbar-y {
  background-color: #00a498 !important;
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
  background-color: #000 !important;
}

#fullpage .section.layout-center {
  text-align: center;
}
#fullpage .section.layout-center hr {
  margin-left: auto;
  margin-right: auto;
}
#fullpage .section.text-image-section .title, #fullpage .section .slide .title {
  margin-bottom: 30px;
}
#fullpage .section.text-image-section .title > *, #fullpage .section .slide .title > * {
  margin-bottom: 0;
}
#fullpage .section.text-image-section hr.title-divider, #fullpage .section .slide hr.title-divider {
  max-width: 100px;
  margin-bottom: 30px;
}
#fullpage .section.text-image-section .subtitle, #fullpage .section .slide .subtitle {
  color: rgba(0, 0, 0, 0.5);
}
#fullpage .section.dark-section.text-image-section .subtitle, #fullpage .section .slide.dark-section .subtitle {
  color: rgba(255, 255, 255, 0.5);
}

#fullpage .section .image-container {
  text-align: center;
  display: inline-block;
  margin-bottom: 0;
}
#fullpage .section .slide.dark-section {
  background-color: #000;
}
#fullpage .section .slide.dark-section .title h2, #fullpage .section .slide.dark-section .subtitle {
  color: #fff;
}
#fullpage .section .slide.dark-section hr.title-divider {
  background: #fff;
}
#fullpage .section .slide.dark-section .content {
  color: #fff;
}
#fullpage .section .slide.dark-section .content p, #fullpage .section .slide.dark-section .content ul, #fullpage .section .slide.dark-section .content ol, #fullpage .section .slide.dark-section .content h1, #fullpage .section .slide.dark-section .content h2, #fullpage .section .slide.dark-section .content h3, #fullpage .section .slide.dark-section .content h4, #fullpage .section .slide.dark-section .content h5, #fullpage .section .slide.dark-section .content h6, #fullpage .section .slide.dark-section .content blockquote {
  color: #fff;
  margin-bottom: 30px;
}
#fullpage .section .slide.dark-section .content p {
  color: rgba(255, 255, 255, 0.75);
}
#fullpage .section .slide.dark-section .content a.button {
  opacity: 1;
}
#fullpage .section .slide .image-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 108%;
  padding-left: 5px;
  width: 50%;
  min-width: 150px;
  text-align: left;
}
#fullpage .section .slide .image-caption .title {
  margin-bottom: 10px;
}
#fullpage .section .slide .image-caption .content, #fullpage .section .slide .image-caption p, #fullpage .section .slide .image-caption ul, #fullpage .section .slide .image-caption ol {
  font-size: 14px;
}

.page-content-section .fp-scrollable {
  overflow: auto !important;
}
.page-content-section .slimScrollBar, .page-content-section .slimScrollRail {
  visibility: hidden;
}

.slimScrollBar {
  border-radius: 0 !important;
}

#fullpage .section .slide.background-cover {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #fff;
}
#fullpage .section .slide.background-cover.dark-section {
  background-color: #000;
}
#fullpage .section .slide.background-repeat {
  background-size: auto !important;
  -webkit-background-size: auto !important;
  -moz-background-size: auto !important;
  -o-background-size: auto !important;
  background-repeat: repeat !important;
  background-position: center !important;
  background-color: #fff;
}
#fullpage .section .slide.background-repeat.dark-section {
  background-color: #000;
}
#fullpage .section .slide.background-contain {
  background-size: contain !important;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -o-background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #fff;
}
#fullpage .section .slide.background-contain.dark-section {
  background-color: #000;
}

#fullpage-wrapper {
  height: 100vh;
  width: 100%;
  position: relative;
}
#fullpage-wrapper.fp-responsive {
  height: auto;
}

.bottom-left {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 9999;
}
.bottom-left a {
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 2px;
  color: #000;
  opacity: 0.5;
}
.dark-section .bottom-left a {
  color: #fff;
}

.notransitions {
  transition: none !important;
  -webkit-transition: none !important;
}

#fullpage, #fullpage .section {
  height: 100%;
}

.page-content-wrapper {
  position: relative;
  -webkit-backface-visibility: hidden;
}
.page-content-wrapper.center-title {
  text-align: center;
}
.page-content-wrapper.center-title .title-container {
  float: none;
  margin: auto;
}
.page-content-wrapper .image-title-bg {
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  padding-top: 90px;
  background-position: center;
}
.page-content-wrapper .image-title-bg.no-top-padding {
  padding-top: 0 !important;
}
.page-content-wrapper .image-title-bg .title-container {
  position: relative;
  padding-top: 9%;
  padding-bottom: 9%;
  color: #000;
  z-index: 1;
}
.page-content-wrapper .image-title-bg .title-container .title > * {
  color: #000;
  margin-bottom: 0.35em;
}
.page-content-wrapper .image-title-bg .title-container .subtitle > * {
  color: rgba(0, 0, 0, 0.75);
}
.page-content-wrapper.no-image .image-title-bg .title-container {
  padding-bottom: 0;
  padding-top: 60px;
}
.page-content-wrapper.title-white .image-title-bg {
  background-color: #555;
}
.page-content-wrapper.title-white .image-title-bg .title-container .title > * {
  color: #fff;
}
.page-content-wrapper.title-white .image-title-bg .title-container .subtitle > * {
  color: rgba(255, 255, 255, 0.75);
}
.page-content-wrapper .page-content {
  padding-top: 60px;
  text-align: left;
}

body.dark-section .nb-menu-page {
  background: #222;
}

.nb-menu-page {
  background: #fff;
}

.section.dark-section {
  background-color: #222;
}

.section {
  background-color: #fff;
}

.layout-center .text-cell {
  text-align: center;
}
.layout-center .text-cell .text-layout-inner {
  margin-top: 20px;
}
.layout-center .text-cell .text-layout-inner .title {
  margin-right: 0;
}
.layout-center .text-cell .text-layout-inner hr {
  margin-left: auto !important;
  margin-right: auto !important;
}

video.hosted-video {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.tubular-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tubular-player {
  position: absolute;
  opacity: 0;
}

.tubular-shield {
  width: 100%;
  height: 100%;
  z-index: -2;
  position: absolute;
  left: 0;
  top: 0;
}

/*-----------------------------------------------------------------------------------

	$WIDGETS
	CSS for theme widgets

------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  $GENERALWIDGET
/*-----------------------------------------------------------------------------------*/
.widget {
  margin-bottom: 50px;
}
.widget a {
  color: inherit;
}

.widget ul li {
  list-style-type: none;
  margin-left: auto;
  margin-bottom: 0;
}

.widget a {
  text-decoration: none;
}

.widget h3, .widget h2, .widget h4 {
  padding: 0;
  margin: 0 0 16px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-shadow: none;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: normal;
}

.widget h3.widget-title, .widget h2.widget-title, .widget h4.widget-title {
  line-height: 28px;
}

.widget .widget-title {
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}

.dark .widget .widget-title {
  border-color: #444;
}

.widget ul.children {
  margin: 0 0 0 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  $RECENTPROJECTS
/*-----------------------------------------------------------------------------------*/
/* Recent Projects Widget */
.widget.ag_recentprojects_widget {
  margin-bottom: 40px;
}

.recent-projects {
  margin-right: -16%;
}

.recent-project {
  float: left;
  border: 3px solid #dcdcdc;
  line-height: 0;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 24%;
  margin: 2% 8% 6% 0;
  max-width: 100px;
}

.tw-slide-panel .recent-projects {
  margin-right: -3%;
}
.tw-slide-panel .recent-project {
  width: 30%;
  /* 3 per line */
  margin: 0 1.5% 3%;
}

.recent-project a.hover {
  background: none;
  display: block;
}

.dark .recent-project {
  border-color: #555;
}

/*-----------------------------------------------------------------------------------*/
/*  $RECENTCOMMENTS
/*-----------------------------------------------------------------------------------*/
.widget #recentcomments {
  padding: 0;
}

.widget li.recentcomments {
  font-size: 12px;
  width: auto;
  position: relative;
  bottom: 100%;
  margin: 0 0 26px 0;
  /*25px for ie */
  padding: 12px;
  cursor: default;
  display: block;
  visibility: visible;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  line-height: 1.5;
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  z-index: 1;
  left: auto;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}

.dark .widget li.recentcomments {
  background: #111;
  background: rgba(0, 0, 0, 0.25);
  color: #dcdcdc !important;
}

.widget li.recentcomments {
  background: #e3e3e3;
  background: rgba(0, 0, 0, 0.05);
}

.widget li.recentcomments:after {
  content: "";
  position: absolute !important;
  bottom: -14px;
  z-index: 100;
  border: 0 solid #e3e3e3;
  border-color: rgba(0, 0, 0, 0.05);
  border-bottom: 14px solid transparent;
  width: 100%;
  border-left-width: 14px;
  left: 0;
}

.widget li.recentcomments:before {
  content: "";
  position: absolute !important;
  border: 0 solid #e3e3e3;
  border: 0 solid rgba(0, 0, 0, 0.05);
  bottom: -14px;
  z-index: 100;
}

.dark .widget li.recentcomments:after {
  content: "";
  position: absolute !important;
  bottom: -14px;
  z-index: 100;
  border: 0 solid #111;
  border: 0 solid rgba(0, 0, 0, 0.25);
  border-bottom: 14px solid transparent;
  width: 100%;
  border-left-width: 14px;
  left: 0;
}

.dark .widget li.recentcomments:before {
  content: "";
  position: absolute !important;
  border: 0 solid #111;
  border: 0 solid rgba(0, 0, 0, 0.25);
  bottom: -14px;
  z-index: 100;
}

.dark .recentcomments a {
  color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*  $NEWSWIDGET
/*-----------------------------------------------------------------------------------*/
.ag_news_widget .date {
  letter-spacing: 2px;
}
.ag_news_widget h3 {
  font-size: 23px;
  line-height: 24px;
}
.ag_news_widget .thumbnailarea {
  margin: 10px 0;
}
.ag_news_widget .date {
  font-size: 10px;
}
.ag_news_widget .sidepost {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}
.ag_news_widget .sidepost:last-child {
  border-bottom: none;
}
.ag_news_widget .articleinner .tiny-details {
  font-size: 10px;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
  margin-bottom: 20px;
}
.ag_news_widget a.more-link {
  padding: 10px 15px;
}

/*-----------------------------------------------------------------------------------*/
/*  $PAGESTAGS
/*-----------------------------------------------------------------------------------*/
.widget_pages ul.children {
  margin-left: 0;
  margin-top: 10px;
}

.widget_pages ul.children li {
  padding-bottom: 0;
  border-bottom: none;
}

.blogpost .tagcloud {
  margin: 20px 0 15px 0;
}

.tagcloud.badge h5 {
  float: left;
  display: block;
  margin-right: 16px;
  margin-top: 8px;
}

.widget .tagcloud a {
  margin-right: 2px;
  margin-bottom: 2px;
}

.post .tagcloud {
  margin-bottom: 25px;
}

/*-----------------------------------------------------------------------------------*/
/*  $RSS
/*-----------------------------------------------------------------------------------*/
ul li a.rsswidget {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

a.rsswidget img {
  vertical-align: middle;
  margin-right: 10px;
}

span.rss-date {
  display: block;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: bold;
}

.rssSummary {
  margin-bottom: 10px;
}

.widget.widget_rss .widget-title {
  border: none;
}

.widget ul ul {
  margin: 0;
  font-size: 100%;
}

.widget ul {
  padding: 0;
}

.widget_rss ul {
  margin-top: -10px;
}

.widget_rss ul li {
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #dcdcdc;
  border-color: rgba(0, 0, 0, 0.15);
  width: auto;
  padding: 15px 0 5px 0;
}

.dark .widget_rss ul li {
  border-color: #555;
}

.dark .widget_rss a.rsswidget {
  color: #fff;
}

.widget_rss cite, span.rss-date {
  font-size: 10px;
  color: #999;
}

/*-----------------------------------------------------------------------------------*/
/*  $CALENDAR
/*-----------------------------------------------------------------------------------*/
#wp-calendar caption {
  width: 100%;
  text-align: center;
  padding: 7px 2px;
  margin-bottom: 7px;
  font-size: 10px;
  background: #e3e3e3;
}

.dark #wp-calendar caption {
  background: #333;
  color: #ccc;
}

#wp-calendar {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.dark #wp-calendar {
  color: #ccc;
}

#wp-calendar thead th {
  font-weight: bold;
  text-align: center;
}

#wp-calendar tbody td {
  padding: 5px 0;
  background: #ffffff;
  border: 1px solid #f3f3f3;
  color: #777;
}

#wp-calendar tbody td a {
  font-weight: bold;
}

.dark #wp-calendar tbody td {
  background: #333;
  border: 1px solid #222;
}

#wp-calendar tbody td#today {
  color: #000;
}

.dark #wp-calendar #today {
  color: #fff;
}

#wp-calendar a {
  padding: 2px 0;
  font-weight: bold;
}

#wp-calendar tfoot td {
  padding: 3px 0;
}

#wp-calendar #next {
  text-align: right;
  padding-right: 10px;
}

.dark #wp-calendar #prev a {
  color: #ccc;
}

#calendar_wrap {
  display: block;
  width: 100%;
  padding: 0 1px 1px 0;
}

#wp-calendar caption {
  background: #222;
  color: #fff;
}

#wp-calendar #today {
  color: #000;
}

/*-----------------------------------------------------------------------------------*/
/*  $MENUWIDGET
/*-----------------------------------------------------------------------------------*/
.widget_nav_menu a, .widget_rss a, .widget_recent_entries a {
  -moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
  -ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
  -o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
  -webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
  transition: height .25s, line-height .25s, background .25s, visibility .25s;
}

.widget_nav_menu ul, .widget_nav_menu ul li, .widget_recent_entries ul, .widget_recent_entries ul li {
  list-style: none;
  margin: 0;
}

.widget_recent_entries span.post-date {
  display: none;
}

.widget_nav_menu ul ul, .widget_recent_entries ul ul {
  margin: 0;
}

.widget_nav_menu ul, .widget_recent_entries ul {
  margin: 0;
  position: relative;
  z-index: 10;
  width: 100%;
}

.widget .menu, .widget_recent_entries ul {
  margin-top: -18px;
  padding: 0;
}

.widget_nav_menu a, .widget_recent_entries a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 0;
  border-bottom: 1px dotted #dcdcdc;
  border-color: rgba(0, 0, 0, 0.15);
  text-align: left;
  height: auto;
  overflow: hidden;
  padding: 12px 5px 12px 10px;
  z-index: 1000;
  color: #555;
  line-height: 18px;
  font-size: 14px;
  background: url(images/rightarrow.png) 95% 48% no-repeat;
}

.widget.widget_nav_menu a:hover, .widget.widget_recent_entries a:hover {
  color: #222;
}

.dark .widget.widget_nav_menu a:hover, .dark .widget.widget_recent_entries a:hover {
  color: #fff;
}

.dark .widget_nav_menu a, .dark .widget_recent_entries a {
  color: #fff;
  background: url(images/rightarrow-dark.png) 95% 48% no-repeat;
  border-bottom: 1px dotted #444;
}

.widget_recent_entries a {
  padding: 14px 25px 14px 5px;
}

.widget_nav_menu a:hover, .widget_recent_entries a:hover {
  background: #f9f9f9 url(images/rightarrow.png) 97% 48% no-repeat;
  background-color: rgba(0, 0, 0, 0.05);
  color: #333;
}

.dark .widget_nav_menu a:hover, .dark .widget_recent_entries a:hover {
  background: #333 url(images/rightarrow-dark.png) 97% 48% no-repeat;
  color: #fff;
}

.widget_nav_menu li li a, .widget_nav_menu li li li a {
  padding-left: 25px;
}

/*-----------------------------------------------------------------------------------

	$INCLUDES
	CSS for plugins

------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  $PACE
/*-----------------------------------------------------------------------------------*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 4px;
  background: #222;
  -webkit-transition: -webkit-transform .3s, width 1s;
  -moz-transition: -moz-transform .3s, width 1s;
  -o-transition: -o-transform .3s, width 1s;
  transition: transform .3s, width 1s;
  pointer-events: none;
}

body.dark-section .pace .pace-progress {
  background: #fff;
}

.admin-bar .pace .pace-progress {
  position: absolute;
}

.pace.pace-active .pace-progress {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.pace.pace-inactive {
  display: none;
}

/*-----------------------------------------------------------------------------------*/
/*  $FULLPAGE
/*-----------------------------------------------------------------------------------*/
/**
 * fullPage 2.1.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
  margin: 0;
  padding: 0;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: transparent;
}
html.overflow-auto, body.overflow-auto {
  height: auto !important;
  overflow: auto !important;
}
html.overflow-hidden, body.overflow-hidden {
  height: 100% !important;
  overflow: hidden !important;
}
html.ajax-loading, body.ajax-loading {
  background: #fff;
}

body.hide-overflow-load {
  overflow: hidden;
}

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none;
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.vertical-bottom .fp-tableCell {
  vertical-align: bottom;
}

.vertical-top .fp-tableCell {
  vertical-align: top;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  position: absolute;
  z-index: 9999;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
}

.fp-controlArrow.fp-prev {
  left: 100px;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 100px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: scroll;
}

.fp-easing {
  -webkit-transition: all 0.7s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.7s ease-out;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transition: right 0.5s ease-out;
  transition: right 0.5s ease-out;
}
.admin-bar #fp-nav ul {
  margin-top: 32px;
}

#fp-nav a.go-to-content span {
  background: #00a498;
  border-color: #00a498;
  opacity: 1 !important;
}

#fp-nav.right {
  right: 17px;
}

#fp-nav.left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 9999;
  left: 50%;
  opacity: 1;
}

.fp-slidesNav.bottom {
  bottom: 75px;
}

.fp-slidesNav.top {
  top: 45px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav li,
.fp-slidesNav li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 15px 7px;
  position: relative;
}

.fp-slidesNav li {
  display: inline-block;
}

#fp-nav li a,
.fp-slidesNav li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav span,
.fp-slidesNav span {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}

.fp-tooltip {
  position: absolute;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  max-width: 100px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: right;
  transform: translateY(-50%);
  top: 50%;
}

.fp-tooltip.right {
  right: 20px;
}

.fp-tooltip.left {
  left: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  $FULLPAGE
/*-----------------------------------------------------------------------------------*/
.ps-container .ps-scrollbar-x-rail {
  position: absolute;
  /* please don't change 'position' */
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  /* please don't change 'position' */
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
  background-color: #999;
  opacity: 0.4;
  filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
  background-color: #999;
  opacity: 0.4;
  filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
  background-color: #999;
  background-color: rgba(255, 255, 255, 0.4);
}

.ps-container .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #000;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
  visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
  visibility: visible;
}

/*-----------------------------------------------------------------------------------*/
/*  $SUPERFISH
/*-----------------------------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu {
  line-height: 1.0;
  text-align: left;
}

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 175px;
  /* left offset of submenus need to match (see below) */
  background: #fff;
}

.sf-menu ul:after {
  position: absolute;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: #FFFFFF transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -5px;
  top: -5px;
  left: 30px;
}

.sf-menu ul:before {
  position: absolute;
  border-style: solid;
  border-width: 0 7px 7px;
  border-color: #dcdcdc transparent;
  display: block;
  width: 0;
  z-index: 0;
  margin-left: -7px;
  top: -10px;
  left: 30px;
}

.sf-menu ul ul:before,
.sf-menu ul ul:after {
  display: none;
}

.sf-menu ul li {
  width: 100%;
}

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float: left;
  position: relative;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 2.9em;
  /* match top ul list item height */
  z-index: 99;
  padding: 10px 5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {
  margin-top: 0;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 168px;
  top: -11px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

/*ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: $menu-width - ($ul-padding-horizontal + $border-width*2);
	top: -1em;
}*/
/*-----------------------------------------------------------------------------------*/
/*  $MOBILENAV
/*-----------------------------------------------------------------------------------*/
/*
  Themewich Menu CSS
*/
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#nb-menu-page {
  height: auto;
}

#nb-menu-blocker {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
  display: none;
  width: 100%;
  height: 999999px;
  position: fixed;
  z-index: 999999;
  top: 0;
  cursor: pointer;
}

#nb-popoutmenu {
  width: 300px;
  height: 100%;
  position: fixed;
  display: none;
  top: 0;
  background: #111;
  overflow: auto;
  overflow-x: hidden !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#nb-popoutmenu.tw-right {
  right: 0;
}
.admin-bar #nb-popoutmenu {
  margin-top: 32px !important;
}

#nb-popoutmenu::-webkit-scrollbar {
  width: 6px;
}

#nb-popoutmenu::-webkit-scrollbar-thumb {
  background: #222;
}

#nb-popoutmenu:hover::-webkit-scrollbar-thumb {
  background: #dcdcdc;
}

ul.nb-menu-items-container,
ul.nb-menu-items-container li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

ul.nb-menu-items-container {
  padding: 0 40px;
  overflow: hidden;
  position: relative;
  /* Set up Nested Arrows */
}
ul.nb-menu-items-container ul.sub-menu, ul.nb-menu-items-container ul.children {
  padding: 0 40px;
}
ul.nb-menu-items-container li {
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  -webkit-transition: background 0.5s ease, color 0.5s ease;
  transition: background 0.5s ease, color 0.5s ease;
}
ul.nb-menu-items-container li:hover {
  color: #fff;
}
ul.nb-menu-items-container li a, ul.nb-menu-items-container li a:visited, ul.nb-menu-items-container li a:active {
  display: block;
  padding: 10px 0;
  color: #dcdcdc;
}
ul.nb-menu-items-container li a:hover {
  text-decoration: none;
}
ul.nb-menu-items-container li.nb-with-ul > a {
  margin-right: 50px;
}
ul.nb-menu-items-container .nb-menu-level {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background: #111;
}
ul.nb-menu-items-container .nb-menu-item-container {
  display: block;
  position: relative;
}
ul.nb-menu-items-container .nb-with-ul .arrow {
  position: absolute;
  top: 0;
  right: -25px;
  height: 100%;
  width: 50px;
  cursor: pointer;
}
ul.nb-menu-items-container .nb-with-ul .arrow:before {
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.35);
  border-style: solid;
  border-width: 0.13em 0.13em 0 0;
  content: '';
  display: inline-block;
  height: 0.5em;
  right: 1.4em;
  top: 50%;
  margin-top: -0.25em;
  transform: rotate(45deg);
  vertical-align: top;
  width: 0.45em;
  position: absolute;
}
ul.nb-menu-items-container .nb-back {
  position: relative;
  width: 100%;
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #777;
  padding: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  cursor: pointer;
}
ul.nb-menu-items-container .nb-back:before {
  border-color: #ccc;
  border-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
  border-width: 0.13em 0.13em 0 0;
  content: '';
  display: inline-block;
  height: 0.4em;
  left: 0;
  top: 50%;
  margin-top: -0.25em;
  transform: rotate(230deg);
  vertical-align: top;
  width: 0.4em;
  position: absolute;
}

.tw-slide-panel {
  display: none;
}
.tw-slide-panel a.button.outline {
  border: 1px solid #fff;
  color: #fff !important;
}
.tw-slide-panel .above-nav,
.tw-slide-panel .below-nav {
  padding: 20px 40px 0 40px;
}
.tw-slide-panel .above-nav .widget,
.tw-slide-panel .below-nav .widget {
  padding-top: 20px;
  margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  $LIGHTBOX
/*-----------------------------------------------------------------------------------*/
/* Magnific Popup CSS */
.struck {
  /* Main image in popup */
  /* The shadow behind the image */
  /**
  * Fade-zoom animation for first dialog
  */
  /* start state */
  /* animate in */
  /* animate out */
  /* Dark overlay, start state */
  /* animate in */
  /* animate out */
  /**
   * Fade-move animation for second dialog
   */
  /* at start */
  /* animate in */
  /* animate out */
  /* Dark overlay, start state */
  /* animate in */
  /* animate out */
}
.struck .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 502;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.struck #small-dialog {
  background: #74953a;
  padding: 20px 30px;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  color: #fff;
  text-align: center;
}
.struck #small-dialog h3,
.struck #small-dialog p {
  color: #fff;
}
.struck .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 503;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  overflow: hidden !important;
}
.struck .mfp-container {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.struck .mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.struck .mfp-align-top .mfp-container:before {
  display: none;
}
.struck .mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 505;
}
.struck .mfp-inline-holder .mfp-content, .struck .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.struck .mfp-ajax-cur {
  cursor: progress;
}
.struck .mfp-zoom-out-cur .mfp-ready {
  cursor: pointer;
}
.struck .mfp-zoom {
  cursor: pointer;
}
.struck .mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.struck .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.struck .mfp-close, .struck .mfp-arrow, .struck .mfp-preloader, .struck .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.struck .mfp-loading.mfp-figure {
  display: none;
}
.struck .mfp-hide {
  display: none !important;
}
.struck .mfp-preloader {
  color: #222;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 504;
}
.struck .mfp-preloader a {
  color: #cccccc;
}
.struck .mfp-preloader a:hover {
  color: white;
}
.struck .mfp-s-ready .mfp-preloader {
  display: none;
}
.struck .mfp-s-error .mfp-content {
  display: none;
}
.struck button.mfp-close, .struck button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 506;
}
.struck button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.struck .mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.struck .mfp-close:hover, .struck .mfp-close:focus {
  opacity: 1;
}
.struck .mfp-close-btn-in .mfp-close {
  color: #333333;
  background: transparent;
}
.struck .mfp-close-btn-in .mfp-image-holder .mfp-close, .struck .mfp-iframe-holder .mfp-close {
  color: white;
  right: 10px;
  margin-top: 69px;
  opacity: 1;
  width: 30px;
  height: 30px;
  line-height: 0;
  background: #222;
  padding: 0;
  text-align: center;
}
.struck .mfp-image-holder .mfp-close, .struck .mfp-iframe-holder .mfp-close {
  color: white;
  right: 10px;
  margin-top: 69px;
  opacity: 1;
  width: 30px;
  height: 30px;
  line-height: 0;
  background: #222;
  padding: 0;
  text-align: center;
}
.struck .mfp-counter {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 25px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}
.struck .mfp-arrow {
  position: absolute;
  opacity: 0.9;
  top: 50%;
  margin: -33px 0 0;
  padding: 0;
  width: 65px;
  height: 65px;
  -webkit-tap-highlight-color: transparent;
}
.struck .mfp-arrow:active {
  margin-top: -33px;
}
.struck .mfp-arrow:hover, .struck .mfp-arrow:focus {
  opacity: 1;
}
.struck .mfp-arrow:before, .struck .mfp-arrow:after, .struck .mfp-arrow .mfp-b, .struck .mfp-arrow .mfp-a {
  border: none;
}
.struck .mfp-arrow-left {
  left: 0;
  background: url(images/left-arrow-prev.png) center no-repeat;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.struck .mfp-arrow-right {
  right: 0;
  background: url(images/right-arrow-next.png) center no-repeat;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.struck .mfp-arrow-right:after, .struck .mfp-arrow-right .mfp-a {
  border-left: 12px solid white;
  left: 3px;
}
.struck .mfp-arrow-right:before, .struck .mfp-arrow-right .mfp-b {
  border-left: 20px solid white;
}
.struck .mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.struck .mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.struck .mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.struck .mfp-iframe-scaler iframe {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
.struck .mfp-iframe-holder .mfp-close {
  margin-top: 0;
  right: 0;
}
.struck img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 0 60px;
  margin: 0 auto;
}
.struck .mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 60px;
  bottom: 60px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: none;
}
.struck .mfp-figure {
  line-height: 0;
}
.struck .mfp-bottom-bar {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  cursor: auto;
  bottom: 0;
  margin-bottom: 80px;
}
.struck .mfp-title-wrapper {
  padding: 0 30px;
}
.struck .mfp-title {
  padding-right: 0;
}
.struck .mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.struck .mfp-image-holder .mfp-content {
  max-width: 100%;
}
.struck .mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .struck {
   /**
  * Remove all paddings around the image on small screen
  */
    /* The shadow behind the image */
  }
  .struck .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .struck .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .struck .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .struck .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .struck .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .struck .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .struck .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
  .struck .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
}
@media all and (max-width: 800px) {
  .struck .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .struck .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .struck .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .struck .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
  .struck .mfp-ie7 .mfp-img {
    padding: 0;
  }
  .struck .mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
  }
  .struck .mfp-ie7 .mfp-container {
    padding: 0;
  }
  .struck .mfp-ie7 .mfp-content {
    padding-top: 44px;
  }
  .struck .mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
  }
}
.struck .my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.struck .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.struck .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
.struck .my-mfp-zoom-in.mfp-bg {
  opacity: 0.01;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.struck .my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
  position: fixed !important;
}
.struck .my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0.01;
}
.struck .my-mfp-slide-bottom .zoom-anim-dialog, .struck .my-mfp-slide-bottom .mfp-figure {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.struck .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog, .struck .my-mfp-slide-bottom.mfp-ready .mfp-figure {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}
.struck .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog, .struck .my-mfp-slide-bottom.mfp-removing .mfp-figure {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.struck .my-mfp-slide-bottom.mfp-bg {
  opacity: 0.01;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.struck .my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.95;
}
.struck .my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0.01;
}
.struck .mfp-ready .mfp-figure {
  opacity: 0;
}
.struck .mfp-zoom-in .mfp-figure {
  opacity: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.struck .mfp-zoom-in.mfp-bg, .struck .mfp-zoom-in .mfp-preloader {
  opacity: 0.01;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.struck .mfp-zoom-in button.mfp-arrow-left {
  opacity: 0;
  left: 0;
}
.struck .mfp-zoom-in button.mfp-arrow-right {
  opacity: 0;
  right: 0;
}
.struck .mfp-zoom-in.mfp-image-loaded .mfp-figure {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.struck .mfp-zoom-in.mfp-image-loaded button.mfp-arrow-left {
  opacity: 1;
  left: 0;
}
.struck .mfp-zoom-in.mfp-image-loaded button.mfp-arrow-right {
  opacity: 1;
  right: 0;
}
.struck .mfp-zoom-in.mfp-ready.mfp-bg, .struck .mfp-zoom-in.mfp-ready .mfp-preloader {
  opacity: 0.95;
}
.struck .mfp-zoom-in.mfp-removing button.mfp-arrow-right, .struck .mfp-zoom-in.mfp-removing button.mfp-arrow-left {
  opacity: 0;
}
.struck .mfp-zoom-in.mfp-removing .mfp-figure {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  opacity: 0;
}
.struck .mfp-zoom-in.mfp-removing.mfp-bg, .struck .mfp-zoom-in.mfp-removing .mfp-preloader {
  opacity: 0.01;
}

/*-----------------------------------------------------------------------------------*/
/*  $TABS
/*-----------------------------------------------------------------------------------*/
/**
 * General Tab Styles
 */
ul.tabs {
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
}

ul.tabs li {
  display: block;
  width: auto;
  height: 30px;
  padding: 0;
  float: left;
  margin-bottom: 0;
  margin-left: 0;
  list-style-type: none;
}

ul.tabs li a {
  display: block;
  text-decoration: none;
  width: auto;
  height: 29px;
  padding: 0 20px;
  line-height: 30px;
  border-style: solid;
  border-color: #dcdcdc;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px 1px 0 0;
  margin: 0;
  font-size: 13px;
  color: #555;
  border-bottom-width: 1px;
}

ul.tabs li a:hover {
  color: #333;
  box-shadow: 0 -1px 1px #F3F3F3;
  -moz-box-shadow: 0 -1px 1px #F3F3F3;
  -webkit-box-shadow: 0 -1px 1px #F3F3F3;
}

.dark ul.tabs li a:hover {
  color: #fff;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

ul.tabs li a.active {
  height: 30px;
  position: relative;
  top: -4px;
  padding-top: 4px;
  border-left-width: 1px;
  margin: 0 0 0 -1px;
  border-bottom: none;
}

.dark ul.tabs li a.active {
  background-color: #222;
  padding-top: 4px;
}

.dark ul.tabs li a {
  border-color: #555;
}

.dark ul.tabs {
  border-color: #555;
}

ul.tabs li:first-child a.active {
  margin-left: 0;
}

ul.tabs li:first-child a {
  border-width: 1px 1px 1px 1px;
}

ul.tabs-content {
  margin: 0;
  display: block;
}

ul.tabs-content br {
  display: none;
}

ul.tabs-content li br {
  display: inline;
}

ul.tabs-content > li {
  display: none;
  margin-left: 0;
  list-style-type: none;
}

ul.tabs-content > li.active {
  display: block;
}

ul.tabs:before, ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

ul.tabs:after {
  clear: both;
}

ul.tabs {
  zoom: 1;
}

/*-----------------------------------------------------------------------------------*/
/*  $TOOLTIP
/*-----------------------------------------------------------------------------------*/
/*! Hint.css - v1.3.1 - 2013-11-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */
.hint, [data-hint] {
  position: relative;
  display: inline-block;
}

.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
}

.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
  visibility: visible;
  opacity: 1;
}

.hint:before, [data-hint]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001;
}

.hint:after, [data-hint]:after {
  content: attr(data-hint);
  background: #222;
  color: #dcdcdc;
  padding: 10px 10px;
  font-size: 10px;
  line-height: 10px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

/**
 * set default color for tooltip arrows
 */
.hint--top:before {
  border-top-color: #222;
}

.hint--bottom:before {
  border-bottom-color: #222;
}

.hint--left:before {
  border-left-color: #222;
}

.hint--right:before {
  border-right-color: #222;
}

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -12px;
}

.hint--top:after {
  margin-left: -18px;
}

.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%;
}

.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -12px;
}

.hint--bottom:after {
  margin-left: -18px;
}

.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%;
}

.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom.righthint:after {
  margin-right: -18px;
}

.hint--bottom.righthint:after,
.hint--bottom.righthint:before {
  left: auto;
  right: 30%;
}

.hint--top.righthint:after {
  margin-right: -18px;
}

.hint--top.righthint:after,
.hint--top.righthint:before {
  left: auto;
  right: 30%;
}

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px;
}

.hint--right:after {
  margin-bottom: -14px;
}

.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%;
}

.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px;
}

.hint--left:after {
  margin-bottom: -14px;
}

.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%;
}

.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px);
}

/**
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0 #592726;
}

.hint--error.hint--top:before {
  border-top-color: #b34e4d;
}

.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}

.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}

.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0 #6c5328;
}

.hint--warning.hint--top:before {
  border-top-color: #c09854;
}

.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}

.hint--warning.hint--left:before {
  border-left-color: #c09854;
}

.hint--warning.hint--right:before {
  border-right-color: #c09854;
}

/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0 #193b4d;
}

.hint--info.hint--top:before {
  border-top-color: #3986ac;
}

.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac;
}

.hint--info.hint--left:before {
  border-left-color: #3986ac;
}

.hint--info.hint--right:before {
  border-right-color: #3986ac;
}

/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0 #1a321a;
}

.hint--success.hint--top:before {
  border-top-color: #458746;
}

.hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}

.hint--success.hint--left:before {
  border-left-color: #458746;
}

.hint--success.hint--right:before {
  border-right-color: #458746;
}

.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible;
}

.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--rounded:after {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

/*-----------------------------------------------------------------------------------*/
/*  $ISOTOPE
/*-----------------------------------------------------------------------------------*/
/**
 * Isotope Container
 */
.isotopecontainer {
  margin-bottom: 0;
  overflow: visible !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* clear fix */
}
.isotopecontainer .isobrick {
  float: left;
  display: block;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.isotopecontainer .isobrick.grid {
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}
.isotopecontainer .isobrick.fade-in {
  opacity: 1;
}
.isotopecontainer #infscr-loading {
  position: absolute;
  bottom: -70px;
  left: 50%;
  margin-left: -25px;
}
.isotopecontainer:after {
  content: '';
  display: block;
  clear: both;
}

/**
 * Isotope Transitions
 */
.isotope {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -ms-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}

/* Disabling Isotope CSS3 Transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/**
 * Isotope Filter
 */
.filtercontainer {
  padding-top: 45px;
  padding-bottom: 40px;
}
.filtercontainer ul.filter {
  margin-bottom: 0;
  padding: 0;
  display: inline-block;
}
.filtercontainer ul.filter li {
  list-style-type: none;
  float: left;
  text-align: left;
  margin: 12px 5px 0 0;
}
.filtercontainer ul.filter li a, .filtercontainer ul.filter li a:visited, .filtercontainer ul.filter li a:active {
  display: block;
  padding-bottom: 9px;
  margin-right: 30px;
  margin-bottom: 0;
  color: #999;
  border: 2px solid transparent;
  position: relative;
}
.filtercontainer ul.filter li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 0;
  width: 0;
  height: 2px;
  background: #222;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
}
.filtercontainer ul.filter li a.active, .filtercontainer ul.filter li a:hover {
  color: #222;
}
.filtercontainer ul.filter li a.active:after, .filtercontainer ul.filter li a:hover:after {
  width: 100%;
  margin-left: -50%;
}

/**
 * Pagination
 */
.infinite-pagination {
  text-align: center;
  min-height: 100px;
}
.infinite-pagination .more-posts a,
.infinite-pagination .prev-posts a {
  display: block;
  border-top: 1px solid #f3f3f3;
  border-color: rgba(0, 0, 0, 0.05);
  color: #000;
  padding: 50px;
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
.infinite-pagination .more-posts a:hover,
.infinite-pagination .prev-posts a:hover {
  /* IE 5-7 */
  filter: alpha(opacity=75);
  /* Netscape */
  -moz-opacity: 0.75;
  /* Safari 1.x */
  -khtml-opacity: 0.75;
  /* Good browsers */
  opacity: 0.75;
}

/*-----------------------------------------------------------------------------------*/
/*  $SCROLLTOP
/*-----------------------------------------------------------------------------------*/
.top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
}

.top a, .top a:hover {
  text-decoration: none;
  display: block;
  color: #777;
}

.top .scrolltop {
  /* IE 5-7 */
  filter: alpha(opacity=75);
  /* Netscape */
  -moz-opacity: 0.75;
  /* Safari 1.x */
  -khtml-opacity: 0.75;
  /* Good browsers */
  opacity: 0.75;
  display: block;
  border: 1px solid transparent;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.top .scrolltop span {
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  position: relative;
  padding: 6px 7px 6px 28px;
  margin-bottom: 0;
}

.top .scrolltop span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom-color: #777;
}

.top a:hover .scrolltop {
  display: block;
  /* IE 5-7 */
  filter: alpha(opacity=95);
  /* Netscape */
  -moz-opacity: 0.95;
  /* Safari 1.x */
  -khtml-opacity: 0.95;
  /* Good browsers */
  opacity: 0.95;
  border-color: #dcdcdc;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/*-----------------------------------------------------------------------------------*/
/*  $MEDIAELEMENT
/*-----------------------------------------------------------------------------------*/
.struck .mejs-container {
  position: relative;
  min-width: 150px;
  background: none;
  font-family: sans-serif;
  text-align: left;
  vertical-align: top;
}

.me-plugin {
  position: absolute;
}

.mejs-embed, .mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
}

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%;
}

/* Start: LAYERS */
.struck .mejs-background {
  position: absolute;
  top: 0;
  left: 0;
}

.struck .mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.struck .mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.struck .mejs-poster img {
  border: 0;
  padding: 0;
  border: 0;
  display: block;
  width: auto;
  height: 100%;
}

.struck .mejs-overlay {
  position: absolute;
  top: 0;
  left: 0;
}

.struck .mejs-overlay-play {
  cursor: pointer;
}

.struck .mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(images/bigplay.png) no-repeat;
}

.struck .mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px;
}

.struck .mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
}

.struck .mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: #3A3C3D url(images/loading.gif) 50% 50% no-repeat;
  border-radius: 40px;
}

/* End: LAYERS */
/* Start: CONTROL BAR */
.struck .mejs-container .mejs-controls {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 100%;
  background: #3a3c3d url(background.png);
  background: -webkit-linear-gradient(#4a4c4d, #2b2d2d);
  background: -moz-linear-gradient(#4a4c4d, #2b2d2d);
  background: -o-linear-gradient(#4a4c4d, #2b2d2d);
  background: -ms-linear-gradient(#4a4c4d, #2b2d2d);
  background: linear-gradient(#4a4c4d, #2b2d2d);
  list-style: none;
}

.struck.mejs-audio .mejs-controls {
  border-radius: 3px;
}

.struck .mejs-container .mejs-controls div {
  list-style-type: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 30px;
  font-size: 11px;
  line-height: 11px;
  font-family: sans-serif;
  background: url(images/sep.png) left no-repeat;
  border: 0;
}

.struck .mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 7px 0 9px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url(images/controls.png) no-repeat;
}

/* :focus for accessibility */
.struck .mejs-controls .mejs-button button:focus {
  outline: solid 1px yellow;
}

/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.struck .mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 8px 8px 5px 10px;
  overflow: hidden;
  text-align: center;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.struck .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
  display: none;
}

.struck .mejs-container .mejs-controls .mejs-time span {
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  display: block;
  float: left;
  width: auto;
}

/* End: Time (current / duration) */
/* Start: Play/pause */
.struck .mejs-container .mejs-controls .mejs-playpause-button {
  cursor: pointer;
  background: none;
  width: 30px;
}

.struck .mejs-controls .mejs-playpause-button button {
  margin: 7px 8px;
}

.struck .mejs-controls .mejs-play button {
  background-position: 0 0;
}

.struck .mejs-controls .mejs-play:hover button {
  background-position: 0 -32px;
}

.struck .mejs-controls .mejs-pause button {
  background-position: 0 -16px;
}

.struck .mejs-controls .mejs-pause:hover button {
  background-position: 0 -48px;
}

/* End: Play/pause */
/* Stop */
.struck .mejs-controls .mejs-stop button {
  background-position: -112px 0;
}

.struck .mejs-controls .mejs-stop:hover button {
  background-position: -112px -32px;
}

/* End: Play/pause */
/* Start: Progress bar */
.struck .mejs-controls div.mejs-time-rail {
  width: 200px;
}

.struck .mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 5px;
  cursor: pointer;
  border-radius: 0;
}

.struck .mejs-controls .mejs-time-rail .mejs-time-total {
  padding: 1px;
  margin: 11px 8px 0 10px;
  background: #262929;
  border-bottom: #3d3f40 1px solid;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.4);
}

.struck .mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  -moz-background-size: 6px 6px;
  background-size: 6px 5px;
  -webkit-background-size: 6px 5px;
  z-index: 1;
}

.struck .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #464849;
  width: 0;
}

.struck .mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  z-index: 1;
}

.struck .mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 5px;
  background: transparent;
  cursor: pointer;
  top: 1px;
  z-index: 1;
  text-align: center;
}

.struck .mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #C2C8CF;
  background: -webkit-linear-gradient(#E3E6E9, #C2C8CF);
  background: -moz-linear-gradient(#E3E6E9, #C2C8CF);
  background: -o-linear-gradient(#E3E6E9, #C2C8CF);
  background: -ms-linear-gradient(#E3E6E9, #C2C8CF);
  background: linear-gradient(#e3e6e9, #c2c8cf);
  width: 36px;
  height: 17px;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111;
}

.struck .mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 3px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0;
}

.struck .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 4px #C2C8CF;
  border-color: #C2C8CF transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 17px;
  left: 13px;
}

/* End: Progress bar */
/* Start: Fullscreen */
.struck .mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0;
}

.struck .mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px;
}

/* End: Fullscreen */
/* Start: Mute/Volume */
.struck .mejs-controls .mejs-mute button {
  background-position: -16px -16px;
}

.struck .mejs-controls .mejs-mute button:hover {
  background-position: -16px -48px;
}

.struck .mejs-controls .mejs-unmute button {
  background-position: -16px 0;
}

.struck .mejs-controls .mejs-unmute button:hover {
  background-position: -16px -32px;
}

.struck .mejs-controls .mejs-volume-button {
  position: relative;
}

.struck .mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 68px;
  width: 31px;
  background: #3A3C3D;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -68px;
  left: 1px;
  z-index: 1;
  position: absolute;
  margin: 0;
}

.struck .mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.struck .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 13px;
  top: 8px;
  width: 5px;
  height: 50px;
  background: #262929;
  border-bottom: #3d3f40 1px solid;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.4);
  margin: 0;
  padding: 1px;
}

.struck .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 13px;
  top: 8px;
  width: 5px;
  height: 50px;
  margin: 1px;
}

.struck .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 14px;
  top: 16px;
  width: 5px;
  height: 5px;
  background: transparent;
  margin: 0;
}

/* horizontal version */
.struck .mejs-controls div.mejs-horizontal-volume-slider {
  height: 26px;
  width: 62px;
  position: relative;
  background: none;
}

.struck .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 5px;
  margin: 0;
  padding: 1px;
  font-size: 1px;
  background: #262929;
  border-bottom: #3d3f40 1px solid;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.4);
  border-radius: 0;
}

.struck .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 5px;
  margin: 1px;
  padding: 0;
  font-size: 1px;
  border-radius: 0;
}

.struck .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.struck .mejs-controls .mejs-captions-button {
  position: relative;
}

.struck .mejs-controls .mejs-captions-button button {
  background-position: -48px 0;
}

.struck .mejs-controls .mejs-captions-button:hover button {
  background-position: -48px -32px;
}

.struck .mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: #3A3C3D;
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.struck .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

.struck .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}

.struck .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

.struck .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: sans-serif;
  font-size: 10px;
}

.struck .mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0;
}

.struck .mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1;
}

.struck .mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #3A3C3D;
  background: rgba(58, 60, 61, 0.7);
  background: -webkit-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(to bottom, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
  overflow: hidden;
  border: 0;
}

.struck .mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #313335;
  border-right: solid 1px rgba(49, 51, 53, 0.7);
  border-bottom: solid 1px #313335;
  border-bottom: solid 1px rgba(49, 51, 53, 0.7);
  cursor: pointer;
}

.struck .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none;
}

.struck .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #333;
  background: rgba(102, 102, 102, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
  background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
}

.struck .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px;
}

.struck .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.struck .mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  /*font-weight: bold;*/
  line-height: 22px;
  font-size: 12px;
  color: #fff;
}

.struck .mejs-captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.struck .mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.struck .mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0;
}

.struck .mejs-captions-position-hover {
  bottom: 45px;
}

.struck .mejs-captions-text {
  padding: 5px 7px;
  background: #3a3c3d;
  background: rgba(58, 60, 61, 0.8);
  border-radius: 4px;
}

/* End: TRACK (Captions and Chapters) */
.struck .mejs-clear {
  clear: both;
}

/* Start: ERROR */
.me-cannotplay a {
  color: #fff;
  font-weight: bold;
}

.me-cannotplay span {
  padding: 15px;
  display: block;
}

/* End: ERROR */
/* Start: Loop */
.struck .mejs-controls .mejs-loop-off button {
  background-position: -64px -16px;
}

.struck .mejs-controls .mejs-loop-off:hover button {
  background-position: -64px -48px;
}

.struck .mejs-controls .mejs-loop-on button {
  background-position: -64px 0;
}

.struck .mejs-controls .mejs-loop-on:hover button {
  background-position: -64px -32px;
}

/* End: Loop */
/* Start: backlight */
.struck .mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px;
}

.struck .mejs-controls .mejs-backlight-off:hover button {
  background-position: -80px -48px;
}

.struck .mejs-controls .mejs-backlight-on button {
  background-position: -80px 0;
}

.struck .mejs-controls .mejs-backlight-on:hover button {
  background-position: -80px -32px;
}

/* End: backlight */
/* Start: picture controls */
.struck .mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0;
}

.struck .mejs-controls .mejs-picturecontrols-button:hover {
  background-position: -96px -32px;
}

/* End: picture controls */
/* context menu */
.struck .mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001;
  /* make sure it shows on fullscreen */
}

.struck .mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333;
}

.struck .mejs-contextmenu .mejs-contextmenu-item {
  font-family: sans-serif;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333;
}

.struck .mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff;
}

.struck .mejs-controls .mejs-sourcechooser-button {
  position: relative;
}

.struck .mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0;
}

.struck .mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px -32px;
}

.struck .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: #3A3C3D;
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.struck .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

.struck .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}

.struck .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

.struck .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: sans-serif;
  font-size: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*  $BREADCRUMBS
/*-----------------------------------------------------------------------------------*/
#breadcrumbs {
  list-style: none;
  margin: 10px 0;
  overflow: hidden;
  float: right;
}

#breadcrumbs li {
  list-style: none;
  float: left;
  margin: 0 8px 0 0;
  font-size: 14px;
  color: #999;
}
#breadcrumbs li a {
  color: #999;
}

.breadcrumbs {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}

.breadcrumbs p {
  margin: 0;
}

#breadcrumbs .separator {
  font-weight: 700;
  color: #999;
}

/*-----------------------------------------------------------------------------------*/
/*  $NINJA
/*-----------------------------------------------------------------------------------*/
.ninja-forms-form-wrap *,
.ninja-forms-form-wrap *:after,
.ninja-forms-form-wrap *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

a.tooltip {
  outline: none;
  text-decoration: none;
}

a.tooltip strong {
  line-height: 30px;
}

a.tooltip:hover {
  text-decoration: none;
}

a.tooltip span {
  display: none;
  padding: 14px 20px;
  margin-top: -10px;
  margin-left: 28px;
  width: 240px;
  line-height: 16px;
  z-index: 1;
  position: relative;
}

a.tooltip span:before {
  border-top: 10px solid transparent;
  border-right: 15px solid #ccc;
  border-bottom: 10px solid transparent;
  content: "";
  position: absolute;
  left: -15px;
}

a.tooltip:hover span {
  display: inline;
  position: absolute;
  color: #333;
  border: 1px solid #ccc;
  background: #f1f1f1;
}

/*CSS3 extras*/
a.tooltip span {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: 5px 5px 8px #CCC;
  -webkit-box-shadow: 5px 5px 8px #CCC;
  box-shadow: 5px 5px 8px #CCC;
}

#ui-datepicker-div {
  background: #f1f1f1;
  border-radius: 3px;
}

#ui-datepicker-div a {
  text-decoration: none;
  cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar td {
  padding: 5px;
  text-align: center;
}

#ui-datepicker-div .ui-icon {
  text-indent: 0;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next {
  float: right;
}

.ninja-forms-no-display {
  display: none;
}

.ninja-forms-form .wp-switch-editor {
  height: auto;
}

.ninja-forms-form .mceIframeContainer {
  background: #fff;
}

.ninja-forms-req-symbol {
  color: #ff0000;
}

.ninja-forms-form .label-above label,
.ninja-forms-form .label-below label {
  display: block;
}

.field-wrap,
#ninja_forms_required_items {
  margin-bottom: 20px;
}

#pass-strength-result {
  background-color: #eee;
  border-color: #ddd !important;
  border-style: solid;
  border-width: 1px;
  float: left;
  margin: 13px 5px 5px 1px;
  padding: 3px 5px;
  text-align: center;
  width: 200px;
}

#pass-strength-result.bad {
  background-color: #ffb78c;
  border-color: #ff853c !important;
}

#pass-strength-result.good {
  background-color: #ffec8b;
  border-color: #fc0 !important;
}

#pass-strength-result.short {
  background-color: #ffa0a0;
  border-color: #f04040 !important;
}

#pass-strength-result.strong {
  background-color: #c3ff88;
  border-color: #8dff1c !important;
}

.ninja-forms-cont {
  position: relative;
}

.ninja-forms-cont:after {
  clear: both;
  content: "";
  display: block;
}

.ninja-forms-form-wrap input,
.ninja-forms-form-wrap select,
.ninja-forms-form-wrap textarea {
  width: auto;
  height: auto;
  vertical-align: inherit;
}

.ninja-forms-form-wrap label {
  font-weight: bold;
}

.ninja-forms-form-wrap .list-checkbox-wrap ul label,
.ninja-forms-form-wrap .list-radio-wrap ul label {
  font-weight: normal;
}

.field-wrap:after {
  clear: both;
  content: "";
  display: block;
}

.field-wrap.label-left .ninja-forms-field,
.field-wrap.label-left .ninja-forms-star-rating-control {
  margin-left: 8px;
}

.field-wrap.label-right .ninja-forms-field,
.field-wrap.label-right .ninja-forms-star-rating-control {
  margin-right: 8px;
}

.field-wrap.label-right label,
.field-wrap.label-left label {
  display: inline;
}

.label-above label {
  margin-bottom: 5px;
}

.MultiFile-wrap {
  display: inline-block;
}

/* ---------------------------------
TEXT FIELDS & TEXTAREAS
----------------------------------*/
.text-wrap.label-left input,
.profile_pass-wrap.label-left input,
.textarea-wrap.label-left textarea {
  margin-left: 10px;
}

.text-wrap.label-right input,
.profile_pass-wrap.label-right input,
.textarea-wrap.label-right textarea {
  margin-right: 10px;
}

.text-wrap.label-above label,
.textarea-wrap.label-above label {
  display: block;
  width: 100%;
}

.text-wrap.label-above input,
.text-wrap.label-below input,
.text-wrap.label-inside input,
.textarea-wrap.label-above textarea,
.textarea-wrap.label-below textarea,
.textarea-wrap.label-inside textarea,
.list-dropdown-wrap.label-above select,
.list-dropdown-wrap.label-below select {
  width: 100%;
}

.textarea-wrap textarea {
  height: 200px;
}

.profile_pass-wrap input {
  margin-bottom: 10px;
}

/* ---------------------------------
RADIO & CHECKBOX LISTS
----------------------------------*/
.list-radio-wrap span ul li input,
.list-checkbox-wrap span ul li input {
  margin-right: 5px;
}

.list-radio-wrap ul,
.list-checkbox-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-radio-wrap ul li,
.list-checkbox-wrap ul li {
  list-style: none;
}

.list-radio-wrap ul li,
.list-checkbox-wrap ul li {
  margin: 0;
  padding: 0;
}

.list-radio-wrap.label-left label,
.list-radio-wrap.label-left ul,
.list-radio-wrap.label-left ul li,
.list-radio-wrap.label-right label,
.list-radio-wrap.label-right ul,
.list-radio-wrap.label-right ul li,
.list-checkbox-wrap.label-left label,
.list-checkbox-wrap.label-left ul,
.list-checkbox-wrap.label-left ul li,
.list-checkbox-wrap.label-right label,
.list-checkbox-wrap.label-right ul,
.list-checkbox-wrap.label-right ul li {
  float: left;
}

.list-radio-wrap.label-left ul li,
.list-radio-wrap.label-right ul li,
.list-checkbox-wrap.label-left ul li,
.list-checkbox-wrap.label-right ul li {
  padding: 0 8px;
}

.list-radio-wrap.label-above ul li,
.list-radio-wrap.label-below ul li,
.list-checkbox-wrap.label-above ul li,
.list-checkbox-wrap.label-below ul li {
  padding: 0 0 0 10px;
}

/* ---------------------------------
MULTI FIELD
----------------------------------*/
.list-multi-wrap.label-left label {
  float: left;
}

.list-multi-wrap.label-right select {
  float: left;
}

/* ---------------------------------
CREDIT CARD BLOCK
----------------------------------*/
.credit_card-wrap div label,
.credit_card-wrap div input {
  display: block;
  width: 100%;
}

.credit_card-wrap div {
  margin-bottom: 10px;
}

.credit_card-wrap div span {
  font-size: 0.8em;
}

/* ---------------------------------
HONEYPOT
----------------------------------*/
.honeypot-wrap {
  display: none;
}

/*-----------------------------------------------------------------------------------

	$COLORS
	Default Theme Colors

------------------------------------------------------------------------------------*/
html, #footer {
  background: #f3f3f3;
}

#footer {
  color: #9e9e9e;
}

#sitecontainer,
.page-content-wrapper,
.pagination .pagenumbers {
  background: #fff;
}

a.more-link,
.regular-posts a.more-link,
.widget .tagcloud a:hover,
.widget .recent-project:hover {
  border-color: #00a498;
}

a, a:hover, .thumbintro span a,
a.more-link,
span.highlight,
.button,
.tw-button,
.struck a.tw-button.shortcode,
a.button,
a.more-link,
#submit,
.tw-postshortcode a.more-link,
input[type=submit],
.single .authorinfo.not-full a:hover,
.struck .tw-button, .struck a.tw-button, .struck .tw-postshortcode a.more-link {
  color: #00a498;
}

.badges a:hover,
.widget .tagcloud a:hover,
span.respond-link a:hover,
a.more-link:hover,
.button:hover,
a.button:hover,
a.more-link:hover,
#submit:hover,
.tw-postshortcode a.more-link:hover,
input[type=submit]:hover,
.button:active,
.tw-button:active,
a.tw-button:active,
a.button:active,
a.more-link:active,
#submit:active,
.tw-postshortcode a.more-link:active,
input[type=submit]:active,
.struck .mejs-controls .mejs-time-rail .mejs-time-buffering, .struck .mejs-controls .mejs-time-rail .mejs-time-current, .struck .mejs-controls .mejs-volume-button .mejs-volume-slider,
.struck .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .struck .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.struck .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #00a498;
}

.badges a:hover,
span.respond-link a:hover,
.button,
a.button,
a.more-link,
#submit,
.tw-postshortcode a.more-link,
input[type=submit] {
  border-color: #00a498;
}

*::selection {
  background: #00a498;
}

/*-----------------------------------------------------------------------------------

	$MEDIAQUERIES
	Responsive size adaptions

------------------------------------------------------------------------------------*/
/* Width smaller than 1500px */
.show-mobile {
  display: none;
}

.show-desktop {
  display: block;
}

/**
 * Beta, not currently in use
 * Will provide full width fullpage sections
 * Current Conflicts: Arrows on slides
 */
/*
@media only screen and (min-width: 1400px) {
	.fullpage-showing {
		.top-nav {
			padding:50px;

			.container {
				width:100%;
			}
		}

		.layout-center .text-cell {
			margin: auto;
			float: none;
		}

		#fullpage .container {
			width:100%;
			padding-left:65px;
			padding-right:65px;

			.text-cell, .image-cell {
				max-width:700px;
			}
		}
	}
}
*/
/* Adjust slide arrows */
@media only screen and (max-width: 1350px) and (min-width: 1200px) {
  .has-arrows #fp-nav.right {
    right: 0;
  }

  .fp-controlArrow.fp-next {
    right: 10px;
  }

  .fp-controlArrow.fp-prev {
    left: 10px;
  }
}
/* Adjust slide arrows */
@media only screen and (max-width: 1075px) and (min-width: 992px) {
  .has-arrows #fp-nav.right {
    right: 0;
  }

  .fp-controlArrow.fp-next {
    right: 10px;
  }

  .fp-controlArrow.fp-prev {
    left: 10px;
  }
}
/* Widths smaller than 1199 */
@media only screen and (max-width: 1199px) {
  /* Asides */
  .single-post .post aside.aside-left,
  .single-portfolio .portfolio aside.aside-left,
  .regular-width aside.aside-left {
    max-width: 120px;
    margin-left: -156px;
  }
  .single-post .post aside.aside-right,
  .single-portfolio .portfolio aside.aside-right,
  .regular-width aside.aside-right {
    max-width: 120px;
    margin-right: -156px;
  }

  /* Disable for touch devices at this size */
  .full-bg-image {
    background-attachment: scroll !important;
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
    background-position: 50% 50% !important;
  }

  .container.with-sidebar .content {
    width: 608px;
  }
}
/* Widths between 992px and 1199px */
/* Widths between less than 991px */
@media only screen and (max-width: 991px) {
  #footer .right-footer,
  #footer .left-footer,
  #footer .center-footer {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .single-post .post aside.aside-left, .single-post .post aside.aside-right,
  .single-portfolio .portfolio aside.aside-left,
  .single-portfolio .portfolio aside.aside-right,
  .regular-width aside.aside-left,
  .regular-width aside.aside-right {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    text-align: center;
    max-width: 480px;
    margin-bottom: 40px;
  }
  .single-post .post aside.aside-left img, .single-post .post aside.aside-right img,
  .single-portfolio .portfolio aside.aside-left img,
  .single-portfolio .portfolio aside.aside-right img,
  .regular-width aside.aside-left img,
  .regular-width aside.aside-right img {
    margin-left: auto;
    margin-right: auto;
  }

  .container.with-sidebar .content {
    margin-right: 0;
    padding-right: 0;
    width: 100%;
  }
  .container.with-sidebar .sidebar {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }

  /* vertical layout for text-image sections */
  .section-entry.table,
  .text-image-wrapper.tr,
  .text-cell.td,
  .image-cell.td {
    display: block;
  }

  .layout-left .image-cell {
    margin-top: 30px;
  }

  .layout-right .image-cell {
    margin-bottom: 30px;
  }

  /* Hide Fullpage Nav Buttons at this size */
  #fp-nav {
    display: none;
  }

  /* Adjust control arrows */
  .fp-controlArrow.fp-next {
    right: 0;
    width: 40px;
  }

  .fp-controlArrow.fp-prev {
    left: 0;
    width: 40px;
  }

  .show-mobile {
    display: block;
  }

  .show-desktop {
    display: none;
  }

  /* Footer */
  #footer .one-third {
    width: 100%;
  }

  /* Inputs */
  input#s, .search-form {
    max-width: none;
  }
}
@media screen and (max-width: 782px) {
  .admin-bar #mobilemenu {
    margin-top: 46px;
  }

  #tw-mobile-indicator {
    display: none;
  }

  video.hosted-video {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #fullpage .section .section-entry {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Comments */
  .singlecomment {
    margin-left: 0;
  }

  .comment .avatar {
    display: none;
  }

  .singlecomment .comment-content {
    margin-left: 0;
  }

  .listcomments .children {
    margin-left: 0;
    padding-left: 10px;
  }

  .single-gallery .gallery-columns-1 .gallery-item {
    width: 100%;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media screen and (max-width: 767px) {
  /* Gallery Sizes */
  .single-gallery .gallery-columns-1 .gallery-item,
  .single-gallery .gallery-columns-2 .gallery-item,
  .single-gallery .gallery-columns-3 .gallery-item,
  .single-gallery .gallery-columns-4 .gallery-item,
  .single-gallery .gallery-columns-5 .gallery-item,
  .single-gallery .gallery-columns-6 .gallery-item,
  .single-gallery .gallery-columns-7 .gallery-item,
  .single-gallery .gallery-columns-8 .gallery-item,
  .single-gallery .gallery-columns-9 .gallery-item {
    width: 48%;
    margin: 0.5% 1%;
  }
  .single-gallery .gallery-columns-1 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-2 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-3 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-4 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-5 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-6 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-7 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-8 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-9 .gallery-item .gallery-caption {
    display: block;
  }
  .single-gallery .gallery-columns-1 .gallery-item .gallery-caption span,
  .single-gallery .gallery-columns-2 .gallery-item .gallery-caption span,
  .single-gallery .gallery-columns-3 .gallery-item .gallery-caption span,
  .single-gallery .gallery-columns-4 .gallery-item .gallery-caption span,
  .single-gallery .gallery-columns-5 .gallery-item .gallery-caption span,
  .single-gallery .gallery-columns-6 .gallery-item .gallery-caption span,
  .single-gallery .gallery-columns-7 .gallery-item .gallery-caption span,
  .single-gallery .gallery-columns-8 .gallery-item .gallery-caption span,
  .single-gallery .gallery-columns-9 .gallery-item .gallery-caption span {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .nextbutton {
    bottom: 20px !important;
  }

  .slimScrollBar {
    width: 5px !important;
  }

  /* Font size adjustments */
  .title, .intro {
    font-size: 70%;
  }

  .subtitle {
    font-size: 16px;
  }

  .tiny-details {
    font-size: 90%;
  }

  /* Gallery Sizes */
  .single-gallery .gallery-columns-1 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-2 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-3 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-4 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-5 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-6 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-7 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-8 .gallery-item .gallery-caption,
  .single-gallery .gallery-columns-9 .gallery-item .gallery-caption {
    display: none;
  }

  /* Sharing */
  #share-box i {
    font-size: 52px;
    margin: 0 2px;
  }
}
/*# sourceMappingURL=style.css.map */

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