/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
   button,
   input,
   select,
   textarea {
       color: #222;
   }

html {
       font-size: 1em;
       line-height: 1.4;
   }

/*
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection rule sets have to be separate.
    * Customize the background color to match your design.
    */

::-moz-selection {
       background: #b3d4fc;
       text-shadow: none;
   }

::selection {
       background: #b3d4fc;
       text-shadow: none;
   }

/*
    * A better looking default horizontal rule
    */

hr {
       display: block;
       height: 1px;
       border: 0;
       border-top: 1px solid #ccc;
       margin: 1em 0;
       padding: 0;
   }

/*
    * Remove the gap between images, videos, audio and canvas and the bottom of
    * their containers: h5bp.com/i/440
    */

audio,
   canvas,
   img,
   video {
       vertical-align: middle;
   }

/*
    * Remove default fieldset styles.
    */

fieldset {
       border: 0;
       margin: 0;
       padding: 0;
   }

/*
    * Allow only vertical resizing of textareas.
    */

textarea {
       resize: vertical;
   }

/* ==========================================================================
      Browse Happy prompt
      ========================================================================== */

.browsehappy {
       margin: 0.2em 0;
       background: #ccc;
       color: #000;
       padding: 0.2em 0;
   }

/* ==========================================================================
      Author's custom styles
      ========================================================================== */

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

	[ 1. RESET ]

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

/* Scrap Reset for Normalize.css?? */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
}

/* HTML5 display-role reset for older browsers */

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

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

img {
  -ms-interpolation-mode: bicubic;
  background: transparent;
  border: 0;
}

/* @import 'base/_grid.css'; */

:root {
  --header-height: 60px;
  --globalheader-height: 32px;
  /* --brand-color-black: #224724; */
}

@media (min-width: 960px) {

:root {
		--header-height: 80px;
}
	}

:root {
  --brand-color-light: #26712a;
  --brand-color-primary: #248429;
  --brand-color-dark: rgb(33, 70, 34);
  --brand-color-black: #464441;
}

/* @import 'base/_normalize.css'; */

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

	[ 3. MAIN ]

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

html, body {
	height: 100%;
	font-size: 100%;
}

html{ -webkit-font-smoothing: antialiased; }

body {
	background: #fefefe;
	font-family: "VerbRegular", "Antartida-Light", sans-serif;
	color: #666;
	font-size: 1rem;
	font-family: Helvetica, Arial;
	line-height: 1.8;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
}

@media (min-width: 576px) {
	}

@media (min-width: 768px) {

body {
		font-size: 1.125rem
}
	}

@media (min-width: 992px) {

body {
		font-size: 1.125rem
}
	}

@media (min-width: 1200px) {
	}

@media (min-width: 1400px) {
	}

.main {
	padding-top: calc(var(--header-height) + var(--globalheader-height));
	position: relative;
}

.content {
	padding: 0 0 20px;
}

@media (min-width: 576px) {
	}

@media (min-width: 768px) {
	}

@media (min-width: 992px) {

.content {
		padding: 0 0 40px
}
	}

@media (min-width: 1200px) {

.content {
		padding: 0 0 60px
}
	}

@media (min-width: 1400px) {
	}

.page-type {
	display: none;
}

*{ -webkit-text-size-adjust: 100%; }

/*  SELECTION  */

::-moz-selection { background: var(--brand-color-primary); color: #fff; text-shadow: none; }

::selection { background: var(--brand-color-primary); color: #fff; text-shadow: none; }

::-moz-selection{ background: var(--brand-color-primary); color: #fff; text-shadow: none; }

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

::-moz-selection:window-inactive {
  background: var(--brand-color-primary);
}

::selection:window-inactive {
  background: var(--brand-color-primary);
}

.admin-bar #main-header {
		margin-top: 46px !important;
	}

@media (min-width: 768px) {

.admin-bar #main-header {
			margin-top: 32px !important
	}
		}

.admin-bar #home_header {
		margin-top: 0 !important;
	}

.admin-bar .mm-page {
		top: -46px;
	}

@media (min-width: 768px) {

.admin-bar .mm-page {
			top: -32px
	}
		}

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

	[ 4. TYPOGRAPHY ]

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

/* @FONTFACE */

@font-face {
	font-family: 'VerbExtrabold';src: url('/wp-content/themes/ccw//assets/fonts/verb/VerbExtrabold.eot');
	src: url('/wp-content/themes/ccw//assets/fonts/verb/VerbExtrabold.eot?#iefix') format('embedded-opentype'),
	url('/wp-content/themes/ccw//assets/fonts/verb/VerbExtrabold.woff2') format('woff2'),
	url('/wp-content/themes/ccw//assets/fonts/verb/VerbExtrabold.woff') format('woff'),
	url('/wp-content/themes/ccw//assets/fonts/verb/VerbExtrabold.ttf') format('truetype'),
	url('/wp-content/themes/ccw//assets/fonts/verb/VerbExtrabold.svg#wf') format('svg');
}

@font-face {
	font-family: 'VerbRegular';
	src: url('/wp-content/themes/ccw//assets/fonts/verb/VerbRegular.eot');
	src: url('/wp-content/themes/ccw//assets/fonts/verb/VerbRegular.eot?#iefix') format('embedded-opentype'),
	url('/wp-content/themes/ccw//assets/fonts/verb/VerbRegular.woff2') format('woff2'),
	url('/wp-content/themes/ccw//assets/fonts/verb/VerbRegular.woff') format('woff'),
	url('/wp-content/themes/ccw//assets/fonts/verb/VerbRegular.ttf') format('truetype'),
	url('/wp-content/themes/ccw//assets/fonts/verb/VerbRegular.svg#wf') format('svg');
}

@font-face {
	font-family: 'Veneer';
	src: url('/wp-content/themes/ccw//assets/fonts/veneer/327919_0_0.eot');
	src: url('/wp-content/themes/ccw//assets/fonts/veneer/327919_0_0.eot?#iefix') format('embedded-opentype'),
	url('/wp-content/themes/ccw//assets/fonts/veneer/327919_0_0.woff2') format('woff2'),
	url('/wp-content/themes/ccw//assets/fonts/veneer/327919_0_0.woff') format('woff'),
	url('/wp-content/themes/ccw//assets/fonts/veneer/327919_0_0.ttf') format('truetype'),
	url('/wp-content/themes/ccw//assets/fonts/veneer.svg#wf') format('svg');
}

@font-face {
	font-family: 'VeneerClean-Reg';
	src: url('/wp-content/themes/ccw//assets/fonts/veneer/327919_1_0.eot');
	src: url('/wp-content/themes/ccw//assets/fonts/veneer/327919_1_0.eot?#iefix') format('embedded-opentype')
	,url('/wp-content/themes/ccw//assets/fonts/veneer/327919_1_0.woff2') format('woff2')
	,url('/wp-content/themes/ccw//assets/fonts/veneer/327919_1_0.woff') format('woff')
	,url('/wp-content/themes/ccw//assets/fonts/veneer/327919_1_0.ttf') format('truetype')
	,url('/wp-content/themes/ccw//assets/fonts/veneer/327919_1_0.svg#wf') format('svg');
}

/* Default header styles */

h1, h2, h3, h4, h5, h6 {
	font-family: 'VeneerClean-Reg','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	color: #222222;
	text-rendering: optimizeLegibility;
	line-height: 1.15; }

h1 { 
		font-size: 3rem;
		color: var(--brand-color-black);
		margin-bottom: .5rem;
	}

@media (min-width: 576px) {
		}

@media (min-width: 768px) {

h1 {
			font-size: 3.375
	} 
		}

@media (min-width: 992px) {

h1 {
			font-size: 4.5rem
	}
		}

@media (min-width: 1200px) {
		}

@media (min-width: 1400px) {
		}

h2 { 
		font-size: 2rem;
		color: var(--brand-color-black); 
		margin-bottom: .5rem;
	}

@media (min-width: 576px) {
		}

@media (min-width: 768px) {

h2 {
			font-size: 2.25rem
	}
		}

@media (min-width: 992px) {

h2 {
			font-size: 2.5rem
	}
		}

@media (min-width: 1200px) {
		}

@media (min-width: 1400px) {
		}

h3 { 
		font-size: 2rem; 
		color: var(--brand-color-black); 
		text-transform: uppercase;
		margin-bottom: .5rem;
	}

@media (min-width: 576px) {
		}

@media (min-width: 768px) {
		}

@media (min-width: 992px) {
		}

@media (min-width: 1200px) {
		}

@media (min-width: 1400px) {
		}

h4  {
		font-size: 1.5rem;
		color: var(--brand-color-black);
		margin-bottom: .5rem;
	}

@media (min-width: 576px) {
		}

@media (min-width: 768px) {
		}

@media (min-width: 992px) {
		}

@media (min-width: 1200px) {
		}

@media (min-width: 1400px) {
		}

/* Default paragraph styles */

p {
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: inherit;
	font-style: normal; 
	box-sizing: border-box;
	color: #333;
	margin-bottom: 1rem; }

p aside {
		font-size: 0.875rem;
		line-height: 1.35;
		font-style: italic; }

#foot p {
		margin-bottom: .25rem;
	}

/* Default Link Styles */

a:where(:not(.button, button, .wpcf7-submit)) {
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	color: var(--brand-color-primary);
	text-decoration: none;
	line-height: inherit;
}

a:where(:not(.button, button, .wpcf7-submit)):visited {
		color: var(--brand-color-primary);
	}

a:where(:not(.button, button, .wpcf7-submit)):hover {
		color: var(--brand-color-primary); 
	}

a:where(:not(.button, button, .wpcf7-submit)):focus {
		color: var(--brand-color-primary); 
	}

a img {
	border: none; 
}

/* Helpful Typography Defaults */

em,
i {
	font-style: italic;
	line-height: inherit; }

strong,
b {
	font-weight: bold;
	line-height: inherit; }

small {
	font-size: 60%;
	line-height: inherit; }

.smaller { font-size: .666em; }

sup, sub {
	font-size: 25%;
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	line-height: 0;
}

sub { top: 0.4em; }

label { cursor: pointer }

img { display: block; }

input,
select { vertical-align: middle; }

/* Page Specific Styles */

.big-intro p {
		font-size: 1.5rem;
		line-height: 1.6;

	}

@media screen and (max-width: 1024px) {

.big-intro p {
			font-size: 1.25rem

	}
		}

.big-intro h1 {
			font-size: 1.5rem;
			line-height: 1.6;
			color: var(--brand-color-primary);
			
	}

@media screen and (max-width: 1024px) {

.big-intro h1 {
				font-size: 1.25rem
			
	}
			}

@media screen and (max-width: 480px) {

.big-intro h1 {
				font-size: 1rem;
				line-height: 1.6
			
	}
			}

.big-intro span {
		float: left;
	}

#elements .big-intro {
	margin-top: 100px;
	margin-bottom: 0px;
}

/* Kerning */

.tighten {
	margin: 0 -.1em;
}

.loosen {
	margin: 0 .1em;
}

.content ul, .content ol {
	 list-style: disc;
	 padding-left: 2rem;
	 font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	 margin-bottom: 1rem;

 }

.content ul li, .content ol li {
		font-size: inherit;
	 }

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

	[ 5. UTILITY CLASSES ]
	
-------------------------------------------------------------------------- */

.main-content {
	padding: 1.5em 4em;
}

.hero-address .main-content {
		padding: 0 4em;
	}

img, .img {
	max-width: 100%;
	height: auto;
}

.video {
	position: relative;
	padding-bottom: 62.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow: hidden; 
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* From: http://webdesignerwall.com/tutorials/css-elastic-videos */

.table {
	display: table;
}

.table-cell {
	display: table-cell;
}

/* Button */

label { cursor: pointer }

img { display: block; }

input,
select { vertical-align: middle; }

button, .button, .wpcf7-submit {
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .05em;
	color: #fff;
	margin: 0;
	position: relative;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	display: inline-block;
	padding-top: 1.1rem;
	padding-right: 1.5rem;
	padding-bottom: 1rem;
	padding-left: 1.5rem;
	background-color: var(--brand-color-black);
	transition: background-color 300ms ease-out;
	border-radius: .25rem;
}

button:hover, .button:hover, .wpcf7-submit:hover {
		background-color: var(--brand-color-light); 
		color: #f8f8f8; 
		cursor: pointer;
		box-shadow: -1px -1px 10px 0px white, 1px 1px 10px 0px #999;
	}

button--cta, .button--cta, .wpcf7-submit--cta {
		background-color: var(--brand-color-primary); 
	}

.wpcf7-submit {
	margin: 1.25rem 0 1.25rem;
	padding-top: .75rem;
	padding-right: 2rem;
	padding-bottom: .75rem;
	padding-left: 2rem;
}

img.desaturate {
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

#page-type {
	display: none;
}

.border {
	border: 10px solid rgba(255, 255, 255, .33);
}

.hide {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.video-wrapper {
	width: 60%;
	max-width: 100%;
	padding: 0 2% 1% 1%;
	box-sizing: border-box;
}

/* Hide CTA Footer on key pages */

#contact #cta, #thank-you #cta {
	display: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
 EXAMPLE Media Queries for Responsive Design.
 These examples override the primary ('mobile first') styles.
 Modify as content requires.
 ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
 Print styles.
 Inlined to avoid required HTTP connection: h5bp.com/r
 ========================================================================== */

@media print {
	* {
			background: transparent !important;
			color: #000 !important; /* Black prints faster: h5bp.com/s */
			box-shadow: none !important;
			text-shadow: none !important;
	}

	a,
	a:visited {
			text-decoration: underline;
	}

	a[href]:after {
			content: " (" attr(href) ")";
	}

	abbr[title]:after {
			content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
			content: "";
	}

	pre,
	blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
	}

	thead {
			display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
			page-break-inside: avoid;
	}

	img {
			max-width: 100% !important;
	}

	@page {
			margin: 0.5cm;
	}

	p,
	h2,
	h3 {
			orphans: 3;
			widows: 3;
	}

	h2,
	h3 {
			page-break-after: avoid;
	}
}

.alignleft {
	margin: 0 1rem 1rem 0;
}

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

	[ 6. NAVIGATION ]
	
-------------------------------------------------------------------------- */

.navbar {
	width: 100%;
	position: relative;

}

.navbar .menu {
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
	}

.navbar .menu-item {
		padding: 0px;
		display: inline-block;
		vertical-align: middle;

	}

.navbar .menu-item:first-child {
			border: none;
		}

.navbar .menu-item .last {
			padding-right: 0;
		}

.navbar .menu-item a, 
		.navbar .menu-item a:visited  {
			padding: 0 .5em;
			margin: 0;
			font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: .875rem;
			color: #555;
			display: block;
			text-decoration: none;
			transition: all .3s;
			letter-spacing: ;
			vertical-align: middle;
			line-height: var(--header-height);
			text-transform: uppercase;

		}

@media (min-width: 960px) {

.navbar .menu-item a, 
		.navbar .menu-item a:visited  {
				font-size: 1rem;
				padding: 0 1em

		}
			}

.navbar .menu-item a:before, .navbar .menu-item a:visited:before {
				content: "[";
				opacity: .25;
				margin-right: .15em;
			}

.navbar .menu-item a:after, .navbar .menu-item a:visited:after {
				content: "]";
				opacity: .25;
				margin-left: .15em;
			}

.navbar .menu-item a:active, .navbar .menu-item a:visited:active {
				color: var(--brand-color-primary);
			}

.navbar .menu-item.current-menu-item a:before {
			opacity: 1;
		}

.navbar .menu-item.current-menu-item a:after {
			opacity: 1;
		}

.navbar .menu-item.current-menu-item a {
			transition: all .3s;
			color: var(--brand-color-primary);
		}

.navbar .menu-item.selected a {
		}

.navbar .menu-item:first-child a {
			margin-left: ;
	}

.navbar--dektop {
		display: flex;
	}

.header-nav {
	background: rgba(255, 255, 255, 1);
}

#desktop-menu {
	width: 100%;
	display: flex;
	justify-content: flex-end;

}

@media screen and (max-width: 667px) {

#desktop-menu {
		display: none

}
	}

/* List Icon */

#nav-icon {
	display: none;
	width: 24px;
	height: auto;
	margin: 18px;
	z-index: 0;

}

@media screen and (max-width: 667px) {

#nav-icon {
		display: block

}
	}

#nav-icon .color-bar {
		background: var(--brand-color-primary);
		width: 100%;
		height: 2px;
		display: block;
		margin: 4px 0;
	}

/* Hide Mobile */

#mobile-nav.nav_bg {
	display: none;
	background-color: rgba(19, 68, 22, 1);
	visibility: visible;
	height: 100vh;
	width: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 999;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	box-shadow: none !important;

}

#mobile-nav.nav_bg .menu-mobile-container {
		flex-direction: column;
		align-content: center;
		height: 100%;
		overflow: scroll;
	}

#mobile-nav.nav_bg .menu {
		width: 100%;
		border-top: 1px solid rgba(232, 232, 232, 0.15);
	}

#mobile-nav.nav_bg .menu-item {
		display: block;

	}

#mobile-nav.nav_bg .menu-item a {
			font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 1.125rem;
			line-height: 1.5;
			color: #f8f8f8;
			padding: 2rem;
			border-bottom: 1px solid rgba(232, 232, 232, 0.15);
		}

#mobile-nav.nav_bg .menu-item:hover a {
			background-color: rgba(38, 113, 42, 0.95);
		}

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

	[ 7. HEADER ]
	
-------------------------------------------------------------------------- */

header {
	z-index: 5;
	width: 100%;
	height: calc(var(--header-height) + var(--globalheader-height));
	position: absolute;
	top: 0;
	left: 0;

}

header.sticky {
		position: fixed;
		top: 0px;
	}

.global-nav {
	background-color: var(--brand-color-dark);
	display: flex;
	justify-content: center;
	padding: 0 1rem;

}

.global-nav.navbar .menu-item a, 
	.global-nav.navbar .menu-item a:visited {
		background-color: transparent;
		font-size: .75rem;
		line-height: 32px;
		color: #eee;
		font-weight: 400;

	}

.global-nav.navbar .menu-item a:hover, .global-nav.navbar .menu-item a:visited:hover {
			color: #fff;
			background-color: rgba(0, 0, 0, 0.25);
		}

.global-nav.navbar .menu-item a:before, .global-nav.navbar .menu-item a:visited:before {
			content: "";
			opacity: 1;
			margin-right: 0;
		}

.global-nav.navbar .menu-item a:after, .global-nav.navbar .menu-item a:visited:after {
			content: "";
			opacity: 1;
			margin-left: 0;
		}

.global-nav__inner {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}

.global-nav .global-brand {
		color: #ffffff;
		font-size: .875rem;
		font-weight: 700;
		line-height: 32px;
		margin-right: 1.5rem;
		background-color: var(--brand-color-dark);
		padding: 0 .5rem;
	}

#home_header {
	position: relative;
}

#logo {
	max-width: 100%;
	background: #fff;
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #555;
	text-decoration: none;
	text-transform: uppercase;
	line-height: var(--header-height);
	padding: 10px;
	position: absolute;
	top: 0;
	z-index: 5;

}

@media screen and (max-width: 667px) {

#logo {
		width: 141px;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)

}
	}

#logo img {
		width: 128px;
	}

#logo .logotype {
	display: none;
}

@media screen and (max-width: 960px) {
	#logo .logo-icon {
		width: 99px;
	}
	nav .menu-item a {
		font-size: 16px;
		padding: 0 .75em;
		line-height: 60px;
	}
	#p-nav {
		position: relative;
		float: left;
		clear: both;
	}
}

@media screen and (max-width: 768px) {
	nav .menu-item a {
		font-size: 14px;
	}
}

@media screen and (max-width: 667px) {
		
		#logo .logo-icon {
			display: none;
		}

		#logo .logotype {
			display: block;
		}

}

.menu-mobile-container {
	width: 100%;
}

.menu-mobile-container .menu-item a {
		font-size: 1.25rem;
	}

@media screen and (max-width: 667px) {
	.o-container {
		width: 100%;
	}

	.nav-up {
		transform: translateY(-7.3125rem)
	}

	/* Show-Nav */
	body.show-nav {
		overflow: hidden !important;
	}

		body.show-nav #logo {

		}

		body.show-nav #mobile-nav.nav_bg {
			display: flex;
		}

		body.show-nav #nav-icon {
			z-index: 1000;
		}

			body.show-nav #nav-icon .color-bar {
				background: #fff;
			}
				body.show-nav #nav-icon:hover .color-bar {
				}
}

#wpadminbar {
	z-index: 0;
}

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

	[ 8. FOOTER ]
	
-------------------------------------------------------------------------- */

/* PRE-FOOTER */

#pre-footer {
	padding: 60px 0;
	background: var(--brand-color-dark);
	position: relative;
}

#pre-footer .info {
	padding: 10px 0 10px;
}

.footer-head {
	font-family: 'VeneerClean-Reg','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #63b567;
}

#pre-footer p, #pre-footer a {
	margin-bottom: 0;
	display: block;
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	color: #fff;
}

#pre-footer a:hover {
	text-decoration: underline;
}

.footer-head {
}

.phone-number {
}

.email-address {
}

.street-address {
}

/* FOOTER */

footer {
	width: 100%;
	background: transparent;
	position: relative;
	padding: 20px 0;
	background: var(--brand-color-dark);
}

footer p {
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: .8125rem;
	color: #444;
	margin: 0;
}

footer a {
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #444;
}

#copy {
	float: left;
	clear: both;
	margin-bottom: 0px;
	padding: 4px;
	color: #63b567;
}

@media screen and (max-width: 667px) {
	.foot-nav li {
		display: block;
		padding: 0 5px 10px;
	}
	.foot-nav {
		padding: 2em 0 1em;
	}
}

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

	[ 9. HERO ]
	
-------------------------------------------------------------------------- */

.hero {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: none;
	padding: 4rem 0;
	margin-bottom: 2rem;
	position: relative;
}

.hero:before {
		content: '';
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: rgba(0, 0, 0, .45);
		z-index: -1;
	}

.hero__title {
		font-family: 'Veneer','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 4rem;
    text-align: center;
    color: #eee;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(51, 51, 51, 0.25);
		position: relative;
	}

@media (min-width: 1024px) {

.hero__title {
			font-size: 5rem
	}
		}

.hero__title--antihero {
			font-size: 3.5rem;
			color: #444;
			text-shadow: none;
		}

@media (min-width: 1024px) {

.hero__title--antihero {
				font-size: 4.5rem
		}
			}

.hero--antihero {
		padding: 2rem 0;
		margin-bottom: 0;
	}

.hero--antihero:before {
			background: transparent;
		}

#home .hero {
		width: 100%;
		height: 100vh;
		background-size: cover;
	}

#home .hero:before {
			content: "";
			background: rgba(0, 0, 0, 0.33);
			width: 100%;
			height: 100%;
			height: 100vh;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			position: absolute;
			z-index: 0;   
		}

#home .hero #lockup {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -227px;
			margin-top: -145px;
		}

.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-size: cover;
	-webkit-background-size: cover;
	display: block;
	z-index: 1;
}

.banner img {
		width: 100%;
		background-size: cover;
		-webkit-background-size: cover;
	}

#portfolio .banner h1 {
	position: absolute;
	bottom: 140px;
	left: 0;
	background: rgba(255, 255, 255, .75);
	font-size: 48px;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 90px solid transparent;
	border-right: 90px solid transparent;
	border-top: 15px solid #fff;
	position: relative;
	display: block;
	left: 50%;
	margin-left: -90px;
	transition: all .3s;
}

.arrow-down:hover {
		width: 0;
		height: 0;
		border-left: 90px solid transparent;
		border-right: 90px solid transparent;
		border-top: 15px solid var(--brand-color-primary);
		position: relative;
		display: block;
		left: 50%;
		margin-left: -90px;
		transition: all 500ms;
	}

#home .message {
	height: 90%;
}

.more {
	height: 10%;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.lockup {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

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

	[ 10. PAGINATION ]
	
-------------------------------------------------------------------------- */

#page-nav {
	width: 100%;
	padding: 1%;
	font-family: 'Antartida-Bold', sans serif;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	float: left;
}

#page-nav a {
	margin: 0 5px;
	width: 60px;
	text-align: center;
	padding: 7px 12px 5px;
	color: #f8f8f8;	
	background: #ED612A;
	border: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	text-decoration: none;
}

#page-nav div a:hover {
	background: #EEECE6;
	color: #ED612A;
}

.previous {
	float: left;
}

.next {
	float: right;
}

#pagination {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgb(255, 255, 255);
	background:#fff;
	border-top: 4px solid rgb(38, 113, 42);
	z-index: 0;

}

#pagination .content {
    padding: 20px 0;
	float: right;
}

#pagination a {
	font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 0 10px;
	text-transform: uppercase;
	letter-spacing: .025em;

}

#pagination a.back-to-work {
    float: left;
    padding: 20px 0;
	}

.fixed {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

/*========================================================================
	HOME 
========================================================================*/

#home .main {
	padding-top: 0;
}

#home a.button {
	color: #f8f8f8;
	border-radius: .25rem;
}

/* FEATURE */

.feature-inner {
	position: relative;
	top: 50%;
	transform: perspective(1px) translateY(-50%);
}

.feature h2 {
	font-size: 30px;
	line-height: 1.5; 
	color: #f8f8f8; 
	text-transform: uppercase;
	text-align: center;
	position: relative;
	top: 50%;
	transform: perspective(1px) translateY(-50%);
}

.feature .big_title  {	 
	font-size: 100px;
	line-height: 1; 
	color: #f8f8f8; 
	text-transform: uppercase;
	text-align: center;
    font-family: 'Veneer','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: -.05em;
    padding-bottom: 0;
}

#value-proposition {
	background: url('/wp-content/themes/ccw//assets/images/feature-1.jpg') no-repeat;
	background-size: cover;
	height: 532px;
	padding: 20px;
}

/* Feature Nav */

#feature-nav-1 {
	background-size: cover;
	height: 266px;
	display: block;
	cursor: pointer;
	opacity: 1;
	transition: all .3s;
}

#feature-nav-1 .big_title {
	font-size: clamp(4rem, 10vw, 14rem);
}

#feature-nav-2 {
	background-size: cover;
	height: 266px;
	display: block;
	cursor: pointer;
	opacity: 1;
	transition: all .3s;
}

#feature-nav-2 .big_title {
	font-size: clamp(6rem, 10vw, 8rem);
}

#feature-nav-1:hover, #feature-nav-2:hover {
	opacity: .9;
	transition: all .3s;
}

.feature p {
	font-size: 18px;
	line-height: 1; 
	color: #f8f8f8; 
	text-align: center;
}

.fifty {
	width: 50%;
	float: left;
}

#brand_promise {
	padding: 80px 0;
}

#brand_promise .title {
	padding-bottom: 0px;
	font-family: 'Veneer','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	top: 0;
	transform: translateY(0%);
}

#brand_promise p {
	font-size: 21px;
	line-height: 2;
	text-align: left;
	color: #333;	
}

.cta {
	text-align: center;
	margin: 2rem 0;
}

.cta__inner {
		width: 100%;
		padding: 5rem 0;
		border-top: 4px solid var(--brand-color-primary);
		border-bottom: 4px solid var(--brand-color-primary);
		text-align: center;

	}

@media screen and (max-width: 1024px) {

.cta__inner {
			padding: 60px 0

	}
		}

@media screen and (max-width: 667px) {

.cta__inner {
			padding: 40px 0

	}
		}

.cta__headline {
		padding: 0 20% 40px;
		font-size: 2.5rem;
		color: var(--brand-color-primary);
	}

@media screen and (max-width: 1024px) {

.cta__headline {
			padding: 0 10% 40px;
			font-size: 2.5rem
	}
		}

@media screen and (max-width: 768px) {

.cta__headline {
			font-size: 2rem;
			padding: 0 10% 40px
	}
		}

@media screen and (max-width: 667px) {

.cta__headline {
			padding: 0 2.5% 40px
	}
		}

.cta__button {
		font-size: 1.125rem;
		z-index: -1;
	}

#down img {
	width: 72px;
	height: 34px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -36px;
}

.flexslider {
	max-width: 1200px;
	margin: 0 auto !important;
	position: relative;
}

#down-button {
	width: 72px;
	height: 36px;
	border-radius: 50px 50px 0 0;
	background: url("../img/down-arrow.png") no-repeat 22px 18px #f8f8f8;
	position: absolute;
	top: -136px;
	left: 50%;
	margin-left: -36px;
	text-indent: -9999px;
}

@media screen and (max-width: 1024px) {
	#home .hero #lockup {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -200px;
		margin-top: -126px;
		max-width: 400px;
	}
	#feature-nav-1 .big_title  {
		font-size: 140px;
	}
	#feature-nav-2 .big_title  {
		font-size: 80px;
	}
	.feature p {
		font-size: 14px;
	}
	#feature {
		padding-top: 60px;
	}
	.feature h2 {
		padding: 8%;
	}
	#position {
		height: 400px;
		width: 100%;
	}
	.feature h2 {
		padding: 0;
		font-size: 24px;
	}
}

@media screen and (max-width: 768px) {
	.feature h2 {
		font-size: 21px;
	}
}

@media screen and (max-width: 667px) {
	#home_header {
		display: none;
	}
	#home .hero {
		display: none; 
	}
	#home .hero #lockup {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -150px;
		margin-top: -95px;
		max-width: 300px;
	}
	#home .feature {
		margin-bottom: 10px;
	}
	#feature {
		padding-top: 60px;
	}
	#value-proposition {
		height: 400px;
	}
	#down-button {
		top: -66px;
	}
}

@media screen and (max-width: 480px) {
	.feature h2 {
		font-size: 24px;
	}
	#feature-nav-1 .big_title  {
		font-size: 140px;
	}
	#feature-nav-2 .big_title  {
		font-size: 80px;
	}
	#brand_promise p {
		font-size: 17px;
		line-height: 1.8;
	}
}

.card-grid {
  /* display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem; */
}

.card {
  
  /* &__title {
    font-size: 1.25rem;
    font-weight: 700;
  }

  &__excerpt {
    font-size: 1rem;;
  }

  &__date {
    font-size: .875rem;
  } */

}

.posts-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.post-card {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 2rem;
  padding: 2rem;
  border: none;
  background-color: #f6f6f6;

}

.post-card__meta {
    text-align: right;
    padding-right: 2rem;
    border-right: 1px #ccc solid;
  }

.post-card__date {
    font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1;
    display: block;

  }

.post-card__date.day {
      font-size: 3.5rem;
      color: var(--brand-color-primary);
    }

.post-card__date.month-year {
      color: #777;
    }

/* padding-left: 10% */

.post-card__content p:last-child {
      margin-bottom: 0;
    }

.post-card__title {
    font-family: 'VeneerClean-Reg','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: normal;
    color: var(--brand-color-black);
  }

.post-card__title a {
      font-family: 'VeneerClean-Reg','Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 2.5rem;
      font-weight: normal;
      color: var(--brand-color-black);

    }

.post-card__title a:hover {
        text-decoration: underline;
      }

.post-card__excerpt {
    font-size: 1rem;;
  }

.post-card .read-more-button {
    background-color: var(--brand-color-primary);
    padding: .75rem 1rem .65rem;
    font-size: .75rem;
    letter-spacing: 0;
  }

.posts-grid-nav {
  width: 100%;
  margin: 2rem 0 0;
  display: flex;
  justify-content: space-between;

}

.posts-grid-nav__button {

  }

.posts-grid-nav .nav-older {
  }

.posts-grid-nav .nav-newer {
  }

.post {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 2rem;
  padding: 2rem;
  border: none;

}

.post__content {

  }

.post-date {
  text-align: right;
  padding-right: 2rem;
  border-right: 1px #ccc solid;
  height: -moz-fit-content;
  height: fit-content;

}

.post-date .date {
    font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1;
    display: block;
  
  }

.post-date .date.day {
      font-size: 3.5rem;
      color: var(--brand-color-primary);
    }

.post-date .date.month-year {
      color: #777;
    }

/*========================================================================
	WORK 
========================================================================*/

.work-gallery__inner {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 1rem;

	}

@media (min-width: 768px) {

.work-gallery__inner {
			grid-template-columns: 1fr 1fr

	}
		}

@media (min-width: 992px) {

.work-gallery__inner {
			grid-template-columns: 1fr 1fr 1fr

	}
		}

.gallery_wrap {
	position: relative;
	overflow: hidden;

}

.gallery_wrap figure {
		width: 100%;
		background-size: cover !important;
		padding-bottom: 50% !important;
		position: relative;
		float: left;
		background: rgba(237, 97, 42, 1);
		transition: all 450ms ease-in;

	}

.gallery_wrap figure:hover {
			transform: scale(1.25);
			transition: all 300ms ease-in;
			-webkit-backface-visibility: hidden;
		}

.gallery_wrap figure:after {   
			box-shadow: inset 0 0 10em rgba(0, 0, 0,.33);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
			content: "";
	 	}

.gallery_wrap .description {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(255, 255, 255,.85);
    padding: .5em;
    min-height: 20%;
    z-index: 2;
	}

.gallery_wrap .description h2 {
			font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 1rem;
			color: #222;
			padding-bottom: 0;
			margin-bottom: 0;
			line-height: 1.2;
		}

.gallery_wrap .description p {
				font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
				font-size: .875rem;
				color: #222;
				padding-bottom: 0;
				margin-bottom: 0;
				line-height: 1.2;
		}

.gallery_wrap:hover figure {   
	box-shadow: inset 0 0 0 transparent;
}

.gallery_wrap figure:hover img {
	opacity: .25;
	-webkit-transition: grayscale 0.5s ease;
	-webkit-filter: grayscale(100%);
}

/* Work Single */

.single-work_archive h1 {
    font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var(--brand-color-primary);
    font-size: 24px;
    padding-bottom: 10px;
    float: left;
}

.single-work_archive .page-title span {
    font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var(--brand-color-primary);
    color: #999;
    font-size: 24px;
    padding-bottom: 10px;
    line-height: 1em;
    float: left;
}

.work-wrap {
	position: relative;
}

.work-wrap .page-description p {
	color: #777;
}

.work-wrap img {
	width: 100%;
	margin-bottom: 1em;
}

.work_description {
	margin: 3rem 0 1.5rem;
}

@media screen and (max-width: 1024px) {
	#video-wrapper {
		float: left;
		width: 100%;
		padding: 0 2% 2%;
	}
	#portfolio aside {
		width: 100%;
		padding: inherit 2%;
		float: left;
	}
	#portfolio aside h4 {
		padding: 0 0 2%;
	}
	#portfolio aside p {
		margin: 0;
		padding: 0 0 inherit;
	}
	#portfolio article img {
		width: 100%;
		float: left;
		padding: 0 2% 2%;
	}
}

@media screen and (max-width: 667px) {
	.gallery_wrap .description h2 {
		font-size: 14px;
	}
	.gallery_wrap .description p {
		font-size: 12px;
	}
}

@media screen and (max-width: 480px) {
	.service-project ul {
		-moz-column-count: 1;
		     column-count: 1;
	}
	.gallery_wrap .description {
		height: 3.5em;
	}
	.gallery_wrap .description h2 {
		font-size: 13px;
	}
	.gallery_wrap .description p {
		font-size: 11px;
	}
}

/*========================================================================
	ELEMENTS 
========================================================================*/

#elements .main {
	margin-bottom: 3em
}

.element-card {
	background-image: -webkit-radial-gradient(left top, ellipse farthest-corner,transparent 0%,transparent 63%,rgb(238, 238, 238) 100%);
}

.element-card:nth-child(even) {
		background-image: -webkit-radial-gradient(right top, ellipse farthest-corner,transparent 0%,transparent 63%,rgb(238, 238, 238) 100%);
	}

.element-card:nth-child(even) .element-card__image-container {
			flex-direction: column;
		}

@media (min-width: 1024px) {

.element-card:nth-child(even) .element-card__image-container {
				flex-direction: row-reverse
		}
			}

.element-card__image-container {
		display: flex;
		gap: 2rem;
		flex-direction: column;
		align-items: center;
		padding: 2rem 0;
	}

@media (min-width: 576px) {
		}

@media (min-width: 768px) {
		}

@media (min-width: 1024px) {

.element-card__image-container {
			flex-direction: row
	}
		}

.element-card .info-wrap {
		width: 100%;
		text-align: center;
		position: relative;
	}

@media (min-width: 1024px) {

.element-card .info-wrap {
			width: 60%
	}
	}

.element-card .info-wrap__title {
			font-family: 'VeneerClean-Reg','Helvetica Neue', Helvetica, Arial, sans-serif;
			text-align: center;
			line-height: 1;
		}

.element-card .info-wrap p {
			text-align: center;
			line-height: 1.4;
			font-size: 1rem;
			color: #444;
			max-width: 90%;
			margin: 0 auto 1rem;
		}

@media (min-width: 768px) {

.element-card .info-wrap p {
				max-width: 70%
		}
			}

.element-card__image-crop {
		position: relative;
		width: 100%;
		height: 200px;
		clip-path: polygon(0 100%, 20% 0, 100% 0, 80% 100%);
	}

@media (min-width: 768px) {

.element-card__image-crop {
			width: 80%;
			height: 200px
	}
		}

@media (min-width: 1024px) {

.element-card__image-crop {
			width: 40%;
			height: 300px
	}
		}

.element-card__image-crop img {
			min-width: 100%;
			min-height: 100%;
			margin: auto;
		}

/* Image Wrap */

.image-wrap {
	position: relative;
	width: 19%;
	margin: .5%;
	vertical-align: bottom;
}

.image-wrap:before{
		content: "";
		display: block;
	}

.image-wrap img {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
		max-height: 300px;
	}

.image-wrap p {
		padding-top: 10px;
		text-align: center;
	
	}

div.element_image {
    width: 100%;
    padding-bottom: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

#finishes .special {
	background: transparent;
}

.page-template-page-elements .special p {
	text-align: center;
	color: #555;
	font-size: 24px;
}

.page-template-page-elements #element-feature img {
	margin-bottom: 2rem;
}

.special {
	background: ;
	padding-top: 40px;
	padding-bottom: 40px;
}

#element-feature h2 {
	text-align: center;
}

@media (max-width: 667px) {
		/* ELEMENTS
	-----------------------------*/
	#element-list article {
		padding: 20px 0;
	}
	#elements .element-card__image-crop {
			padding-bottom: 50%;
	}
	#elements .element-card__image-crop img {
		top: -50%;
	}
	#element-list article .info-wrap {
			transform: translateY(0%);
	}
}

/*========================================================================
	SERVICES 
========================================================================*/

.service-type h3 {
		font-family: 'Veneer','Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 24px;
		line-height: 1.4;
		text-align: center;
		color: var(--brand-color-primary);
		margin-bottom: 20px;
	}

.service-type p {
		font-size: 14px;
			line-height: 1.8;
	}

.service-type img {
		text-align: center;
		width: 8rem;
		margin: 0 auto 30px;
	}

.service-project p {
		font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 24px;
		color: rgba(38, 113, 42, 1);
	}

.service-project ul {
		-moz-column-count: 3;
		     column-count: 3;
	
	}

@media screen and (max-width: 667px) {

.service-project ul {
			-moz-column-count: 2;
			     column-count: 2
	
	}
		}

.service-project ul li {
			line-height: 1.8;
			list-style: none;
		}

/*========================================================================
	ABOUT 
========================================================================*/

#about article {
	float: left;
	padding: 0 1% 2%;
}

#about article p {
	width: 50%;
	max-width: 100%;
	padding: 1% 1% inherit;
	float: left;
}

#about article img {
	max-width: 50%;
	padding: 1%;
	float: right;
}

@media screen and (max-width: 667px) {
	
	#about article p {
		width: 100%;
		padding: 0 2% 1.125em;
	}
	#about article img {
		max-width: 100%;
		float: left;
		padding: 0 2% 2%;
	}

}

/*========================================================================
	HISTORY 
========================================================================*/

/*========================================================================
	CONTACT 
========================================================================*/

#contact #pre-footer {
	border-top: 4px solid var(--brand-color-primary);
}

#quick-contact {
	background: #ddd;
}

#quick-contact form {
	padding: 20% 0;
}

.contact_form {
	padding-bottom: 60px;
}

form {
	width: 100%;
	float: left;
}

fieldset {
	max-width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

label {
    font-family: 'VerbExtrabold','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .75em;
    text-transform: uppercase;
    color: #333;
    letter-spacing: .0625em;
}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="week"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input[type="color"], 
textarea, 
input.wpcf7-form-control.wpcf7- {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background: #eee;
	font-family: inherit;
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: none;
	color: rgba(0, 0, 0, 0.65);
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	font-size: 1rem;
	margin: 0;
	padding: 0.5rem;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
	outline: none;
}

select {
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	background: transparent !important;
}

.dropdown {
	background: url('/wp-content/themes/ccw//assets/images/dropdown-arrow.png') no-repeat right #e9e9e9;
	width: 100%;
	height: 40px;
}

optgroup {
	background: transparent !important;
	-webkit-appearance: none;
}

option {
	background: transparent;
}

.option {
	background: #ff6937;
}

input:focus, textarea:focus {
	background: #f8f8f8;
	color: #181818;
	transition: all .5s, font-size 0s;
}

#textarea {
	max-width: 100%;
	height: auto;
	resize: none;
	padding: .8em;
	margin: 0;
	border: none;
}

.submitbutton {
	width: auto;
	height: auto;
	margin: 0;
	padding: 1.4em 1.4em 1.2em;
	font-family: 'VerbRegular','Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	background: #ff6937;
	background: #f48458;
	border: none;
	letter-spacing: .075em;
	font-size: .75em
}

.submitbutton:hover {
	color: #fff;
	cursor: pointer;
	background: #f48458;
	background: #ff6937;
}

.submitbutton:active {
	color: #fff;
	cursor: pointer;
	position: relative;
	top: 2px;
	background: #f48458;
}

div.wpcf7-form-control-wrap {
	padding-top: 20px;
}

@media screen and (max-width: 667px) {
	#contact article {
		width: 100%;
		padding: 0 2% 2%;
	}
	form {
		width: 96%;
		margin: 2% 2% 2%;
		float: left;
		clear: both;
	}
}

/*========================================================================
	* THANK YOU *
========================================================================*/

#thanks .thanks {
	max-width: 600px;
	margin: 50px auto 200px auto;
	text-align: center;
}

#thanks .thanks h2 {
	margin: 0 auto 20px auto;
}

#thanks .thanks p {
	max-width: 460px;
	margin: 0 auto 10px auto;
	text-align: center;
}

/* ==========================================================================
   mmenu
   ========================================================================== */

.mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;z-index:0;box-sizing:border-box}

.mm-btn,.mm-menu{box-sizing:border-box}

.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}

.mm-listview .mm-next:before,.mm-listview>li:not(.mm-divider):after,.mm-next:after,.mm-prev:before{content:'';bottom:0}

.mm-hidden{display:none!important}

.mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block}

.mm-wrapper{overflow-x:hidden;position:relative}

.mm-menu{padding:0;position:absolute;bottom:0}

.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute;bottom:0}

.mm-btn,.mm-panel.mm-highest{z-index:1}

.mm-panels{overflow:hidden}

.mm-panel{transition:transform .4s ease;transform:translate(100%,0);transform:translate3d(100%,0,0)}

.mm-panel.mm-opened{transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-panel.mm-subopened{transform:translate(-30%,0);transform:translate3d(-30%,0,0)}

.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}

.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}

.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}

.mm-vertical .mm-panel{transform:none!important}

.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}

.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}

.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}

.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}

.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}

.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{transform:rotate(225deg);right:19px}

.mm-btn{width:40px;height:40px;position:absolute;top:0}

.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(-45deg)}

.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}

.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}

.mm-next:after,.mm-prev:before{border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0}

.mm-prev:before{transform:rotate(-45deg);left:23px;right:auto}

.mm-next:after{transform:rotate(135deg);right:23px;left:auto}

.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}

.mm-navbar>*{display:block;padding:10px 0}

.mm-navbar .mm-btn:first-child{left:0}

.mm-navbar .mm-btn:last-child{text-align:right;right:0}

.mm-panel .mm-navbar{display:none}

.mm-panel.mm-hasnavbar .mm-navbar{display:block}

.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}

.mm-listview{font:inherit;font-size:14px;line-height:20px}

.mm-listview>li{position:relative}

.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}

.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}

.mm-listview>li:not(.mm-divider):after{border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;left:20px}

.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}

.mm-listview .mm-next:before{border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;left:0}

.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}

.mm-listview .mm-next.mm-fullsubopen{width:100%}

.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}

.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}

.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}

.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}

.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}

.mm-listview .mm-inset>li{padding:5px 0}

.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}

.mm-listview .mm-spacer{padding-top:40px}

.mm-listview .mm-spacer>.mm-next{top:40px}

.mm-listview .mm-spacer.mm-divider{padding-top:25px}

.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}

.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}

.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}

.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}

.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}

.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}

.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}

.mm-page{box-sizing:border-box;position:relative}

.mm-slideout{transition:transform .4s ease;z-index:1}

html.mm-opened{overflow-x:hidden;position:relative}

html.mm-blocking,html.mm-blocking body{overflow:hidden}

html.mm-background .mm-page{background:inherit}

#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}

html.mm-blocking #mm-blocker{display:block}

.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed;width:80%;min-width:140px;max-width:440px}

.mm-menu.mm-offcanvas.mm-current{display:block}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened{z-index:10}

html.mm-opening .mm-slideout{transform:translate(80%,0);transform:translate3d(80%,0,0)}

@media all and (max-width:175px){html.mm-opening .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:550px){html.mm-opening .mm-slideout{transform:translate(440px,0);transform:translate3d(440px,0,0)}
   }

.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom,.mm-menu.mm-offcanvas.mm-autoheight.mm-top{max-height:80%}

.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen{max-height:100%}

.mm-menu.mm-offcanvas.mm-measureheight .mm-panel{display:block!important}

.mm-menu.mm-offcanvas.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important}

.mm-menu.mm-columns{transition-property:transform,width,max-width}

.mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;transition-property:transform,width}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{transform:translate(-100%,0);transform:translate3d(-100%,0,0);z-index:2}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;transform:translate(100%,0);transform:translate3d(100%,0,0)}

.mm-menu.mm-offcanvas.mm-columns-0{width:80%;min-width:140px;max-width:0}

html.mm-opening.mm-columns-0 .mm-slideout{transform:translate(80%,0);transform:translate3d(80%,0,0)}

@media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{transform:translate(0,0);transform:translate3d(0,0,0)}
   }

html.mm-right.mm-opening.mm-columns-0 .mm-slideout{transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-0 .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:0px){html.mm-right.mm-opening.mm-columns-0 .mm-slideout{transform:translate(0,0);transform:translate3d(0,0,0)}
   }

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{transform:translate(100%,0);transform:translate3d(100%,0,0)}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;transform:translate(200%,0);transform:translate3d(200%,0,0)}

.mm-menu.mm-offcanvas.mm-columns-1{width:80%;min-width:140px;max-width:440px}

html.mm-opening.mm-columns-1 .mm-slideout{transform:translate(80%,0);transform:translate3d(80%,0,0)}

@media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{transform:translate(440px,0);transform:translate3d(440px,0,0)}
   }

html.mm-right.mm-opening.mm-columns-1 .mm-slideout{transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-1 .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:550px){html.mm-right.mm-opening.mm-columns-1 .mm-slideout{transform:translate(-440px,0);transform:translate3d(-440px,0,0)}
   }

.mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{transform:translate(200%,0);transform:translate3d(200%,0,0)}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;transform:translate(300%,0);transform:translate3d(300%,0,0)}

.mm-menu.mm-offcanvas.mm-columns-2{width:80%;min-width:140px;max-width:880px}

html.mm-opening.mm-columns-2 .mm-slideout{transform:translate(80%,0);transform:translate3d(80%,0,0)}

@media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{transform:translate(880px,0);transform:translate3d(880px,0,0)}
   }

html.mm-right.mm-opening.mm-columns-2 .mm-slideout{transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-2 .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:1100px){html.mm-right.mm-opening.mm-columns-2 .mm-slideout{transform:translate(-880px,0);transform:translate3d(-880px,0,0)}
   }

.mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{transform:translate(300%,0);transform:translate3d(300%,0,0)}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;transform:translate(400%,0);transform:translate3d(400%,0,0)}

.mm-menu.mm-offcanvas.mm-columns-3{width:80%;min-width:140px;max-width:1320px}

html.mm-opening.mm-columns-3 .mm-slideout{transform:translate(80%,0);transform:translate3d(80%,0,0)}

@media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{transform:translate(1320px,0);transform:translate3d(1320px,0,0)}
   }

html.mm-right.mm-opening.mm-columns-3 .mm-slideout{transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-3 .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:1650px){html.mm-right.mm-opening.mm-columns-3 .mm-slideout{transform:translate(-1320px,0);transform:translate3d(-1320px,0,0)}
   }

.mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{transform:translate(400%,0);transform:translate3d(400%,0,0)}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;transform:translate(500%,0);transform:translate3d(500%,0,0)}

.mm-menu.mm-offcanvas.mm-columns-4{width:80%;min-width:140px;max-width:1760px}

html.mm-opening.mm-columns-4 .mm-slideout{transform:translate(80%,0);transform:translate3d(80%,0,0)}

@media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{transform:translate(1760px,0);transform:translate3d(1760px,0,0)}
   }

html.mm-right.mm-opening.mm-columns-4 .mm-slideout{transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-4 .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:2200px){html.mm-right.mm-opening.mm-columns-4 .mm-slideout{transform:translate(-1760px,0);transform:translate3d(-1760px,0,0)}
   }

.mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{transform:translate(500%,0);transform:translate3d(500%,0,0)}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;transform:translate(600%,0);transform:translate3d(600%,0,0)}

.mm-menu.mm-offcanvas.mm-columns-5{width:80%;min-width:140px;max-width:2200px}

html.mm-opening.mm-columns-5 .mm-slideout{transform:translate(80%,0);transform:translate3d(80%,0,0)}

@media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{transform:translate(2200px,0);transform:translate3d(2200px,0,0)}
   }

html.mm-right.mm-opening.mm-columns-5 .mm-slideout{transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-5 .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:2750px){html.mm-right.mm-opening.mm-columns-5 .mm-slideout{transform:translate(-2200px,0);transform:translate3d(-2200px,0,0)}
   }

.mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{transform:translate(600%,0);transform:translate3d(600%,0,0)}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;transform:translate(700%,0);transform:translate3d(700%,0,0)}

.mm-menu.mm-offcanvas.mm-columns-6{width:80%;min-width:140px;max-width:2640px}

html.mm-opening.mm-columns-6 .mm-slideout{transform:translate(80%,0);transform:translate3d(80%,0,0)}

@media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{transform:translate(2640px,0);transform:translate3d(2640px,0,0)}
   }

html.mm-right.mm-opening.mm-columns-6 .mm-slideout{transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-6 .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:3300px){html.mm-right.mm-opening.mm-columns-6 .mm-slideout{transform:translate(-2640px,0);transform:translate3d(-2640px,0,0)}
   }

.mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%}

em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}

em.mm-counter+a.mm-next{width:90px}

em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}

em.mm-counter+a.mm-fullsubopen{padding-left:0}

.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span,em.mm-counter+a.mm-fullsubopen+a,em.mm-counter+a.mm-fullsubopen+span{padding-right:90px}

.mm-vertical>.mm-counter{top:12px;margin-top:0}

.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}

.mm-nosubresults>.mm-counter{display:none}

.mm-menu em.mm-counter{color:rgba(0,0,0,.3)}

.mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}

.mm-divider.mm-opened a.mm-next:after{transform:rotate(45deg)}

.mm-collapsed:not(.mm-uncollapsed){display:none}

.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-fixeddivider:after{content:none!important;display:none!important}

.mm-hasdividers .mm-fixeddivider{display:block}

.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)}

html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{transition-duration:0s}

.mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}

html.mm-dropdown .mm-slideout{transform:none!important;z-index:0}

html.mm-dropdown #mm-blocker{transition-delay:0s!important;z-index:1}

html.mm-dropdown .mm-menu{z-index:2}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none}

.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;transform:rotate(45deg)}

.mm-menu.mm-tipleft:before{left:22px}

.mm-menu.mm-tipright:before{right:22px}

.mm-menu.mm-tiptop:before{top:-8px}

.mm-menu.mm-tipbottom:before{bottom:-8px}

.mm-iconpanel .mm-panel{transition-property:transform,left}

.mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit}

.mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}

.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}

.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}

.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}

.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}

.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}

.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}

.mm-subblocker{background:inherit;opacity:0;display:block;transition:opacity .4s ease}

.mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3}

.mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none}

.mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0}

.mm-navbar-bottom~.mm-navbar-bottom{border-top:none}

.mm-navbar.mm-hasbtns{padding:0 40px}

.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}

.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}

.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}

.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}

.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}

.mm-navbar-top-1{top:0}

.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px}

.mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px}

.mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px}

.mm-hasnavbar-top-4 .mm-panels{top:160px}

.mm-navbar-bottom-1{bottom:0}

.mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px}

.mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px}

.mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px}

.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}

.mm-navbar-size-2{height:80px}

.mm-navbar-size-3{height:120px}

.mm-navbar-size-4{height:160px}

.mm-navbar-content-2>*{width:50%}

.mm-navbar-content-3>*{width:33.33%}

.mm-navbar-content-4>*{width:25%}

.mm-navbar-content-5>*{width:20%}

.mm-navbar-content-6>*{width:16.67%}

.mm-menu.mm-rtl{direction:rtl}

.mm-menu.mm-rtl.mm-offcanvas{right:auto}

.mm-menu.mm-rtl .mm-panel:not(.mm-opened){transform:translate(-100%,0);transform:translate3d(-100%,0,0)}

.mm-menu.mm-rtl .mm-panel.mm-subopened{transform:translate(30%,0);transform:translate3d(30%,0,0)}

.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child{left:auto;right:0}

.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child{right:auto;left:0}

.mm-menu.mm-rtl .mm-navbar .mm-next:after{transform:rotate(-45deg);left:23px;right:auto}

.mm-menu.mm-rtl .mm-navbar .mm-prev:before{transform:rotate(135deg);right:23px;left:auto}

.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after{left:0;right:20px}

.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next){padding-left:10px;padding-right:20px!important;margin-right:0!important}

.mm-menu.mm-rtl .mm-listview .mm-next{right:auto;left:0}

.mm-menu.mm-rtl .mm-listview .mm-next:before{left:auto;right:0}

.mm-menu.mm-rtl .mm-listview .mm-next:after{transform:rotate(-45deg);left:23px;right:auto}

.mm-menu.mm-rtl .mm-listview .mm-next+a,.mm-menu.mm-rtl .mm-listview .mm-next+span{margin-left:50px}

.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span{padding-left:50px}

.mm-menu.mm-rtl em.mm-counter{left:45px;right:auto}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+span{margin-left:90px}

.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span{padding-left:90px}

.mm-menu.mm-rtl label.mm-check,.mm-menu.mm-rtl label.mm-toggle{left:20px;right:auto!important}

.mm-menu.mm-rtl label.mm-toggle+a,.mm-menu.mm-rtl label.mm-toggle+span{padding-left:80px}

.mm-menu.mm-rtl label.mm-check+a,.mm-menu.mm-rtl label.mm-check+span{padding-left:60px}

.mm-menu.mm-rtl a.mm-next+label.mm-check,.mm-menu.mm-rtl a.mm-next+label.mm-toggle{left:60px}

.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{margin-left:50px}

.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{padding-left:70px}

.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span{padding-left:50px}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle{left:100px}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span{margin-left:90px}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-]{left:0}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened{transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel{transition-property:transform,right}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0{right:0}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1{right:40px}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2{right:80px}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3{right:120px}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4{right:160px}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5{right:200px}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6{right:240px}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened{border-left:none;border-right:1px solid;border-color:inherit}

.mm-sronly{text-indent:10px;overflow:hidden;display:block;width:1px;height:1px;position:absolute;z-index:-1}

.mm-search,.mm-search input{box-sizing:border-box}

.mm-search{height:40px;padding:7px 10px 0;position:relative}

.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:4px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px}

.mm-search input::-ms-clear{display:none}

.mm-search .mm-clear,.mm-search .mm-next{right:0}

.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}

.mm-panel.mm-hassearch{padding-top:40px}

.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px}

.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}

.mm-noresults .mm-indexer{display:none!important}

li.mm-nosubresults>a.mm-next{display:none}

li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}

.mm-panels>.mm-resultspanel:not(.mm-opened){transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}

.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)}

.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;transition:right .4s ease;transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-indexer a{text-decoration:none;display:block;height:3.85%}

.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}

.mm-hasindexer .mm-indexer{right:0}

.mm-hasindexer .mm-fixeddivider{right:20px}

.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){transition:background .4s ease}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)}

input.mm-check,input.mm-toggle{position:absolute;left:-10000px}

label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px}

label.mm-check:before,label.mm-toggle:before{content:'';display:block}

label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}

label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}

input.mm-toggle:checked~label.mm-toggle:before{float:right}

label.mm-check{width:30px;height:30px;margin-top:-15px}

label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;transform:rotate(-45deg)}

input.mm-check:checked~label.mm-check:before{opacity:1}

li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px}

label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}

label.mm-check+a,label.mm-check+span{padding-right:60px}

a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}

a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}

a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}

a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}

em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}

em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}

.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}

.mm-menu label.mm-toggle:before{background:#f3f3f3}

.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}

.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.75)}

.mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}

.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}

.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}

.mm-menu.mm-effect-menu-zoom{transition:transform .4s ease}

html.mm-opened .mm-menu.mm-effect-menu-zoom{transform:scale(.7,.7) translate3d(-30%,0,0);transform-origin:left center}

html.mm-opening .mm-menu.mm-effect-menu-zoom{transform:scale(1,1) translate3d(0,0,0)}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{transform:scale(.7,.7) translate3d(30%,0,0);transform-origin:right center}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{transform:scale(1,1) translate3d(0,0,0)}

.mm-menu.mm-effect-menu-slide{transition:transform .4s ease}

html.mm-opened .mm-menu.mm-effect-menu-slide{transform:translate(-30%,0);transform:translate3d(-30%,0,0)}

html.mm-opening .mm-menu.mm-effect-menu-slide{transform:translate(0,0);transform:translate3d(0,0,0)}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{transform:translate(30%,0);transform:translate3d(30%,0,0)}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-menu.mm-effect-menu-fade{opacity:0;transition:opacity .4s ease}

html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1}

.mm-menu.mm-effect-panels-zoom .mm-panel{transform:scale(1.5,1.5) translate3d(100%,0,0);transform-origin:left center}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{transform:scale(1,1) translate3d(0,0,0)}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{transform:scale(.7,.7) translate3d(-30%,0,0)}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{transform:translate(-100%,0);transform:translate3d(-100%,0,0)}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li{transition:none .4s ease}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){transition-delay:50ms}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){transition-delay:.1s}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){transition-delay:150ms}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){transition-delay:.2s}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){transition-delay:250ms}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){transition-delay:.3s}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){transition-delay:350ms}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){transition-delay:.4s}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){transition-delay:450ms}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){transition-delay:.5s}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){transition-delay:550ms}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){transition-delay:.6s}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){transition-delay:650ms}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){transition-delay:.7s}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){transition-delay:750ms}

.mm-menu.mm-effect-listitems-slide .mm-listview>li{transition-property:transform,opacity;transform:translate(50%,0);transform:translate3d(50%,0,0);opacity:0}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{transform:translate(0,0);transform:translate3d(0,0,0);opacity:1}

.mm-menu.mm-effect-listitems-fade .mm-listview>li{transition-property:opacity;opacity:0}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}

.mm-menu.mm-effect-listitems-drop .mm-listview>li{transition-property:opacity,top;opacity:0;top:-25%}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0}

.mm-menu.mm-offcanvas.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}

html.mm-opening.mm-fullscreen .mm-slideout{transform:translate(100%,0);transform:translate3d(100%,0,0)}

@media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{transform:translate(140px,0);transform:translate3d(140px,0,0)}
   }

@media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{transform:translate(10000px,0);transform:translate3d(10000px,0,0)}
   }

html.mm-right.mm-opening.mm-fullscreen .mm-slideout{transform:translate(-100%,0);transform:translate3d(-100%,0,0)}

@media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{transform:translate(-10000px,0);transform:translate3d(-10000px,0,0)}
   }

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}

html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:flex;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){flex:1 1 0}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0}

.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal}

html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0}

html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;transition:opacity .4s ease .4s}

html.mm-pagedim #mm-blocker{background:inherit}

html.mm-pagedim-white #mm-blocker{background:#fff}

html.mm-pagedim-black #mm-blocker{background:#000}

.mm-menu.mm-popup{transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);transform:translate3d(-50%,-50%,0)}

html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1}

html.mm-popup .mm-slideout{transform:none!important;z-index:0}

html.mm-popup #mm-blocker{transition-delay:0s!important;z-index:1}

html.mm-popup .mm-menu{z-index:2}

.mm-menu.mm-offcanvas.mm-right{left:auto}

html.mm-right.mm-opening .mm-slideout{transform:translate(-80%,0);transform:translate3d(-80%,0,0)}

@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{transform:translate(-140px,0);transform:translate3d(-140px,0,0)}
   }

@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{transform:translate(-440px,0);transform:translate3d(-440px,0,0)}
   }

html.mm-front .mm-slideout{transform:none!important;z-index:0}

html.mm-front #mm-blocker{z-index:1}

html.mm-front .mm-menu.mm-offcanvas{z-index:2}

.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{transition:transform .4s ease;transform:translate(-100%,0);transform:translate3d(-100%,0,0)}

.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{transform:translate(100%,0);transform:translate3d(100%,0,0)}

.mm-menu.mm-offcanvas.mm-top{transform:translate(0,-100%);transform:translate3d(0,-100%,0)}

.mm-menu.mm-offcanvas.mm-bottom{transform:translate(0,100%);transform:translate3d(0,100%,0);top:auto}

.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}

html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{transform:translate(0,0);transform:translate3d(0,0,0)}

.mm-menu.mm-shadow-page:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99}

.mm-menu.mm-shadow-page.mm-right:after{left:auto;right:100%}

.mm-menu.mm-shadow-page.mm-front:after,.mm-menu.mm-shadow-page.mm-next:after{content:none;display:none}

.mm-menu.mm-shadow-page:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.3)}

.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}

.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}

.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}

.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}

.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}

.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}

.mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}

.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}

.mm-menu.mm-shadow-page.mm-theme-dark:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}

.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}

.mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}

.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}

.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}

.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}

.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}

.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}

.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}

.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}

.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}

.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}

.mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)}

.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}

.mm-menu.mm-shadow-page.mm-theme-white:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}

.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}

.mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}

.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}

.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}

.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}

.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}

.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}

.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}

.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}

.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}

.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}

.mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}

.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}

.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}

.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}

.mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}

.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}

.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}

.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}

.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}

.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}

.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative}

.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}

.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}

.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}

.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}

.mm-menu.mm-tileview .mm-listview{margin:0}

.page-template-lead-gen .content-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;

  }

@media screen and (min-width: 768px) {

.page-template-lead-gen .content-wrap {
      grid-template-columns: 50% 300px

  }
    }

.page-template-lead-gen .page-body {
    position: relative;
    top: -5rem;
    order: 1;

  }

@media screen and (min-width: 768px) {

.page-template-lead-gen .page-body {
      top: 0rem;
      order: -1

  }
    }

.page-template-lead-gen .lead-gen-form {
    background: #f6f6f6;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    padding: 1.5rem;
    margin: 0 auto 2rem;
    border: 2px solid var(--brand-color-primary);
    border-radius: 1rem;
    position: relative;
    top: -5rem;
    z-index: 1;
    order: -1;

  }

@media screen and (min-width: 768px) {

.page-template-lead-gen .lead-gen-form {
      top: -5rem;
      order: 1

  }
    }

.page-template-lead-gen .lead-gen-form form p:last-of-type {
      margin-bottom: 0;

    }

.page-template-lead-gen .lead-gen-form form p:last-of-type input[type="submit"] {
        margin-bottom: 0;
      }

.page-template-lead-gen .lead-gen-form label {
      color: var(--brand-color-primary);
    }

.page-template-lead-gen .lead-gen-form input[type="text"], 
    .page-template-lead-gen .lead-gen-form input[type="password"], 
    .page-template-lead-gen .lead-gen-form input[type="date"], 
    .page-template-lead-gen .lead-gen-form input[type="datetime"], 
    .page-template-lead-gen .lead-gen-form input[type="datetime-local"], 
    .page-template-lead-gen .lead-gen-form input[type="month"], 
    .page-template-lead-gen .lead-gen-form input[type="week"], 
    .page-template-lead-gen .lead-gen-form input[type="email"], 
    .page-template-lead-gen .lead-gen-form input[type="number"], 
    .page-template-lead-gen .lead-gen-form input[type="search"], 
    .page-template-lead-gen .lead-gen-form input[type="tel"], 
    .page-template-lead-gen .lead-gen-form input[type="time"], 
    .page-template-lead-gen .lead-gen-form input[type="url"], 
    .page-template-lead-gen .lead-gen-form input[type="color"], 
    .page-template-lead-gen .lead-gen-form textarea {
      background: #fff;
      border: 2px solid var(--brand-color-primary);
      border-radius: .25rem;
    }

.reverse-layout {
  flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {

.reverse-layout {
    flex-direction: row
}
  }