html { height: 100%; }
body {
background:#131b23;
min-height: 100%;
font-family: 'Raleway', sans-serif;
font-size:16px;
font-weight:400;
color:#000;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p, ul, ol {
font-size: 1em;
margin-bottom: 15px;
}
a, a:link, a:visited {
color: #5682b6;
transition: all 0.3s ease-in-out !important;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Slab', serif;
font-weight:700;
color: #2f292b;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0 0 15px 0;
line-height: 1.2;
}
h1 {font-size:1.5em;}
h2 {font-size:1.375em;}
h3 {font-size:1.125em;}
h4 {font-size:1em;}
h5 {font-size:.875em;}
h6 {font-size:.75em;}
hr {border-top: 1px solid #ccc;}
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}
.no-wrap {
white-space: nowrap;
}
@media (min-width : 768px) {
h1 {font-size:3.75em;}
h2 {font-size:2.5em;}
h3 {font-size:1.5em;}
h4 {font-size:1.375em;}
h5 {font-size:1.125em;}
h6 {font-size:1em;}
}
@media (min-width : 1400px) {
.container {
width: 1370px;
}
} a,button,input[type="reset"],input[type="submit"],input[type="button"],a img,.btn,.hover-overlay,
.hover-container .btn, .button {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn, a.btn, button, .button {
border-radius: 10px;
margin: 7px 0;
padding: 15px;
font-family: 'Roboto Slab', serif;
font-size: 1em;
font-weight: 700;
color: #fff;
border: none;
background: #ff8353;
}
.btn:hover, .btn:active, .btn:focus,
a.btn:hover, a.btn:active, a.btn:focus,
button:hover, button:active, button:focus,
.button:hover, .button:active, .button:focus {
background: rgba(255, 131, 83, .8);
color: #fff;
} header.main {
background: #131b23;
}
.top-bar {
background: #080d14;
}
.top-bar .phone-wrap {
background: #4f4b4d;
float: none;
width: 100%;
max-width: 200px;
margin: auto;
padding: 10px 10px 8px 10px;
text-align: center;
}
.top-bar .phone {
font-family: 'Roboto Slab', serif;
font-size: 1.625em;
font-weight: 700;
color: #fff;
line-height: 1;
}
.top-bar .phone:hover, .top-bar .phone:active, .top-bar .phone:focus {
text-decoration: none;
color: rgba(255, 255, 255, .8);
}
@media (min-width : 768px) {
.top-bar .phone-wrap {
float: right;
width: auto;
max-width: none;
margin: 0 auto;
}
} .navbar {
margin-bottom: 0;
min-height: 2px;
}
.navbar-brand {
height: auto;
}
.navbar-brand > img {
position: relative;
width: 200px;
height: 52px;
}
.navbar-toggle {
margin-top: 20px;
border: none;
}
.navbar-default .navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
background: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
width: 34px;
height: 5px;
background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar + .icon-bar {
margin-top:5px;
}
.navbar-default {
background-color: #131b23;
border-top: none;
border-right: none;
border-bottom: 1px solid #131b23;
border-left: none;
border-radius: 0;
}
.nav > li > a {
padding: 15px;
font-size: 1em;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a {
background-color: transparent;
color: #fff;
font-weight: 700;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
color: #fff;
background-color: transparent;
}
.dropdown-menu {
background-color: #080d14;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
background-color: #080d14;
font-weight: 700;
}
.dropdown-menu > li > a {
color: #fff;
font-weight: 700;
padding: 5px 20px;
text-transform: uppercase;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: rgba(0, 0, 0, .1);
color: #fff;
}
.navbar-nav .open .dropdown-menu {
background: #080d14;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #fff;
}
@media (min-width : 992px) {
#menu-main-navigation {
margin-top: 15px;
}
.navbar-brand > img {
width: 200px;
height: 52px;
}
}
@media (min-width : 1200px) {
#menu-main-navigation {
margin-top: 25px;
}
.navbar-brand > img {
width: 275px;
height: 72px;
}
} @media (max-width: 991px) {
.navbar {
min-height: 1px;
}
.navbar-header {
float: none;
}
.navbar-left, .navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
margin:15px;
}
.navbar-collapse {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
text-align: left;
}
.navbar-nav > li {
float: none;
display: block;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
.dropdown-menu {
position: relative;
width: 100%;
top: auto;
left: auto;
float: none;
border: none;
box-shadow: none;
border-radius: 0;
}
}  .hero {
position: relative;
}
.hero img {
width: 100%;
height: auto;
} .funnel-wrap {
padding: 15px 0;
background: #131b23;
text-align: center;
}
.funnel {
position: relative;
top: auto;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
}
.funnel-item {
background: #fff;
text-align: left;
}
.funnel img {
width: 100%;
height: auto;
border:5px solid #fff;
}
.funnel-item h2 {
font-size: 1.375em;
margin-bottom: 5px;
}
.funnel-item .content {
padding: 25px 15px;
}
@media (min-width : 768px) {
.funnel-wrap {
padding: 0 0 30px 0;
}
.funnel {
top: -100px;
margin-bottom: -70px;
}
}
@media (min-width : 1200px) {
.funnel {
top: -200px;
margin-bottom: -170px;
}
} .content-wrap.home {
padding: 20px 0;
background: rgb(242,242,242);
background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 15%, rgba(86,130,182,1) 15%, rgba(86,130,182,1) 100%);
}
.content-wrap.home h1 {
font-size: 2em;
color: #fff;
}
.content-wrap.home p, .content-wrap.home ul {
font-size: 1.125em;
color: #fff;
}
.content-wrap.home .img-wrap {
margin-bottom: 25px;
}
@media (min-width : 768px) {
.content-wrap.home {
background: rgb(242,242,242);
background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 25%, rgba(86,130,182,1) 25%, rgba(86,130,182,1) 100%);
}
.content-wrap.home h1 {
font-size: 2.5em;
}
}
@media (min-width : 992px) {
.content-wrap.home {
padding: 60px 0;
background: rgb(242,242,242);
background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 33%, rgba(86,130,182,1) 33%, rgba(86,130,182,1) 100%);
}
.content-wrap.home .img-wrap {
margin-bottom: 0;
}
} .portfolio-wrap {
background: #fff;
padding: 30px 0;
text-align: center;
}
.portfolio-wrap h3 {
font-size: 1.625em;
margin-bottom: 20px;
}
.portfolio-wrap .btn {
display: block;
background: #080d14;
border-radius: 0;
font-size: 1.375em;
line-height: 1;
}
.portfolio-wrap .btn:hover, .portfolio-wrap .btn:active, .portfolio-wrap .btn:focus {
background: rgba(8, 13, 20, .8);
}
@media (min-width : 768px) {
.portfolio-wrap {
padding: 60px 0;
}
.portfolio-wrap h3 {
font-size: 1.875em;
margin-bottom: 40px;
}
.portfolio-wrap .btn {
font-size: 1em;
}
}
@media (min-width : 992px) {
.portfolio-wrap .btn {
font-size: 1.375em;
}
}  .content-wrap {
background: #fff;
padding: 20px 0;
}
.int-header {
position: relative;
}
.int-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
background: rgba(0, 0, 0, .5);
}
.int-header-desktop {
display: none;
}
.int-header-mobile {
display: block;
}
.int-header img {
width: 100%;
height: auto;
}
.int-header .wrapper {
position: absolute;
right: 50%;
bottom: 50%;
transform: translate(50%,50%);
width: 80%;
max-width: 800px;
z-index: 99;
text-align: center;
}
.int-header .wrapper h1 {
font-size: 2em;
color: #fff;
font-weight: 700;
line-height: 1;
}
.int-header .description {
color: #fff;
font-size: 1em;
}
@media (min-width : 768px) {
.content-wrap {
padding: 40px 0;
}
.int-header-desktop {
display: block;
}
.int-header-mobile {
display: none;
}
.int-header .wrapper h1 {
font-size: 3em;
}
.int-header .description {
color: #fff;
}
}
@media (min-width : 992px) {
.int-header .wrapper h1 {
font-size: 3.75em;
}
.int-header .description {
font-size: 1.125em;
}
} .service-item {
background: #f2f2f2;
border-top: 10px solid #131b23;
border-bottom: 10px solid #131b23;
margin: 10px 0;
padding: 30px 20px 15px 20px;
}
.service-icon {
display: block;
width: 50px;
height: 50px;
margin: 0 auto 15px;
}
.service-item h2 {
text-align: center;
font-size: 1.875em;
}
@media (min-width : 768px) {
.service-item {
margin: 25px 0;
padding: 60px 40px 30px 40px;
}
.service-icon {
width: 80px;
height: 80px;
}
.service-item h2 {
font-size: 2.5em;
}
} .project-list .img-wrap {
margin-bottom: 25px;
}
.past-projects .left-img, .past-projects .middle-img, .past-projects .right-img {
display: inline-block;
float: none;
margin: 10px 0;
max-width: 100%;
}
.past-projects img:last-child {
margin: 10px 0 30px 0;
}
@media (min-width : 768px) {
.past-projects .left-img, .past-projects .middle-img, .past-projects .right-img {
float: left;
max-width: 30%;
margin: 0 15px 35px 0;
}
.past-projects img:last-child {
margin: 0 15px 35px 0;
}
} .portfolio-sidebar {
margin-top: 15px;
}
.portfolio-sidebar h4 {
text-align: center;
}
#menu-portfolio-sidebar {
list-style: none;
padding-left: 0;
}
#menu-portfolio-sidebar li a {
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 10px;
margin: 7px auto;
padding: 15px;
max-width: 300px;
font-family: 'Roboto Slab', serif;
font-size: 1em;
font-weight: 700;
color: #fff;
border: none;
background: #ff8353;
text-align: center;
}
#menu-portfolio-sidebar li a:hover, #menu-portfolio-sidebar li a:active, #menu-portfolio-sidebar li a:focus {
background: rgba(255, 131, 83, .8);
color: #fff;
text-decoration: none;
}
@media (min-width : 768px) {
.portfolio-sidebar {
margin-top: 0;
}
} .contact-item {
text-align: center;
margin: 15px 0;
font-weight: 700;
}
.people-item {
text-align: center;
margin: 15px 0;
}
.contact-icon {
font-size: 2em;
color: #5682b6;
margin-bottom: 15px;
} footer {
background: #131b23;
padding: 20px 0;
color: #fff;
text-align: center;
}
footer a {
color: #fff;
}
footer a:hover, footer a:active, footer a:focus {
text-decoration: none;
color: rgba(255, 255, 255, .7);
}
.footer-nav {
margin: 10px 0 0;
padding: 0;
list-style: none;
}
.footer-nav li {
display: inline-block;
}
.footer-nav a {
font-weight: 700;
color: #fff;
padding: 10px;
}
.footer-nav a:hover, .footer-nav a:active, .footer-nav a:focus {
text-decoration: none;
color: rgba(255, 255, 255, .7);
}
footer hr {
border-top: 1px solid #4e545a;
} footer .logo {
display: block;
margin: 10px  auto;
width: 200px;
height: 52px;
}
footer .isn-logo {
display: block;
margin: 20px auto;
width: 150px;
height: auto;
}
.credits {
background: #080d14;
text-align: center;
font-size: .75em;
color: #6d6d6d;
padding: 5px 0;
}
.credits a, .credits a:hover {
color: #6d6d6d;
}
@media (min-width : 768px) {
footer {
padding: 40px 0
}
}  #theForm {position:absolute;top:0;left:-99999px;} .form-wrap {
padding: 30px 0;
background-image: url(//messnergroup.com/wp-content/themes/messner/img/bg-form-sm.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: inherit;
}
.form-wrap .form {
width: 100%;
margin: 0 auto;
padding: 20px;
background: #fff;
}
.form-wrap .form .nf-form-fields-required {
display: none;
}
.form-wrap .form label {
font-weight: 400;
}
.form-wrap .form input, .form-wrap .form textarea {
background: #e6e6e6;
border: none;
padding: 5px;
}
.form-wrap .form input[type=button], .field-wrap input[type="submit"]  {
display: block;
margin: 0 auto;
padding: 10px;
width: 100%;
background: #5682b6;
font-family: 'Roboto Slab', serif;
font-size: 1.25em;
font-weight: 700;
line-height: 1;
color: #fff;
}
.field-wrap input[type="button"]:hover, .field-wrap input[type="button"]:active, .field-wrap input[type="button"]:focus,
.field-wrap input[type="submit"]:hover, .field-wrap input[type="submit"]:active, .field-wrap input[type="submit"]:focus{
background: rgba(86, 130, 182, .7);
}
.form-wrap .form ::placeholder { color: #000;
opacity: 1; }
.form-wrap .form :-ms-input-placeholder { color: #000;
}
.form-wrap .form ::-ms-input-placeholder { color: #000;
}
.form-wrap .form ul li {
float: left;
margin-right: 15px !important;
}
@media (min-width : 768px) {
.form-wrap {
padding: 80px 0;
background-image: url(//messnergroup.com/wp-content/themes/messner/img/bg-form-lg.jpg);
background-attachment: fixed;
}
.form-wrap .form {
width: 700px;
}
.form-wrap .form h3 {
font-size: 1.875em;
text-align: center;
}
.form-wrap .form input[type=button] {
width: 50%;
}
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {
max-width: 100%;
height: auto;
}
.wp-block-image {
margin:25px 0;
}
.wp-block-image figcaption {
text-align: left;
font-size: .875em;
}
.wp-block-image img {
height: auto;
}
.wp-block-button__link {
border-radius: 20px !important;
margin: 7px 0;
padding: 15px;
font-size: 1em;
font-weight: 700;
color: #fff !important;
text-transform: uppercase;
border: none;
background: #ff8353;
}
.wp-block-button__link:hover, .wp-block-button__link:active, .wp-block-button__link:focus {
background: rgba(255, 131, 83, .8);
color: #fff;
text-decoration: none;
} @media print {
blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}