/*Reset*/
body { font-family: 'Open Sans', sans-serif; color: #666; }
h1, h2, h3 { margin: 0; font-weight: 600 }
a { color: #739900 }
a:hover  {  text-decoration: none; color: #739900 }
a:focus, a:active  {  outline: none; text-decoration: none; color: #709e00 }
img {  max-width: 100%; height: auto }
ul {  margin: 0; padding: 0 }
li {  list-style: none; }
p {  font-size: 14px; line-height: 1.65em; color: #666 }
.ptb-1em{padding:1em 0}.ptb-2em{padding:2em 0}.ptb-3em{padding:3em 0}.ptb-4em{padding:4em 0}.ptb-5em{padding:5em 0}.ptb-6em{padding:6em 0}.pt-1em{padding-top:1em}.pt-2em{padding-top:2em}.pt-3em{padding-top:3em}.pt-4em{padding-top:4em}.pt-5em{padding-top:5em}.pt-6em{padding-top:6em}.pb-1em{padding-bottom:1em}.pb-2em{padding-bottom:2em}.pb-3em{padding-bottom:3em}.pb-4em{padding-bottom:4em}.pb-5em{padding-bottom:5em}.pb-6em{padding-bottom:6em}.mr-8{margin-right:8px}.ml-8{margin-left:8px}
/*header*/
nav.navbar { border-bottom: solid 1px #ddd; background: #fff; }
.top-header .navbar-nav { float: right }
.contact_blox { padding: 20px 0 }
.contact_blox span { display: inline-block; padding-left: 30px }
.contact_blox span i { color: #a9a9a9 }
span.call_us { font-weight: 700; color: #000; font-size: 18px }
span.call_us a, span.email_us a { color: #000 }
span.email_us a { font-size: 16px }
span.instagram_follow a { display: inline-block; text-align: center; height: 28px; width: 28px; line-height: 26px; background: #749900; border-radius: 100px; color: #fff; font-size: 16px }
span.instagram_follow a>i { color: #fff }
/*navigation*/
.nav>li>a { color: #393939; font-size: 15px; text-transform: uppercase }
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a:active { background: none }
.navbar { margin-bottom: 0 }
.navbar-brand { height: auto }
.content { padding-top: 123px }
body.logged-in nav.navbar { top: 26px }
/*banner*/
.banner { background: url('../img/mbm-hero-2.jpg') no-repeat center center; min-height: 450px; background-size: cover; position: relative }
.bannercontent { position: absolute; width: 100%; text-align: center; top: 58%; -webkit-transform: translate(0,-58%); -ms-transform: translate(0,-58%); transform: translate(0,-58%); }
.bannercontent h1 { font-weight: 600; color: #fff; font-size: 26px; letter-spacing: 1px; line-height: 30px }
.bannercontent h2 { font-size: 24px; color: #fff; padding-top: 15px; margin-bottom: 75px; letter-spacing: 1px; font-weight: 300 }
.bannercontent a.scroll-down { height: 60px; width: 60px; display: inline-block; text-align: center; }
/*mbav member*/
.mbav-member { background: #739900; padding: 8px 0; border-bottom: solid 12px #fff; }
.mbav-member h3 { color: #fff; font-size: 22px; font-weight: 600; padding-top: 18px; line-height: 28px; padding-bottom: 15px }
.member_img img { max-height: 66px }
/*our services*/
.our-services, .testimonial-blox { background: #464646; }
header.section_header { font-size: 22px; color: #fff; font-weight: 400; position: relative; margin-bottom: 20px; text-transform: uppercase; }
header.section_header:after { content: ''; display: block; height: 3px; width: 80px; background: #777; margin-top: 12px }
.services-lists li { color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 400; position: relative; margin: 13px 0 0; padding-left: 20px }
.services-lists li:before { content:''; height: 6px; width: 6px; background: #739900; position: absolute; left: 0; top: 10px; border-radius: 100px }
.stamps span { display: inline-block; margin: 0 15px }
.call-for-quote h3 { font-size: 24px; color: #ADD74B; padding: 10px 0 }
.call-for-quote a { font-size: 24px; color: #fff; display: inline-block; font-weight: 600 }
/*about*/
.about-content h3 { color: #000; font-weight: 800; font-size: 23px }
.about-content h4 { font-size: 24px; color: #000; line-height: 32px; font-weight: 300 }
.about-content p, .founder_meet_content p { margin-bottom: 1.5em }
.about-content p>strong.block { display: inline-block; padding-bottom: 10px; font-size: 16px; padding-top: 15px }
.about-content li { padding-bottom: 12px; padding-left: 23px; position: relative; }
.about-content li:before { content: '\f00c'; font-family: 'FontAwesome'; color: #749900; position: absolute; top: 0; left: 0 }
/*featured work*/
.featured_work_header { background: #454545; padding: 30px 0; margin-bottom: 1px }
.featured_work_header header.section_header { margin-bottom: 0; display: inline-block }
.workheader header { color: #fff; font-size: 1.8em; font-weight: 600; display: inline-block; padding-top: 6px }
.workheader a.view-all { float: right; display: inline-block; color: #000; text-transform: uppercase; font-size: 14px; line-height: 44px; border: solid 1px #95C73D; background: #fff; padding: 0 25px; font-weight: 700; -webkit-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; }
.workheader a.view-all i { font-weight: 700 }
.workheader a.view-all:hover { background: #d3e1bb }
header.section_header a>i { font-weight: 800; font-size: 18px }
.featured-work-showcase a, .featured_products_list a { display: block; }
.work_img { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 355px; width: 100%; position: relative; opacity: 0.90; -webkit-transition: opacity 0.35s ease; -o-transition: opacity 0.35s ease; transition: opacity 0.35s ease; }
.work_img:hover { opacity: 1.0 }
.featured-work-showcase>div { padding: 0 1px 1px 0; }
.work-title { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.70); padding: 10px 0 }
.work-title h5 { padding: 0 55px 0 20px; color: #fff; line-height: 22px; display: table-cell; vertical-align: middle; }
.work-title h5:after { font-family: 'FontAwesome'; content: '\f105'; position: absolute; right: 30px; color: #fff; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); font-size: 15px }
/*meet the founder*/
.founder_meet_content { border-left: solid 9px #739900; padding-left: 20px }
.founder_meet_content header { font-weight: 700; font-size: 22px; color: #000; padding-bottom: 10px }
.founder_img span { display: block; }
.founder_img img { border-radius: 500px; }
.testimonial-slider .item-slider { margin: 40px auto 0; max-width: 900px }
.testimonial-slider .item-slider p, .testimonial-slider .item-slider strong { display: block; color: #fff; font-size: 14px; font-weight: 300 }
.testimonial-slider .item-slider strong { font-weight: 600 }
.testimonial-slider .item-slider p { margin-bottom: 20px }
.testimonial-slider .owl-dot { display: inline-block; margin-top: 20px }
.testimonial-slider .owl-dot span { display: inline-block; height: 8px; width: 8px; background: #757575; margin-right: 6px; border-radius: 10px; }
.testimonial-slider .owl-dot.active span { background: #fff; }
/*footer*/
.footer-top { border-top: solid 1px #ABABAB; }
.contacts-info li { padding-top: 2.0em }
.contacts-info strong { display: block; font-size: 15px; color: #000 }
.contacts-info span.footer_header, .contact-form span.footer_header { font-size: 20px; font-weight: 700; color: #739900; display: block }
.contacts-info span.footer_header { padding-bottom: 5px }
.contacts-info a.call_mobile { font-size: 20px; color: #000; font-weight: 600 }
a.call_mobile i { color: #a9a9a9 }
.contacts-info a.email_now, .contacts-info p { font-size: 15px; color: #000 }
a.follow_instagram { font-size: 17px; font-weight: 600 }
a.follow_instagram i { background: #739900; height: 28px; width: 28px; display: inline-block; color: #fff; text-align: center; line-height: 28px; font-size: 16px; border-radius: 100px; margin-right: 6px }
figure.member_logo img { max-width: 175px }
p.mb-20 { margin-bottom: 20px }
.form_contact fieldset { margin-bottom: 10px }
.form_contact input[type="text"], .form_contact input[type="email"], .form_contact textarea { background: #fff; border: solid 1px #6D6D6D; height: 42px; width: 100%; padding: 10px }
.form_contact textarea { height: 110px }
.form_contact input[type="submit"] { background: #739900; border: none; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 17px; display: inline-block; line-height: 42px; padding: 0 30px }
.form_contact input[type="submit"]:hover { background: #818181 }
.footer-bottom { background: #EBEBEB; }
.copyright p, .site_by p { margin: 0 }
.copyright p, .copyright a, .site_by p, .site_by a { color: #4B4B4B }
.site_by a { font-size: 12px }
.copyright a { font-weight: bold }
/*inner page*/
.inner-header { background: #E4E4E4; padding: 4em 0 }
.inner-header h1 { font-size: 23px; color: #202020; font-weight: 700 }
/*project*/
.project-dtls h2 { font-size: 23px; font-weight: 700; color: #739900; padding-bottom: 10px }
span.free_quote_call { display: block; font-weight: 600; font-size: 22px; color: #000 }
span.free_quote_call a { color: #000 }
span.free_quote_call i { color: #739900; }
span.free_quote_call em { font-style: normal; }
.featured_products_list>div { margin-bottom: 20px }
.featured_products_list .work_img { height: 255px }
.back-to-project a { display: inline-block; line-height: 40px; text-align: center; text-transform: uppercase; padding: 0 25px; border: solid 1px #959595; color: #797878; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.back-to-project a:hover { border: solid 1px #7a9e00; color: #7a9e00 }
.back-to-project a>i { font-weight: 800; font-size: 16px }
/*project single*/
.project_content_section header { font-weight: 600; color: #000; font-size: 20px; padding-bottom: 10px }
.project_content_section blockquote { background: #f7f7f7; font-style: italic; margin-top: 1.5em }
.project_content_section blockquote p { font-size: 16px }
.project_dtails li { position: relative; padding: 0 0 8px 20px }
.project_dtails li:before { content: '\f111'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 6px; color: #739900; font-weight: bold; font-size: 6px }
.client_view header { font-weight: 600; font-size: 20px; padding-bottom: 10px; color: #000; }
.client_view p { font-style: italic; }
/*misc*/
.anchor { display: block; height: 130px; margin-top: -130px; visibility: hidden; }
body.logged-in .anchor { height: 154px; margin-top: -154px; }
span.thumbbg { display: block; width: 100%; height: 125px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.wpcf7-validation-errors { display: block; background: #c00; color: #fff; border: none !important; padding: 15px !important; margin-left: 0 !important }
div.wpcf7-mail-sent-ok { border: none !important; background: #398f14; color: #fff; padding: 15px !important; margin-left: 0 !important; }
article#post-74 strong { color: #000; display: inline-block; padding-bottom: 7px }
article#post-74 p { margin-bottom: 10px; line-height: 21px }
.zoom-button { right: 10px !important; bottom: 10px !important; left: auto !important }
span.free-quote-txt { display: inline-block; display: none; margin-right: 20px }
/*thank you page*/
.thumbsup i { font-size: 75px; color: #739900 }
.thankyou-message { padding: 0 20px }
.thankyou-message h2 { color: #000; font-weight: 700; font-size: 23px; padding: 15px 0 }
.thankyou-message p { color: #000; font-size: 18px }
.error-content p { max-width: 450px; padding: 0 20px; margin: 20px auto; font-size: 16px; color: #000 }
.error-content p strong { display: block; font-size: 21px; padding: 10px 0 }
.error-content p a { text-decoration: underline; font-weight: bold; color: #000 }
/*pagination*/
.pagination-nav { padding: 0 10px }
.pagination h2.screen-reader-text { display: none; }
.pagination-nav span, .pagination-nav a { display: inline-block; border: solid 1px #C5E15D; line-height: 38px; text-align: center; padding: 0 15px; font-weight: 600 }
.pagination-nav span.current { background: #c5e15d; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.3) }

.product-thumbnails .thumb { width: 32% }

/* wp admin logo */
#login h1 a { background: url('../img/mbm-logo-master.svg') !important; width: 300px; height: 90px; }

/*hover color*/
span.email_us a:hover, .nav>li>a:hover, a.email_now:hover, .copyright a:hover, .site_by a:hover { color: #709e00 }
a.mPS2id-clicked, .page-template-archive-our-projects li.menu-item-object-page a { color: #709e00 !important }
#post-74 ol { padding-left: 22px }
#post-74 li { list-style: inherit; padding-bottom: 15px; line-height: 21px }
.testimonial-slider { visibility: hidden }

/*new update css*/
.contact-form p.mb-20 { color: #777 }
footer .contacts-info li.half { display: inline-block; width: 47%; vertical-align: top }
footer .contacts-info li.half strong { padding-bottom: 6px }
footer .contacts-info li.half p, footer .contacts-info li.half a { color: #777; font-size: 14px; line-height: 19px }
.contacts-info li.half a:hover { color: #739900 }
.stamps-logo-new span { display: inline-block; vertical-align: middle; margin-right: 2.5em }
.stamps-logo-new span.member_logo { margin-right: 0 }

@media(max-width: 379px) {

	.stamps span { max-width: 120px; margin: 0 5px }
}

@media(max-width: 479px) {

	.workheader span { display: block; margin-top: 25px }
	.workheader a.view-all { float: none }
	.services-lists li { font-size: 16px }
	/*header*/
	a.navbar-brand { max-width: 225px !important }
	.navbar-toggle { margin-top: 30px !important }
	body.logged-in nav.navbar { top: 0 }
	.content { padding-top: 145px !important }
	body.logged-in .content { padding-top: 98px !important }
	/*scroll function*/
	.anchor { display: block; height: 145px; margin-top: -145px; visibility: hidden; }
	body.logged-in .anchor { height: 145px; margin-top: -145px; }
	footer .contacts-info li.half { width: 100% }


}



@media (min-width: 480px) and (max-width: 767px) {
	.work_img { height: 425px }
	.services-lists li { display: inline-block; width: 49%; vertical-align: top; font-size: 17px }
	/*header*/
	a.navbar-brand { max-width: 300px }
	.navbar-toggle { margin-top: 42px !important }
	.content { padding-top: 167px }
	body.logged-in .content { padding-top: 147px }
	/*scroll function*/
	.anchor { display: block; height: 168px; margin-top: -168px; visibility: hidden; }
	body.logged-in .anchor { height: 193px; margin-top: -193px; }
	/*projects*/
	.featured_products_list .work_img { height: 370px }
	span.free-quote-txt { display: inline-block !important }

}

@media (max-width: 767px) {
	.mbav-member { text-align: center }
	.member_img { padding-bottom: 15px }
	.mbav-member h3 { font-weight: 600; font-size: 21px }
	.founder_meet_content, .contacts-info { margin-bottom: 3em }
	.first_name_blox { margin-bottom: 10px }
	.footer-bottom { text-align: center }
	.featured-work-showcase>div { padding-right: 0 }
	/*mobile phone show on header for moible only*/
	.mobile-phone { background: #f8f8f8; }
	.mobile-phone a { font-size: 18px; font-weight: 600; color: #000 }
	.mobile-phone a i { color: #739900 }
	.form_contact input[type="text"], .form_contact input[type="email"], .form_contact textarea { font-size: 16px }
	/*project single*/
	.inner-header { padding: 2.5em 0 }
	span.free_quote_call em { display: block; padding-bottom: 10px }
	.work-title h5 { height: auto !important }
}

@media(min-width: 768px) {
	.site_by { text-align: right; padding-top: 15px }
	.stamps-logo-new { padding-top: 35px }
}


@media (max-width: 991px) {
	.container { width: 100%; padding-left: 20px; padding-right: 20px }
	/*reset*/
	.mmb-3em { margin-bottom: 3em }
	.mmb-2em { margin-bottom: 2em }
	/*Only for collapsing earlier navigation*/
	.navbar-header { float: none }
	.navbar-toggle { display: block; margin-top: 50px; margin-right: 0 }
	.navbar-collapse { background: #f3f3f3 }
	.navbar-collapse.collapse { display: none!important }
	.navbar-nav { float: none!important; text-align: right; padding-right: 10px }
	.navbar-nav>li { float: none }
	.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px }
	.navbar-text { float: none; margin: 15px 0 }
	.navbar-collapse.collapse.in { display: block!important; position: relative; z-index: 100 }
	.collapsing { overflow: hidden!important }
	/* up to here collapsing earlier navigation must work */
	/*collapsing animation*/
	.navbar-toggle .icon-bar:nth-of-type(3) { top: 1px }
	.navbar-toggle .icon-bar:nth-of-type(4) { top: 2px }
	.navbar-toggle .icon-bar { position: relative; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
	.navbar-toggle.active .icon-bar:nth-of-type(2) { top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	.navbar-toggle.active .icon-bar:nth-of-type(3) { background-color: transparent }
	.navbar-toggle.active .icon-bar:nth-of-type(4) { top: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	/*up to here collapsing hamburger menu animation and add some javascript on footer */
	.services-lists { padding-bottom: 3em }
	.navbar-toggle .icon-bar { background: #000 }

	.container>.navbar-collapse { margin-left: -20px; margin-right: -20px }
	.work_img { opacity: 1.0  !important }

}

@media (min-width: 768px) and (max-width: 991px) {
	/*header*/
	a.navbar-brand { max-width: 300px }
	.contact_blox { position: absolute; right: 30px; top: 0 }
	.contact_blox span.email_us { display: none }
	.content { padding-top: 114px }
	body.logged-in .content { padding-top: 108px }
	.navbar-toggle { margin-top: 62px }
	/*scroll function*/
	.anchor { display: block; height: 114px; margin-top: -114px; visibility: hidden; }
	body.logged-in .anchor { height: 140px; margin-top: -140px; }
}

@media (min-width: 992px) {
	.nav>li:last-child a { padding-right: 0 }
	.services-lists .block_2 { width: 26% }
	.services-lists .block_3 { width: 38% }
	.quality_stamps { margin-top: -15px }
}

@media (min-width: 992px) and (max-width: 1023px) {
	.stamps span { max-width: 130px }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.container { width: 100%; padding-left: 20px; padding-right: 20px }
	.stamps span { margin: 0 6px }
	.contact_blox span { padding-left: 21px }
}

@media (max-width: 1199px) {
	.featured-work-showcase>div:last-child { display: none; }
	.featured-work-showcase>div:nth-last-child(2) { display: none; }
}

@media (min-width: 1200px) {
	.founder_meet_content { padding-right: 2.5em }
	.featured-work-showcase>div:nth-child(4), .featured-work-showcase>div:nth-child(8) { padding-right: 0 }
	.project_content_section { padding-left: 2em }

}