/*
Theme Name: base
Theme URI: http://underscores.me/
Description: Hi. I'm a starter theme called <code>base</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

base is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

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

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

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

[hidden], template { display: none; }

a { background-color: transparent; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

figure { margin: 1em 40px; }

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

pre { overflow: auto; }

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

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

button { overflow: visible; }

button, select { text-transform: none; }

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

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

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

input { line-height: normal; }

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

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

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

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

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body, button, input, select, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; }

p { margin-bottom: 1.5em; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eeeeee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; }

abbr, acronym { border-bottom: 1px dotted #666666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

big { font-size: 125%; }

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }

body { background: white; /* Fallback for when there is no custom background color defined. */ }

blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

hr { background-color: #cccccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #cccccc #cccccc #bbbbbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #cccccc #bbbbbb #aaaaaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaaaaa #bbbbbb #bbbbbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666666; border: 1px solid #cccccc; border-radius: 3px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111111; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; }

textarea { padding-left: 3px; width: 100%; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a { color: royalblue; }
a:visited { color: purple; }
a:hover, a:focus, a:active { color: midnightblue; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation { clear: both; display: block; float: left; width: 100%; }
.main-navigation ul { list-style: none; margin: 0; padding-left: 0; }
.main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; }
.main-navigation ul ul ul { left: -999em; top: 0; }
.main-navigation ul ul li:hover > ul { left: 100%; }
.main-navigation ul ul a { width: 200px; }
.main-navigation ul li:hover > ul { left: auto; }
.main-navigation li { float: left; position: relative; }
.main-navigation a { display: block; text-decoration: none; }

/* Small menu. */
.menu-toggle { display: none; }

@media screen and (max-width: 600px) { .menu-toggle, .main-navigation.toggled .nav-menu { display: block; }
  .main-navigation ul { display: none; } }
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }
.widget select { max-width: 100%; }

/* Search widget. */
.widget_search .search-submit { display: none; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

.byline, .updated:not(.published) { display: none; }

.single .byline, .group-blog .byline { display: inline; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; }

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: center; }

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*--------------------------------------------------------------
13.0 Shortcodes
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) { [class*='col-lg-'] { display: block; }
  .col-lg-1-12 { width: 4.33333%; float: left; margin: 0 2%; }
  .col-lg-2-12 { width: 12.66667%; float: left; margin: 0 2%; }
  .col-lg-3-12 { width: 21%; float: left; margin: 0 2%; }
  .col-lg-4-12 { width: 29.33333%; float: left; margin: 0 2%; }
  .col-lg-5-12 { width: 37.66667%; float: left; margin: 0 2%; }
  .col-lg-6-12 { width: 46%; float: left; margin: 0 2%; }
  .col-lg-7-12 { width: 54.33333%; float: left; margin: 0 2%; }
  .col-lg-8-12 { width: 62.66667%; float: left; margin: 0 2%; }
  .col-lg-9-12 { width: 71%; float: left; margin: 0 2%; }
  .col-lg-10-12 { width: 79.33333%; float: left; margin: 0 2%; }
  .col-lg-11-12 { width: 87.66667%; float: left; margin: 0 2%; }
  .col-lg-12-12 { width: 96%; float: left; margin: 0 2%; } }
@media only screen and (min-width: 767px) { [class*='col-lg-'] { display: block; }
  .col-lg-1-12 { width: 4.33333%; float: left; margin: 0 2%; }
  .col-lg-2-12 { width: 12.66667%; float: left; margin: 0 2%; }
  .col-lg-3-12 { width: 21%; float: left; margin: 0 2%; }
  .col-lg-4-12 { width: 29.33333%; float: left; margin: 0 2%; }
  .col-lg-5-12 { width: 37.66667%; float: left; margin: 0 2%; }
  .col-lg-6-12 { width: 46%; float: left; margin: 0 2%; }
  .col-lg-7-12 { width: 54.33333%; float: left; margin: 0 2%; }
  .col-lg-8-12 { width: 62.66667%; float: left; margin: 0 2%; }
  .col-lg-9-12 { width: 71%; float: left; margin: 0 2%; }
  .col-lg-10-12 { width: 79.33333%; float: left; margin: 0 2%; }
  .col-lg-11-12 { width: 87.66667%; float: left; margin: 0 2%; }
  .col-lg-12-12 { width: 96%; float: left; margin: 0 2%; } }
@media only screen and (max-width: 767px) { [class*='col-lg-'] { display: block; }
  .col-lg-1-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-2-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-3-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-4-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-5-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-6-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-7-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-8-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-9-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-10-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-11-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-12-12 { width: 92%; float: none; margin: 0 4%; } }
@media only screen and (max-width: 549px) { [class*='col-lg-'] { display: block; }
  .col-lg-1-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-2-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-3-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-4-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-5-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-6-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-7-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-8-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-9-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-10-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-11-12 { width: 92%; float: none; margin: 0 4%; }
  .col-lg-12-12 { width: 92%; float: none; margin: 0 4%; } }
@media only screen and (max-width: 480px) { [class*='col-lg-'] { display: block; }
  .col-lg-1-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-2-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-3-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-4-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-5-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-6-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-7-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-8-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-9-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-10-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-11-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-12-12 { width: 90%; float: none; margin: 0 5%; } }
@media only screen and (max-width: 320px) { [class*='col-lg-'] { display: block; }
  .col-lg-1-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-2-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-3-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-4-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-5-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-6-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-7-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-8-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-9-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-10-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-11-12 { width: 90%; float: none; margin: 0 5%; }
  .col-lg-12-12 { width: 90%; float: none; margin: 0 5%; } }
.clearfix:before, .clearfix:after, .container:before, .container:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }

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

body { background: #333; font-family: "Lato", Arial, sans-serif; font-weight: 200; color: #404040; line-height: 1.6; margin: 0px; font-size: 14px; }

h1, h2, h3, h4, h5, p { margin: 0px; }

h1 { font-size: 40px; }

h2 { font-size: 30px; }

h3 { font-size: 25px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

p { font-size: 14px; margin-bottom: 15px; }

a, a:hover, a:visited, a:active { color: #00cde4; text-decoration: none; }

ul { margin-left: 0; list-style-position: inside; list-style-type: square; }

blockquote { font-style: italic; position: relative; padding: 0 50px; }

blockquote:before { background: url(images/block_start.png) no-repeat; content: ""; position: absolute; left: 0; height: 30px; width: 40px; top: 0px; opacity: 0.4; }

blockquote:after { background: url(images/block_end.png) no-repeat; content: ""; position: absolute; right: 0; height: 30px; width: 40px; bottom: 0px; opacity: 0.4; }

/* Pre Header */
#header-social { width: 100%; background: white; z-index: 100; border-top: 3px solid #00cde4; }

/* Header */
#masthead { width: 100%; background: white; z-index: 100; border-top: 1px solid #e1e1e1; }

.sticky { position: fixed; }

#masthead.sticky { width: 100%; -webkit-box-shadow: 1px 1px 1px #222222; -moz-box-shadow: 1px 1px 1px #222222; box-shadow: 1px 1px 1px #222222; }

.sticky .menu-search { line-height: 45px; }

/* Logo */
.sticky .logo { font-size: 30px; transition: font-size 700ms; height: auto; }

.sticky .menu li a, .sticky .logo { line-height: 40px; transition: line-height 400ms; }

/* Menu */
/* ********************/
/* Menu
/* ********************/
.desktop_menu nav { display: table; float: right; position: relative; }

.desktop_menu nav li { list-style-type: none; }

/* general style */
.menu .sub-menu { display: none; }

nav { display: table; }

nav li a { color: #404040; }

/* ********************/
/* Menu -  Level 1 */
/* ********************/
.desktop_menu > nav > ul { margin: 0px; padding: 0px; }

.desktop_menu > nav > ul > li { display: table-cell; padding: 0px 15px; font-size: 16px; vertical-align: middle; height: 90px; }

.desktop_menu nav > ul > li > a { font-size: 18px; padding: 0; transition: line-height 400ms; text-decoration: none; }

/* ********************/
/* Menu - Level 2 */
/* ********************/
.desktop_menu nav > ul > li > .sub-menu { display: none; z-index: 999; background: #fff; padding: 20px; margin: 0px; border-top: 3px solid #00cde4; }

nav .menu li .sub-menu li { border-bottom: 1px solid #00cde4; width: 200px; position: relative; }

/* ********************/
/* Menu - Level 3*/
/* ********************/
nav .menu li ul.sub-menu ul.sub-menu { display: none; position: absolute; top: 0; left: 100%; margin-left: 0; }

nav .menu li ul.sub-menu ul.sub-menu li { border-bottom: none; }

/* ======================== */
/* hover  1 --> 2*/
/* ======================== */
.desktop_menu nav ul li:hover ul { display: block; position: absolute; top: 90px; }

/* ======================== */
/* hover  2 --> 3 */
/* ======================== */
nav .menu li:hover ul li:hover ul { display: block; }

/* ======================== */
/* hover  - Level 2 */
/* ======================== */
/* ############################# */
/* Mega Menu - Level 2
/* ############################# */
[class*=mega-] ul.sub-menu { width: 600px; border-top: 2px solid #00cde4; padding: 20px 0; box-shadow: 1px 1px 5px #222; display: none; }

[class*=mega-] > ul.sub-menu > li { float: left; border-bottom: none; margin-bottom: 30px; display: table-cell; vertical-align: top; float: none; }

[class*=mega-] > ul.sub-menu > li > a { font-weight: bold; text-decoration: none; }

[class*=mega-]:hover ul.sub-menu { display: block; }

[class*=mega-]:hover .sub-menu li { border-bottom: none; border-right: 1px solid #fff; }

/* ############################# */
/* Mega Menu - Level 3
/* ############################# */
[class*=mega-]:hover ul.sub-menu li ul.sub-menu { display: block; position: relative; left: 0; width: auto; border-top: none; padding: 0; box-shadow: none; }

[class*=mega-]:hover ul.sub-menu li ul.sub-menu li { float: none; padding: 0px; border: none; width: 100%; }

[class*=mega-] ul.sub-menu li ul.sub-menu li a { font-size: 13px; }

/* =========================== */
/* Mega Menu Hover  - Level 3  */
/* =========================== */
[class*=mega-]:hover ul.sub-menu li ul.sub-menu li:hover { background: #d3d3d3; }

/* _____________________________ */
/* Mega Menu - Styles
/* _____________________________ */
.mega-3:hover .sub-menu li + li + li { border: none; }

.mega-3:hover .sub-menu li + li + li + li { border-right: 1px solid #fff; }

.mega-4:hover .sub-menu li + li + li + li { border: none; }

.mega-4:hover .sub-menu li + li + li + li + li { border-right: 1px solid #fff; }

.menu-toggle:hover { cursor: pointer; }

/* ********************/
/* Footer Menu
/* ********************/
#footer nav { display: table; float: right; }

#footer nav ul li { display: table-cell; }

/* Title */
.main_title { font-size: 25px; }

/* Breadcrumb */
#breadcrumb { width: 100%; margin: 0 auto; background: white; padding: 20px 0; }

#breadcrumb .container { background: white; }

.breadcrumb { text-align: right; line-height: 40px; }

/* Featured Image */
.fi_left { width: 40%; margin: 0 20px 20px 0; float: left; }

.fi_right { width: 40%; margin: 0 0 20px 20px; float: right; }

.fi_hide { display: none; }

/* Content */
#content { width: 100%; margin: 0 auto; background: white; }

.content-wrapper { margin: 0 auto; width: 100%; background: white; min-height: 500px; }

/* Pre Footer */
#pre_footer { width: 100%; margin: 0 auto; background: #ebebeb; }

#pre_footer .container { background: #ebebeb; padding: 20px 0; }

#pre_footer .widgettitle { margin-bottom: 20px; }

/* Footer */
#footer { width: 100%; margin: 0 auto; background: #d7d7d7; }

#footer .container { background: #d7d7d7; padding: 20px 0; }

.scrollToTop { line-height: normal; text-decoration: none; position: fixed; bottom: 25px; right: 40px; display: none; font-family: 'fontawesome'; border: 1px solid #00cde4; padding: 0px 5px 5px 5px; border-radius: 5px; }

.scrollToTop i { font-style: normal; font-size: 40px; font-weight: 200; opacity: 0.8; }

.scrollToTop:hover { text-decoration: none; }

/* Header */
#masthead { width: 100%; margin: 0 auto; }

.logo { line-height: 90px; height: 90px; color: #fff; font-size: 40px; text-align: left; transition: line-height 400ms; }

.sticky .logo img { height: 45px; width: auto; }

/* Slider */
#slider .container { max-width: 100%; background: white; margin: 0 auto; }

.sc-base-slider-item { height: 500px; }

/* Content */
.container { background: white; margin: 0 auto; width: 100%; max-width: 1200px; }

#nav-header { line-height: 100px; height: 100px; border-bottom: 1px solid #d3d3d3; position: fixed; background: #ffffff; }

.site-branding { position: absolute; }

#site-navigation { position: absolute; right: 0; width: auto; }

i.mobile-search { display: none; }

i.menu-search { line-height: 90px; font-size: 25px; float: right; }

.header_search { position: absolute; width: 100%; background: #00cde4; margin-right: -50%; right: 50%; padding: 20px; top: 90px; text-align: center; display: none; z-index: 9999; }

.sticky .header_search { top: 45px; }

.close-search { position: absolute; right: 30px; top: 30px; font-size: 15px !important; border: 2px solid white; padding: 10px; }

.close-search:hover { cursor: pointer; }

.header_search h2 { color: #fff; font-size: 40px; font-weight: 200; margin-bottom: 35px; margin-top: 0; }

.header_search input[type="text"] { width: 50%; }

.header_search input[type="submit"] { border: 4px solid #ffffff; font-size: 25px; font-weight: 200; color: #fff; padding: 7px 50px; background: transparent; margin-top: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.menu-search:hover, .mobile-search:hover { cursor: pointer; }

.error-404 { text-align: center; }

article[id*=post-] img { max-width: 100%; height: auto; }

#comments { background: #fbfbfb; padding: 20px; }

#secondary { margin-top: 1.5em; }