/*
Theme Name: MB Contractors
Theme URI: http://www.mbcontractors.com
Description: Template for MB Contractors
Author: Textivia
Author URI: http://www.textivia.com
Template: wp-forge
Version: 4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: wp-starter

Start adding your theme specific styles below.
*/

.error404 h3 small {
font-size: 1rem;
line-height: 2;
}
.error404 h3 {
margin-bottom: 2rem;
}

*, html {
	font-family: 'Source Sans Pro', sans-serif;
	outline: none;
	color: rgba(31,33,32,1);
}
.site-logo a {
	display: block;
	width: 100%;
	margin-left: .9375rem;
	}
	
.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #333333 !important;
    }
    
body {
	background: rgba(255,255,255,1);
	}
	
.row { max-width: 64rem;}


.row.fullwidth {
	width: 100% !important;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: initial !important;
	}
	
.row .row {
	max-width: 64rem;
	margin: 0px auto !important;
	}

#wrapper {
	max-width: 100% !important;
	}

h1,h2,h3,h4,h5,h6 {
	font-family: "Lato";
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1;
	}

h1 small, h2 small, h3 small, h4 small, h5 small {
	font-family: "Lato";
	display: block;
	line-height: 1.4;
	font-weight: 400;
	
	}

h1 {font-size: 3rem;}
h1 small {
	font-size: 1.5rem;
	text-transform: none;
}

h2 {
	font-weight: 500;
	font-size: 2.25rem;
	margin-bottom: 1rem;
	}

h2 small {
	font-size: 1.1875rem;
	}

.coverBG {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	}

#subheader { 
	min-height: 8.5rem;
	}

.nav_wrap, 
nav,
nav ul, 
nav ul li { 
	background: transparent !important;
	}

.contain-to-grid .top-bar, 
.top-bar, 
.top-bar-section ul li, 
.top-bar-section li:not(.has-form) a:not(.button), 
.top-bar-section ul li:hover:not(.has-form) > a, 
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), 
.contain-to-grid{
	background-color: transparent !important; 
	font-size: 0.9rem;
	text-transform: uppercase;
	font-family: "Montserrat";
	font-weight: normal;
	}
	
.top-bar, 
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li a,
.top-bar-section ul {
	background: transparent;
	}

.top-bar .divider {
	display: none;
	}

#header .top-bar-section li:not(.active):hover > a,
#header .top-bar-section li:not(.active) > a:hover {	
	background: rgba(138,3,1,1) !important;
	color: rgba(255,255,255,1) !important;	
	}

.top-bar-section li ul.dropdown  {	
	background: rgba(0,0,0,.60) !important;
	color: rgba(255,255,255,1) !important;	
	}

.top-bar-section ul li:hover:not(.has-form) > a   {	
	background: rgba(0,0,0,.60) !important;
	color: rgba(255,255,255,1) !important;
	}

#header .top-bar-section li ul.dropdown {
	background: rgba(0,0,0,.60) !important;
	}

#header .top-bar-section li ul.dropdown  a {	
	color: rgba(222,225,231,1) !important;	
	}

#header .top-bar-section ul ul li:hover:not(.has-form)    {	
	background: rgba(183,27,34,.60) !important;
	color: rgba(255,255,255,1) !important;
	}
	
#header .top-bar-section ul ul li:hover:not(.has-form)  > a  {	
	color: rgba(255,255,255,1) !important;
	}

.top-bar-section ul ul li:not(.has-form) > a   {	
	font-size: .8rem !important;
	}	
	
.top-bar-section .has-dropdown > a:after{
	border-color: rgba(255,255,255,1) transparent transparent transparent;
	}

.top-bar-section .dropdown li.active a:hover{	
	background: rgba(0,0,0,.60) !important;
	}

#header .top-bar-section li.active:not(.has-form) > a:not(.button) {	
	background: rgba(138,3,10,1) !important;
	}
	
#header {
	padding: 0px;
	}
	
.site-logo {
	padding: 1rem 0;
	}	

#mainNav {
	background: rgba(196,33,41,1);
	-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);	
	}

#subheader h1 {
	color: rgba(255,255,255,1);
	margin-top: 3.5rem;
	margin-bottom: 3rem;
	font-size: 3rem;
	font-family: Lato;
	font-weight: bold;
	}	
	
.paddedSection {
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
	}
	
#mainContent.paddedSection {
	padding-bottom: 1.75rem;
	}		
	
.slick-next {
	right: 0px !important;
	width:4rem !important;
	height: 3rem !important;
	z-index: 20000  !important;
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
	}
	
.slick-prev {
	left: 0px !important;
	width:4rem !important;
	height: 3rem !important;
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
	z-index: 20000  !important;	
	}	
	
.slick-prev:before, .slick-next:before {
	font-size: 3rem !important;
	}
	
.slideContentContainer {
	height: 33rem;
	margin-left: 4rem;
	margin-right: 4rem;
	}
.slick-dots {
	margin-left: 0px !important;
	}
	
.hpSlide {
	height: 20rem !important;	
	}
	
.slideContent {
	width: 100%;
	overflow: hidden;
	}
	
.slideContent h1 {
	color: rgba(255,255,255,1);
	margin-bottom: 1rem;	
	}
		
.slideContent h1 small {
	color: rgba(255,255,255,1);
	}

.button.custom.radius {
	border-radius: .5rem !important;
	}

.button.custom, .gform_footer button {
	background: rgb(195,32,41); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(195,32,41,1) 0%, rgba(133,2,8,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(195,32,41,1) 0%,rgba(133,2,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(195,32,41,1) 0%,rgba(133,2,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32029', endColorstr='#850208',GradientType=0 );
	padding: 1rem 2rem;
	font-size: 0.875rem;
	text-transform: uppercase;
	margin-bottom: 0px;
	border: 1px solid rgba(152,12,18,1);
	}

.button.custom:hover, .gform_footer button:hover {
	background: rgb(133,2,8); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(133,2,8,1) 0%, rgba(133,2,8,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(133,2,8,1) 0%,rgba(133,2,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(133,2,8,1) 0%,rgba(133,2,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#850208', endColorstr='#850208',GradientType=0 );
	padding: 1rem 2rem;
	font-size: 0.875rem;
	text-transform: uppercase;
	margin-bottom: 0px;
	border: 1px solid rgba(152,12,18,1);
	}

.button.custom i, .gform_footer button i {
	color: rgba(255,255,255,1);	
	}
	
.slant {
	height: 54px;
	background-image:url(imgs/slant.png);
	background-size: 100% 100%;
	background-position: top center;
	background-repeat: no-repeat;
	}

.redBG {
	background-color: rgba(138,4,10,1);
	color: rgba(255,255,255,1);
	}	
	
.redBG .content {
	padding-top: 3rem;
	padding-bottom: 3rem;
	}	
	
.redBG h2, .redBG p, .redBG strong {
	color: rgba(255,255,255,1);
	}	
	
.redBG h2 {
	font-family: Lato;
	font-weight: 300;
	}
	
#footer i.fa, #topRow i.fa {
	color: rgba(196,33,41,1);
	}

#copyright {
	color: rgba(255,255,255,1);
	background: rgba(8,8,8,1);
	font-size: .75rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: rgba(255,255,255,1);	
	}	
	
#copyright p {
	font-size: .75rem;
	}	
	
.textivias-links a {
	clear:both;
	display:block;
	text-align:right;
	text-decoration:none;
	font-size: 10px;
	font-family:Lato, Arial, sans-serif;
	line-height: 1 !important;
	color: rgba(255,255,255,1);
	}

.textivias-links a:hover {
	color: rgba(51,86,164,1);
	}

.textivias-logo {
	border-left: 1px solid #ccc;
	}

.textivias-logo:hover {
	opacity: 0.7;
	}
		
.flex{
	display: -ms-flexbox;
	display: -webkit-flex !important;
	display: flex !important;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	}	
	
#copyright p {
	margin-bottom: 0px;
	color: rgba(255,255,255,1);
	}	

#topRow .row{
	position: relative;
	}
	
#topRow .contact {
	bottom: 0px;
	position: absolute;
	right: 0px;
	font-size: 1.125rem;
	}
	
#topRow .contact a {
	color: rgba(31,33,32,1);
	font-weight: bold;
	}
	
#topRow .contact a:hover {
	color: rgba(31,33,32,1);
	text-decoration: underline;
	}
		
.inline li { 
	display: inline-block !important;
	margin-bottom: .5rem;
	}

.inline li a i {
	display: inline-block;
	padding: .25rem .25rem;	
	transition: all .5s;
	}	

.inline li a:hover i {
	transform: scale(1.5);
	}
	
#topRow .contact ul {
	margin: 0px;
	}	
	
.hidden { 
	display: none;
	}	

#footerContactSection {
	background-color: rgba(82,189,236,1);
	color: rgba(255,255,255,1);
	}	

#footerContactSection h2 {
	color: rgba(255,255,255,1);
	}	

#footerContactSection .button.custom {
	border: 1px solid rgba(121,183,209,1);
	background: rgb(77,77,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(39,39,39,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(77,77,77,1) 0%,rgba(39,39,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(77,77,77,1) 0%,rgba(39,39,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#272727',GradientType=0 );
	color: rgba(255,255,255,1);
	}

#footerContactSection .button.custom:hover {
	background: rgb(39,39,39); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(39,39,39,1) 0%, rgba(39,39,39,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(39,39,39,1) 0%,rgba(39,39,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(39,39,39,1) 0%,rgba(39,39,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#272727',GradientType=0 );
	}	
	
#footerContactSection .button.custom i {
	color: rgba(255,255,255,1);	
	}
	
#portfolioHome li {
	padding: 0px;
	}

#portfolioHome .content {
	padding: .5rem;
	}	
	
#portfolioHome strong {
	font-size: 1.125rem;
	text-transform: uppercase;
	display: block;
	padding-top: 1rem;
	padding-bottom: 1rem;
	width: 100%;
	}	
	
#portfolioHome li:first-of-type .content {
	margin-left: .5rem;
	}	
	
#portfolioHome li:last-of-type .content {
	margin-right: .5rem !important;
	}	

#portfolioHome li .content .button.custom {
	padding: 1rem .25rem;
	width: 100%;
	}
	
#portfolioHome strong {
	font-size: 1.25vm;
	font-size: 1.5vw;
	}

#portfolioHome .button.custom {
	font-size: 1.15vm !important;
	font-size: 1.25vw !important;
	}		
	
#serviceHome,
#serviceHome h2,
#serviceHome p,
#serviceHome strong {
	color: rgba(255,255,255,1);
	}

#serviceHome .leftColumn{
	border-right:1px solid rgba(255,255,255,1);
	}

#serviceHome .leftColumn .content {
	padding-top: 2rem;
	padding-bottom: 2rem;
	}
	
#serviceHome .leftColumn .content p:last-of-type {
	margin-bottom: 0px;
	}

#serviceHome img {
	margin-bottom: .5rem;
	}
	
#serviceHome ul {
	width: 100%;	
	}

#serviceHome [class*="block-grid-"] > li {
	padding: 1rem;
	}

#serviceHome ul li {
	transition: all .5s ease;
	}
	
#serviceHome ul li:hover{	
	transform: scale(1.25);
	}

#serviceHome ul li a {
	display: block;
	}

#blogHome ul li {
	padding-top: 10px;
	}
	
#blogHome ul li:hover {
	background: rgba(240,240,240,1)
	}

#blogHome ul li h3 {
	margin-top: 1rem;
	font-size: 16px;
	color: rgba(44,50,48,1);
	text-transform: uppercase;
	}

#blogHome ul li h3 small {
	font-size: 1rem;
	color: rgba(196,33,41,1);
	line-height: 1.6;
	}
	
#blogHome h2 {
	font-family: Lato;
	font-weight: 300;
	margin-bottom: 2rem;
	}
	
#blogHome h2 small {
	text-transform: none;
	color: rgba(196,33,41,1);
	font-size: 1.1875rem; 
	line-height: 1.6;
	}
	
#blogHome {
	border-top: 1px solid rgba(215,215,215,1);
	}

#homepageSlider .slick-dots li button:before {
	font-size: 1rem;
	font-family: fontawesome !important;
	content: "\f10c";
	color: rgba(255,255,255,1) !important;
	opacity: 1;
	}

#homepageSlider .slick-dots li.slick-active button:before {
	font-size: 1rem;
	font-family: fontawesome !important;
	content: "\f111";
	color: rgba(255,255,255,1);
	opacity: 1;
	}
	
#homepageSlider .slick-dots {
	bottom: 0px;
	}

.grayBG {
	background: rgba(0,0,0,.5);
	margin-top: 4rem;
	}

.slantedSection {
	padding-bottom: 4rem;
	}
	
.nomargin, .nomargin p:last-of-type {
	margin-bottom: 0px;
	}

.hasBackground h2, .hasBackground p, .hasBackground strong {
	color: rgba(255,255,255,1);
	}

.basicContent.hasBackground {
	padding-top: 6rem;
	padding-bottom: 6rem;
	}
	
h2 small {
	color: rgba(196,33,41,1);
	font-weight:500;
	text-transform: none;
	font-size: 1.2rem;
	}

#rightImageSection img {
	border: .5rem solid rgba(217,218,222,1);
	}
	
.gform_wrapper input, .gform_wrapper textarea {
	border-radius: .25rem;
	background: rgba(248,248,248,1);
	border: 2px solid rgba(215,215,215,1);
	color: rgba(190,190,190,1);
	}
	
.gform_wrapper label {
	font-size: 1rem;
	color: rgba(190,190,190,1);
	}
	
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: rgba(190,190,190,1);
	}	
	
input::-moz-placeholder, textarea::-moz-placeholder {
	color: rgba(190,190,190,1);
	}
	
input:-moz-placeholder, textarea:-moz-placeholder { 
	color: rgba(190,190,190,1);
	}
	
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
	color: rgba(190,190,190,1);
	}

.address h3 {
	font-size: 1rem;
	text-transform: none;
	color: rgba(196,33,41,1);
	margin: 0px;
	font-weight: 600;
	}

ul.address {
	list-style: none;
	margin-top: 1.5rem;
	margin-left: 0px;
	}
	
ul.address li {
	margin-bottom: .15rem;
	}

#contactFormSection {
	border-top: 1px solid rgba(215,215,215,1);
	}

.address a:hover { 
	text-decoration: underline;
	}

#footer .inline .divider:before {
	padding: .25rem;
	}

#footer .inline .divider:before { content: "|";
	color: rgba(196,33,41,1);
	font-weight: bold;
	}

#footer .inline li:first-of-type {
	display: none !important;
	}

#footer .inline { 
	margin: .5rem 0;
	}

#footer ul.inline a {
	color: rgba(32,32,23,1);
	font-weight:600;
	text-transform: uppercase;
	font-size: 1.125rem;
	padding: .5rem;
}

#footer ul.fa-ul a {
	color: black;
}

#footer ul.fa-ul a:hover {
	color: rgba(196,33,41,1); 
}

#footer a:hover {
	color: rgba(196,33,41,1);
	}

#footer {
	padding-bottom: 1rem;
	background: rgba(240,240,240,1);
	}

.staffMember .staffContainer {
	background: rgba(255,255,255,.90) !important;
	padding:2rem 1rem 1rem !important;
	}
	
/*
li.staffMember a.button {
    position: absolute;
    bottom: 40px;
    left: calc(10%);
    width: 80%;
}

li.staffMember {
	position: relative;
}
*/

#team ul.small-block-grid-1 li.staffMember:nth-of-type(4) {
	margin-left: 16.6666666%;
}

@media only screen and (max-width: 1024px) {
	#team ul.small-block-grid-1 li.staffMember:nth-of-type(4) {
		margin-left: auto;
	}
}

#team.slantedSection {
	padding-bottom: 0px;
	}
	
.staffMember h3{
	font-size: 1.2rem;
	margin-top: 1rem;
	margin-bottom: .5rem;
	}



.staffMember h3 small, .staffMember p {
	font-size: 1rem;
	color: rgba(32,32,33,1);
	line-height:1.6;
	}
.staffMember .staffContainer {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	}

.service .serviceContainer {
	background: rgba(0,0,0,.50) !important;
	padding:2rem 1rem 1rem !important;
	}

#services.slantedSection {
	padding-bottom: 0px;
	}

.service .serviceContainer  h3{
	margin-top: 2rem;
	margin-bottom: 3rem;
	font-size: 1.5rem;
	color: rgba(255,255,255,1);
	line-height:1.2;
	font-weight: normal;
	}

.service .serviceContainer  h3 small, .service .serviceContainer p {
	font-size: 1rem;
	color: rgba(255,255,255,1);
	line-height:1.6;
	}
.service .serviceContainer {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);
	position: relative;
	}
	
.service .serviceContainer .buttonContainer {
	width: 100%;
	text-align: center;

	left: 0px;	

	}	
	
.more-link { 
	display: none;
	}	
	
.showOnHover {
	height: 0px;
	overflow:hidden;

	}	

.service .serviceContainer:hover .buttonContainer{
	}	

.service .serviceContainer .showOnHover {
	transition: all .5s ease;
	
	}
.service .serviceContainer:hover  .serviceHeader {
	transform: translate(0px,-48px) scale(.65); 
	}

#portfolioInside .content.flex { 
	width: 100%;
	text-align: center;
	}

#portfolioInside .flexContent.flex {
	width: 80%;
	margin: 10% !important;
	padding: 5rem 1rem;
	background: rgba(196,33,41,.8);
	}

#portfolioInside .flexContent.flex strong {
	display: block !important;
	text-align: center;
	width: 100%;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	font-size: 1.5rem;
	}

li.portfolioItem .content {
	opacity: 0;
	transition: all .5s ease;
	}

li.portfolioItem {
	filter: grayscale(1) !important;
	-webkit-filter: grayscale(100%);
	transition: all .5s ease;
	}

li.portfolioItem:hover {
	filter: grayscale(0) !important;
	-webkit-filter: grayscale(0);

	}
	
li.portfolioItem:hover .content {
	opacity: 1;
	}	

#portfolioInside .content.flex {
	height: 100%;
	width: 100%;
	}
		
.mainElement .content {
	padding: 5rem 1rem;	
/*	background: rgba(196,33,41,.8);*/
	}	

li.mainElement {
	padding: 0px;
	color: rgba(255,255,255,1);
	}
	
li.mainElement h3, li.mainElement p {
	color: rgba(255,255,255,1);	
	}	

li.mainElement h3 {
	font-weight: 500;
	}
	
.projectGallery img {
	padding: 1rem;
	}
	
.projectGallery .mainImage{
	background: #ff0000;
	}
		
[class*="block-grid-"] > li.hidden {
	display: none;
	}

#gallery {
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(240,240,240,1);
	}

#subgallery {
	padding-top: 1rem;
	}

.projectSpecs {
	list-style: none;
	margin: 0px;
	}

.projectMain h2 {
	margin-bottom: 2rem;
	margin-top: 1rem;
	line-height: 1.3
	}
	
.projectMain {
	padding-bottom: 3rem;
	}

#blogPosts article.blogpost {
	border-bottom: 1px solid rgba(225,225,225,1);
	margin-bottom:1rem;
	}
	
#blogPosts .blogpost img{
	margin-bottom: 1rem;
	}
	
.page-template-page-blog #mainContent {
	border-bottom: 1px solid rgba(225,225,225,1);
	}
	
.meta {
	font-size: 1.25rem;
	text-transform: uppercase;
	color: rgba(196,33,41,1);
	}
	
.blogpost h3 {
	font-weight: 400;
	font-size: 2.25rem;
	}

#nav-below a, #nav-below a span.meta-nav i{
	color: rgba(196,33,41,1);
	text-transform: uppercase;
	}

.singleBlog h2 {
	margin-bottom: .5rem;
	}
	
.singleBlog img {
	padding: .5rem;
	background-color: rgba(235,235,235,1);
	}
	
.singleBlog hr {
	margin-bottom: 2rem;
	}	
	
.excerpt {
	margin-bottom: 1rem;
	}	

#projectGallery h3 {
	padding-top: 1rem;
	padding-bottom: .5rem;
	font-size: 1.125rem;
	}
#projectGallery .flexContent {
	width: 100%;
	}

#projectGallery .flexContent h3{
	width: 100%;
	}

	
	
@media only screen and (max-width: 40em) {
	.logo-footer {
		margin-bottom: 2rem;
		}

	#serviceHome .leftColumn{
		border-right:0px solid rgba(255,255,255,1);
		border-bottom:1px solid rgba(255,255,255,.25);
		margin-bottom: 2rem;
		padding-bottom: 1rem;
		}
		
	#portfolioHome strong {
		font-size: 1.125rem;;
		}
	
	#portfolioHome .button.custom {
		font-size: .75rem !important;
		}	
	
	#portfolioHome .content {
		padding: 1rem;
		}

	#topRow .contact {
		position: relative;
		}
		
	.inline li.block-on-small {
		display: block !important;	
		}
	
	hr#menuDivider {border: 0px;
		margin: 0px;
		padding: .25rem;
		background: rgba(196,33,41,1);
		}
	
	#topRow .contact {
		padding: 1rem !important;
		}
	
	#topRow .social i {
		font-size: 2rem;
		}
		
	.inline li.hide-me-on-small {
		display: none !important;
		}		
}	

@media only screen and (min-width: 40.061em) {
	.fullImage img {
		position: absolute;
		max-height: 100%;
		bottom: 0px;
		}
	.home .fullImage img {
		max-width: 95% !important;
	}

	.card.service .front h3 {
		padding-bottom: 4rem;
		}

	.card.service .front img {
		padding-top: 4rem;
		}

	.card_container {
		position: relative;
		z-index: 1;
		}
		
	.card_container {
		perspective: 1000;
		}
	
	.card {
		width: 100%;
		height: 100%;
		transform-style: preserve-3d;
		transition: all 1.0s linear;
		}
	
	.card_container .card:hover {
		transform: rotateY(180deg);
		}
	
	.card_container .card:hover .front {
		transform: scale(0);
		}
	
	.card_container .card:hover .back h3 {
		transform: scale(.65);
		padding: 0px;
		}
	
	.face {
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
		}
	
	.face.back {
		transform: rotateY(180deg);
		box-sizing: border-box;
		color: white;
		text-align: center;
		background: rgba(183,27,34,.9) !important;
		}	
	
	.back {
		position: absolute;
		top: 0px;
		margin-left: -.9375rem;
		}
	
	.back .buttonContainer {
		bottom: 1rem;
		position: absolute;		
		}
	
	.card.service .front h3 {	
		margin-bottom: 1rem;
		}
	
	.card.service .back h4 {
		transform: scale(.85);
		color: rgba(255,255,255,1);
		margin-bottom: 1rem;
		font-weight: 500;
		}	
	
	.card.service .back img {
		transform: scale(.75);
		color: rgba(255,255,255,1);
		}
	
	.card.service .back p:not(.nomargin) {
		transform: translate(0px,-24px) scale(.85); 	
		color: rgba(255,255,255,1);
		}
	
	.card .back {
		padding-top: 1rem;
		}	


} 
	 
@media only screen and (min-width:40.061rem) and (max-width: 45em) {
	.menu-item a {
		padding-left: .25rem !important;
		padding-right: .25rem !important;
		font-size: .75rem !important;
		}

	.menu-item.has-dropdown a{
		padding-left: .25rem !important;
		padding-right: .75rem !important;
		font-size: .75rem !important;
		}

	.menu-item.has-dropdown a,
	.menu-item.has-dropdown a:after{
		margin-right: .25rem;
		}
} 

@media only screen and (min-width:45.061rem) and (max-width: 49em) {
	.menu-item > a {
		padding-left: .25rem !important;
		padding-right: .25rem !important;
		font-size: .8rem !important;
		}

	.menu-item.has-dropdown > a{
		padding-left: .25rem !important;
		padding-right: 1.25rem !important;
		font-size: .8rem !important;
		}

	.menu-item.has-dropdown > a,
	.menu-item.has-dropdown > a:after{
		margin-right: .25rem;
		}
} 

@media only screen and (min-width:49.061rem) and (max-width: 61em) {
	.menu-item > a {
		padding-left: .25rem !important;
		padding-right: .25rem !important;
		font-size: .9rem !important;
		}

	.menu-item.has-dropdown > a{
		padding-left: .25rem !important;
		padding-right: 1.25rem !important;
		font-size: .9rem !important;
		}

	.menu-item.has-dropdown > a,
	.menu-item.has-dropdown > a:after{
		margin-right: .25rem;
		}
} 

@media only screen and (min-width: 64.061rem){
	#portfolioHome strong {
		font-size: 1.125rem;
		}
		
	#portfolioHome .button.custom {
		font-size: .875rem !important;
		}		
}