/*
Theme Name: mPlus Design Theme
Theme URI: mplusdesign.ca
Author: Chad Chaaban
Author URI: mplusdesign.ca
Description: mplusdesign theme.
Version: 3.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mplusdesign
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
body {background-color: #fff; color: #101010; font-family: 'Roboto', sans-serif; overflow-x: hidden; font-size: 15px;}

a {color: #4A8D41; transition: all .3s ease-in-out; text-decoration: none !important;}
a:hover {color: #101010;}

p {margin-bottom: 20px;}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Slab'; font-weight: 300; line-height: 1.2;}
b {font-weight: 700;}

.site-header {padding: 40px 0; position: absolute; z-index: 3; width: 100%; top: 0;}

.navbar-brand img {height: 70px;}
.navbar-nav .nav-link {font-size: 14px; text-transform: uppercase; color: #101010; letter-spacing: 1px;}
.navbar-nav .nav-link:hover {color: #4A8D41;}
.navbar-nav li:hover>.dropdown-menu {
	display: block;
}
.navbar-nav li .dropdown-menu {
	padding: 0;
	top: 35px;
	border: none;
	border-radius: 0;
	background-color: transparent;
}
.navbar-nav li .dropdown-menu .dropdown-item {
	letter-spacing: 1px;
	padding: 0;
	padding-left: 8px;
	font-size: 12px;
	text-transform: uppercase;
	background-color: transparent;
	margin-bottom: 10px;
}
.navbar-nav li .dropdown-menu .dropdown-item:first-child {margin-top: 10px;}
.navbar-nav li .dropdown-menu .dropdown-item:hover {
	color: #4A8D41;
}

.nav-icon {
	width: 35px;
	position: relative;
	cursor: pointer;
	padding: 10px 0;
}
.nav-icon span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #101010;
	margin-bottom: 10px;
}
.nav-icon span:last-child {margin: 0;}

.drawer-btn {
	width: 35px;
	cursor: pointer;
	padding: 10px 0;
	transform: rotate(45deg);
	margin-left: 20px;
	margin-bottom: 40px;
}
.drawer-btn span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: relative;
}
.drawer-btn span:first-child {transform: rotate(0); top: 6px;}
.drawer-btn span:last-child {transform: rotate(90deg); top: 4px;}

.main-body {transition: transform .5s ease-in-out;}
.main-body.open {transform: translatex(200px);}

.mobile-nav {
	height: 100%;
	padding-top: 63px;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: #101010;
	overflow-x: hidden;
	width: 200px;
	transform: translatex(-200px);
	transition: transform 0.5s ease-in-out;
	overflow: hidden;
}
.mobile-nav.open {transform: translatex(0);}

.drawer-overlay {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(16,16,16, 0);
	z-index: 99;
	pointer-events: none;
	transition: all 0.5s ease-in-out;
}
.drawer-overlay.open {
	pointer-events: all;
	background-color: rgba(16,16,16, 0.5);
}

.mobile-only {display: none;}

.mobile-nav ul {list-style: none; margin: 0; padding: 0; padding-left: 20px;}
.mobile-nav ul .caret, .mobile-nav ul .dropdown-toggle:after {display: none;}
.mobile-nav ul li {margin-bottom: 20px;}
.mobile-nav ul li a {padding: 0; color: #fff; text-transform: uppercase;}

.mobile-nav ul li .dropdown-menu {position: relative; background-color: transparent; padding-left: 10px;}
.mobile-nav ul li .dropdown-menu li.mobile-only {display: block;}
.mobile-nav ul li .dropdown-menu li:first-child {margin-top: 20px;}
.mobile-nav ul li .dropdown-menu li a {font-size: 12px;}
.mobile-nav ul li .dropdown-menu li a:hover, .mobile-nav ul li .dropdown-menu li a:focus {color: #fff; background-color: transparent;}

.page-header {background-color: #fff; padding: 100px 0; padding-top: 200px; color: #101010;}
.page-header h1 {font-size: 40px; margin: 0;}
.page-header .categories, .page-header .header-block {margin-top: 60px;}
.page-header .categories h2, .page-header .header-block h3 {color: #101010; opacity: .5; font-size: 15px; margin-bottom: 20px;}
.page-header .categories ul, .page-header .header-block ul {list-style: none; padding: 0; margin: 0;}
.page-header .categories ul.columns {columns: 3;}
.page-header .categories ul li, .page-header .header-block ul li {margin-bottom: 10px; font-size: 15px;}
.page-header .categories ul li:last-child, .page-header .header-block ul li:last-child {margin: 0;}
.page-header .categories ul li a:hover {color: #101010;}
.page-header .categories ul li a.active {color: #101010; pointer-events: none;}
.page-header .categories p {font-size: 14px; margin: 0;}

.page-header .header-block h3 {margin-top: 40px;}
.page-header .header-block h3:first-of-type {margin-top: 0;}
.page-header .header-block p {font-size: 15px; margin: 0;}
.page-header .header-content {margin-top: 60px; overflow: hidden; transition: height 0.5s ease;}
.page-header .header-content .header-content-info {height: 0;}
.page-header .header-content .fade-away {
	content: '';
	position: absolute;
	opacity: 0;
	pointer-events: none;
	left: 15px;
	right: 0;
	bottom: 0;
	height: 100px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
	transition: all .5s ease-in-out;
}
.page-header .header-content .fade-away .fade-more {
    width: 40px;
    height: 40px;
    position: absolute;
    border: 1px solid #101010;
    border-radius: 20px;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    cursor: pointer;
    transition: all .5s ease-in-out;
}
.page-header .header-content.shown .fade-away {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
}
.page-header .header-content.shown .fade-away .fade-more {transform: rotate(45deg);}
.page-header .header-content .fade-away .fade-more:hover {opacity: 1;}
.page-header .header-content .fade-away .fade-more::after, .page-header .header-content .fade-away .fade-more::before {
    content: '';
    position: absolute;
    z-index: 1;
    background-color: #101010;
}
.page-header .header-content .fade-away .fade-more::before {
    width: 1px;
    height: 11px;
    left: 50%;
    right: 0;
    top: 14px;
}
.page-header .header-content .fade-away .fade-more::after {
    width: 11px;
    height: 1px;
    left: 14px;
    right: 0;
    top: 50%;
}
.page-header .header-content p {font-size: 15px; margin-bottom: 20px;}
.page-header .header-content p:last-of-type {margin-bottom: 0;}

.with-header {margin-top: 60px;}
#about_a h2, .with-header h2 {font-size: 15px; margin-bottom: 20px;}
.with-header p {margin-bottom: 20px; font-size: 15px;}
.with-header p:last-child {margin: 0;}

.projects {padding: 0 20px; margin: 5px 0;}
.projects .project, .projects .project-fill {padding: 5px;}
.projects .project .hide-overflow {overflow: hidden;}
.projects .project .project-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	text-align: center;
	transition: all .3s ease-in-out; 
}
.projects .project .project-bg:before {
	content: '';
	display: block;
	padding-top: 75%; 
}
.projects .project:hover .project-bg {
	transform: scale(1.2); opacity: 0.3;
}
.projects .project .info {position: absolute; pointer-events: none; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease-in-out; }
.projects .project .title {margin: 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;}
.projects .project .title .p-divider {display: inline-block; height: 10px; width: 1px; background-color: #fff; margin: 0 10px;}
.projects .project:hover .info {
	opacity: 1;
}

.projects .project .info .likes {position: relative;}
.projects .project .info .likes img {height: 35px;}
.projects .project .info .likes span {position: absolute; left: 0; right: 0; color: #fff; font-size: 10px; top: 8px;}

.projects .project-fill .project-fill-inner {
	height: 100%;
	background-color: #101010;
	text-align: left;
}
.projects .project-fill .project-fill-inner .project-fill-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.projects .project-fill .project-fill-inner .project-fill-cta p {
	font-size: 40px;
	font-weight: 300;
	font-family: 'Roboto Slab';
	color: #fff;
	line-height: 1.2;
	margin-bottom: 40px;
}
.projects .project-fill .project-fill-inner .project-fill-cta a {
	color: #fff;
	font-size: 15px;
	padding-left: 20px;
	border-left: 1px solid #fff;
}
.projects .project-fill .project-fill-inner .project-fill-cta a:hover {
	border-left-color: #4A8D41;
}

.images {padding: 0 20px; margin: 5px 0;}
.images .image {padding: 5px;}
.images .image .hide-overflow {overflow: hidden; position: relative;}
.images .image .image-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	text-align: center;
	transition: all .3s ease-in-out; 
}
.images .image .image-bg:before {
	content: '';
	display: block;
	padding-top: 75%; 
}

.images .image .hide-overflow .over-lay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255, 0);
	z-index: 1;
	pointer-events: none;
	transition: all .3s ease-in-out; 
}
.images .image .hide-overflow .over-lay:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 60px;
	background-color: #fff;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	z-index: 1;
	transition: all .3s ease-in-out; 
}
.images .image .hide-overflow .over-lay:after {
	content: '';
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #fff;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	z-index: 1;
	transition: all .3s ease-in-out; 
}
.images .image:hover .over-lay {
	background-color: rgba(255,255,255, 0.1);
}
.images .image:hover .over-lay:before, .images .image:hover .over-lay:after {
	opacity: 1;
}

.video {padding: 0 10px; margin: 5px 0; margin-bottom: 10px;}
.video-container {
	position: relative;
	padding-bottom: 56.3%;
	cursor: pointer;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
	pointer-events: none;
}

.home-page-slider {position: relative;}
.home-page-slider .slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.home-page-slider .slide:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255, 0.5);
}
.home-page-slider .slide .slide-info {
	position: absolute;
	text-align: center;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
.home-page-slider .slide .slide-info h2 {font-size: 40px; font-weight: 300; margin-bottom: 40px;}

.home-page-slider .slide.slide-main .slide-info {text-align: left; left: 0; right: 0; transform: translate(0, -50%); margin: auto;}
.home-page-slider .slide.slide-main .slide-info h2 {font-family: 'Roboto'; font-size: 18px; margin: 0;}
.home-page-slider .slide .slide-info h1 {font-size: 40px; margin-bottom: 40px;}
.home-page-slider .slide .slide-info h1 b {font-weight: 700;}
.home-page-slider .slide .slide-info a {
	background-color: #fff;
	color: #101010;
	text-transform: uppercase;
	font-size: 12px;
	padding: 15px 25px;
	letter-spacing: 1px;
}
.home-page-slider .slide .slide-info a:hover {opacity: 0.5;}

.about {padding: 60px 0; padding-bottom: 100px;}
.about-inner {padding-top: 0;}
.about .about-block {margin-top: 40px;}
.about-inner .about-block {margin-top: 0;}
.about .about-block .about-block-info {display: none;}
.about .about-block .about-block-info.active {display: block;}
.about h3 {font-size: 15px; opacity: 0.5; margin-bottom: 40px;}
.about p {font-size: 15px; margin-bottom: 40px;}
.about ul, .service-list ul {list-style: none; padding: 0; margin: 0;}
.service-list ul {margin-bottom: 10px;}
.about ul li, .service-list ul li {font-family: 'Roboto Slab'; font-size: 24px; margin-bottom: 10px; cursor: pointer; transition: all .3s ease-in-out;}
.about ul li:hover, .about ul li.active {color: #4A8D41;}
.about ul li.active {pointer-events:none;}
.about ul li:last-child {margin: 0;}
.about-inner-list li {pointer-events: none; display: inline-block; font-family: 'Roboto' !important; font-size: 14px !important; margin-right: 5px; background-color: #fafafa; padding: 10px 20px;}

.about-bottom {padding-bottom: 100px;}
.about-bottom h2 {font-size: 24px; margin-bottom: 20px;}
.about-bottom p {font-size: 15px; margin-bottom: 20px;}
.about-bottom p:last-child {margin: 0;}

.about-bottom .projects .project, .about-bottom .projects .project-fill {padding: 0;}

.projects-home h3 {font-size: 15px; margin-bottom: 20px;}
.projects-home-footer {margin-top: 20px;}
.projects-home-footer a {font-size: 15px; color: #101010;}
.projects-home-footer a:hover {color: #4A8D41;}

.entry-content .entry-title {margin-bottom: 20px !important; font-size: 24px; margin-top: 0 !important; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.entry-content {margin-bottom: 100px;}
.entry-content .entry-img {height: 100%; background-color: #fafafa; background-position: center; background-size: cover; transition: all .3s ease-in-out;}
.entry-content a:hover .entry-img {opacity: 0.5;}
.entry-content .entry-img.no-image {background-image: url('/wp-content/uploads/2019/01/logo.png'); filter: grayscale(1); background-size: 30%; background-repeat: no-repeat;}
.blog-content h2 {margin-top: 60px; margin-bottom: 40px; font-size: 24px;}
.post-nav {margin-bottom: 100px;}
.post-nav h2 {display: none;}
.post-nav p {font-family: 'Roboto Slab'; font-size: 14px; margin-bottom: 20px;}
.post-nav a {font-size: 14px;}
.blog-footer {margin-bottom: 100px;}
.blog-footer h2{font-size: 24px; margin: 0;}

.entry-full-img {background-position: center; background-size: cover; position: relative; margin-bottom: 100px;}
.entry-full-img:before {content: ''; display: block; padding-bottom: 35%;}
.full-width-img {padding: 0 10px; display: none;}

.post-nav .nav-links {display: flex;}

.nav-previous, .nav-next {width: 50%; max-width: 50%;}
.nav-next {text-align: right; margin-left: auto;}

.c-pagination {text-align: center; margin-bottom: 100px;}
.c-pagination .next, .c-pagination .prev {display: none;}
.c-pagination .page-numbers {font-family: 'Roboto Slab'; font-weight: 700; position: relative; display: inline-block; color: #101010;}
.c-pagination .page-numbers:after {content: '-'; margin-left: 5px; margin-right: 1px; font-weight: 300; pointer-events: none; color: #101010;}
.c-pagination .page-numbers:last-child:after {display: none;}
.c-pagination .page-numbers:hover {color: #4A8D41;}
.c-pagination .page-numbers.current {opacity: 0.5; color: #4A8D41;}

.owl-dots {display: none;}

.cta {background-color: #fff; padding: 100px 0; color: #101010;}
.cta p {font-size: 15px; margin-bottom: 40px;}
.cta h3 {font-size: 24px; margin-bottom: 40px; line-height: 1.5;}

.header-content p {font-size: 14px; margin-bottom: 20px;}
.header-content p:last-child {margin-bottom: 0;}

.the-team {position: relative; padding-bottom: 100px;}
.the-team .member {position: relative; display: flex; margin-bottom: 100px;}
.the-team .member:last-child {margin-bottom: 0;}
.the-team .photo {width: 50%; overflow:hidden; transition: width .5s ease-in-out;}
.the-team .photo img {width: 400px; max-width: 100%; border-radius: 50%; transition: all .2s ease-in-out;}
.the-team .bio {width: 50%; position: relative; transition: all .5s ease-in-out;}
.the-team .bio h2 {font-size: 24px; margin-bottom: 20px;}
.the-team .bio h3 {font-size: 15px; opacity: .5; margin-bottom: 20px;}
.the-team .bio p {font-size: 15px; margin-bottom: 20px;}
.the-team .bio p:last-child {margin-bottom: 0;}
.the-team .bio-sec {position: relative; height: 400px; overflow: hidden; transition: all .5s ease-in-out;}
.the-team .bio-sec .info-block {padding-left: 15px;}
.the-team .bio-sec .fade-away {
	content: ''; 
	position: absolute; 
	left: 15px; right: 0; bottom: 0; 
	height: 100px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
	transition: all .5s ease-in-out;
}
.the-team .bio-sec .fade-away .fade-more {
	width: 40px; height: 40px; 
	position: absolute; 
	border: 1px solid #101010; border-radius: 20px; 
	background-color: #fff;
	left: 0; right: 0; bottom: 0;
	opacity: 0.5;
	cursor: pointer;
	transition: all .5s ease-in-out;
}
.the-team .bio-sec .fade-away .fade-more:hover {opacity: 1;}
.the-team .bio-sec .fade-away .fade-more:after, .the-team .bio-sec .fade-away .fade-more:before {
	content: '';
	position: absolute;
	z-index: 1;
	background-color: #101010;
}
.the-team .bio-sec .fade-away .fade-more:after {
	width: 11px;
	height: 1px;
	left: 14px; right: 0;
	top: 50%;
}
.the-team .bio-sec .fade-away .fade-more:before {
	width: 1px;
	height: 11px;
	left: 50%; right: 0;
	top: 14px;
}

.the-team .bio-2 {width: 0; height: 0; overflow: hidden; position: relative; transition: all .5s ease-in-out; opacity: 0;}
.the-team .bio-2 .clear-header {height: 28.8px; margin-bottom: 20px;}
.the-team .bio-2 .info-block-2 {padding-left: 15px;}
.the-team .bio-2 .info-block-2 h3 {font-size: 15px; opacity: 0.5; margin-bottom: 20px; margin-top: 40px;}
.the-team .bio-2 .info-block-2 h3:first-child {margin-top: 0;}
.the-team .bio-2 .info-block-2 p {font-size: 15px; margin-bottom: 5px;}
.the-team .bio-2 .info-block-2 p:last-child {margin-bottom: 0;}

.the-team .bio-2.show {width: 50%; height: auto; overflow: auto;}
.the-team .bio-2.show.show-inner {opacity: 1;}

.the-team .photo.hide {width: 0;}
.the-team .photo.hide img {opacity: 0;}
.the-team .bio.show .bio-sec {}
.the-team .bio.show .bio-sec .info-block {padding-left: 0; padding-right: 15px;}
.the-team .bio.show .bio-sec .fade-away {height: 0; left: 0;}
.the-team .bio.show .bio-sec .fade-away .fade-more {transform: rotate(45deg);}

.service {margin-bottom: 100px;}
.service h2 {font-size: 24px; margin-bottom: 20px;}
.service h3, .service p {font-size: 15px; margin-bottom: 20px;}
.service p:last-child {margin: 0;}
.service .service-block {margin-top: 40px;}
.service .service-footer {margin-top: 40px;}
.service .service-img {width: 400px; height: 400px; border-radius: 50%; background-position: center; background-size: cover;}

.tooltip-inner {
	background-color: #101010;
	border: none;
	font-size: 10px;
	text-transform: uppercase;
	border-radius: 0;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
	display: none;
}

.btn-link {
	color: #4A8D41;
	font-size: 15px;
	padding-left: 20px;
	border-left: 1px solid #4A8D41;
}
.btn-link:hover {
	color: #101010;
	border-left-color: #101010;
}

.btn-link-black {
	color: #101010;
	border-left: 1px solid #101010;
}
.btn-link-black:hover {
	color: #101010;
	border-left-color: #4A8D41;
}

.btn-link-inverted {
	color: #fff;
	border-left: 1px solid #fff;
}
.btn-link-inverted:hover {
	color: #fff;
	border-left-color: #4A8D41;
}

.contact-container h3 {font-size: 15px; opacity: 0.5; margin-bottom: 20px;}
.contact-container h2 {margin-bottom: 40px; font-size: 24px; line-height: 1.5;}
.contact-container {font-size: 15px; margin: 0;}
.contact-container .mt-60 {margin-top: 60px;}
.contact-container ul {list-style: none; margin: 0; padding: 0;}
.contact-container ul li {display: inline-block; margin-right: 10px;}
.contact-container ul li:last-child {margin-right: 0;}
.contact-container ul li a {font-size: 14px;}
.contact-container ul li img {height: 20px;}
.contact-container ul li a:hover {color: #101010;}

.wpforms-field {
  position:relative !important;
}
.wpforms-field input {
  padding-top: 20px !important;
  height: auto !important;
  box-shadow: none !important;
  background-color: #fff !important;
	border: none !important;
	border-left: 1px solid rgba(0,0,0, 0.5) !important;
	border-radius: 0 !important;
	padding-left: 20px !important;
	transition: all .3s ease-in-out;
}
.wpforms-field textarea {
  padding-top: 20px !important;
  box-shadow: none !important;
  background-color: #fff !important;
	border: none !important;
	border-left: 1px solid rgba(0,0,0, 0.5) !important;
	border-radius: 0 !important;
	padding-left: 20px !important;
	transition: all .3s ease-in-out;
}
.wpforms-field input:focus, .wpforms-field textarea:focus {
  color: #101010 !important;
  border-color: rgba(73,139,64, 1) !important;
  outline: 0 !important;
}
.wpforms-field label.wpforms-field-label {
  color:#777 !important;
  font-size:14px !important;
  font-weight: 400 !important;
  position:absolute !important;
  pointer-events:none !important;
  margin: 0 !important;
  left:20px !important;
  top:24px !important;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
.wpforms-field label.wpforms-field-label.focus {
  top:10px !important;;
  font-size:10px !important;;
  color:#101010 !important;
}
.wpforms-field label.wpforms-error {margin-left: 20px !important;}
.wpforms-submit {
	color: #4A8D41 !important;
	font-size: 15px !important;
	padding-left: 20px !important;
	border: none !important;
	border-left: 1px solid #4A8D41 !important;
	background-color: transparent !important;
	transition: all .3s ease-in-out;
}
.wpforms-submit:hover {
	color: #101010 !important;
	background-color: transparent !important;
	border-left-color: #101010 !important;
}

.map {margin-top: 100px;}
.map .map-container {position: relative; padding-bottom: 25%;}
.map .map-container iframe {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}

footer {background: #fff; padding: 100px 0; padding-top: 40px; color: #101010;}
footer .mt-60 {margin-top: 60px;}
footer h3 {font-size: 15px; opacity: 0.5; margin-bottom: 20px;}
footer p {font-size: 15px; margin: 0;}
footer ul {list-style: none; margin: 0; padding: 0;}
footer ul li {display: inline-block; margin-right: 10px;}
footer ul li:last-child {margin-right: 0;}
footer ul li img {height: 20px;}
footer ul li a {font-size: 14px;}
footer ul li a:hover {color: #101010;}
footer img {height: 100px; margin-bottom: 40px;}
footer .sub-footer {margin-top: 40px;}
footer .sub-footer p {margin: 0; opacity: 0.5; font-family: 'Roboto Slab'; font-size: 14px;}
footer .sub-footer .to-top-btn {cursor: pointer; transition: all .3s ease-in-out;}
footer .sub-footer .to-top-btn:hover {color: #4A8D41; opacity: 1;}
footer .footer-latest li {display: block; margin: 0; margin-bottom: 10px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
footer .footer-latest li:last-child {margin: 0;}

@media only screen and (max-width: 980px) {
	.projects .project-fill .project-fill-inner .project-fill-cta p {font-size: 24px;}
}
@media only screen and (max-width: 767px) {
	.the-team .member {display: block;}
	.the-team .photo {width: 100%; margin-bottom: 60px;}
	.the-team .bio {width: 100%;}
	.the-team .bio-sec {height: auto; overflow: auto;}
	.the-team .bio-sec .fade-away {display: none;}
	.the-team .bio-2 {width: 100%; height: auto; opacity: 1;}
	
	.the-team .bio-sec .info-block, .the-team .bio-2 .info-block-2 {padding-left: 0;}
	
	.articles-img .entry-img {height: 200px; margin-bottom: 20px;}
	.page-header .categories ul.columns {columns: 1;}
	
	.service .service-img {width: 100%; position: relative; margin-bottom: 60px; height: auto;}
	.service .service-img:before {content: ''; display: block; padding-bottom: 100%;}
	
	.mt-40-mob {margin-top: 40px !important;}
	
	.about-bottom .projects {display: none;}
	
	.project-fill {display: none;}
}