@font-face {
  font-family: "Helvetica Neue Bold";
  src: url(assets/fonts/HelveticaNeueBold.ttf);
}
@font-face {
	font-family: "Oswald Bold";
 	src: url(assets/fonts/Oswald-Medium.ttf);
}
@font-face {
	font-family: "Oswald";
	font-weight: 300;
 	src: url(assets/fonts/Oswald-Regular.ttf);
}
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;500&display=swap');

/*!
Theme Name: Mascarin's
Theme URI: http://generatorad.com
Author: Generator
Author URI:
Description: "WP Bootstrap 4" is a simple & easy to use WordPress theme. It is based on world's most popular framework for responsive websites, Twitter Bootstrap 4. "WP Bootstrap 4" is a perfect combination of Bootstrap 4 and WordPress. It is fast and light-weight with around 20 kb style.css. It is also search engine friendly. It has a built-in slider for featured posts on blog's home page. It supports all major & popular WordPress plugins like Jetpack, Contact Form 7, Elementor, Beaver Builder, SiteOrigin Page Builder etc. Check demo on https://bootstrap-wp.com
Version: 1.0.9
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: wp-bootstrap-4
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, left-sidebar, right-sidebar, custom-colors, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, blog

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.

WP Bootstrap 4 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
body { background-color: #ffffff;}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 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. */ }

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }

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

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; 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; 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; -webkit-clip-path: none; clip-path: none; 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. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

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

.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; table-layout: fixed; }

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

.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }

.widget select { max-width: 100%; }

.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

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

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

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

.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/* 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; }

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

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

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

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
body { -ms-word-wrap: break-word; word-wrap: break-word; -webkit-font-smoothing: auto; text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale; font-smoothing: auto; }

a, button, input { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

blockquote { font-size: 1.25rem; padding: 1.25rem 1.75rem; }

table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; }

table th, table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }

table tbody + tbody { border-top: 2px solid #dee2e6; }

table table { background-color: #fff; }

figcaption { padding-top: 0; padding-bottom: .75rem; color: #6c757d; text-align: left; }

input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; padding: 0.5rem 1.25rem; color: #fff; background-color: #007bff; border-color: #007bff; }

input[type="button"]:active, input[type="button"]:hover, input[type="reset"]:active, input[type="reset"]:hover, input[type="submit"]:active, input[type="submit"]:hover { color: #fff; background-color: #0062cc; border-color: #005cbf; cursor: pointer; }

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"], textarea { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

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: #495057; background-color: #fff; border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

input[type="text"]:-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-webkit-input-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-webkit-input-placeholder, input[type="url"]:-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-webkit-input-placeholder, input[type="search"]:-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-webkit-input-placeholder, input[type="range"]:-moz-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-webkit-input-placeholder, input[type="color"]:-moz-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-webkit-input-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder { color: #6c757d; opacity: 1; }

select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

blockquote { font-style: italic; font-size: 1.15rem; border-left: 3px solid rgba(33, 37, 41, 0.25); padding: 0.5rem 1.75rem; background: rgba(33, 37, 41, 0.05); }

blockquote p { font-size: 1.15rem; }

blockquote p:last-child { margin-bottom: 0; }




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

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; text-align: left; width: 50%; }

.post-thumbnail { margin-top: 1.5em; display: inline-block; }

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

.entry-footer { font-size: .9rem; margin-top: 1rem; }

.comments-link { float: right; margin: 4px 0px 4px 10px; font-size: 90%; padding-top: 0.2em; }

.cat-links .badge, .tags-links .badge { font-size: 90%; font-weight: normal; border: 1px solid rgba(0, 0, 0, 0.125); margin: 4px 10px 4px 0; padding: 0.4em .9em; }

.cat-links a, .tags-links a { color: #6c757d; }

.cat-links a:hover, .tags-links a:hover { text-decoration: none; color: #212529; }

.entry-meta a, .comments-link a, .edit-link a { color: #6c757d; }

.entry-meta a:hover, .comments-link a:hover, .edit-link a:hover { text-decoration: none; color: #007bff; }

.entry-title a:hover { color: #007bff !important; }

.content-area.wp-bp-404 .card-body { 
	padding: 1.5rem 3rem;
}


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

#wp-calendar #prev a, #wp-calendar #next a { color: #6c757d; }

#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color: #212529; text-decoration: none; }

#calendar_wrap table th, #calendar_wrap table td { padding: .25rem; }

.hentry.card .card-body {
	padding: 0.5rem;
}

select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

.entry-title a:hover { text-decoration: none; }

.mt-3r { margin-top: 3rem; }

.wp-bs-4-jumbotron { margin-bottom: 0; }

.wp-bs-4-jumbotron .jumbotron-heading { font-weight: 600; }

.wp-bs-4-jumbotron .container { max-width: 40rem; }

.comments-area { clear: both; -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }
.comments-area .media-body { overflow: auto; }
.comments-area .comment-list { list-style: none; padding-left: 0; }
.comments-area .comment-list > li { border-bottom: 1px solid #dee2e6 !important; padding: 2.5rem 4rem; }
.comments-area .comment-list ul.children { list-style: none; padding-left: 2rem; }
.comments-area .comment-list ul.children li { padding: 2.5rem 0 0; }
.comments-area .comment-list .comment-respond { padding: 2.5rem 4rem; }
.comments-area .comments-title { padding: 2.5rem 4rem; border-bottom: 1px solid #dee2e6 !important; }
.comments-area .comment-navigation { padding: 1rem 4rem 0; border-bottom: 1px solid #dee2e6 !important; }
.comments-area .wb-comment-form { padding: 2.5rem 4rem; }
.comments-area .wb-cancel-reply { margin-left: 2rem; }
.comments-area .logged-in-as { padding-left: 15px; font-size: .9rem; }
.comments-area .logged-in-as a { color: #6c757d; }
.comments-area .logged-in-as a:hover { color: #212529; text-decoration: none; }
.comments-area .wb-comment-notes { font-size: .9rem; }
.comments-area .no-comments { padding: 1rem 4rem; }
.comments-area small { font-size: .9rem; }
.comments-area p { -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }
.comments-area .comment-reply-link, .comments-area .comment-edit-link { margin-right: 1rem; color: #6c757d; }
.comments-area .comment-reply-link:hover, .comments-area .comment-edit-link:hover { color: #212529; text-decoration: none; }
.comments-area .comment-author a:hover { text-decoration: none; color: #212529; }

.wp-bp-sticky { position: absolute; top: 0; right: 1rem; }

.single .post-navigation .nav-links a { color: #6c757d; margin-bottom: 2rem; display: inline-block; }
.single .post-navigation .nav-links a:hover { color: #212529; text-decoration: none; }

#wp-bp-posts-slider { border: 1px solid rgba(0, 0, 0, 0.125); }
#wp-bp-posts-slider .carousel-item img { width: auto; height: 400px; -o-object-fit: cover; object-fit: cover; }
#wp-bp-posts-slider .carousel-caption { background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; padding: 2rem 4rem; }
#wp-bp-posts-slider .carousel-control-prev, #wp-bp-posts-slider .carousel-control-next { width: 10%; }



.page-template-full-width .site-footer.mt-4, .wb-bp-front-page .site-footer.mt-4 { margin-top: 0 !important; }

.wb-hide-mobile-sidebar .wp-bp-sidebar-width { display: none; }



body.custom-background .wp-bp-main-content .col-md-8 { padding: 2rem; border: 1px solid rgba(0, 0, 0, 0.125); }


.admin-bar .site-header.sticky-top { top: 32px; }

.wb-bp-front-page .site-header { border-bottom: 0; }
.wb-bp-front-page .wp-bs-4-jumbotron { padding: 0; background-size: cover; background-position: center; background-color: #343a40; border-radius: 0; }
.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay { padding: 10rem 2rem; /* background: rgba(#212529, 0.7); */ }
.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay .lead { opacity: .75; }
.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay .jumbotron-heading { font-weight: 600; font-size: 3rem; margin-bottom: 1rem; }
.wb-bp-front-page .wp-bp-services-section { padding: 0; }
.wb-bp-front-page .wp-bp-main-content { padding: 3rem 0 4rem 0; }
.wb-bp-front-page .wp-bp-main-content p { font-size: 1.1rem; font-weight: 300; }
.wb-bp-front-page .wp-bp-main-content blockquote { font-size: 1.35rem; }
.wb-bp-front-page .wp-bp-main-content blockquote p { font-size: 1.35rem; }
.wb-bp-front-page .wp-bp-main-content .post-thumbnail { margin-bottom: 1rem; margin-top: 0.5rem; }
.wb-bp-front-page .wp-bp-feat-card-img { -o-object-fit: cover; object-fit: cover; height: 200px; width: 100%; }
.wp-caption .wp-caption-text { font-size: 0.95rem; }




/*--------------------------------------------------------------
# Universal Styles
--------------------------------------------------------------*/
.row{
	max-width: 100% !important;
}
h1{
	font-family: 'Oswald Bold', sans-serif;
	font-weight: 500;
	font-size: 1.6em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 30px 0;
	margin: 0;
	color: #1B4F56;
}


article{
	border: none !important;
	margin: 0 !important;
}
.card-body h1{
	font-family: 'Oswald Bold', sans-serif;
	font-weight: 500;
	font-size: 1.6em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 25px 30px;
	text-align: center;
	
	color: #1B4F56;
}

h5{
	font-family: "Helvetica Neue Bold", Helvetica, Gotham, Arial, "sans-serif";
	font-weight: bolder;
	letter-spacing: 2px;
	font-size: 1em;
}

.text-white{
	color: #ffffff;
}
.text-red{
	color: #AD0A21;
}
.text-teal{
	color: #3CAF8C;
}
.bg-red{
	background-color: #AD0A21;
}
.bg-teal{
	background-color: #3CAF8C;
}
.bg-yellow{
	background-color: #F2A318;
}
.bg-blue{
	background-color: #1B4F56;
}
.text-center{
	text-align: center !important;
	display: block;
	margin: auto;
}
.bg-grey{
	background-color: #EDEDED;
}

.no-margin{
	margin: 0;
}
.no-padding{
	padding: 0 !important;
}


.container{
	padding: 2rem 2rem 2rem 2rem !important;
}

.content-block{
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}




/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header{
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* Quick Contact Bar */
#quick-contact{
	color: #707070;
	font-size: 0.9em;
}
#quick-contact .qc-main{
	background-color: #ededed;
	border-left: 3px solid #707070;
	text-align: center;
	height: 50px;
}
#quick-contact .qc-main h5{
	padding: 15px 0;
}

#quick-contact .qc-arrow{
	display: inline-block;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 0; 
	height: 0; 
  	border-top: 25px solid #ffffff;
 	border-bottom: 25px solid #ffffff;
	border-left: 20px solid #ededed;
}
#quick-contact .qc-content{
	padding: 10px 0;
	text-align: center;
}
#quick-contact .qc-content strong{
	font-size: 1.1em;
}



/* Branding */
.custom-logo-link{
	display: block;
	margin: auto;
}
.custom-logo{
	display: block;
	width: 380px !important;
	height: auto !important;
	margin: 25px auto 40px auto;
}


/* Nav Bar */
.navbar .navbar-nav .dropdown-menu a{
	display: block;
	width: 100%;
	clear: both;
	text-transform: uppercase;
	color: #1B4F56;
	text-align: center;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.navbar{
	color: #fff;
	margin: 0;
	padding: 0;
	background-color: #EDEDED;
}
.navbar .navbar-nav{
	margin: 0 auto;
}
.navbar .navbar-nav .nav-link{
	color: #1B4F56;
	font-family: 'Oswald Bold', sans-serif;
	font-weight: 500;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 25px 30px;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus{
	color: #fff;
	background-color: #1B4F56;
}

.navbar-nav .show > .nav-link, .navbar-nav .active > .nav-link, .navbar-nav .nav-link.show, .navbar-nav .nav-link.active {
	color: #fff;
}
.navbar-nav .dropdown-menu .active > .nav-link {
	color: #212529;
}
.navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .dropdown-menu .nav-link:focus{
	color: #212529;
}
button.navbar-toggler{
	display: block;	
	width: 100%;
	height: 3rem;
	text-align: right;
}
button.navbar-toggler .navbar-toggler-icon::after{
	display: inline-block;
	position: relative;
	color: #1B4F56 !important;
	content: "\2630" !important;
	font-size: 2em;
	top: -10px;
}
.current-menu-item{
	background-color: #BE1E2D;
}
.current-menu-item .nav-link{
	color: #ffffff;
}







.triangle-teal{
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #238062;
    border-right: 220px solid transparent;
	float: left;
}
.triangle-red{
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #8E121A;
    border-right: 220px solid transparent;
	float: left;
}
.triangle-yellow{
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #C36F1A;
    border-right: 220px solid transparent;
	float: left;
}
.triangle-blue{
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #153F45;
    border-right: 220px solid transparent;
	float: left;
}







.no-padding-bottom{
	padding-bottom: 0 !important;
}

.mcc-button{
	display: block;
	width: auto;
	padding: 15px 25px;
	font-family: "Helvetica Neue Bold", Helvetica, Gotham, Arial, "sans-serif" !important;
	font-weight: bolder;
	letter-spacing: 2px;
	font-size: 0.75em;
	text-transform: uppercase;
	color: #fff;
	margin: 25px auto 25px auto;
	text-align: center;
	text-decoration: none;
}
.mcc-button-red{
	background-color: #AD0A21;
	border: none;
	border-bottom: 4px solid #8E121A;
	background-size: 200% 100%;
	background-image: -webkit-linear-gradient(left, #AD0A21 50%, #8E121A 50%);
	background-image: -o-linear-gradient(left, #AD0A21 50%, #8E121A 50%);
	background-image: linear-gradient(to right, #AD0A21 50%, #8E121A 50%);
	transition: background-position 1s;
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

#service1{
	background-color: #AD0A21;
	background-size: 200% 100%;
    background-image: linear-gradient(to right, #AD0A21 50%, #8E121A 50%);
    transition: background-position 1s;
}
#service1:hover{
	background-color: #8E121A;
	background-position:  -100% 0;
}
#service2{
	background-color: #1B4F56;
	background-size: 200% 100%;
    background-image: linear-gradient(to right, #1B4F56 50%, #153F45 50%);
    transition: background-position 1s;
}
#service2:hover{
	background-color: #153F45;
	background-position:  -100% 0;
}
#service3{
	background-color: #F2A318;
	background-size: 200% 100%;
    background-image: linear-gradient(to right, #F2A318 50%, #C36F1A 50%);
    transition: background-position 1s;
}
#service3:hover{
	background-color: #C36F1A;
	background-position:  -100% 0;
}

#service4{
	background-color: #3CAF8C;
	background-size: 200% 100%;
    background-image: linear-gradient(to right, #3CAF8C 50%, #238062 50%);
    transition: background-position 1s;
}
#service4:hover{
	background-color: #238062;
	background-position:  -100% 0;
}
.service-card{
	display: block;
	padding: 20px 20px 60px 20px;
}
.service-card a{
	outline: none;
	text-decoration: none;
	border: none;
}
.service-card a:hover{
	outline: none;
	text-decoration: none;
	border: none;
}
.service-card:hover{
	text-decoration: none;
}
.service-card h1{
	padding: 10px 0;
}
.service-card .learn-more{
	font-family: "Helvetica Neue Bold", Helvetica, Gotham, Arial, "sans-serif";
	font-weight: bolder;
	letter-spacing: 2px;
	font-size: 0.8em;
	color: #ffffff;
	text-align: center !important;
	display: block;
	margin: auto;
}
.service-desc{
	padding: 0 0 20px 40px;
}









.art-gallery{
	padding: 0 40px 20px 40px;
}









.faq-list {
  list-style: none;
  counter-reset: faq-counter;
  display: block;
  margin: 0;
  padding: 20px 0;
}
.faq-list li {
	counter-increment: faq-counter;
	display: block;
	width: 100%;
	height: auto;
	font-size: 0.8rem;
	clear: both;
}
.faq-list li::before {
	content: counter(faq-counter);
	display: inline-block;
	font-weight: 300;
	font-size: 2rem;
	color: #3CAF8C;
	font-family: 'Oswald', sans-serif;
	float: left;
	width: 8%;
}


.question-block{
	float: right;
	width: 92%;
	display: inline-block;
	margin-bottom: 20px;
}

.faq-list li .question {
	display: inline-block;
	font-weight: bold;
	font-size: 1.1rem;
	color: #1B4F56;
	margin-bottom: 10px;
}






/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

#testimonials{
	background-color: #1B4F56;
	height: auto;
}
.container-testimonials{
	display: block;
	clear: both;
	position: relative;
	top: -100px !important;
	margin-bottom: -80px;
	padding:2rem 0 2rem 2rem !important;
}
#testimonial_rotator_wrap_65{
	margin: 0;
}
.testimonial_rotator_quote{
	font-size: 1.4em !important;
}







/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

.container-contact{
	display: block;
	clear: both;
	padding-bottom: 4rem !important;
}
.container-contact h1{
	margin-bottom: 0 !important;
}






/* Quick Contact Bar */
#contact-table{
	color: #707070;
	margin: 40px 0 0 0;
	padding: 0;
}
.ct-block{
	border-left: 3px solid #707070;
	padding-left: 0;
	
	width: 100%;
}
.ct-content{
	padding: 20px 0 0 20px;
}
.ct-large-text{
	display: inline-block;
	font-size: 1.6em;
	padding-bottom: 10px;
}
#contact-table .ct-header{
	background-color: #ededed;
	text-align: center;
	height: 40px;
}
#contact-table h5{
	font-size: 0.9em;
	margin: 0;
	padding: 10px 0 !important;
}
#contact-table .qc-content{
	padding: 10px 0;
	text-align: center;
}
#contact-table .qc-content strong{
	font-size: 1.1em;
}

#contact-table a, #contact-table a:hover,
#quick-contact a, #quick-contact a:hover{
	color: #707070 !important;
	text-decoration: none;
}




.container-footer{
	display: block;
	clear: both;
	position: relative;
	top: -100px !important;
	height: 12rem;
}
.site-footer{
	background-color: #1B4F56 !important;
}
.site-footer .custom-logo{
	display: block;
	width: 320px !important;
	height: auto !important;
}
.site-footer a:hover{ 
	text-decoration: none;
}








/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media (max-width: 575px) {
	.mobile-width-100{
		display: block !important;
		width: 100% !important;
		margin: auto;
	}
	#quick-contact .qc-arrow{
		display: none;
		border: none !important;
	}
}
@media (max-width: 990px) {	
}
@media (min-width: 768px) {
	.hentry.card .card-body {
		padding: 1.5rem 3rem;
	}
	.wb-hide-mobile-sidebar .wp-bp-sidebar-width {
	  display: block;
	} 
	.mobile-center{
		display: block;
		margin: auto;
	}
	.mobile-width-100{
		width: 100%;
	}
}



/*--------------------------------------------------------------
# Certification Updates
--------------------------------------------------------------*/
.logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px 40px; 
    margin: 0 auto;
		max-width:750px;
}

.logos .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
    max-width: 175px;
}

.logos .logo img {
    max-height: 60px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.logo-cta-wrapper {
	background:#f1f1f1;
	margin:60px 0 30px;
	max-height:120px;
	padding:0;
	text-align:center;
}

#certifications {
	padding:30px 0;
	background:#fff;
}

#certifications h2 {
	color:#1B4F56;;
	font-family: 'Oswald Bold', sans-serif;
    font-weight: 500;
    font-size: 1.6em;
    text-transform: uppercase;
    letter-spacing: 1px;
	text-align:center;
}

.button-wrapper {
	text-align:center;
}

.button-wrapper a {
	display:inline-block;
	padding:15px 40px 10px;
	margin-top:0;
}

.button-wrapper a:hover {
	background-color: #8E121A;
  background-position: -100% 0;
  transition: background-position 1s;
	color:#fff;
	text-decoration:none;
}

#certifications .button-wrapper {
	margin-top:20px;
}

.page-template-certifications .entry-content {
	max-width:700px;
	margin:0 auto;
}