/*
Theme Name: Liteco
Version: 99.0
Description: Custom website by Intervision
Author: Ehren Fergusson
Author URI: https://intervision.com.au
*/






/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/






/************************************/
/************ START CSS *************/

.fa { font-style: normal !important;}
.shadow { box-shadow: 0 15px 40px rgba(0,0,0,0.1);}
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; transition:.5s; overflow: hidden;}

.text .small { font-size: 12px; line-height: 1.3em;}

/* Buttons */

.btn { 
	display: inline-block; 
	position: relative; 
	padding: 17px 40px; 
	font-size: 14px; 
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 1em; 
	text-align: center; 
	overflow: hidden;
	white-space: normal; 
	cursor: pointer;
	font-weight: 700;
	border-radius: 0;
	transition:.5s;
}
.btn.center 	{ margin: 0 auto;}
.btn.full 		{ display: block;}
.btn.small 		{ padding: 8px 15px;}
.btn.big 		{ font-size: 1.3em; padding: 15px 40px;}

.btn.btn_primary 	{ color: #fff; background: #ED1D23;}
.btn.btn_secondary 	{ color: #ED1D23; background: #fff;}

a:hover .btn.btn_primary,
.btn.btn_primary:hover 		{ color: #fff; background: #ED1D23;}
a:hover .btn.btn_secondary,
.btn.btn_secondary:hover 	{ color: #fff; background: #ED1D23;}

/****************************************************/
/* HEADERS */
/****************************************************/

#header { 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9995;
	height: 75px;
	background: none;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    transition: .5s;
}
	#header.up { background: rgba(255,255,255,0);}
	#header.down { background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);}
	#header.no_bg { background: rgba(255,255,255,0.9) !important ;-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);}
	#header.active { background: none !important; box-shadow: none !important;}
	#header.no_bg.active { background: none !important;}
	body.admin-bar #header { top: 32px;}

.site_gap { position: relative; height: 0;}

@media (max-width: 767px) {
	#header { height: 60px;}
}

/* Logo */

#header #logo { position: relative; line-height: 1em; height: 50px; width: 140px; margin-left: 20px;}
	#header #logo img { position: absolute; top: 0; left: 0; width: 140px; height: 50px; transition:.3s;}
	#header.up #logo img.white { opacity: 1;}
	#header.down #logo img.white { opacity: 0;}
	#header.up #logo img.dark { opacity: 0;}
	#header.down #logo img.dark { opacity: 1;}
	
	#header.up.no_bg #logo img.white { opacity: 0;}
	#header.up.no_bg #logo img.dark { opacity: 1;}
	
	#header.active #logo img.dark { opacity: 0 !important;}
	#header.active #logo img.white { opacity: 1 !important;}

@media (max-width: 767px) {
	#header #logo { height: 30px; width: 84px; margin-left: 8px;}
	#header #logo img { top: 0; left: 0; width: 84px; height: 30px;}
	
	#header.active #logo img.dark { opacity: 0 !important;}
	#header.active #logo img.white { opacity: 1 !important;}
}

/* Menu */

#menu { position: relative; padding-right: 60px;}
	#header.down #menu {}
	#menu nav > ul {
		height: 80px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		transition:.3s;
	}
	#header.active #menu nav > ul { margin-right: -30px; opacity: 0;}
	#menu nav > ul > li { display: inline-block; position: relative;}
	#menu nav ul li a { display: block; font-size: 16px; text-transform: none; color: #fff; cursor: pointer; font-weight: 700; text-decoration: none; transition: .5s;}
	#menu nav > ul > li > a { padding: 12px; margin: 0 1px; line-height: 1em; white-space: nowrap;}
	#menu nav > ul > li > a:hover,
	#menu nav > ul > li.hover > a { background: rgba(0,0,0, 0.1);}
	#menu nav > ul > li.current-menu-item > a { color: #fff;}
	#menu nav > ul > li.menu-item-has-children > a:after { content:"\f107"; font-family: FontAwesome; display: inline-block; padding-left: 5px; color: #99A2AE;}
	#menu nav > ul > li.current-menu-item:hover > a:before,
	#menu nav > ul > li.current-menu-parent:hover > a:before { top: 4px; opacity: 0;}
	
	#menu nav > ul > li > ul:before { content: ''; position: absolute; left: 12px; top: -7px; width: 0px; height: 0px; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #fff transparent;}
	#menu nav > ul > li > ul { display: none; position: absolute; top: 59px; left: -5px; background: #fff; border-radius: 5px; padding: 4px 0; width: 200px; box-shadow: 0 10px 30px rgba(42, 60, 98, 0.2); }
	#menu nav > ul > li > ul > li { display: block; position: relative;}
	#menu nav > ul > li > ul > li > a { color: #222327; padding: 12px; margin: 1px 5px; background: rgba(234, 232, 228, 0); border-radius: 5px; line-height: 1.2em;}
	#menu nav > ul > li > ul > li > a:hover,
	#menu nav > ul > li > ul > li.current-menu-item > a { color: #222327; background: rgba(234, 232, 228, 0.5);}
	
	#menu nav > ul > li.menu-item-has-children:last-child > ul { left: auto; right: -20px;}
	
	/* Action */
	
	#menu nav > ul > li.action > a { padding: 15px 30px; background: #222327; color: #fff !important; box-shadow: 0 0 0 5px rgba(0,0,0, 0.3); margin-left: 20px;}
	#menu nav > ul > li.action > a:hover,
	#header.down #menu nav > ul > li.action > a:hover { background: #222327;}
	
	/* Light */
	
	#header.white.up #menu nav > ul > li > a,
	#header.down #menu nav > ul > li > a { color: #222327;}
	#header.white.up #menu nav > ul > li > a:hover,
	#header.white.up #menu nav > ul > li.hover > a,
	#header.down #menu nav > ul > li > a:hover,
	#header.down #menu nav > ul > li.hover > a { color: #222327; background: rgba(234, 232, 228, 0.5);}
	#header.white.up #menu nav > ul > li.current-menu-item > a,
	#header.down #menu nav > ul > li.current-menu-item > a { color: #222327;}

/* Mobile Button */

.menu_button { position: absolute; top: 50%; margin-top: -20px; right: 10px; border-radius: 5px; display: block; width: 40px; height: 40px; cursor: pointer;}
	.menu_button.active {}
	.menu_button:before, 
	.menu_button:after { content: ''; display: block; width: 20px; height: 2px; border-radius: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform-origin: center; transition:.2s;}
	.menu_button:before { margin: -5px 0 0 -10px;}
	.menu_button:after { margin: 3px 0 0 -10px;}
	.menu_button.active:before { margin: -1px 0 0 -10px; transform: rotate(45deg); background: #fff !important;}
	.menu_button.active:after { margin: -1px 0 0 -10px; transform: rotate(-45deg); background: #fff !important;}
	
	#header.white.up .menu_button:before, 
	#header.white.up .menu_button:after,
	#header.down .menu_button:before, 
	#header.down .menu_button:after { background: #222327;}
	
	@media (max-width: 1099px) {
		.menu_button { display: block !important;}
		#menu { display: none;}
	}
	@media (max-width: 767px) {
		.menu_button { right: 10px;}
	}

/* Mega Menu */

.menu_mega { background: linear-gradient(0deg, rgba(9,9,10,1) 0%, rgba(34,35,39,1) 100%); color: #fff; z-index: 7000;}
	.menu_mega { scrollbar-width: auto; scrollbar-color: #222327;}
	.menu_mega::-webkit-scrollbar { width: 10px;}
	.menu_mega::-webkit-scrollbar-track { background: none;}
	.menu_mega::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border: none; border-radius: 10px;}
	
	.menu_mega .cover { position: absolute; top: 0; left: 0; width: calc(50% - 400px); height: 100%; background: no-repeat center center; background-size: cover; z-index: 7001; opacity: 0.5;}
	
	.menu_mega .wrapper { position: relative; width: 100%; height: 100%; padding: 80px 0; z-index: 7002;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.menu_mega:after { content: ''; display: block; position: absolute; top: 0; left: calc(50% - 500px); width: 100%; max-width: 700px; height: 450px; background: url('_assets/svg/pattern-intro.svg') no-repeat top left; z-index: 1; opacity: 0.12;}
	
	.menu_mega .wrapper .headline { font-weight: 700;}
	.menu_mega .wrapper .headline .h1 { font-size: 3.33em;}
	.menu_mega .wrapper .divider { display: block; width: 0; height: 5px; background: #fff; margin: 40px 0; transition: 1s;}
	.menu_mega .wrapper .divider.active { width: 100%;}
	.menu_mega .wrapper .address { font-size: 16px; line-height: 1.5em; font-weight: 700; color: #ED1D23;}
	.menu_mega .wrapper .address a { color: #ED1D23; font-weight: 700; text-decoration: none;}
	.menu_mega .wrapper .address a:hover { color: #ED1D23;}
	.menu_mega .wrapper .headline .cta .btn { width: 100%;}
	
	.menu_mega .menus { padding-top: 20px;}
	
	.menu_mega .menus .main_menu { padding-right: 30px;}
	.menu_mega .menus .main_menu ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.menu_mega .menus .main_menu ul > li { display: block; position: relative; width: 100%;}
	.menu_mega .menus .main_menu ul li a { display: block; position: relative; font-size: 2.22em; text-transform: none; color: #fff; cursor: pointer; text-decoration: none; transition: .5s; padding: 10px 0; line-height: 1em; white-space: nowrap;}
	.menu_mega .menus .main_menu ul > li > a:after { content: ''; display: block; position: absolute; bottom: 7px; left: 0; width: 0; opacity: 0; height: 2px; background: #ED1D23; transition: .5s;}
	.menu_mega .menus .main_menu ul > li > a:hover { color: #ED1D23;}
	.menu_mega .menus .main_menu ul > li > a:hover:after { width: 100%; opacity: 1;}
	.menu_mega .menus .main_menu ul > li.current-menu-item > a,
	.menu_mega .menus .main_menu ul > li.current-menu-parent > a { color: #ED1D23;}
	.menu_mega .menus .main_menu ul > li.sub { display: inline-block; width: auto;}
	.menu_mega .menus .main_menu ul > li.sub a { font-size: 16px; padding-right: 10px; color: #6E717E;}
	.menu_mega .menus .main_menu ul > li.sub a:hover { color: #fff;}
	.menu_mega .menus .main_menu ul > li.sub > a:hover:after { width: calc(100% - 10px); opacity: 1; background: #fff;}
	
	.menu_mega .menus .sub_menu { padding-right: 30px;}
	.menu_mega .menus .sub_menu ul > li { display: block; position: relative;}
	.menu_mega .menus .sub_menu ul li a { display: block; position: relative; font-size: 2.22em; text-transform: none; color: #fff; cursor: pointer; text-decoration: none; transition: .5s; padding: 10px 0; line-height: 1em; white-space: nowrap;}
	.menu_mega .menus .sub_menu ul ul li a { display: inline-block; font-size: 1em; padding: 7px 0; line-height: 1em;}
	.menu_mega .menus .sub_menu ul > li > a:after { content: ''; display: block; position: absolute; bottom: 7px; left: 0; width: 0; opacity: 0; height: 2px; background: #ED1D23; transition: .5s;}
	.menu_mega .menus .sub_menu ul > li > ul { padding-top: 10px;}
	.menu_mega .menus .sub_menu ul > li > ul > li > a:after { content: ''; display: block; position: absolute; bottom: 2px; left: 0; width: 0; opacity: 0; height: 1px; background: #fff; transition: .5s;}
	.menu_mega .menus .sub_menu ul > li > a:hover { color: #ED1D23;}
	.menu_mega .menus .sub_menu ul > li > a:hover:after { width: 100%; opacity: 1; background: #ED1D23;}
	.menu_mega .menus .sub_menu ul > li.current-menu-item > a,
	.menu_mega .menus .sub_menu ul > li.current-menu-parent > a { color: #ED1D23;}
	
	@media (min-width: 768px) and (max-width: 1299px) {
		
	}
	
	@media (max-width: 767px) {
		.menu_mega .cover { display: none;}
		.menu_mega .wrapper { padding: 90px 0 60px 0;}
		.menu_mega:after { left: 0; width: 100%; height: 450px;}
		
		.menu_mega .wrapper .headline .h1 { font-size: 2.22em; padding-bottom: 30px;}
		.menu_mega .wrapper .divider { margin: 30px 0;}
		.menu_mega .wrapper .address { padding-bottom: 30px;}
		
		.menu_mega .menus { padding-top: 0;}
		.menu_mega .menus .main_menu { padding-right: 0; padding-bottom: 30px;}
		.menu_mega .menus .main_menu ul > li.sub { display: none;}
		
		.menu_mega .menus .sub_menu { padding-right: 0; border-top: 1px solid #6E717E; padding: 30px 0;}
	}

/****************************************************/
/* PAGE BUILDER */
/****************************************************/
	
.grid_container { position: relative; width: 100%; max-width: 1320px; padding: 0 30px; margin: 0 auto; z-index: 5;}
	
	h1.headline,
	h2.headline,
	h3.headline { position: relative;}
	h1.headline span,
	h2.headline span,
	h3.headline span { color: #ED1D23;}
	
	.white + .white { padding-top: 0;}
	
	@media (min-width: 768px) and (max-width: 1099px) {
		.grid_container { padding: 0 20px;}
	}
	
	@media (max-width: 767px) {
		.grid_container { padding: 0 10px;}
	}
	
/****************************************************/
/* Heading */

.block_heading { position: relative; background: #000; overflow: hidden;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}	
	.block_heading figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
	.block_heading figure img { color: #fff; max-width: none; max-height: none; height: 100%; width: 100%; object-fit: cover;}
	.block_heading .overlay { opacity: 1; z-index: 3; background: rgba(0,0,0,0.5);}
	.block_heading .details { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 220px; background: linear-gradient(0deg, rgba(34,35,39,0) 0%, rgba(34,35,39,1) 100%); opacity: 0.5;}
	
	.block_heading .headline { display: block; width: 100%; padding: 250px 0 100px 0; z-index: 99; color: #fff;}
	.block_heading .headline h1 { color: #fff;}
	.block_heading .headline h1 span { color: #ED1D23;}
	.block_heading .headline .divider { display: block; width: 0; height: 5px; background: #fff; margin: 40px 0;}
	.block_heading .headline .info {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: center;
	}
	.block_heading .headline .info .text { font-weight: 500; width: 100%; max-width: 330px;}
	
	@media (max-width: 767px) {	
		.block_heading .details { height: 100px;}
		.block_heading .headline { width: 100%; padding: 100px 0 30px 0;}
		.block_heading .headline .divider { height: 2px; background: #fff; margin: 20px 0;}
		.block_heading .headline .info {
			justify-content: flex-start;
		}
		.block_heading .headline .info .text { font-weight: 500; width: 100%; max-width: 100%;}
	}

/****************************************************/
/* Heading - No Image */
	
.block_heading_txt { position: relative; padding: 220px 0 50px 0;}
	.block_heading_txt h1 {}
	.block_heading_txt .detail { display: block; width: 0; height: 5px; background: #222327; margin: 20px 0;}
	
	.block_heading_txt .meta { display: block; font-size: 16px; font-weight: 600; text-transform: uppercase;}
	.block_heading_txt .meta span {}
	.block_heading_txt .project_filter { position: relative;}
	.block_heading_txt .project_filter ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
	}
	.block_heading_txt .project_filter ul li { display: inline-block; margin: 0 0 10px 0;}
	.block_heading_txt .project_filter ul li a { display: block; padding: 10px 20px; color: #222327; font-weight: 700; transition: .5s;}
	.block_heading_txt .project_filter ul li.current-menu-item a { color: #fff; background: #222327;}
	.block_heading_txt .project_filter ul li a:hover { background: #F7F7F7;}
	
	@media (max-width: 767px) {
		.block_heading_txt { padding: 100px 0 30px 0;}
		.block_heading_txt .detail { height: 2px; margin-bottom: 10px;}
		
		.block_heading_txt .meta { font-size: 12px;}
		.block_heading_txt .project_filter {}
		.block_heading_txt .project_filter ul li { margin: 0;}
		.block_heading_txt .project_filter ul li a { padding: 5px 10px; font-size: 12px;}
	}

/****************************************************/
/* Hero */

.block_hero { position: relative; min-height: 95%; background: #000;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-end;
}
	.block_hero .cycle-slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;}
	.block_hero .cycle-slideshow .slide { background: no-repeat center center; background-size: cover;}
	
	.block_hero .hero_wrap { padding: 250px 0 100px 0; position: relative; width: 100%; z-index: 995; color: #fff;}
	.block_hero .hero_wrap h1 { max-width: 640px;}
	.block_hero .hero_wrap .divider { display: block; width: 0; height: 5px; background: #fff; margin: 40px 0;}
	.block_hero .hero_wrap .info {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: center;
	}
	.block_hero .hero_wrap .info > div { width: 100%; max-width: 330px;}
	.block_hero .hero_wrap .text { font-weight: 500;}
	.block_hero .cta { padding: 20px 0 0 0;}
	.block_hero .cta a { position: relative; display: inline-block; font-weight: 700; color: #fff; font-size: 12px; padding: 10px 0; text-transform: uppercase; transition: .5s;}
	.block_hero .cta a:hover { padding-left: 20px; padding-right: 20px; color: #fff;}
	.block_hero .cta a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #fff; width: 100%; transition: .3s; z-index: -1; transform: skew(-50deg);}
	.block_hero .cta a:hover:after { height: 100%; transform: skew(0); background: #ED1D23;}
	
	.block_hero .overlay { opacity: 1; z-index: 100; background: rgba(0,0,0,0.5);}
	.block_hero .details { position: absolute; top: 0; left: 0; z-index: 101; width: 100%; height: 220px; background: linear-gradient(0deg, rgba(34,35,39,0) 0%, rgba(34,35,39,1) 100%); opacity: 0.5;}
	
	@media (max-width: 767px) {
		.block_hero { min-height: 95%;}
		.block_hero .hero_wrap { padding: 100px 0 50px 0;}
		.block_hero .hero_wrap h1 { max-width: 640px;}
		.block_hero .hero_wrap .divider { height: 2px; margin: 20px 0;}
		.block_hero .hero_wrap .info { justify-content: flex-start;}
		.block_hero .hero_wrap .info > div { width: 100%; max-width: 100%;}
	}
	
/****************************************************/
/* Text Area */

.block_textarea { padding: 100px 0; position: relative;}
	.block_textarea.full { padding: 0;}
	.block_textarea.white + .block_textarea.white { padding-top: 0 !important;}
	.block_textarea.white { background: #fff;}
	.block_textarea.grey { background: #F7F7F7;}
	.block_textarea.pattern { background: url('_assets/svg/pattern-intro.svg') no-repeat left top; overflow: hidden;}
	
	@media (max-width: 767px) {
		.block_textarea { padding: 40px 0;}
	}

/****************************************************/
/* Intro */

.block_intro { position: relative; padding: 100px 0; overflow: hidden;}
	.block_intro .row { position: relative; z-index: 9;}
	.block_intro .stat { display: block; border-left: 1px solid #222327; padding: 0 10px;}
	.block_intro .stat .number { font-size: 4.77em; font-weight: 700; line-height: 1em;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
	}
	.block_intro .stat .desc { font-size: 12px; font-weight: 700; line-height: 1em; display: block; text-transform: uppercase; padding-top: 5px;}
	.block_intro .text { padding-top: 100px; font-size: 2.33em; line-height: 1.2em; max-width: 800px;}
	.block_intro .underlay { position: absolute; top: -100px; left: calc(50% - 500px); width: 700px; height: 450px; z-index: 1; background: url('_assets/svg/pattern-intro.svg') no-repeat top left;}
	.block_intro .underlay2 { position: absolute; bottom: 0; right: 0; width: 310px; height: 360px; z-index: 1; background: url('_assets/svg/pattern-intro2.svg') no-repeat top left;}
	
	@media (max-width: 767px) {
		.block_intro { padding: 40px 0;}
		.block_intro .stat { display: block; border-left: 1px solid #222327; padding: 0 10px; margin: 0 10px 20px 0}
		.block_intro .stat .number { font-size: 2.2em; line-height: 1em;}
		.block_intro .text { padding-top: 40px; font-size: 1.8em; line-height: 1.2em;}
		.block_intro .underlay { position: absolute; top: -100px; left: calc(50% - 500px); width: 700px; height: 450px; z-index: 1; background: url('_assets/svg/pattern-intro.svg') no-repeat top left;}
		.block_intro .underlay2 { display: none;}
	}

/****************************************************/
/* Project Feed */

.block_project_feed { position: relative; padding: 50px 0 100px 0; overflow: hidden;}
	
	.block_project_feed .intro { text-align: center;}
	.block_project_feed .intro .tagline { font-size: 16px; font-weight: 500; line-height: 1.2em; display: block; text-transform: uppercase; padding-bottom: 5px;}
	.block_project_feed .intro .headline { font-size: 3.33em; font-weight: 700; line-height: 1.2em; display: block; padding-bottom: 40px;}
	.block_project_feed .intro .text { padding-bottom: 40px;}
	
	@media (max-width: 767px) {
		.block_project_feed { padding: 40px 0;}
		.block_project_feed .intro .tagline { font-size: 12px;}
		.block_project_feed .intro .headline { font-size: 2em; padding-bottom: 20px;}
		.block_project_feed .intro .text { padding-bottom: 20px;}
	}
	
	.block_project_feed .project_item { position: relative; margin: 30px; width: calc(100% - 60px); height: calc(100% - 60px);}
	.block_project_feed .project_item .preview { position: relative; width: 100%; padding-top: 50%; display: block;}
	.block_project_feed .project_item .preview figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; background: #222327;}
	.block_project_feed .project_item .preview figure img { color: #222327; max-width: none; max-height: none; height: 100%; width: 100%; object-fit: cover; transition: .5s;}
	.block_project_feed .project_item .preview .overlay { background: linear-gradient(90deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 100%); left: auto; right: 0; width: 100%; opacity: 0; z-index: 2;}
	.block_project_feed .project_item:hover .preview .overlay { opacity: 1;}
	.block_project_feed .project_item:hover .preview figure img { transform: scale(1.05); opacity: 0.8;}
	.block_project_feed .project_item .inner { position: relative; padding: 20px 0 0 0; color: #222327;}
	.block_project_feed .project_item .inner h4 { font-size: 12px; font-weight: 500; line-height: 1.2em; display: block; text-transform: uppercase; padding-bottom: 5px;}
	.block_project_feed .project_item .inner h3 { font-size: 1.33em; font-weight: 500; transition: .5s;}
	.block_project_feed .project_item:hover .inner h3 { color: #222327;}
	
	@media (max-width: 767px) {
		.block_project_feed .project_item { margin: 20px 20px 20px 0; width: 260px; height: calc(100% - 40px);}
		.block_project_feed .project_item .inner { padding: 20px 0 0 0;}
		.block_project_feed .project_item .inner h4 { font-size: 10px;}
		.block_project_feed .project_item .inner h3 { font-size: 1.33em;}
	}
	
	.project_carousel { position: relative; width: 100%;}
	.project_hero {}
	.project_hero .project_item { position: relative; margin: 20px; width: calc(100% - 40px); height: calc(100% - 40px);}
	.project_hero .project_item .preview { padding-top: 60%;}
	.project_hero .project_item .inner { padding: 20px 0;}
	.project_hero .project_item .inner h3 { font-size: 2em; font-weight: 500;}
	
	@media (max-width: 767px) {
		.project_hero .project_item { margin: 0 20px 0 0; width: 260px; height: 100%;}
		.project_hero .project_item .preview { padding-top: 60%;}
		.project_hero .project_item .inner { padding: 20px 0;}
		.project_hero .project_item .inner h3 { font-size: 1.33em;}
	}
	
	.block_project_feed.project_page { padding: 0 0 50px 0;}
	
	.project_carousel .cta { padding: 0 30px; text-align: right;}
	.project_carousel .cta a { position: relative; display: inline-block; font-weight: 700; color: #222327; font-size: 12px; padding: 10px 0; text-transform: uppercase; transition: .5s;}
	.project_carousel .cta a:hover { padding-left: 20px; padding-right: 20px; color: #fff;}
	.project_carousel .cta a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #222327; width: 100%; transition: .3s; z-index: -1; transform: skew(-50deg);}
	.project_carousel .cta a:hover:after { height: 100%; transform: skew(0); background: #ED1D23;}
	
	@media (max-width: 767px) {
		.project_carousel .cta { padding: 0; text-align: center;}
	}
	
	/* Splide Styles */
	
	.project_hero button.splide__arrow {
		width: calc((100% - 1284px) / 2);
		display: block;
		top: 20px;
		height: calc(100% - 140px);
		cursor: pointer;
		position: absolute;
		z-index: 99;
		margin-top: 0;
		opacity: 1;
		transition: .3s;
		background: no-repeat center center;
		background-color: none !important;
		border-radius: 0;
		border: none;
		box-shadow: none;
	}
	.block_project_feed.type_page button.splide__arrow {
		width: calc((100% - 1305px) / 2);
		display: block;
		top: 30px;
		height: calc(100% - 126px);
		cursor: pointer;
		position: absolute;
		z-index: 99;
		margin-top: 0;
		opacity: 1;
		transition: .3s;
		background: no-repeat center center;
		background-color: none !important;
		border-radius: 0;
		border: none;
		box-shadow: none;
		padding: 0 !important;
	}
	.block_project_feed button.splide__arrow:disabled {
		opacity: 0;
	}
	.block_project_feed button.splide__arrow:hover {
		opacity: 1;
		background-color: rgba(0, 0, 0, 0.3) !important;
	}
	.block_project_feed button.splide__arrow--prev {
		left: 0;
	}
	.block_project_feed button.splide__arrow--next {
		right: 0;
	}
	.block_project_feed button svg { fill: #fff;}
	.block_project_feed button.splide__arrow--prev svg { transform: rotate(180deg);}
	.block_project_feed .splide__pagination { display: none !important;}

/****************************************************/
/* Promo Boxes */

.block_promo { position: relative;}
	.block_promo .promo_box { position: relative; margin: 25px; padding-top: calc(130% - 50px); background: #222327 no-repeat center center; background-size: cover;}
	.block_promo .promo_box .inner { position: absolute; bottom: 0; left: 0; padding: 50px; width: 100%; z-index: 91; overflow: hidden; transition:.5s;}
	.block_promo .promo_box:hover .inner { padding-bottom: 60px;}
	.block_promo .promo_box .inner h4 { position: relative; color: #fff; font-size: 12px; font-weight: 500; line-height: 1em; display: block; text-transform: uppercase; padding-bottom: 10px;}
	.block_promo .promo_box .inner h3 { position: relative; display: inline-block; color: #fff; max-width: 300px; font-size: 2em;}
	.block_promo .promo_box .inner h3:after { content: ''; display: block; position: absolute; bottom: -10px; left: 0; width: 0; height: 3px; background: #fff; transition: .5s;}
	.block_promo .promo_box:hover .inner h3:after { width: 100%;}
	.block_promo .promo_box .overlay { opacity: 0.5; background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-end;
	}
	.block_promo .promo_box .overlay svg { opacity: 0;}
	.block_promo .promo_box:hover .overlay { opacity: 0.8;}
	.block_promo .promo_box:hover .overlay svg { opacity: 1;}
	
	@media (max-width: 767px) {
		.block_promo .promo_box { margin: 15px 30px; padding-top: calc(60% - 30px);}
		.block_promo .promo_box .inner { padding: 30px;}
		.block_promo .promo_box:hover .inner { padding-bottom: 60px;}
		.block_promo .promo_box .inner h3:after { height: 2px;}
	}

/****************************************************/
/* Testimonial Grid */

.block_testimonial { position: relative; padding: 100px 0;}
	.block_testimonial .ico { position: relative; display: block; width: 60px; height: 60px; margin: 0 auto; background: url('_assets/svg/quote.svg') no-repeat center center; background-size: contain;}
	.block_testimonial .quote { font-size: 2.33em; line-height: 1.2em; max-width: 800px; margin: 0 auto; text-align: center; padding-top: 50px;}
	.block_testimonial .author { font-size: 16px; font-weight: 500; line-height: 1.2em; display: block; text-transform: uppercase; padding-top: 40px; text-align: center;}
	
	@media (max-width: 767px) {
		.block_testimonial { padding: 40px 0;}
		.block_testimonial .ico { width: 30px; height: 30px;}
		.block_testimonial .quote { font-size: 1.66em; line-height: 1.2em; padding-top: 20px;}
		.block_testimonial .author { font-size: 12px; padding-top: 30px;}
	}

/****************************************************/
/* Feature Image */

.block_featured_img { position: relative; padding: 100px 0;}
	.block_featured_img .row { align-items: stretch;}
	.block_featured_img.white + .block_featured_img.white { padding-top: 0 !important;}
	.block_featured_img.text_left { justify-content: flex-start;}
	.block_featured_img.text_right { justify-content: flex-end;}
	
	.block_featured_img .inner {}
	.block_featured_img .inner.media { position: relative; height: 100%; width: 100%;}
	.block_featured_img .inner.media .overlay { z-index: 2;}
	.block_featured_img .inner.media figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
	.block_featured_img .inner.media figure img { color: #fff; max-width: none; max-height: none; height: 100%; width: 100%; object-fit: cover;}
	
	/* Grid */
	.block_featured_img .inner.media.grid { position: relative; width: 100%; padding-top: 110%; height: auto;}
	.block_featured_img .inner.media.grid .grid_item { position: absolute; top: 0;}
	.block_featured_img .inner.media.grid .grid_item.item_1 { width: 66.66%; height: auto; padding-top: 66.66%;}
	.block_featured_img .inner.media.grid .grid_item.item_2 { width: 33.33%; height: auto; padding-top: 41.66%;}
	.block_featured_img .inner.media.grid .grid_item.item_3 { width: 33.33%; height: auto; padding-top: 41.66%;}
	
	.block_featured_img.text_left .inner.media.grid .grid_item.item_1 { right: 0;}
	.block_featured_img.text_left .inner.media.grid .grid_item.item_2 { right: calc(66.66% + 20px); top: 41.66%;}
	.block_featured_img.text_left .inner.media.grid .grid_item.item_3 { right: 33.33%; top: calc(60.6% + 20px);}
	
	.block_featured_img.text_right .inner.media.grid .grid_item.item_1 { left: 0;}
	.block_featured_img.text_right .inner.media.grid .grid_item.item_2 { left: calc(66.66% + 20px); top: 41.66%;}
	.block_featured_img.text_right .inner.media.grid .grid_item.item_3 { left: 33.33%; top: calc(60.6% + 20px);}
	
	.block_featured_img .inner.content { padding: 60px 0;}
	.block_featured_img.text_left .inner.content { padding-right: 100px;}
	.block_featured_img.text_right .inner.content { padding-left: 100px;}
	
	.block_featured_img .inner.content .tagline { font-size: 16px; font-weight: 500; line-height: 1.2em; display: block; text-transform: uppercase; padding-bottom: 5px;}
	.block_featured_img .inner.content .headline { font-size: 3.33em; font-weight: 700; line-height: 1.2em; display: block; padding-bottom: 40px;}
	.block_featured_img .cta { padding-top: 30px;}
	.block_featured_img .cta a { position: relative; display: inline-block; font-weight: 700; color: #222327; font-size: 12px; padding: 10px 0; text-transform: uppercase; transition: .5s;}
	.block_featured_img .cta a:hover { padding-left: 20px; padding-right: 20px; color: #fff;}
	.block_featured_img .cta a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #222327; width: 100%; transition: .3s; z-index: -1; transform: skew(-50deg);}
	.block_featured_img .cta a:hover:after { height: 100%; transform: skew(0); background: #ED1D23;}
	
	.block_featured_img .toggle_items { position: relative; padding-left: 50px;}
	.block_featured_img .toggle_items:after { content: ''; position: absolute; top: 14px; z-index: 2; left: 5px; width: 1px; height: calc(100% - 30px); background: #ED1D23;}
	.block_featured_img .toggle_item { position: relative; display: block; margin-bottom: 40px;}
	.block_featured_img .toggle_item .toggle_tag { position: relative; display: block; cursor: pointer; font-weight: 500; transition: .5s;}
	.block_featured_img .toggle_item .toggle_tag:after { content: ''; position: absolute; z-index: 9; top: 12px; left: -50px; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ED1D23; background: #fff;}
	.block_featured_img .toggle_item.active .toggle_tag { padding-bottom: 30px;}
	.block_featured_img .toggle_item.active .toggle_tag:after { background: #ED1D23;}
	.block_featured_img .toggle_item .toggle_text { display: none;}
	.block_featured_img .toggle_item.active .toggle_text {}
	
	@media (min-width: 768px) and (max-width: 1299px) {
		.block_featured_img .inner.content .headline { font-size: 2.44em;}
	}
	@media (max-width: 767px) {
		.block_featured_img { padding: 20px 0;}
		.block_featured_img .row.container { padding: 0 20px;}
		.block_featured_img .inner.media { height: 0; padding-top: 60%; width: 100%;}
		
		/* Grid */
		.block_featured_img .inner.media.grid { height: 330px;}
		.block_featured_img .inner.media.grid .grid_item { position: absolute; top: 0;}
		
		.block_featured_img .inner.content { padding: 40px 10px 20px 10px;}
		.block_featured_img.text_left .inner.content { padding-right: 10px;}
		.block_featured_img.text_right .inner.content { padding-left: 10px;}
		
		.block_featured_img .inner.content .tagline { font-size: 12px;}
		.block_featured_img .inner.content .headline { font-size: 2em; line-height: 1.2em; padding-bottom: 30px;}
		.block_featured_img .cta { padding-top: 20px;}
		
		.block_featured_img .toggle_items { padding: 0 10px 0 30px;}
		.block_featured_img .toggle_items:after { top: 10px; height: calc(100% - 20px);}
		.block_featured_img .toggle_item .toggle_tag:after { top: 6px; left: -29px;}
	}

/****************************************************/
/* Text Feature */
	
.block_feature_text { position: relative; padding: 100px 0; background: #f8f8f8;}
	.block_feature_text .intro { text-align: center; padding-bottom: 70px;}
	.block_feature_text .intro .headline { padding-bottom: 50px;}
	
	.block_feature_text .item { position: relative; display: block; width: calc(100% - 60px); margin: 30px; text-align: center;}
	.block_feature_text .item .ico { width: 40px; height: 40px; margin: 0 auto; background: no-repeat center center; background-size: contain;}
	.block_feature_text .item h3 { padding: 20px 0; font-size: 1.33em;}
	.block_feature_text .item .text {}
	
	.block_feature_text .cta { text-align: center; padding-top: 40px;}
	.block_feature_text .cta a { position: relative; display: inline-block; font-weight: 700; color: #222327; font-size: 12px; padding: 10px 0; text-transform: uppercase; transition: .5s;}
	.block_feature_text .cta a:hover { padding-left: 20px; padding-right: 20px; color: #fff;}
	.block_feature_text .cta a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #222327; width: 100%; transition: .3s; z-index: -1; transform: skew(-50deg);}
	.block_feature_text .cta a:hover:after { height: 100%; transform: skew(0); background: #ED1D23;}
	
	@media (max-width: 767px) {
		.block_feature_text { padding: 40px 0;}
		.block_feature_text .intro { padding-bottom: 30px;}
		.block_feature_text .intro .headline { padding-bottom: 20px;}
		
		.block_feature_text .item { width: calc(100% - 40px); margin: 20px; text-align: left;}
		.block_feature_text .item .ico { width: 24px; height: 24px; margin: 0;}
	}

/****************************************************/
/* Process */

.block_process { position: relative; padding: 100px 0 70px 0;}
	.block_process .intro { text-align: center;}
	.block_process .intro .tagline { font-size: 16px; font-weight: 500; line-height: 1.2em; display: block; text-transform: uppercase; padding-bottom: 5px;}
	.block_process .intro .headline { font-size: 3.33em; font-weight: 700; line-height: 1.2em; display: block; padding-bottom: 40px;}
	.block_process .intro .text { padding-bottom: 40px;}
	
	.block_process .process { position: relative; padding: 50px; background: url('_assets/svg/pattern-connect.svg') repeat center center;}
	.block_process .process:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 1;}
	.block_process .process:after { content: ''; position: absolute; top: 124px; left: 0; width: 100%; height: 1px; background: #ED1D23; z-index: 5;}
	.block_process .process .process_item { position: relative; width: 100%; height: 100%; padding: 20px 50px;}
	.block_process .process .process_item:after { content: ''; position: absolute; top: 70px; left: calc(100% - 5px); width: 10px; height: 10px; background: #ED1D23; border-radius: 50%; z-index: 5;}
	.block_process .process .phone-span100:last-child .process_item:after { display: none;}
	.block_process .process .process_item .inner { position: relative; background: #f8f8f8; padding: 40px 50px; z-index: 9; height: 100%;}
	.block_process .process .process_item .inner h3 { padding-bottom: 20px; font-size: 1.33em;}
	.block_process .process .process_item .inner .text { font-size: 0.77em; line-height: 1.5em;}
	
	.block_process .cta { text-align: center; padding-top: 20px;}
	.block_process .cta a { position: relative; display: inline-block; font-weight: 700; color: #222327 font-size: 12px; padding: 10px 0; text-transform: uppercase; transition: .5s;}
	.block_process .cta a:hover { padding-left: 20px; padding-right: 20px; color: #fff;}
	.block_process .cta a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #222327; width: 100%; transition: .3s; z-index: -1; transform: skew(-50deg);}
	.block_process .cta a:hover:after { height: 100%; transform: skew(0); background: #ED1D23;}
	
	@media (max-width: 767px) {
		.block_process { padding: 40px 0;}
		.block_process .intro .tagline { font-size: 12px;}
		.block_process .intro .headline { font-size: 2em; padding-bottom: 20px;}
		.block_process .intro .text { padding-bottom: 20px;}
		
		.block_process .process { padding: 0 30px;}
		.block_process .process:after { top: 0; left: calc(50% - .5px); width: 1px; height: 100%;}
		.block_process .process .process_item { height: auto; padding: 30px 0;}
		.block_process .process .process_item:after { top: calc(100% - 5px); left: calc(50% - 5px);}
		.block_process .process .phone-span100:last-child .process_item:after { display: none;}
		.block_process .process .process_item .inner { padding: 30px; text-align: center;}
	}

/****************************************************/
/* Instagram Block */
	
.block_instagram { position: relative; padding: 100px 0; background: url('_assets/svg/pattern-connect.svg') repeat center center;}
	.block_instagram .inner { position: relative; height: 100%; width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}
	.block_instagram .insta_embed { width: 100%; max-width: 640px; height: auto;}
	.block_instagram .inner > div { width: 100%; max-width: 320px; padding: 40px 0;}
	.block_instagram .inner h2 {}
	.block_instagram .inner .text { padding-top: 30px; font-size: 16px; line-height: 1.5em;}
	.social_feed { position: relative; padding-top: 30px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}
	.social_feed li { display: inline-block; position: relative; margin-right: 20px;}
	.social_feed li i { display: block; position: relative; width: 60px; height: 60px; background: #222327; color: #fff; text-align: center; font-size: 20px; line-height: 1em; padding-top: 20px; transition: .5s;}
	.social_feed li a:hover i { background: #ED1D23;}
	
	@media (max-width: 767px) {
		.block_instagram { padding: 40px 0;}
		.block_instagram .inner { display: block; flex-wrap: wrap;}
		.block_instagram .insta_embed { height: auto; margin: 0;}
		.block_instagram .inner > div { max-width: 100%; padding: 40px 0 0 0; text-align: center;}
		.block_instagram .inner h2 {}
		.block_instagram .inner .text { padding-top: 20px; font-size: 16px; line-height: 1.5em;}
		.social_feed { justify-content: center;}
		.social_feed li { margin: 0 10px;}
	}

/****************************************************/
/* FAQ Block */

.block_faq { position: relative; padding: 100px 0;}
	.block_faq .headline { font-size: 3.33em; font-weight: 700; line-height: 1.2em; display: block; padding-bottom: 40px;}
	.block_faq .faq { display: block; position: relative; margin: 0; padding: 0; border: 2px solid #eee;}
	.block_faq .faq > .faq_item { position: relative; background: #fff; border-bottom: 2px solid #f1f1f1;}
	.block_faq .faq > .faq_item:last-child { border-bottom: none;}
	.block_faq .faq > .faq_item h3 { position: relative; display: block; padding: 30px 50px 30px 30px; cursor: pointer;}
	.block_faq .faq > .faq_item h3 span { position: absolute; top: calc(50% - 15px); right: 20px; width: 30px; height: 30px; font-size: 30px; line-height: 1em; color: #ED1D23; transform-origin: center; text-align: center; transition: .3s;}
	.block_faq .faq > .faq_item.active h3 span { transform: rotate(-180deg);}
	.block_faq .faq > .faq_item .text { padding: 0 30px 30px 30px;}
	
	@media (max-width: 767px) {
		.block_faq { padding: 40px 0;}
		.block_faq .faq > .faq_item h3 { padding: 15px 32px 15px 15px;}
		.block_faq .faq > .faq_item h3 span { right: 15px; top: 15px; font-size: 20px; width: 20px; height: 20px;}
		.block_faq .faq > .faq_item .text { padding: 0 15px 20px 15px;}
	}

/****************************************************/
/* Gallery */

.block_gallery { position: relative; padding: 20px;}
	.block_gallery .inner { position: relative; width: 100%; padding-top: 40%;}
	.block_gallery .item { position: absolute; margin: 20px; width: calc(20% - 40px); padding-top: calc(20% - 40px); z-index: 5;}
	.block_gallery .item figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; background: #222327;}
	.block_gallery .item figure img { color: #222327; max-width: none; max-height: none; height: 100%; width: 100%; object-fit: cover; transition: .5s; cursor: pointer;}
	.block_gallery .item figure img:hover { transform: scale(1.05); opacity: 0.8;}
	.block_gallery .item_1 { left: 0; top: 0;}
	.block_gallery .item_2 { left: 20%; top: 0;}
	.block_gallery .item_3 { left: 40%; top: 0; width: calc(40% - 40px); height: calc(100% - 40px);}
	.block_gallery .item_4 { left: 80%; top: 0; }
	.block_gallery .item_5 { left: 0; top: 50%;} 
	.block_gallery .item_6 { left: 20%; top: 50%;}
	.block_gallery .item_7 { left: 80%; top: 50%;}
	
	@media (max-width: 767px) {
		.block_gallery { padding: 20px;}
		.block_gallery .item { margin: 5px; width: calc(20% - 10px); padding-top: calc(20% - 10px);}
		.block_gallery .item_3 { width: calc(40% - 10px); height: calc(100% - 10px);}
	}

/****************************************************/
/* Blog Feed */

.block_feed { position: relative; padding: 100px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
	.block_feed .panel_left { position: relative; width: calc(50% - 200px);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.block_feed .panel_left .inner { position: relative; width: 100%; max-width: 400px; height: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
	}
	.block_feed .panel_left .inner > div { max-width: 350px;}
	.block_feed .panel_left .inner .headline { padding-bottom: 40px;}
	.block_feed .panel_left .cta { padding-top: 30px;}
	.block_feed .panel_left .cta a { position: relative; display: inline-block; font-weight: 700; color: #222327; font-size: 12px; padding: 10px 0; text-transform: uppercase; transition: .5s;}
	.block_feed .panel_left .cta a:hover { padding-left: 20px; padding-right: 20px; color: #fff;}
	.block_feed .panel_left .cta a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #222327; width: 100%; transition: .3s; z-index: -1; transform: skew(-50deg);}
	.block_feed .panel_left .cta a:hover:after { height: 100%; transform: skew(0); background: #ED1D23;}
	
	.block_feed .panel_right { position: relative; width: calc(50% + 200px);}
	
	@media (min-width: 768px) and (max-width: 1299px) {
		.block_feed .panel_left { padding-left: 50px; width: 300px;}
		.block_feed .panel_right { width: calc(100% - 300px);}
	}
	
	@media (max-width: 767px) {
		.block_feed { display: block; padding: 40px 0; flex-wrap: wrap;}
		.block_feed .panel_left { display: block; width: 100%; padding: 0 30px 40px 30px;}
		.block_feed .panel_left .inner { max-width: 100%; height: auto;}
		.block_feed .panel_left .inner > div { max-width: 100%;}
		.block_feed .panel_left .inner .headline { padding-bottom: 20px;}
		.block_feed .panel_left .cta { padding-top: 20px;}
		
		.block_feed .panel_right { width: 100%;}
		.block_feed .panel_right .post_item { width: 240px; margin: 0 20px 0 0; height: 100%;}
	}
	
/****************************************************/
/* Blog Overview */

.post_item { position: relative; margin: 30px; width: calc(100% - 60px); height: calc(100% - 60px);}
	.post_item .preview { display: block; position: relative; width: 100%; padding-top: 50%; background: #f8f8f8;}
	.post_item .preview .overlay { opacity: 0; z-index: 2; overflow: hidden;}
	.post_item:hover .preview .overlay { opacity: 1;}
	.post_item .preview figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; background: #222327;}
	.post_item .preview figure img { color: #222327; max-width: none; max-height: none; height: 100%; width: 100%; object-fit: cover; transition: .5s;}
	.post_item:hover .preview figure img { transform: scale(1.05); opacity: 0.8;}
	.post_item .details { position: relative; padding: 10px 0 20px 0; color: #222327;}
	.post_item .details .meta { font-size: 12px; font-weight: 500; color: #222327; 
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.post_item .details .meta .cat { display: inline-block; text-transform: uppercase;}
	.post_item .details .meta .date { display: inline-block;}
	.post_item .details h3 { font-size: 1.33em; font-weight: 500; padding: 10px 0 0 0; transition: .5s;}
	.post_item:hover .details h3 { color: #222327;}
	.post_item .details .read_more { display: none; font-size: 12px; font-weight: 700; color: #222327; text-transform: uppercase; transition: .5s;}
	
	.block_feed .post_item { border: 1px solid #DBDBDB; width: 330px; height: calc(100% - 42px);}
	.block_feed .post_item .details { padding: 20px;}
	.block_feed .post_item .details .meta {  color: #BBBBBB;}
	.block_feed .post_item .details h3 { font-size: 1em; font-weight: 700; padding-bottom: 15px;}
	.block_feed .post_item:hover .details h3 { color: #222327;}
	.block_feed .post_item .details .read_more { display: block;}
	.block_feed .post_item:hover .details .read_more { color: #ED1D23;}
	
	@media (max-width: 767px) {
		.post_item { margin: 15px 20px; width: calc(100% - 40px); height: auto;}
	}
	
.block_blog { position: relative; padding-bottom: 50px;}

/****************************************************/
/* Project Overview */

.projects_overview { position: relative; padding: 40px 0 0 0;}
	.projects_overview h2 { font-size: 2em; font-weight: 500; margin-top: 0;}
	.count_2 .first .column_text { padding-right: 30px;}
	.count_2 .last .column_text { padding-left: 30px;}
	
	.project_page_items .grid_container { padding: 0 20px;}
	
	.project_page_items .project_item { position: relative; margin: 30px; width: calc(100% - 60px); height: calc(100% - 60px);}
	.project_page_items .project_item .preview { position: relative; width: 100%; padding-top: 60%; display: block;}
	.project_page_items .project_item .preview figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
	.project_page_items .project_item .preview figure img { color: #fff; max-width: none; max-height: none; height: 100%; width: 100%; object-fit: cover;}
	.project_page_items .project_item .inner { position: relative; padding: 20px 0; color: #222327;}
	.project_page_items .project_item .inner h4 { font-size: 12px; font-weight: 500; line-height: 1.2em; display: block; text-transform: uppercase; padding-bottom: 5px;}
	.project_page_items .project_item .inner h3 { font-size: 2em; font-weight: 500;}
	
	@media (max-width: 767px) {
		.projects_overview { padding: 0;}
		.count_2 .first .column_text { padding-right: 0;}
		.count_2 .last .column_text { padding-left: 0;}
		.project_page_items .grid_container { padding: 0 10px;}
		.block_project_feed.project_page_items { padding-top: 30px;}
		.project_page_items .project_item { margin: 20px; width: calc(100% - 40px); height: auto;}
		.project_page_items .project_item .inner { padding: 20px 0 0 0;}
		.project_page_items .project_item .inner h3 { font-size: 1.66em;}
	}

/****************************************************/
/* Project Single */

.block_project_single .text { font-size: 2.33em; line-height: 1.2em; max-width: 800px; padding: 30px 0;}

.block_project_gallery { position: relative; padding: 60px 0;}
	.block_project_gallery .row.container { padding: 0 30px;}
	.block_project_gallery .item { position: relative; padding: 20px;}
	.block_project_gallery .item img { width: 100%;}
	
	@media (max-width: 767px) {
		.block_project_single .text { font-size: 1.33em; line-height: 1.2em; padding: 0;}
		.block_project_gallery { position: relative; padding: 30px 0;}
		.block_project_gallery .row.container { padding: 0 25px;}
		.block_project_gallery .item { padding: 5px;}
	}

/****************************************************/
/* Post Nav */

.post_navigation { display: block; padding-top: 70px;}
	.post_navigation ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.post_navigation ul li { display: inline-block; position: relative; margin: 5px;}
	.post_navigation ul li a { display: block; min-width: 48px; height: 48px; background: #f8f8f8; text-align: center; font-size: 18px; line-height: 1em; color: #222327; font-weight: 700; padding: 15px; transition: .5s;}
	.post_navigation ul li.active a { background: #222327; color: #fff; text-decoration: none !important;}
	.post_navigation ul li a:hover,
	.post_navigation ul li.prev a,
	.post_navigation ul li.next a { background: #ED1D23; color: #fff; text-decoration: none !important;}
	.post_navigation ul li.prev a i { margin-right: 10px;}
	.post_navigation ul li.next a i { margin-left: 10px;}

/****************************************************/
/* Post Single */

.block_post_single { position: relative; padding: 0 0 100px 0;}
	
	@media (max-width: 767px) {
		.block_post_single { padding: 0 0 40px 0;}
	}
	
.post_social_box { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
}
	.post_social { display: block; width: 100%; max-width: 200px;}
	.post_social li { display: block;}
	.post_social li a.share_btn { display: block; position: relative; padding: 10px 15px; margin: 0 5px; border-radius: 5px; transition:.5s; line-height: 1em;}
	.post_social li a i { font-size: 16px; font-style: normal; display: inline-block; line-height: 1em; padding-right: 10px; min-width: 26px;}
	.post_social li a em { display: inline-block; font-style: normal; font-size: 16px; font-weight: 700;}
	
	.post_social li a.share_btn.btn_facebook { color: #222327;}
	.post_social li a.share_btn.btn_linkedin { color: #222327;}
	.post_social li a.share_btn.btn_twitter { color: #222327;}
	.post_social li a.share_btn.btn_pinterest { color: #222327;}
	
	.post_social li a.share_btn.btn_facebook:hover { background: #f8f8f8; color: #3b5999;}
	.post_social li a.share_btn.btn_linkedin:hover { background: #f8f8f8; color: #0077B5;}
	.post_social li a.share_btn.btn_twitter:hover { background: #f8f8f8; color: #55acee;}
	.post_social li a.share_btn.btn_pinterest:hover { background: #f8f8f8; color: #bd081c;}
	
	@media (max-width: 767px) {
		.post_social_box { justify-content: flex-start; padding-top: 40px;}
		.post_social { max-width: 100%;}
		.post_social li a.share_btn { margin: 0;}
	}

.block_related { position: relative;}
	.block_related .divider { position: relative; display: block; margin: 0 30px 30px 30px; width: calc(100% - 60px); height: 5px; background: #222327;}
	
	@media (max-width: 767px) {
		.block_related .divider { margin: 0 20px 30px 20px; width: calc(100% - 40px); height: 2px;}
	}

.blog_cta { position: relative; display: block; background: #f8f8f8 url('_assets/svg/pattern-intro.svg') no-repeat top left; margin: 80px 0 15px 0; padding: 80px 40px; text-align: center;}
.blog_cta .text { padding-bottom: 20px;}
.blog_cta .cta a { margin: 5px 10px; display: inline-block; padding: 10px 0; font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 1em; border-bottom: 3px solid #ED1D23; color: #ED1D23;}

.liteco_social { display: block; padding: 0;}
	.liteco_social ul { display: block; list-style: none !important; margin: 0; padding: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.liteco_social li { list-style: none !important; display: block; width: calc(33% - 10px); padding: 0; margin: 0;}
	.liteco_social li.ivd-social-facebook a { background: #3b5999;}
	.liteco_social li.ivd-social-instagram a { background: #e4405f;}
	.liteco_social li.ivd-social-linkedin a { background: #0077B5;}
	
	.liteco_social li a { display: block; background: #ccc; color: #fff; padding: 7px; text-align: center; transition:.5s; z-index: 9; font-size: 14px;}
	.liteco_social li a:hover { transform: scale(1.03); z-index: 99;}
	.liteco_social li a i { margin-right: 10px;}
	.liteco_social li span { display: inline-block; line-height: 32px;}
	
	@media (max-width: 767px) {
		
		.liteco_social li span { line-height: 1.3em; font-size: 10px;}
		
	}

/****************************************************/
/* Search */
	
	#searchform { position: relative; width: 180px;}
	#searchform input[type="search"] { display: block; width: 100%; border: 0; border-bottom: 1px solid #222327; margin: 0; background: none; box-shadow: none; border-radius: 0; color: #222327; padding: 10px 10px 10px 30px !important;}
	#searchform input[type="search"]::placeholder { color: #222327;}
	#searchform .searchsubmit { position: absolute; top: 50%; left: 0; margin: -17px 0 0 0 !important; border: none ; background: none; width: 30px; height: 30px; padding: 7px 0 !important; background: none; font-size: 16px !important; line-height: 1em; display: block; cursor:pointer; color: #222327;}
	#searchform .searchsubmit:hover { /*color: #ff8a55;*/ box-shadow: none;}

/****************************************************/
/* Client Feed */

.block_client_carousel { position: relative; padding: 100px 0;}
	.block_client_carousel .wrap { position: relative; display: block; margin-left: calc((100% - 1200px) / 2);}
	.block_client_carousel .detail { position: relative; width: 40px; height: 100%;}
	.block_client_carousel .detail .label { position: absolute; top: 50%; margin-top: 60px; left: -60px; width: 120px; transform: rotate(-90deg); transform-origin: top center; border-top: 1px solid #000; height: 40px; font-size: 12px; font-weight: 700; color: #222327; text-transform: uppercase; text-align: center; z-index: 2;}
	.block_client_carousel .logo_feed { position: relative; margin-left: 40px;}
	.block_client_carousel .logo_feed .logo_img { display: block; position: relative; width: calc(100% - 20px); margin: 10px; padding-top: calc(54% - 20px); background: no-repeat center center; background-size: contain;}
	
	@media (max-width: 767px) {
		.block_client_carousel { padding: 40px 0;}
		.block_client_carousel .wrap { margin-left: 0;}
		.block_client_carousel .detail { display: none;}
		.block_client_carousel .logo_feed { position: relative; margin-left: 0px;}
		.block_client_carousel .logo_feed .logo_img { width: 100px; margin: 0 20px 0 0; padding-top: 54%;}
	}
	
/****************************************************/
/* Footer */

#footer { position: relative; background: linear-gradient(0deg, rgba(9,9,10,1) 0%, rgba(34,35,39,1) 100%); padding: 100px 0 60px 0; color: #fff;}
	#footer > .row { position: relative; z-index: 9;}
	
	#footer .logo { text-align: right;}
	#footer .address { font-size: 16px; line-height: 1.5em; font-weight: 700;}
	#footer .address a { color: #fff; font-weight: 700; text-decoration: none;}
	#footer .address a:hover { color: #ED1D23;}
	
	#footer .divider { display: block; width: 100%; height: 1px; background: #46484F; margin: 40px 0;}
	
	#footer .footer_nav { position: relative;}
	#footer .footer_nav ul {}
	#footer .footer_nav ul li { display: block; bposition: relative;}
	#footer .footer_nav ul li a { position: relative; display: inline-block; font-size: 14px; font-weight: 400; line-break: 1em; color: #6E717E; padding: 0;}
	#footer .footer_nav ul li a:hover { color: #fff;}
	
	#footer ul.social {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#footer ul.social li { display: inline-block; margin-right: 10px;}
	#footer ul.social li i { position: relative; display: block; font-size: 18px; color: #fff; width: 46px; height: 46px; text-align: center; padding-top: 14px; border: 1px solid #fff; transition: .5s;}
	#footer ul.social li a:hover i { color: #ED1D23; border-color: #ED1D23}
	
	#footer .copyright { font-size: 12px; line-height: 1.2em; color: #4E4F56; text-align: center; padding-top: 40px;}
	#footer .copyright a { color: #4E4F56;}
	
	#footer .underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url('_assets/svg/pattern-footer.svg') no-repeat top left;}
	
	@media (max-width: 767px) {
		#footer { padding: 50px 0 30px 0; }
		#footer .logo { display: none;}
		#footer .cta { text-align: center;}
		#footer .address { padding: 30px 0; text-align: center;}
		#footer .divider { height: 2px; background: #46484F; margin: 20px 0;}
		#footer .footer_nav { position: relative; padding-bottom: 30px;}
		
		#footer ul.social {
			padding-bottom: 30px;
			justify-content: center;
			align-items: center;
		}
		#footer ul.social li { margin: 0 5px;}
		#footer .copyright { padding-top: 10px;}
	}
	
/****************************************************/
/* SlideShow Blocks */
/****************************************************/

.cycle-slideshow, 
.cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { position: relative; height: 100%; min-height: 150px; overflow: hidden;}

.cycle-pager > * { cursor: pointer;}
.cycle-pager { position: absolute; width: 300px; margin-left: -150px; text-align: center; bottom: 10px; left: 50%; z-index: 999;}
.cycle-pager span { width: 5px; height: 5px; display: inline-block; background: #fff; color: #fff; margin: 0 5px; font-size: 1px; line-height: 1em; overflow: hidden; cursor: pointer; border-radius: 50%; opacity: 0.2;}
.cycle-pager span.cycle-pager-active { opacity: 1;}

.cycle-prev, 
.cycle-next { position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -30px; cursor: pointer; z-index: 999; opacity: 0.2; transition:.5s;}
.cycle-prev { left: 0px;}
.cycle-next { right: 0px;}
.cycle-prev span { display: block; text-align: center; width: 100%; height: 100%; background: url(_assets/svg/prev.svg) no-repeat center center;}
.cycle-next span { display: block; text-align: center; width: 100%; height: 100%; background: url(_assets/svg/next.svg) no-repeat center center;}
.cycle-slideshow:hover .cycle-prev { opacity: 1; background: rgba(0, 0, 0, 0.5); border-radius: 5px; left: 8px;}
.cycle-slideshow:hover .cycle-next { opacity: 1; background: rgba(0, 0, 0, 0.5); border-radius: 5px; right: 8px;}
.cycle-prev:hover { background: rgba(0, 0, 0, 1);}
.cycle-next:hover { background: rgba(0, 0, 0, 1);}

.cycle-slideshow { height: 100%;}
.cycle-slideshow .slide { width: 100%; height: 100%; background: no-repeat center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;}

/************************************/
/************** OTHER ***************/

/* FORMS */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	margin: 0 !important; 
	padding: 15px !important; 
	background: rgba(255,255,255,0); 
	border: 2px solid #E5E5E5;
	box-shadow: none;
	color: #222327; 
	width: 100% !important; 
	font-size: 14px !important;
	border-radius: 0;
	font-weight: 500;
}
input[type="number"] { width: 80px !important; }
textarea { line-height: 1.3em;}

::placeholder { color: #C4BDB7;}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	background: rgba(255,255,255,1);
	border-color:#ED1D23;
	color: #222327;
}

input[type="radio"],
input[type="checkbox"] {}

input[type="button"],
input[type="submit"],
form button {
	border: 2px solid #ED1D23;
	background: #ED1D23;
	color: #fff; 
	font-size: 14px !important; 
	margin: 0 !important; 
	padding: 15px 30px !important; 
	border-radius: 0 !important;
	font-weight: 700;
	text-transform: uppercase;
}
input[type="button"].block,
input[type="submit"].block,
button.block {
	width: calc(100% - 10px);
	padding: 12px 10px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
	background: #ED1D23;
	border-color: #ED1D23;
	box-shadow: none;
}

@media (max-width: 767px) {
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"] {
		padding: 10px 10px !important; 
		width: 100% !important; 
		font-size: 14px !important;
	}
	input[type="button"],
	input[type="submit"],
	form button {
		font-size: 14px !important; 
		padding: 10px 20px !important; 
	}
}

/************************************/
/* Gravity Forms */

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { margin: 0 !important;}

.gform_wrapper.gravity-theme .gfield_label { font-weight: 500 !important; font-size: 14px !important; margin-bottom: 3px !important;}

/* Radio and Checkboxes */

.gf_list_inline .ginput_container.ginput_container_radio {
	min-height: 51px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.gform_wrapper .gfield_checkbox .gchoice, 
.gform_wrapper .gfield_radio .gchoice { min-height: 30px; margin-bottom: 0 !important; position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.gfield_checkbox .gchoice input[type=checkbox],
.gfield_radio .gchoice input[type=radio] {
	position: absolute;
	visibility: hidden;
}

.gfield_checkbox .gchoice label,
.gfield_radio .gchoice label {
	display: block;
	position: relative;
	font-weight: 400;
	padding-left: 30px !important;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}

.gfield_checkbox .gchoice:hover label,
.gfield_radio .gchoice:hover label {
	color: #222327;
}

.gfield_checkbox .gchoice .check,
.gfield_radio .gchoice .check {
	display: block;
	position: absolute;
	border: 1px solid rgba(0,0,0,0.2);
	background: #fff;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	top: calc(50% - 10px);
	left: 0;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.gfield_radio .gchoice .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 10px;
	width: 10px;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.gfield_checkbox .gchoice .check::before {
	display: block;
	position: absolute;
	content:"\f00c";
	font-family: 'FontAwesome';
	font-size: 14px;
	line-height: 1em;
	height: 14px;
	width: 18px;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -7px;
	color: rgba(255,255,255,0);
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.gfield_checkbox input[type=checkbox]:checked ~ .check,
.gfield_radio input[type=radio]:checked ~ .check {
	border: 1px solid #ED1D23;
}
.gfield_radio input[type=radio]:checked ~ .check::before {
	background: #ED1D23;
}
.gfield_checkbox input[type=checkbox]:checked ~ .check::before {
	color: #ED1D23;
}
.gfield_checkbox input[type=checkbox]:checked ~ label,
.gfield_radio input[type=radio]:checked ~ label {
	color: #222327; font-weight: 400 !important;
}

/* Errors */
.gform_wrapper .gfield.gfield_error {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
}
.gfield_error:before {
	font-size: 14px !important;
	font-weight: 400;
	content: "Sorry, this field is required: ";
	color: #b94a48;
	padding-left: 5px;
}
.validation_error, .validation_message {
	display:none;
}

.gform_confirmation_wrapper .gform_confirmation_message { display: block; position: relative; padding: 40px; border: 1px solid rgb(118,166,34); background: rgba(118,166,34,0.1); line-height: 1.3em; color: rgb(118,166,34); font-size: 18px;}

/************************************/
/* Text Styling */

.text { padding: 0;}

.text a.link { color: #222327; display: inline-block; position: relative; font-weight: 400; transition: .5s;}
.text a.link:after { content: ''; display: block; position: absolute; bottom: 2px; height: 1px; width: 100%; background: #222327; opacity: 1; z-index: 1; transition: .5s;}
.text a.link:before { content: ''; display: block; position: absolute; bottom: 2px; height: 1px; width: 0; background: #ED1D23; opacity: 1; z-index: 2; transition: .5s;}
.text a.link:hover { text-decoration: none; color: #ED1D23;}
.text a.link:hover:before { width: 100%;}

.text h1,
.text h2 { margin: .8em 0 30px 0;}
.text h3,
.text h4,
.text h5,
.text h6 {
	margin: .8em 0;
}
.text h1 span,
.text h2 span,
.text h3 span,
.text h4 span,
.text h5 span,
.text h6 span {
	color: #ED1D23;
}
.text h1.last_element,
.text h2.last_element,
.text h3.last_element,
.text h4.last_element,
.text h5.last_element,
.text h6.last_element {
	margin-bottom: 0;
}
.text h1:first-child,
.text h2:first-child,
.text h3:first-child,
.text h4:first-child,
.text h5:first-child,
.text h6:first-child {
	margin-top: 0;
}
.text dt, 
.text strong, 
.text b { 
	font-weight: 600 !important;
}

.column_text h1:first-child,
.column_text h2:first-child,
.column_text h3:first-child,
.column_text h4:first-child,
.column_text h5:first-child,
.column_text h6:first-child {
	margin-top: 0 !important;
}

.text ul.ul { list-style: none !important;}
.text ul.ul li { position: relative; list-style: none !important; margin-left: 25px; margin-bottom: 5px;}
.text ul.ul li:before { content: ''; display: block; position: absolute; left: -25px; top: 2px; width: 16px; height: 16px; opacity: 1; background: url(_assets/svg/ul.svg) no-repeat; background-size: contain;}

/************************************/
/************** GRIDS ***************/

/* GRIDS TABLET */
@media (min-width: 768px) and (max-width: 1299px) {
	
	body { font-size: 16px; line-height: 1.5em;}
	
	h6 { font-size: 1em;}
	h5 { font-size: 1.1em;}
	h4 { font-size: 1.2em;}
	h3 { font-size: 1.33em;}
	h2 { font-size: 2.1em;}
	h1 { font-size: 3.33em;}
	
	.h6 { font-size: 1em !important;}
	.h5 { font-size: 1.1em !important;}
	.h4 { font-size: 1.2em !important;}
	.h3 { font-size: 1.33em !important;}
	.h2 { font-size: 2.1em !important;}
	.h1 { font-size: 3.33em !important;}

}

/* GRIDS MOBILE */
@media (max-width: 767px) {
	
	body { font-size: 14px; line-height: 1.5em;}
	
	h6 { font-size: 1em;}
	h5 { font-size: 1.1em;}
	h4 { font-size: 1.2em;}
	h3 { font-size: 1.33em;}
	h2 { font-size: 2.1em;}
	h1 { font-size: 2.7em;}
	
	.h6 { font-size: 1em !important;}
	.h5 { font-size: 1.1em !important;}
	.h4 { font-size: 1.2em !important;}
	.h3 { font-size: 1.33em !important;}
	.h2 { font-size: 2.1em !important;}
	.h1 { font-size: 2.7em !important;}

	/* Buttons */
	.btn { padding: 12px 20px; font-size: 12px; line-height: 1em;}
		
}

@media print {
	.noprint { display: none;}
	.print { display: block;}
}

/************************************/
/************* END CSS! *************/