body {
  padding: 50px 0 0 0;
  overflow-x: hidden;
}
.right {
  float: right;
}
.left {
  float: left;
}
.absolute-show {
  overflow: visible;
  position: relative;
}
/*navigation start */
.navbar {
  max-height: 85px;
  padding: 0;
  background: #fff;
  border-bottom: 0.5px solid #3C87BC;
}
.navbar h1 {
  margin: 14px 0 12px;
}


.navbar h2 {
  font-weight:300;
  text-transform:uppercase; 
  margin:5px 0;
}

.navbar h2 strong {
  font-weight:500;
}
.navbar a.btn-primary.btn {
  height: 45px;
  margin: 5px 0 5px 15px;
  padding: 11px;
  border-radius: 5px 5px 0 0;
}
.navbar a.btn-primary.btn:hover {
  background: #ef8e2d;
}

/* MOBILE  NAVBAR   */

.topnav {float:right;  padding:0px; background:#fff; 
 }

.topnav ul > li {   float: left; margin: 0px; border-right: 1px solid #BFBFBF; list-style-type: none;  width: 33.3%;  text-align: center;  }

.topnav ul > li > a { color: #373737; font-weight: 500; padding:10px  0; font-size: 12px; line-height: 1.3em; display:inline-block; width:100%; }

.topnav ul li:last-child { border:none; }


/* Homepage  */
.banner { background: url('http://centermark.yodle.com/dms/img/banner2016.png') no-repeat right top; background-size: cover; height:420px; }
.banner h3 {  color: #fff; font-size: 52px; font-weight: 300; margin:80px 0 0; text-align:left;  }
.banner p { line-height:1.8em; padding:10px 0 20px;}
.banner input {border: medium none; border-radius: 8px; height: 45px; margin: 0 20px 0 0; width: 220px; padding:0 10px;  color:#A9A9A9; }


/* Inside Page Layouts */

.banner.inside { height:auto; background:rgba(0, 0, 0, 0) url('http://centermark.yodle.com/dms/img/banner2016.png') no-repeat scroll right center / cover; } 
  .banner.inside h3 { color: #fff; font-size: 41px; font-weight: 300; margin: 40px 0; text-align: center; }

.inside-content { padding-top:30px; margin-bottom:75px; }
  .inside-content h3 { text-align:left }
  .inside-content h4 { margin:0; }
  .inside.content .venue p { line-height: 1.8em; }
article.inside { margin-bottom:40px;  border-right: 1px solid #dcdcdc; padding: 0 30px 65px 0;  }
article.inside div.quote {  background:#EFEFEF; padding:10px 20px; }
  article.inside div.quote img { float:left; }
  article.inside div.quote p { font-size: 10px; line-height: 1.5em;}
  article.inside hr { margin:30px 0; padding:0; }
  article.photog .row { margin:0 0 20px 0;   }
     article.photog .row  img { border:1px solid #D2D2D2; cursor:pointer;  }
  .modal-content { width:65%; margin:0 auto; }
  .modal-content span { cursor:pointer; }

.sidebar { padding-bottom:100px; }
  .sidebar h3 { font-size: 34px; line-height: 0.8em; }
    .sidebar h3 span { font-size:.4em;}
    .sidebar .btn-primary {   border-radius: 10px; float: right; margin: 0 20px 0 0; padding: 10px 5px; width: 92%;  }
  .sidebar form input, .sidebar form label, .sidebar form textarea  {  float:left;  }
  .sidebar form input, .sidebar form textarea {    width:92%;  float:right;  background: #e1e1e1 none repeat scroll 0 0;  border: medium none; border-radius: 5px; color: #4d4d4d; height: 30px; margin:0 20px 10px 0; padding: 0 10px;  }
  .sidebar form textarea { height:90px; }
  .sidebar form .form-group { display:block; clear:both;  }
  .sidebar form input:focus, .sidebar form textarea:focus { border:1px solid #D5D5D5; float:right; }
  .sidebar form label { margin:10px 0 11px; font-size:10px; float:left;  } 
.cta { text-align:center; margin:50px 0 10px; }
  .cta img { margin:0 0 10px;}
  .cta h4 { font-size:26px; color:#646464;}
  .cta p { text-align:left; font-size:16px;}


.cta-row .row div {
  margin: 40px 0 40px;
  padding: 25px 30px 33px 35px;
  min-height: 215px;
}
.cta-row .row div.hbox1 {
  background: url(http://centermark.yodle.com/dms/images/bg_right.png) bottom right no-repeat #1f95d3;
}
.cta-row .row div.hbox2 {
  background: url(http://centermark.yodle.com/dms/images/bg_things.png) bottom right no-repeat #28a79e;
}
.cta-row .row div.hbox3 {
  background: url(http://centermark.yodle.com/dms/images/bg_everywhere.png) bottom right no-repeat #e88c27;
}
.cta-row img {
  margin: -5px 0 0 5px;
}
.cta-row h2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
}
.cta-row p {
  line-height: 1.8em;
  color: #fff;
}
.cta-row a,
.cta-row a:active,
.cta-row a:visited {
  color: #fff;
  font-weight: 700;
}


/* testimonials */
.emblock { background:#E6E6E6 !important; border:3px solid #C6C6C6; margin-top:-6px; padding:30px 0; margin-bottom:55px;}
    .emblock blockquote {  font-size: 18px; font-style: italic; line-height: 1.8em; color:#646464; margin:0;  }
    .emblock cite { display:block; text-align:right; font-style:normal; font-size:14px; font-weight:700; margin:10px 0 0;}


/*  DMS Gallery  */
.gallery { background:#159fd4; margin:50px 0; height:555px; }
    .gallery .container { position:relative; } 
      .gallery h3 {     background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;  color: #fff;   font-size: 30px; font-weight: 600;  left: 30px; padding: 5px 10px; position: absolute;  text-transform: uppercase; top: 242px; width: 471px; z-index: 1;  }
      .gallery a, .gallery a:visited { color:#fff; }
      .gallery a:hover { text-decoration:underline; }
      .gallery .gimg1 { position:absolute; top:20px; left:30px; }
      .gallery .gimg2 { left: 510px; position: absolute; top: 20px; }
      .gallery .gimg3 { left: 767px; position: absolute; top: 20px; }
      .gallery .gimg4 { left:30px; position: absolute; top:292px; }
      .gallery .gimg5 { left: 287px; position: absolute;  top: 292px; }
      .gallery .gimg6 { left: 510px; position: absolute; top: 333px; }
      .gallery .gimg7 { left: 930px; position: absolute; top: 333px; }

.clients ul { list-style-type:none; margin:60px 0; overflow:auto; padding-bottom:30px;}
  .clients ul li {  float:left; border-right:1px solid #D7D7D7;  }
  .clients ul li:last-child { border-right:none;}

/* home page */
.contact-bar input.error,
.contact-bar select.error {
  background: none repeat scroll 0 0 #f7e3e3;
  border: 1px solid #ee7c7c;
  font-size: 12px;
}
.contact-bar input.success,
.contact-bar select.success {
  background: none repeat scroll 0 0 #E5F9DF;
  border: 1px solid #1e9829;
  font-size: 12px;
}
/* all other forms */
input.error,
select.error {
  background: none repeat scroll 0 0 #f7e3e3;
  border: 1px solid #ee7c7c;
}
input.success,
select.success {
  background: none repeat scroll 0 0 #E5F9DF;
  border: 1px solid #1e9829;
}

.contact-bar {
  background: #2393D2;
  padding: 35px 0 45px;
}
.contact-bar h3 {
  color: #fff;
  font-size: 1.5em;
  margin: 15px 0 0 0;
}



/* Form Errors/Success  */

/* Footer */
footer { background: url(http://centermark.yodle.com/dms/img/bg_footer.png) no-repeat right -96px #E6E6E6; padding:40px 0 20px; border-top:5px solid #C6C6C6; }
  footer .container div { border-right:1px solid #CFCFCF; }
  footer .container div:last-child { border-right:none;}
  footer h4 { color:#646464; font-size:24px; }
  footer p { font-size:12px; color:#373737;}
  footer p.caption { font-size:10px; }
  footer .btn-primary { border: 1px solid #56cdac; border-radius: 5px; font-size: 21px; font-weight: 300; padding: 0 20px 2px; }
  footer input {  border: medium none; border-radius: 5px; color: #646464; font-size: 14px;  margin: 0 15px 0 0; padding: 10px 15px; } 
  footer ul { list-style-type: none; padding: 0px; }
    footer ul li { margin:0 0 10px; color:#373737; }
    footer ul li a, footer ul li a:visited { color:#373737; font-size:14px; }
    footer ul li a:hover { color:#818181; }
    footer .feedburnerFeedBlock ul li { border-bottom: 1px dotted #b5b5b5; width:90%; font-size: 10px; padding: 0 0 5px; }

      footer .feedburnerFeedBlock .headline a,   footer .feedburnerFeedBlock .headline a:visited ,   footer .feedburnerFeedBlock .headline a:visited {  color: #337ab7; font-weight: 600; font-size:12px; text-transform:capitalize; }
      footer .feedburnerFeedBlock .headline a:hover { color:#33B780; }
      footer .feedburnerFeedBlock .fbsubscribelink a,   footer .feedburnerFeedBlock .fbsubscribelink a:visited ,   footer .fbsubscribelink .headline a:visited { color:#626262;}
      footer .feedburnerFeedBlock #creditfooter { display:none; }
/* Custom Media Queries */
@media (min-width: 768px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
    display: block;
  }

}
@media (max-width: 799px) {
  .banner {
   /* background: none; */ 
  }

  .topnav { float:none; display:block; border-width:1px; border-color: #BFBFBF; border-style:solid; overflow:auto;  }
    .topnav > li {  width:31%; text-align:center;  }
    .topnav > li > a { 
      display:inline; float:left; 

       } 


}
@media (max-width: 440px) {
  .nav.navbar-nav {
    background: none repeat scroll 0 0 #005181;
  }
  .banner input { margin:16px 20px 21px 0px; }
  .banner h3 { font-size:40px;}
    .banner {  height:auto !important;  padding-bottom:20px; }
  .cta {  margin:25px 0 10px; } 
}