/*
Theme Name: John Michelin & Son
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: johnmichelinson
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {margin: 0;}

article,
aside,
footer,
header,
nav,
section {display: block;}

figcaption,
figure,
main {display: block;}

figure {margin: 1em 0;}

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

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

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {font-weight: 700;}

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

dfn {font-style: italic;}

mark {
	background-color: #eee;
	color: #222;
}

small {font-size: 80%;}

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

sub {bottom: -0.25em;}

sup {top: -0.5em;}

audio,
video {display: inline-block;}

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

img {border-style: none;}

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

button,
input,
optgroup,
select,
textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {overflow: visible;}


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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {overflow: auto;}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {display: block;}

summary {display: list-item;}

canvas {display: inline-block;}

template {display: none;}

[hidden] {display: none;}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	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: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.social-navigation .screen-reader-text,
.social-navigation .screen-reader-text:focus {
	clip: inherit;
	height: auto;
	overflow: hidden;
	position: static !important;
	width: auto;
	word-wrap: normal !important;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

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

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

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #3f354d;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}
body {font-family: 'Open Sans', sans-serif;}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #283949;
	font-family: 'Roboto', sans-serif;
	clear: both;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 15px 0;
}

h1 {font-size: 42px; line-height: 54px;}
h2 {font-size: 36px; line-height: 46px;}
h3 {font-size: 28px; line-height: 36px;}
h4 {font-size: 20px; line-height: 28px;}
h5 {font-size: 16px; line-height: 22px;}
h6 {font-size: 14px; line-height: 20px;}

p {
	margin: 0 0 20px 0;
	padding: 0;
}

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

blockquote {
	color: #666;
	font-size: 18px;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {margin: 0 0 1.5em;}

pre {
	background: #eee;
	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 #666;
	cursor: help;
}

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

big {font-size: 125%;}

blockquote {quotes: "" "";}

q {quotes: "“" "”" "‘" "’";}

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

:focus {outline: none;}


/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 700;
	margin: 0;
}

fieldset {margin-bottom: 1em;}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], input[type="range"], 
input[type="date"], 
input[type="month"],
 input[type="week"], 
 input[type="time"], input[type="datetime"], 
 input[type="datetime-local"], input[type="color"], 
 select, textarea {
    color: #666;
    background: #fff;
    border-bottom: 1px solid #e1e1e1 !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    display: block;
    padding: 3px 15px;
    height: 45px;
    width: 100%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    outline: none;
    border: 0;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
}
textarea {
	resize: vertical; -moz-resize: vertical; -webkit-resize: vertical;
	height: 100px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #d3d3d3;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	text-shadow: none;
	text-align: center;
	display: inline-block;
	background: #3f1a20;
	box-shadow: none;
	border: 2px solid #3f1a20;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding: 12px 20px;
	margin: 0;
	transition: background 0.2s;
	margin: 0 auto;
    display: block;

}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	color: #8d2d23;
	background: none;
	border: 2px solid #8d2d23;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {color: #9fa2a5;}

:-moz-placeholder {color: #9fa2a5;}

::-moz-placeholder {
	color: #9fa2a5;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {color: #9fa2a5;}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	list-style: none;
	margin: 0 0 1.5em;
	padding: 0;
}

li {list-style: none;}

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

dt {font-weight: 700;}

dd {margin: 0 1.5em 1.5em;}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

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

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {border-bottom: 1px solid #eee;}

td {padding: 0.4em;}

th:first-child,
td:first-child {padding-left: 0;}

th:last-child,
td:last-child {padding-right: 0;}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}
a:focus {outline: 0;}

a:hover,
a:active {
	color: #000;
	outline: 0;
	text-decoration: none;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-transition: color 80ms ease-in;
	-moz-transition: color 80ms ease-in;
	transition: color 80ms ease-in;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-transition: color 80ms ease-in;
	-moz-transition: color 80ms ease-in;
	transition: color 80ms ease-in;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}


/*--------------------------------------------------------------
11.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
	font-size: 15px;
	position: relative;
}
.navigation-top a {
	color: #fff;
	font-weight:600;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {color: #f5b417;}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #283949;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {display: none;}

.main-navigation > div > ul {
	border-top: 1px solid #223242;
	padding: 0;
}

.js .main-navigation.toggled-on > div > ul {display: block;}

.main-navigation ul ul {padding: 0;}

.main-navigation ul ul.toggled-on {display: block; }

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 6px 15px;
	position: relative;
	text-transform: capitalize;
}

.main-navigation li {
	border-bottom: 1px solid #223242;
	position: relative;
}

.main-navigation li li {border: 0;}

.main-navigation a {
	display: block;
	padding: 6px 15px;
	text-decoration: none;
}

.main-navigation a:hover {color: #3f1a20;}

.main-navigation ul.menu > li > a,
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li > a:focus {
	color: #7f7f9e;
	font-size: 14px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.44px;
	text-transform: uppercase;
	text-align: center;
	padding: 0 15px;
	background: none;
	border: none;
	transition: all 0.3s ease-in-out 0s; 
	-moz-transition: all 0.3s ease-in-out 0s; 
	-webkit-transition: all 0.3s ease-in-out 0s;
}

.main-navigation ul.menu > li:last-child > a,
.main-navigation ul.menu > li:last-child > a:hover,
.main-navigation ul.menu > li:last-child > a:focus {padding-right: 0;}


.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li > a:focus,
.main-navigation ul.menu > li.current_page_item > a {color: #3f1a20;}

/* Menu toggle */
.menu-toggle {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
	text-shadow: none;
	display: none;
	background: #3f1a20;
	box-shadow: none;
	border: 0;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	padding: 15px;
	margin: 0 auto;
	position: absolute;
	top: 16px;
	right: 15px;
	z-index: 999;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {display: block;}

.main-navigation.toggled-on ul.nav-menu {display: block;}

.menu-toggle:hover,
.menu-toggle:focus {
     background: #283949;
    box-shadow: none;
    border: 0;
    color: #fff;
}

.menu-toggle:focus {outline: 0;}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {display: none;}

.toggled-on .menu-toggle .icon-close {display: inline-block;}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: block;
	font-size: 16px;
	right: 0;
	line-height: 35px;
	margin: 0 auto;
	padding: 0 10px;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {background: transparent;}

.dropdown-toggle:focus {outline: 0;}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {display: none;}

/*--------------------------------------------------------------
12.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	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/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {background: #fff;}

#page {position: relative;}

.container,
.entry-content > .vc_row-fluid .vc_row {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 1170px;
	padding: 0 15px;
}
.entry-content > .vc_row-fluid .vc_row {padding: 0;}

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

/*--------------------------------------------------------------
12.1 Header
--------------------------------------------------------------*/

#masthead .container {position: relative;}

.site-header {position: relative;}

/* Site branding */

.site-branding {
	padding: 1em 0;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
}

.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.site-title {
	clear: none;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {color: #fff;}

.site-description {
	color: #666;
	font-size: 13px;
	margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #fff;
}

.custom-logo-link {
	line-height: 0;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	width: auto;
}
body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*--------------------------------------------------------------
12.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {padding: 0;}

.twentyseventeen-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {border-top: 1px solid #ddd;}

.panel-content {position: relative;}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {font-size: 14px;}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
	border: 0;
	color: #333;
	margin-bottom: 3em;
}

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	margin-left: 1em;
}

/*--------------------------------------------------------------
12.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

.site-content {padding: 50px 0 30px;}

/*--------------------------------------------------------------
12.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {position: relative;}

.post:not(.sticky) .icon-thumb-tack {display: none;}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.entry-header .entry-title {margin-bottom: 0.25em;}

.entry-title a {
	color: #333;
	text-decoration: none;
}

.entry-title:not(:first-child) {padding-top: 0;}

.entry-meta {
	color: #767676;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {color: #767676;}

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

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

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {border: 0;}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {float: left;}

.next.page-numbers {float: right;}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 14px;
	width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {padding-bottom: 2em;}

body:not(.twentyseventeen-front-page) .entry-header {padding: 1em 0;}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {padding-top: 0;}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 14px;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {display: inline-block;}

.page-links a .page-number {color: #222;}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {margin-top: 1em;}

.entry-footer .cat-links a,
.entry-footer .tags-links a {color: #333;}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {display: inline-block;}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {padding: 1em 0;}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
}

.post-navigation .nav-next {margin-top: 1.5em;}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {margin-right: 0.5em;}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {margin-left: 0.5em;}

/*--------------------------------------------------------------
12.5 Pages
--------------------------------------------------------------*/

.page-header {padding-bottom: 2em;}

.page .entry-header .edit-link {font-size: 14px;}

.search .page .entry-header .edit-link {font-size: 14px;}

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

/* 404 page */
.error404 .page-content {padding-bottom: 30px;}

.error404 .page-content .search-form,
.search .page-content .search-form {margin-bottom: 3em;}

/*--------------------------------------------------------------
13.0 Footer
--------------------------------------------------------------*/


/* Footer widgets */

.site-footer .widget-area {
	padding-bottom: 2em;
	padding-top: 2em;
}

/* Social nav */
.social-navigation {font-size: 16px;}

.social-navigation ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}

.social-navigation li {display: inline;}

.social-navigation a {
	color: #fff;
	text-align: center;
	display: inline-block;
	background-color: #767676;
	-webkit-border-radius: 40px;
	border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;
	height: 40px;
	width: 40px;
	margin: 0;
}

.social-navigation a:hover,
.social-navigation a:focus {background-color: #333;}

.social-navigation .icon {display: none;}

/* Site info */

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

.site-info a {color: #666;}

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
}

.comments-title {
	font-size: 20px;
	margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {display: none;}

.comment-body {margin-left: 65px;}

.comment-author {
	font-size: 16px;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {display: none;}

.comment-meta {margin-bottom: 1.5em;}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {color: #767676;}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-style: italic;
}

.comments-pagination {margin: 2em 0 3em;}

.form-submit {text-align: right;}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {padding: 1em 0 2em;}

.widget {padding-bottom: 3em;}

h2.widget-title {
	color: #222;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 15px 0;
}

.widget-title a {color: inherit;}

/* widget forms */
.widget select {width: 100%;}


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

.widget ul li + li {margin-top: -1px;}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {bottom: 0;}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */

.widget .post-date,
.widget .rss-date {font-size: 0.81em;}

/* Text widget */

.widget_text {word-wrap: break-word;}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {float: right;}

.widget_rss .widget-title .rsswidget:first-child:hover {background-color: transparent;}

.widget_rss .widget-title .rsswidget:first-child img {display: block;}

.widget_rss ul li {padding: 2.125em 0;}

.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}

.widget_rss li .rsswidget {
	font-size: 22px;
	font-weight: 300;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}

.widget_rss .rssSummary {margin-bottom: 0.5em;}

/* Contact Info Widget */

.widget_contact_info .contact-map {margin-bottom: 0.5em;}

/* Gravatar */

.widget-grofile h4 {
	font-size: 16px;
	margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {border: 0;}

/* Recent Posts widget */

.widget_recent_entries .post-date {display: block;}

/* Search */

.search-form {position: relative;}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}

/* Tag cloud widget */

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {line-height: 1.5;}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	float: left;
	font-size: 14px !important; /* !important to overwrite inline styles */
	font-size: 0.875rem !important;
	margin: 4px 4px 0 0 !important;
	padding: 4px 10px 5px !important;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #bbb;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {text-align: center;}

.widget_calendar tfoot td {border: 0;}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

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

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.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 {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 14px;
	font-style: italic;
	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;}

/* Media Elements */

.mejs-container {margin-bottom: 1.5em;}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {color: #333;}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {color: #767676;}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {color: #fff;}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {background-color: #333;}

.site-content .wp-playlist-dark .wp-playlist-caption {color: #fff;}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {color: #eee;}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {color: #aaa;}

.site-content .wp-playlist-dark .wp-playlist-playing {background-color: #333;}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {color: #222;}

/* Playlist Style Overrides */

.site-content .wp-playlist {padding: 0.625em 0.625em 0.3125em;}

.site-content .wp-playlist-current-item .wp-playlist-item-title {font-weight: 700;}

.site-content .wp-playlist-current-item .wp-playlist-item-album {font-style: normal;}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {border-bottom: none;}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {top: 5px;}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

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

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

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {border: none;}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {border: 0;}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {visibility: visible;}

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {display: none;}

.no-svg .svg-fallback {display: inline-block;}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {content: "\005E";}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

	body.customize-partial-edit-shortcuts-shown .site-header .site-title {padding-left: 0;}
}

@media screen and (min-width: 30em) {

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

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

	/* Blog Index, Archive, Search */

	
	.gallery-item {max-width: 25%;}

	.gallery-columns-1 .gallery-item {max-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%;}
}

@media screen and (min-width: 1150px) {
	/* Layout */
	/*.has-sidebar:not(.error404) #primary {
		float: left;
		width: 100%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}*/

	.error404 #primary {float: none;}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}
	
	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {display: none;}

	.main-navigation {width: auto;}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {display: block;}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {display: block;}

	.main-navigation a {padding: 6px 15px;}

	.main-navigation ul ul {
		background: #283949;
		border: 1px solid #283949;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {display: block;}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #8d2d23;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #8d2d23;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}

	.main-navigation ul ul a {
		padding: 6px 15px;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {background: #3f1a20;}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {color: #fff;}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5em;
		right: auto;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {display: none;}

	.site-header .site-navigation-fixed .menu-scroll-down {display: none;}

	/* Scroll down arrow */

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {outline: thin dotted;}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {background-attachment: fixed;}

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {margin-bottom: 4em;}

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {margin-bottom: 1.5em;}

	.page .panel-content .recent-posts .entry-title {font-size: 26px;}

	/* Posts */
	
	.comments-pagination,
	.post-navigation {clear: both;}

	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}

	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

	.nav-next,
	.post-navigation .nav-next {margin-top: 0;}

	/* Blog, archive, search */

	.sticky .icon-thumb-tack {
		height: 23px;
		left: -2.5em;
		top: 1.5em;
		width: 32px;
	}

	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}

	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}

	.entry-footer {
		display: table;
		width: 100%;
	}

	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* Entry content */

	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}

	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */

	.format-quote blockquote .icon {left: -1.5em;}

	/* Pages */

	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {margin-bottom: 4em;}

	/* 404 page */
	.error404 .page-content {padding-bottom: 30px;}

	/* Comments */

	#comments {padding-top: 5em;}

	.comments-title {margin-bottom: 2.5em;}

	ol.children .children {padding-left: 2em;}

	/* Posts pagination */

	.nav-links .nav-title {position: relative;}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {left: -2em;}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {right: -2em;}

	/* Secondary */
	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 36%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 58%;
	}

	.site-info {
		float: left;
		width: 100%;
	}

	.social-navigation + .site-info {margin-left: 6%;}

	.site-info .sep {
		margin: 0 0.5em;
		display: inline;
		visibility: visible;
		height: auto;
		width: auto;
	}

	/* Gallery Columns */

	.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%;}
}

@media screen and ( min-width: 67em ) {

	/* Layout */

	/* Navigation */
	.navigation-top nav {margin-left: 0;}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {display: inline-block;}

	.page-numbers.current {font-size: 15px;}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

	.comment-body {margin-left: 0;}
}

@media screen and ( min-width: 79em ) {

	.has-sidebar .entry-content blockquote.alignleft {margin-left: -20%;}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {margin-right: -20%;}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {top: 46px;}
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {display: none !important;}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {border: 0;}

	/* Font sizes */

	body {font-size: 12pt;}

	h1 {font-size: 24pt;}

	h2 {font-size: 22pt;}

	h3 {font-size: 17pt;}

	h4 {font-size: 12pt;}

	h5 {font-size: 11pt;}

	h6 {font-size: 12pt;}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {font-size: 10pt;}

	/* Layout */

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {padding: 0;}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {position: relative;}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {font-size: 25pt;}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {background: transparent;}

	.entry-meta {font-size: 9pt;}

	/* Colors */

	body,
	.site {background: none !important; /* Brute force since user agents all print differently. */}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {padding: 0;}
}

/*=--- Changes ---=*/
.row:before,
.row:after {
	content: "";
	clear: both;
	display: table;
}
.row {margin: 0 -15px;}

header.site-header {
	font-family: 'Roboto', sans-serif;
	background: #fff;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.header-top {
	color: #ddd;
	font-size: 15px;
	font-weight: 700;
	background: #3f1a20;
	padding: 10px 0;
	position: relative;
}
.header-top a {color: #ddd;}

.ht-col {
	float: left;
	padding: 0 15px;
	min-height: 1px;
	width: 50%;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.ht-col.ht-left {width: 70%;}

.ht-col.ht-right {
	line-height: 0;
	text-align: right;
	width: 30%;
}

.header-top ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.header-top ul:before,
.header-top ul:after {
	content: "";
	clear: both;
	display: table;
}
.header-top ul li {list-style: none;}

.header-top .ht-left ul {padding: 5px 0 0 0;}

.info-box {
    display: inline-block;
    margin-right: 25px;
    font-size: 14px;
}

.ht-col li i {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	margin: 0 5px 0 0;
}
.info-box i {
    margin-right: 15px;
    margin-top: 7px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 36px;
}
.info-text {
    overflow: hidden;
    font-weight: 300;
    display: inline-block;
    padding: 10px 0 0;
}
.info-text h5 {
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #fff;
}
.ht-left .info-text a { color: #ddd;}
.ht-left .info-text a:hover {color: #fff;}

.ht-logos {
	float: left;
	line-height: 0;
	padding: 1px 15px 0 0;
}

.social-menus ul {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.social-menus li {
	float: left;
	padding: 0 2px;
}

.social-menus li a,
.social-menus li a:hover,
.social-menus li a:focus {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	background: none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	padding: 0;
	margin: 0;
	height: 50px;
	width: 35px;
	transition: all 0.3s ease-in-out 0s; 
	-moz-transition: all 0.3s ease-in-out 0s; 
	-webkit-transition: all 0.3s ease-in-out 0s;
}

.header-bottom {
	background: none;
	padding: 5px 0;
	-webkit-transition: position 10s;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: position 10s;
}
.admin-bar .fixed-header {top: 32px;}

.fixed-header {
    position: fixed;
    background: #fff;
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,.2);
    z-index: 99998;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
}

.header-bottom > .container > .row {
	display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center; -moz-align-items: center; -webkit-align-items: center;
    -webkit-box-align: center;	
}

.header-bottom .hb-col {
	padding: 0 15px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.header-bottom .hb-right {margin-left: auto;}

.header-bottom .logo img {
	margin: 0;
	max-width: 280px;
	width: 100%;
}

.banner-wrap {
	line-height: 0;
	position: relative;
	padding: 0;
	background: #264b7e;
	height: 400px;
}
.banner-wrap.banner-home {height: 660px;}

.banner-wrap.banner-none {display: none !important;}

.banner-wrap > img {
	opacity: 0.7;
	height: 400px;
	width: 100%;
	object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover;
	object-position: 0 0; -moz-object-position: 0 0; -webkit-object-position: 0 0;
}
.banner-wrap.banner-home > img {height: 660px;}

.banner-cnt {
	line-height: 1.66;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.banner-inner {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	padding: 0 15px;
	margin: 0 auto;
	max-width: 1170px;
	width: 100%;
	text-align: left;
}
.banner-inner .banner-text {
	width: 100%;
	text-align: center;
}
.banner-home .banner-inner .banner-text {
	margin: 0 auto;
	text-align: center;
}

.banner-inner h1,
.banner-inner h2 {
	color: #fff;
	font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 0.3px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
    text-transform: none;
    padding: 0;
    margin: 0;
    position: relative;
    text-transform: uppercase;
}
.banner-home .banner-inner h1,
.banner-home .banner-inner h2 {
	font-size: 60px;
	line-height: 62px;
	padding: 0 0 20px 0;
}
.banner-inner p {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-shadow: 0 2px 8px rgba(0,0,0,0.8);
	padding: 0 0 20px 0;
	margin: 0;
    letter-spacing: 1px;
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}

.service_section, 
.vc_row.about_section,
.our_project, 
.contact_section {
    padding: 70px 0 50px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
/*.service_section .vc_column_container.vc_col-sm-4:first-child>.vc_column-inner> .wpb_wrapper {
    padding: 0;
}*/

.service_section .vc_column_container.vc_col-sm-4>.vc_column-inner> .wpb_wrapper {
    background: #fff;
    height: 100%;
    padding: 30px 22px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    border: 1px solid #eee;
}
.service_section .wpb_content_element {
    margin-bottom: 0px !important;
}
.service_section .wpb_single_image.wpb_content_element,
.service_section .wpb_single_image .vc_figure,
.service_section .vc_single_image-wrapper {
    height: 100%;
}
.service_section .wpb_single_image img {
    height: 100%;
    object-fit: cover;
    object-position: 0 0;
}
.vc_message_box {
	color: #333 !important;
	background: none !important;
	border: none !important;
	border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;
	padding: 20px 0 20px 40px !important;
	margin: 0 !important;
}
.vc_message_box-icon {
	color: #f5b417 !important;
	font-size: 24px !important;
	line-height: 60px;
	height: 60px !important;
	width: 60px !important;
	top: 0 !important;
	bottom: auto !important;
	left: 2px !important;
	background: #283949;
	border-radius: 100%; 
}
.vc_message_box-icon i {
	color: #fff !important;
	font-size: 25px !important;
	text-align: center;
	width: 100%;
	line-height: 25px !important;
	position: static !important;
	transform: none !important; -moz-transform: none !important; -webkit-transform: none !important;
}

.vc_message_box-icon i.fa.fa-list-ul {
	font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px !important;
    line-height: 60px !important;
}

.fa-list-ul:before {
    color: #fff;
   content: "\e872" !important;
}

.vc_message_box h1,
.vc_message_box h2 {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.32px;
	text-transform: uppercase;
	margin: 0;
}
.vc_message_box p {
    margin: 0px 0 0px 35px;
    font-size: 22px;
    line-height: 26px;
    color: #283949;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

.service_section .wpb_wrapper ul {
	list-style: none;
	padding: 15px 0 0 0;
	margin: 0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.service_section .wpb_wrapper ul li {
	line-height: 1.3;
	padding: 0 0 15px 25px;
    margin: 0;
    position: relative;
    text-transform: capitalize;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.service_section .wpb_wrapper ul ul {
    list-style: none;
    padding: 5px 0px 0px 20px;
    margin: 0;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.service_section .wpb_wrapper ul ul li {
    padding: 0 0 8px 0px;
    list-style: disc;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.service_section .wpb_wrapper >ul >li:before {
    position: absolute;
    left: 0;
   	font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #283949;
    content: "\e87f";

}

.our_project .simplefilter {
	padding: 0 0 20px 0 !important;
	margin: 0 !important;
}

.our_project .simplefilter li,
.our_project .sortandshuffle li {
	font-family: 'Oswald', sans-serif;
    padding: 6px 18px !important;
	margin: 0 5px 5px 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
	color: #444;
	background: #f2f2f2 !important;
}
.our_project .simplefilter_87 li.active,
.our_project .simplefilter_87 li:hover {
    background: #283949 !important;
    color: #fff !important;
}

.our_project .row.text-center,
.row.text-center {
	font-family: 'Roboto', sans-serif;
	text-align: left;
	margin: 0;
}
.filtr-container.row {margin: 0;}

.filtr-item img.thumbnail {
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;
	height: 100%;
	width: 100%;
}

/*.our_project #filter_gallery_87 .thumbnail_87 {
    width: auto !important;
    height: auto !important;
    margin-bottom: 0px !important;
    max-width: none !important;
} */

/*.our_project #filter_gallery_87 .thumbnail_87 {
    width: auto !important;
    height: auto;
    margin-bottom: 0px !important;
    max-width: none !important;
}*/


.filtr-container.row .filtr-item {
	padding: 0 15px;
	margin: 0 0 30px 0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.filtr-item span.item-desc {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	text-transform: uppercase;
	display: block;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	z-index: 5;
	padding: 20px;
	margin: 0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;
	display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column;
	justify-content: center; -moz-justify-content: center; -webkit-justify-content: center;
	width: 95%;
    margin: 0 auto;
    height: 333px;
}
.filtr-container.row > a:hover .filtr-item span.item-desc {opacity: 1;}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: none !important;
    transform: none !important;
    
}
.admin-bar .modal {
    top: 88px !important;
    z-index: 999999 !important;
}
 .modal {
    top: 60px !important;
    z-index: 999999 !important;
}
.modal-backdrop {
    z-index: 99999 !important;
}

.modal-title {

    display: none !important;
}
.modal-header {
    padding: 0 !important;
    border-bottom: 0 !important;
}
.modal-header .close {
    margin-top: 5px;
    font-size: 26px;
    line-height: 17px;
    position: absolute;
    right: 0;
    margin-right: 24px;
    top: 10px;
    z-index: 999999;
    color: #d0d0d0;
    background: #000;
    padding: 6px;
    opacity: 1;
}

.contact_section, .vc_row.wpb_row.contacts_last {
    padding: 70px 0 50px 0px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.contact_section .vc_custom_heading, 
.contact_section .vc_custom_heading h1, 
.contact_section .vc_custom_heading h2, 
.contact_section .vc_custom_heading h3, 
.contact_section .vc_custom_heading h4, 
.contact_section .vc_custom_heading h5, 
.contact_section .vc_custom_heading h6 {
	color: #fff;
}

.contact_section .info-box1 {
    display: flex;
    padding: 20px;
    transition: all 0.3s ease-in-out 0s;
    border: 1px solid #dddddd;
    margin: 0 0 20px;
    background: #fff;
}
.info-text1 p {
    min-height: 80px;
}
.info-box1.info:before, 
.info-box1.house:before, 
.info-box1.email:before {
   margin-right: 12px;
   font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    color: #283949;

}
.info-box1.info:before {
    display: block;
    content: "\e833";
}
.info-box1.house:before {
	display: block;
    content: "\e864";
}
.info-box1.email:before {
	display: block;
    content: "\e86d";
}
.wpb_text_column.wpb_content_element.title_get {margin-bottom: 15px;}

.info-text1 h5 {
    color: #324764;
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}
.main_contact {
    display: block;
    width: 100%;
}
.main_contact .feild_full {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

.main_contact .left_feild {
    width: 48%;
    float: left;
    margin-bottom: 20px;
}

.main_contact .right_feild {
    width: 48%;
    float: right;
    margin-bottom: 20px;
}

footer.site-footer {
	color: #dddbe0;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	background: #301a52;
	padding: 0;
	margin: 0;
}
.site-footer a {
	color: #fff;
	transition: all 0.3s ease-in-out 0s; 
	-moz-transition: all 0.3s ease-in-out 0s; 
	-webkit-transition: all 0.3s ease-in-out 0s;
	border-bottom: 1px solid;
}

.site-footer a:hover,
.site-footer a:focus {color: #b0b2b5;
    }


.footer-top {padding: 80px 0 40px 0;}

.footer-bottom {
	color: #dddbe0;
	font-size: 14px;
	font-weight: 400;
	padding: 30px 0;
	background: #000000;
	border-top: 1px solid #271544;
	text-align: center;
}
.footer-bottom p {margin: 0;}

.vc_custom_heading,
.vc_custom_heading h1, .vc_custom_heading h2, .vc_custom_heading h3,
.vc_custom_heading h4, .vc_custom_heading h5, .vc_custom_heading h6 {
	color: #3f1a20;
	font-weight: 400 !important;
    text-transform: uppercase;
    /*font-family: 'Roboto', sans-serif !important;*/
    font-family: 'egyptian505_btbold', sans-serif !important;;
}

.vc_btn3-container a.vc_general.vc_btn3,
.vc_btn3-container a.vc_general.vc_btn3:hover,
.vc_btn3-container a.vc_general.vc_btn3:focus {
	color: #fff;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 18px;
	text-transform: none;
	text-align: center;
	background: #f5b417;
	box-shadow: 0 0 0 13px rgba(245,180,23,0.4);
	border: none;
	border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px;
	padding: 15px 30px;
	margin: 0;
	transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
}

.vc_btn3-container a.vc_general.vc_btn3:hover,
.vc_btn3-container a.vc_general.vc_btn3:focus {
	color: #fff;
	background: #8d2d23;
	box-shadow: 0 0 0 13px rgba(141,45,35,0.4);
	border: none;
}

form.wpcf7-form p {margin: 0;}
form.wpcf7-form br {display: none !important;}

form.wpcf7-form span.wpcf7-form-control-wrap {
	display: block;
	padding: 0 0 8px 0;
	margin: 0;
}

form.wpcf7-form div.wpcf7-validation-errors, 
form.wpcf7-form div.wpcf7-acceptance-missing,
form.wpcf7-form div.wpcf7-response-output {margin: 20px 0;}

.vc_message_box a {color: #333;}

.vc_message_box a:hover,
.vc_message_box a:focus {color: #f5b417;}

.vc_progress_bar.wpb_content_element .vc_single_bar .vc_label {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	text-transform: uppercase;
	padding: 10px 15px;
}
.vc_progress_bar.wpb_content_element .vc_single_bar .vc_bar {background: #f5b417;}

.vc_toggle.vc_toggle_default {
	font-size: 16px;
	border-bottom: 1px solid #b6c6c9;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.wpb_wrapper .vc_toggle.vc_toggle_default:last-child {border: none;}

.vc_toggle.vc_toggle_default .vc_toggle_icon {
	background: #f5b417;
	border: 1px solid #f5b417;
}

.vc_toggle.vc_toggle_default .vc_toggle_icon:before,
.vc_toggle.vc_toggle_default .vc_toggle_icon:after {
	background: #f5b417;
	border-color: #f5b417;
}

.vc_toggle_title h4 {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}
.vc_toggle_active .vc_toggle_title h4 {font-weight: 700;}

.vc_toggle .vc_toggle_content {margin-bottom: 0;}

.entry-content > .vc_row-fluid .vc_row.coursecarousel-wrap {max-width: 1320px;}

body.page-id-38 .site-content {padding: 0;}
 
@media only screen and (max-width: 1150px) {
	.header-bottom {padding: 0;}
	.header-bottom .container {padding: 0;}
	.header-bottom > .container > .row {display: block; margin: 0;}
	.header-bottom .logo {padding: 10px 0;}
	.header-bottom .logo img {max-width: 240px;}
	.header-bottom .hb-col.hb-right {padding: 0;}
	.navigation-top {position: static;}
	.main-navigation ul.menu {margin: 10px 0 0 0;}
	.main-navigation ul ul { margin-left: 0.5em;}
	.navigation-top a {color: #fff;}
	.main-navigation ul.menu > li > a, 
	.main-navigation ul.menu > li > a:hover, 
	.main-navigation ul.menu > li > a:focus {
		color: #fff;
		text-align: left; 
		border: none; 
		padding: 5px 15px;
		transition: none; -moz-transition: none; -webkit-transition: none;
	}
	.main-navigation ul.menu > li > a:hover, 
	.main-navigation ul.menu > li > a:focus {color: #f5b417;}
	.contact_section .info-box1 {height: 152px;}
}

@media only screen and (max-width: 1023px) {
	
	.vc_progress_bar.wpb_content_element .vc_single_bar .vc_label {font-size: 14px;}
	.contact_section .info-box1 {height: 152px;}
	
}

@media only screen and (max-width: 992px) {
.filtr-item span.item-desc {
	width: 96%;
    margin: 0 auto;
    height: 94%;
}
.contact_section .wpb_column.vc_column_container.vc_col-sm-4 {
    width: 50%;
}
.main_contact .left_feild, .main_contact .right_feild {
    	width: 100%;
    	float: none;
    	margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.ht-col,
	.ht-col.ht-left,
	.ht-col.ht-right {float: none; width: 100%; text-align: center;}
	.info-text {text-align: left;}
	.social-menus { text-align: center;}
	.ht-left li {float: none; padding: 0 0 5px 0;}
	.ht-col.ht-right {text-align: left; padding: 10px 15px 0 15px;}
	.header-bottom {padding: 0;}
	.header-top {padding: 6px 0;}
	.header-bottom .logo img { max-width: 230px !important;}
	.header-bottom .logo { padding: 8px 0;}
	header button.menu-toggle,
	header button.menu-toggle:hover,
	header button.menu-toggle:hover {
		padding: 10px;
	}
	.admin-bar .fixed-header {top: 45px;}
	.main-navigation ul.menu {margin: 0;}
	.main-navigation li:last-child {border: none;}
	.banner-wrap,
	.banner-home {height: auto !important;}
	.banner-wrap > img,
	.banner-wrap.banner-home > img {height: 280px;}
	.banner-cnt {background: #283949; padding: 30px 0; position: static; bottom: 0;
    transform: translateY(0%);}
	.banner-inner h1, 
	.banner-inner h2,
	.banner-home .banner-inner h1, 
	.banner-home .banner-inner h2 {font-size: 22px; font-weight: 700; line-height: 24px;}
	.banner-home .banner-inner h1, 
	.banner-home .banner-inner h2 {padding: 0 0 10px 0;}
	.banner-inner p {font-size: 14px; line-height: 20px; padding: 0 0 15px 0;}
	.banner-home .banner-inner .banner-text {text-align: center; max-width: 400px;}
	.banner-home .banner-inner h1, 
	.banner-home .banner-inner h2 {padding: 0 0 15px 0;}
	.footer-bottom {padding: 14px 7px;}
	.footer-top {padding: 30px 0 0 0;}
	.footer-col,
	.footer-bottom .footer-col {float: none; width: 100%;}
	.footer-bottom .footer-col {text-align: center; padding: 0 15px 30px 15px;}
	.footer-bottom .footer-col:last-child {padding: 0 15px;}
	.footer-bottom > .container > .row {display: block;}
	
	.ourpartners-img > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {display: block;}
	.ourpartners-img .wpb_single_image {padding: 10px 0;}
	body.page-id-38 .site-content {padding: 40px 0 30px 0;}
	.filtr-item span.item-desc {
	width: 97%;
    margin: 0 auto;
    height: 95%;
	}
	.about_section .wpb_single_image { text-align: center !important;}
	.service_section .vc_column_container.vc_col-sm-4>.vc_column-inner> .wpb_wrapper {
    		margin-bottom: 20px;
	}
	.contact_section .info-box1 {height: auto;}
	.simplefilter {text-align: center;}

	.contact_section, 
	.vc_row.wpb_row.contacts_last, 
	.service_section, 
	.vc_row.about_section, 
	.our_project, 
	.contact_section {padding: 50px 0 30px 0px;}

	.social-menus li a, 
	.social-menus li a:hover, 
	.social-menus li a:focus {
	    line-height: 30px;
	    height: 35px;
	}
	.info-box i {
   		margin-right: 15px;
    	margin-top: 7px;
    	float: left;
	}
	.info-box {
    	display: inline-block;
    	margin-right: 8px;
    	float: left;
	}
	.contact_section .wpb_column.vc_column_container.vc_col-sm-4 {width: 100%;}
	h2 {font-size: 30px; line-height: 40px;}


}

@media only screen and (max-width: 600px) {
	.admin-bar .fixed-header {top: 0;}
	.info-box i {
    	margin-right: 13px;
    	margin-top: 7px;
    	font-size: 32px;
	}
	.filtr-item span.item-desc {
		width: 96%;
   		 margin: 0 auto;
    	height: 94%;
	}
	.header-bottom .logo img { max-width: 190px !important;}

}