/*
Theme Name: InStyle Projects
Theme URI: https://aranasryanroy.com
Author: Ryan Roy
Author URI: https://aranasryanroy.com
Description: A custom WordPress theme with Bootstrap integration
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: instyleprojects
*/

.grecaptcha-badge {
    z-index: 6;
}


.shortcode-list li::before {
    content: "\f101";
    /* Font Awesome Unicode (e.g., checkmark) */
        font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: .5rem;
    left: -1.5rem;
    color: #f28f1d;
}

.page-id-45 .block_heading {
    background-position: top center!important;
}
.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;
}

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

div.wpforms-container-full button[type=submit] {
    border: 2px solid #f28f1d;
    background: #f28f1d!important;
    color: #fff;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 15px 30px !important;
    border-radius: 0 !important;
    font-weight: 700!important;
    text-transform: uppercase;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #222327!important;
}

.page-template-archive-insights-projects #headerup ul li a, .blog #headerup ul li a, .single #headerup ul li a, .error404 #headerup ul li a {
    color: #222327;
}

/* Projects Grid */
.project-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.portfolio-item {
    width: 33.333%;
    padding: 15px;
    box-sizing: border-box;
}

.portfolio-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.project_item {
    position: relative;
    display: block;
    transition: all 0.3s ease;
}

.project_item:hover {
    transform: translateY(-5px);
}

.preview {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.preview img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.project_item:hover .preview img {
    transform: scale(1.05);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    transition: .5s;
    overflow: hidden;
    /*background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    */

    transition: opacity 0.3s ease;
}

.project_item:hover .overlay {
    opacity: 1;
}

/*.overlay svg {
    width: 60px;
    height: 60px;
}*/

.inner {
    padding: 20px 0;
}

.project-categories-wrapper {
    margin-bottom: 5px;
    font-size: 14px;
    color: #777;
}

.project-categories-wrapper span {
    display: inline-block;
}

.inner h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

/* Project Filter */

/************************************/
/* 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: #f28f1d;
    opacity: 1;
    z-index: 2;
    transition: .5s;
}
.text a.link:hover {
    text-decoration: none;
    color: #f28f1d;
}
.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: #f28f1d;
}
.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;
}

/* 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: #f28f1d;
}
.btn.btn_secondary {
    color: #f28f1d;
    background: #fff;
}

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

/* Logo */

#header #logo, #headerup #logo, #header #logo, #headerup #logo {
    position: relative;
    line-height: 1em;
    height: auto;
    width: 140px;
    margin-left: 20px;
    transition:.3s;
}
/*#header #logo, #headerup #logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: auto;
    transition:.3s;
}*/

@media (max-width: 767px) {
    #header #logo, #headerup #logo {
    height: auto;
    width: 84px;
    margin-left: 8px;
}
	#header #logo, #headerup #logo img {
    top: 0;
    left: 0;
    width: 84px;
    height: auto;
}
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9995;
    background: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
}

#headerup ul li a, #header ul li a {
    color: #fff;
    padding: 12px;
    margin: 0 1px;
    line-height: 1em;
    white-space: nowrap;
    display: block;
    font-size: 16px;
    text-transform: none;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
}

#header ul li a {
    color: #222327;
}

#headerup ul li ul li a, #header 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;
}

#header {
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9995;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.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: #f28f1d;
}

	.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: #f28f1d;
}
	.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: 630px;
}

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

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

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

	.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%;
}
}
.banner {
    position: relative;
    min-height: 95%;
    background: #000;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
}
	.banner .cycle-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
	.banner .cycle-slideshow .slide {
    background: no-repeat center center;
    background-size: cover;
}

	.banner .hero_wrap {
    padding: 250px 0 100px 0;
    position: relative;
    width: 100%;
    z-index: 995;
    color: #fff;
}
	/*.banner .hero_wrap h1 {
    max-width: 640px;
}*/
	.banner .hero_wrap .divider {
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
    margin: 40px 0;
}
	.banner .hero_wrap .info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}
	.banner .hero_wrap .info > div {
    width: 100%;
    max-width: 530px;
}
	.banner .hero_wrap .text {
    font-weight: 500;
}
	.banner .cta {
    padding: 20px 0 0 0;
}
	.banner .cta a {
    position: relative;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: .5s;
}
	.banner .cta a:hover {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
}
	.banner .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);
}
	.banner .cta a:hover:after {
    height: 100%;
    transform: skew(0);
    background: #f28f1d;
}
	.banner .overlay {
    opacity: 1;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}
	.banner .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) {
    .banner {
    min-height: 95%;
}
		.banner .hero_wrap {
    padding: 100px 0 50px 0;
}
		.banner .hero_wrap h1 {
    max-width: 640px;
}
		.banner .hero_wrap .divider {
    height: 2px;
    margin: 20px 0;
}
		.banner .hero_wrap .info {
    justify-content: flex-start;
}
		.banner .hero_wrap .info > div {
    width: 100%;
    max-width: 100%;
}
}

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

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

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

.block_promo {
    position: relative;
}
	.block_promo .promo_box {
    position: relative;
    margin: 25px;
    padding-top: calc(100% - 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;
}
}

/****************************************************/
/* 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 .inner.content {
    padding: 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: #f28f1d;
}

	.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: #f28f1d;
}
	.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 #f28f1d;
    background: #fff;
}
	.block_featured_img .toggle_item.active .toggle_tag {
    padding-bottom: 30px;
}
	.block_featured_img .toggle_item.active .toggle_tag:after {
    background: #f28f1d;
}
	.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;
}
}

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

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

	/****************************************************/
/* 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 .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: #f28f1d;
}

	.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: #f28f1d;
}
	.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 #f28f1d;
    background: #fff;
}
	.block_featured_img .toggle_item.active .toggle_tag {
    padding-bottom: 30px;
}
	.block_featured_img .toggle_item.active .toggle_tag:after {
    background: #f28f1d;
}
	.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;
}
}

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

	.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: #f28f1d;
}

	@media (max-width: 767px) {
    .post_item {
    margin: 15px 20px;
    width: calc(100% - 40px);
    height: auto;
}
}

.block_blog {
    position: relative;
    padding-bottom: 50px;
}

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

/****************************************************/
/* 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;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
	.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% - 50px);
}
	.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%;
}
	.block_gallery .item_8 {
    left: 0;
    top: 0;
}
	.block_gallery .item_9 {
    left: 33%;
    top: 0;
}
	.block_gallery .item_10 {
    left: 66%;
    top: 0;
}

	.block_gallery .items {
    position: absolute;
    margin: 20px;
    width: calc(33% - 40px);
    height: calc(100% - 30%);
    padding-top: calc(20% - 40px);
    z-index: 5;
}
	.block_gallery .items figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    background: #222327;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);	
}
	.block_gallery .items figure img {
    color: #222327;
    max-width: none;
    max-height: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .5s;
    cursor: pointer;
}
	.block_gallery .items figure img:hover {
   /* transform: scale(1.05);*/
    opacity: 0.8;
}

@media (max-width: 575px) {
    .block_gallery {
    padding: 0;
    }
    .block_gallery .items {
        margin: 10px;
        width: calc(33% - 20px);
        height: calc(100% - 15%);
        padding-top: calc(20% - 10px);
    }
    .block_gallery .item_3 {
        width: calc(40% - 10px);
        height: calc(100% - 10px);
    }
}

@media (max-width: 767px) {
    .block_gallery {
    padding: 0;
    }
    .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% - 20px);
    }
}

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

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

	@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: 10px;
}
}

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

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

	#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: #f28f1d;
    border-color: #f28f1d}

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

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

#menu {
    position: relative;
    padding-right: 60px;
}
#header .menu_button:before, #header .menu_button:after, #header .menu_button.active:before {
    background: #222327!important;
}
	#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;
    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 {
}
.single-post .menu_button:before,
.single-post .menu_button:after,
.blog .menu_button:before,
.blog .menu_button:after,
.page-template-archive-insights-projects .menu_button:before,
.page-template-archive-insights-projects .menu_button:after {
    background: #222327;
}
	.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: #fff;
}
	.menu_mega .wrapper .address a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
.menu_mega .wrapper .address a:hover {
    color: #f28f1d;
}
	.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: #f28f1d;
    transition: .5s;
}
	.menu_mega .menus .main_menu ul > li > a:hover {
    color: #f28f1d;
}
	.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: #f28f1d;
}
	.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: #f28f1d;
    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: #f28f1d;
}
	.menu_mega .menus .sub_menu ul > li > a:hover:after {
    width: 100%;
    opacity: 1;
    background: #f28f1d;
}
	.menu_mega .menus .sub_menu ul > li.current-menu-item > a,
	.menu_mega .menus .sub_menu ul > li.current-menu-parent > a {
    color: #f28f1d;
}

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

/****************************************************/
/* 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 .current {
	    display: block;
        min-width: 48px;
        height: 48px;
        background: #222327;
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 1em;
        font-weight: 700;
        padding: 15px;
        transition: .5s;
	}
	.post_navigation ul li a.next,
	.post_navigation ul li a.prev {
	    background: #f28f1d;
	    color: #fff;
	}
	.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: #f28f1d; 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 #f28f1d; color: #f28f1d;}

.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; margin-bottom: 10px;}
	.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.ivd-social-twitter a { background: #1DA1F2;}
	
	.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;}
		
	}

@media(min-width: 992px) {
	.project_carousel .splide__slide {
		width: 50%!important;
	}
}
/************************************/
/************* END CSS! *************/