@charset "utf-8";
/* CSS Document */

/*##########################################################################
MOBILE (320px * 479px)
########################################################################## */


@media only screen and (min-width: 320px) and (max-width: 479px) {
.menu-site > li {
float: left;
width: 100% !important;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
}


.menu-site > li > a {
border-bottom: 1px solid #d0d2d6;
display: block;
color: #000;
padding: 15px !important;
background: #fff;
}

.menu-site > li > a:hover {
border-bottom: 1px solid #d0d2d6;
display: block;
color: #fff !important;
padding: 8px 0 7px;
background: #b41747;
}

.left1 {margin-left: 15px !important;}

/* Updated coding */

.bar8-stretch {width: 100% !important;}
.img-name {max-width: 100%;height: 210px;}
.btn {margin-top:20px;}

#home-promo {max-width: 527px !important; margin-left: 10px;}
#home-promo-pad {min-width: 50px; max-width: 50px}
#home-promo h3 {font-size: 15px !important;line-height: 20px !important;max-width: 275px!important;
padding-top: 15px !important; margin-bottom: 0px !important; margin-top: 0 !important;}
#home-promo .first {font-size: 12px;line-height:14px; color:#fff; max-width: 275px; padding: 0px; margin: 0; display: table !important}
#home-promo .second {display:none !important;}
#home-promo .third {display:none !important;}
#home-promo .btn, #home-promo .btn a {font-size: 12px;}
#home-promo .btn-extra-large {position: absolute;display: table;bottom: 0;top: 140px;}



/*! New Style Coding For New Landing Pages 04/19/2018 */
.quick-contact2 {display: block !important;}
.bar1 .promo-space {min-height:25px !important;;}
#menu-footer .bar1 {min-height:50px!important;}

/*! New Style Coding For New Landing Pages 04/27/2018 */
.home-services-menu {
background: linear-gradient(to bottom, rgba(36,36,36,0.87) 0%,rgba(36,36,36,0.99) 61%,rgba(36,36,36,1) 100%);
margin-top: 0px !important;
padding: 0 0 20px 0;
}

.home-services .bar1 {
min-height:20px!important;
}

.services-industries {
background: #242424;
padding-top: 20px;
padding-bottom: 24px;
left: 0;
right: 0;
top: 0 !important
}

h3.home-services {
font-size: 34px;
font-weight: 300;
letter-spacing: 0;
text-transform: uppercase;
text-align: center;
padding: 40px 0px 20px 0px;

}

span.service-bio {
font-size: 12px;
line-height: 18px;
text-transform: none;
letter-spacing: 0 !important;
padding: 8px 0 16px 0;
width: 100% !important;
}

.service-cell {
background: rgba(0, 0, 0, .25);
width: 100%;
height: 266px;
transition: 0.8s;
margin: 10px 0;
border: 1px solid #fff;
box-shadow: 2px 2px #ddd;
}

.service-cell:hover {
width: 98%;
height: 98%;
margin: 5px;
box-shadow: 2px 2px #ddd;
}


.secondary-header div {
padding: 0 16px
}


/*! New Coding landing page header 05/11/2018 */

.site-branding {
padding: 8px 0;
width: 35%;
}


.site-branding-1 {
padding: 0;
width: 100%;
margin-top:10px;
margin-bottom:0px;
left: 0px;
display: block;

}

.site-branding-2 {
display: none;
}

#regional-article-header {
	min-height: 570px;
	max-height: 575px
}

.prime-header-back {
	max-height: 275px;
	overflow: hidden
}

#regional-article-header .prime-header-back {
	height: 100%; max-height: unset;
	max-width: 100%;
	position: absolute;
	overflow: hidden;
}

.prime-header-back img {
	height: 100%; min-height: 275px;
	width: 190%; max-width: 190%;
	top: 0 !important;
	right: 55%
}

#regional-article-header .prime-header-back img{
	height: 100%; min-height: 275px;
	width: auto; max-width: 510%;
	top: 0;
	right: 175%
}

.prime-header-1 .dim4 {
position: absolute;
display: block;
margin: 10px 0px;
}

.prime-header h1 {
	font-size: 18px;
	line-height: 20px;
	max-width: 300px
}

.prime-header h1 span {
	font-size: 14px;
	line-height: 20px
}

#regional-article-header h1, .regional-header-h1, #regional-header-h1 {
	font-size: 32px !important;
	line-height: 32px;
	max-width: 300px
}

#regional-article-header h1 span {
	font-size: 21px;
	line-height: 20px
}

.prime-header-1 h1 span {
font-size: 10px;
line-height: 0px;
width: 100%;
font-weight: 600;
text-align: left;
text-shadow: 2px 2px #000;
top: 0px;
margin-bottom:15px;
position: relative;
display: block;
}

.prime-header-1 h1 {
font-size: 15px;
text-align: left;
font-weight: 600;
line-height: 20px;
z-index: 100;
max-width: 1300px;
text-shadow: 2px 2px #000;
margin-top: -50px !important;
margin-bottom:10px !important;;
}

.regional-header-description {
	font-size: 17px
}

.prime-header-1 .bar7 {
width:80% !important;
}

.prime-header-1 br {display:none !important;}

.breadcrumbs {
font-size: 10px !important;
line-height: 15px!important;
top: 5px;
margin-left: 15px;
}

/*.top {margin-top:-110px;}*/

.top .text-right {
	text-align: center !important
}

.top .text-left {
	text-align: center !important
}

#regional-article-header .text-left {
	margin: 0 0 7px 0;
}

.top .button {
	width: 220px;
	height: auto;
	background: tranparent;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	color: rgba(255,255,255,0.9);
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	white-space: normal;
	border-color: rgba(255,255,255,0.7);
	border-radius: 4px;
	display: inline-block;
	position: relative;
	padding: 5px;
	margin: 5px 0;
	z-index: 1000;

}

#regional-article-header .button {
    width: 265px;
    height: 50px; min-height: 50px;
	background: #b41747;
	font-size: 13px;
	color: #fff;
	line-height: 1.0;
    letter-spacing: 1px;
    border: #b41747;
    border-radius: 20px;
	display: table-cell;
    padding: 5px 35px;
    vertical-align: middle;
}

.top .button1 {
	display: inline-block;
	background-color: #efefef;
	border-color: rgba(255,255,255,0.7);
	border-radius: 4px;
	color: #111;
	font-weight: 500;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	white-space: normal;
	width: 220px;
	height: auto;
	padding: 5px;
	position: relative;
	z-index: 1000;
	margin:5px 0;
}


/*! New Coding landing page header 06/12/2018 */

.secondary-header h2 {
	font-size: 24px;
	line-height: 28px;
}

#regional-article-subhead h2 {
	max-width: 310px;
	font-size: 14px;
	font-weight: 300;
	color: #d5d5d5;
	line-height: 1.2;
	padding: 10px 0 9px;
}

#regional-article-subhead .h2-description {
	 max-width: 1120px;
    font-size: 34px;
    font-weight: 300;
    font-family: 'Roboto';
    text-align: left;
    line-height: 1.08;
    padding-right: 0;
    padding-top: 20px;
}

h3.regional-service-headline, .regional-service-headline {
	font-size: 28px;
}

p.regional-service-subhead {
    font-size: 21px;
	font-weight: 300;
    line-height: 1.0;
}

/* .metbrand2 {
font-size: 22px !important;
letter-spacing: -0.5px !important;
}	*/

.middle-buttons {
margin:0 auto;
}
.middle-buttons .text-left {
text-align: center;
}

.middle-buttons .text-right {
text-align: center;
}

.service-list > li {
list-style: none;
font-size: 12px;
padding: 0 5px;
}

.industry-list > li {
list-style: none;
font-size: 12px;
padding: 0 5px;
}

.sidebar-area {
background: #fafbfb;
border-top: none !important;
padding-top: 38px;
clear: both;
}

.site-sidebar {
margin-top: 0px !important;
padding-top: 0px;
box-shadow: 5px 2px 5px 5px #ecedee;
}

.menu-sidebar {
margin-bottom: 40px;
padding: 0 10px !important;
}

hr, .hr {
padding: 20px 0 !important;
margin-bottom: 0px !important;
}

#complementary .contact-us {
margin-top: 20px;
}

.contact-us-title {
font-size: 18px !important;
}

.contact-us {
background: #b41747 url("https://metlabs.com/wp-content/uploads/2018/08/bg-01.png") no-repeat center top !important;
}



/*! New Coding landing page header 06/22/2018 */
.blue h3 {
color: #fff;
margin: 20px 0;
width: auto;
text-align: center;
}

.usp h3 {
    width: 100%;
	color: #151515;
    font-weight: 300;
    font-size: 27px;
    padding: 40px 0 15px 0;
}

.blue p {
padding: 10px;
}
.secondary-header-middle-section p {
margin-top:0px;
margin-bottom:0px;
padding: 10px;
}

.second-buttons .btn {
font-size: 10px;
padding: 15px;
}

.second-buttons .text-left {
margin-left:100px;
}

.second-buttons .text-right {
margin-right:15px;
}


.main .site-branding {
padding: 10px;
margin: 0 auto;
width: 60%;
float:left;
}

.main .site-branding-1 {
display:none !important;
}

.main .navigation-toggle {
background: transparent;
border: transparent;
margin: 0;
padding: 0;
position: absolute;
top: -175px;
right: 16px;
z-index: 9999;
}

.main .navigation-toggle-title {
display: table-cell;
vertical-align: middle;
padding-right: 8px;
font-size: 10px;
}

.main .site-header-primary {
border-bottom: none;
padding-top: 0px;
padding-bottom: 0px;
}

.main .menu-header > li > a {
border-bottom: 1px solid #d0d2d6;
display: block;
color: #000;
padding: 8px 0 7px;
font-size: 12px;
text-align: center;
}

.banner-slider .slide .media {
display: inline !important;
}

.banner-slider .slide {
height: 350px!important;
}

.main .site-search {
display: inline-block;
vertical-align: top;
position: relative;
width: 40px;
top: 20px;
float: right;
}

.spyglass {
border: 0;
margin: auto 0;
padding: 0px;
/*position: relative !important;*/
top: 0;
right: 0;
bottom: 0;
width: 40px!important;
height: 40px!important;
background: #eee !important;
display: inline-block;
}


.main .top-bar {
background: #e3e4e6;
padding:5px 0 5px 0;
}

.main .search-form-btn .icon {
font-size: 20px;
margin-left: -7px;
}

/*.main .top-bar input {
width: 200px;
} */


.article-intro-region {
background: linear-gradient(to bottom, rgba(36,36,36,.01) 2%, rgba(0,0,0,0.89) 20%,rgba(0,0,0,0.99) 45%,rgba(0,0,0,1) 100%);
margin-top: -100px; padding: 0 0 20px 0;
z-index:  10; text-align: left}

.article-related a:hover {opacity: 0.8; box-shadow: 1px 2px 3px rgba(0,0,0,.8)}

.container-nav {
background: #e3e4e6;
padding: 0 16px 20px
}

.bottom-main .btn {margin-top:0; margin-bottom:20px;}
.bottom-main .new-logo-1 {margin-bottom: 50px;}
.bottom-main h4{color:#fff;}
.bottom-main .bottom-org {
color: #fff;
font-size: 8px;
line-height: 12px;
margin-top: 0px;
padding: 10px;
}

.site-copyright {
color: #acadaf;
font-size: 12px;
line-height: 16px;
padding-top: 4px;
text-align: center;
}

.promo-header-headline {
    line-height: 1.0;
    font-size: 22px;
}

.promo-header-description {
	line-height: 0.9;
    font-size: 14px;
}

}
