/*!
 * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
html{  overflow-x: hidden; 
}
 body {
    font-family: 'latoregular';
    background-color: black;
    overflow-x: hidden;
    overflow-y: hidden;
    color:black;
} 
p {
    font-size: 17px;
    color:black;
    text-align:left;
} 
a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #626262;
    text-decoration:none!important;
}
a:hover  {
    outline: 0;
    color: #f15a40;
    text-decoration:none!important;
}
a.underline {
  
    text-decoration:underline!important;
}
a.underline:hover  {
   
   text-decoration:underline!important;
}
a.glowblue{
    color:#1dbfd7;
}
a.justwhite{
    color:#fff;
}
a.justwhite:hover, a.glowblue:hover{
  
    color: #f15a40;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform:capitalize;
    font-family: "latobold",Helvetica,Arial,sans-serif;
  color:#333333;
}
 h1, h3{
     color:white;
 }

  h2{
     font-size:32px;
 }
 h1 {
   
    font-size:  65px;
    padding-top: 0px;
    line-height: 80px;
    margin-top: 4px;
    padding-bottom: 0px;
    text-transform: none;
    text-align: center;
}
 h3 {
    font-family:latolight;
    font-size:  38px;
    padding-top: 0px;
    line-height: 46px;
 
    text-align: center;
}
 h4 {
   
    font-size:  28px;
 
 padding-bottom:12px;
    text-align: center;
}
 .text-center p{
     text-align:center!important;
     padding-bottom:40px;
 }
 /* nav bar */
 .stacked-nav{
     color:#f15a40;
     font-family:'latobold';
     font-size:20px;
     text-align:right;
     padding-bottom:15px;
     padding-top:16px;
         margin-right: -15px;
 }

  .stacked-nav a{
     color:#1dbfd7;
     font-family:'latobold';
     font-size:24px;
   
 }
  .stacked-nav a:hover{
      color:#f15a40;
   
 }
 .navbar-default {
    background-color: white;
    border-color: transparent;
}
 .navbar-default .navbar-nav>li>a {
    color: #1dbfd7;
    text-transform:uppercase;
    font-family:'latobold'
 
 }

  .navbar-default .navbar-nav>.active>a:focus {
    color: #1dbfd7; 
    background-color:transparent;
 }
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #f15a40; 
    background-color:transparent;
 }


    .navbar-default .navbar-nav>li>a::before   {
      content: "|";
      color:#c9c9c9;
      padding-right:13px;
 }
    .navbar-default .navbar-nav>li:first-child>a::before   {
      content: "";
       
 }
    .nav>li>a {
 padding:0px;
 
 padding-left:13px;
 
}
 
 /* inputs */
.input-group {
    width: 100%;
    color: #ababab;
    background-color:white;
    

         border-radius:8px;
}

 

.input-group input{
        padding-left:10px!important;
        border-radius: 8px!important;
}
#name:focus {
    outline: none !important;

    box-shadow: none;
}
#email:focus {
outline: none !important;

    box-shadow: none;
}
#phone:focus {
outline: none !important;

    box-shadow: none;
}
 #message:focus {
 outline: none !important;

    box-shadow: none;
}

 .texter{
   
      margin-right:15px;
 }
  /* inputs */

  /* arrows*/


.robin-hood {
    margin-top: 95px;
    margin-bottom: 2px;
}
/* overview */
#about-dpi {
    padding-top: 272px;
    
    background-image: url('http://mecdpi.com/wp-content/themes/med/img/DPI-panel1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

  #about-dpi h1{
     color:white;
         margin-top: 34px;

 }
  #about-dpi h2{
     color:white;
     padding-bottom:30px;
 }

.img-centered {
    margin: 0 auto;
}

#top-header{
     
   background-color:white;
    margin:0px;
    padding:0px;
   
}

/* slider */
#slider {
    padding-top: 240px;
    
    background-image: url('http://mecdpi.com/wp-content/themes/med/img/DPI-panel2.jpg');
 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color:white;
}

#slider p{
     font-family:'latobold';
     font-size:24px;
    color:white;
    padding-bottom:45px;
}
.mecDPIblurb{
    padding-bottom:20px;
}

#slider p span{
    text-decoration:underline;
    color:white;
}
header {
    text-align: center;
    color: #fff; 
}

#guidance{
    background-color:#f0f0f0; 
    padding-top:100px;
  
}

#singlePageContain{
     background-color:#f0f0f0; 
    padding-top:73px;
    padding-bottom:40px;
 
}
@media(min-width:991px) {

#singlePageContain{
 
    padding-top:165px;
}

}
 #guidanceImg{
     padding-top:60px;
     padding-bottom:33px;
     width: 100%;
    margin: auto;
    display: table;
 }
 
 
 #global{
         background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
   background-image: url('http://mecdpi.com/wp-content/themes/med/img/DPI-panel4.jpg');
   background-repeat:no-repeat;
   background-color:#141414;
 }
 #mapImg{
     padding-top:80px;
  margin: auto;
    display: table;
 }

 #global-offices{
     font-size:22px;
     font-family:'latobold';
     color:white;
     padding-top:18px;
 }
  h5{
     font-size:22px;
     font-family:'latobold';
     color:white;
     margin-bottom:0px;
 
 }
 .highlight-blue-ball{
     font-family:'latoregular';
     font-size:17px;
 }

  #beepBeoop{
   
     color:#1dbfd7;
     padding-right:4px;
 }
 

 
 /* CONTACT SECTION */
 .note{
     color:#757575;
     font-style:italic;
     font-size:15px;
     margin-top:8px;
 }
 #contact-dpi{
 
       background-image: url('http://mecdpi.com/wp-content/themes/med/img/DPI-footer.jpg');
            background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
 }
   #contact-dpi-container{
     padding-top:70px;
   
 }
  #contact-dpi h2{

      color:white;
      text-align:center;
  }
 .contact-blurb{

     color:white;
     text-align:center;
     font-size:20px;
     padding:20px;
 }

 .bottom-piece{

     line-height:24px;
 }
 /*input { font-family: 'FontAwesome' latobold; }*/


 
 
 
@media(max-width:992px){

 

    #some-of-our-clients{
        padding-bottom:25px;
    }
}



    .btn-warning, .btn-info {
        font-family: 'latobold';
        background-color: #f15a40 !important;
        border-color: #f15a40 !important;
        min-width: 200px!important;
        border-radius: 8px!important;
        font-size: 17px!important;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
        text-transform: uppercase;
        padding:16px 32px!important;
    }

        .btn-warning:hover, .btn-info:hover {
            background-color: #1dbfd7 !important;
            border-color: #1dbfd7 !important;
            -webkit-box-shadow: 2px 7px 8px -1px rgba(87,87,87,0.2);
            -moz-box-shadow: 2px 7px 8px -1px rgba(87,87,87,0.2);
            box-shadow: 2px 7px 8px -1px rgba(87,87,87,0.2);
        }
 
  
.complete-text{
    color:black;
    padding:2px;
    padding-bottom:20px;
    padding-top:5px;
    font-size:16px;
}

p ul li {
    text-align:left;
}
p ul  {
    margin-bottom:0px;
}


#contactForm{
 
    margin: auto;
}
 .input-group-addon {
    padding: 10px ;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #525252;
    text-align: center;
    background-color: transparent;
    border: none;
   
}

#name, #email, #phone, #company-name, #message {

    border-left:none;
 
    margin-left:-8px;
    color:#111111;
}

.firstinput{
    padding-right:5px;
}

.secondinput{
    padding-left:5px;
}
#message{
  
 
     height:139px;
    
}
.fa-pencil{
    padding-bottom:98px;
}
 

#submit-form{
     font-size: 18px;
    margin-top: 20px;
    margin-bottom: 40px;
    float: right;
  
}
 
.form-group {
    margin-bottom: 4px;
}
 #wrap-form{
padding:17px;
 }

 p.slogan{
     font-size:24px;
     color:white;
     text-align:center;
 }
 .navbar-brand {
    float: left;
    padding: 0px 0px;
    font-size: 19px;
    line-height: 21px;
    height: inherit;
}



 
 

section {
    padding: 40px 0;
}

 

section.success {
    color: #fff;
    background: #FFBA52;
}

section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
    outline: 0;
    color: #0D6BB2;
}

@media(max-width:767px) {
    section {
        padding: 75px 0;
    }

    section.first {
        padding-top: 75px;
    }
}
 

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 30px 0 30px;
    }
}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: #FFBA52;
    background: #fff;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
 
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;

 
}
 
form .row:first-child .floating-label-form-group {
    border-top: 1px solid #eee;
}
 

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
   
}

.scroll-top .btn:focus {
    outline: 0;
}

 

/* WE ARE HERE TO GUIDE YOU */

  

 @media(min-width:1420px) {
  .client-info{ width:42%; padding-left:30px; }
}


 
  /* 
     FOOTER 
 */

.copy-text {
    margin-top:24px;
    color: #626262;
    font-size: 13px;
 
    background-color: black;
    padding-top: 18px;
    padding-bottom: 18px;
} 
#footer {
    background: #fff;
}
 


    .form-control {
  
    color: #3b3b3b;
    
}
    select{

       border-radius:8px!important;
    }

  

    .alert-success {
    background-color: #f15a40!important;
    border-color: #f15a40!important;
    color: #ffffff;

}

@media(max-width:992px) {

    #about-dpi {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

ul.save-the-world {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top:16px;
}

    ul.save-the-world li {
        padding-top: 0px;
        padding-bottom:30px;
    }



    .form-control {
 
    background-color: transparent;
    background-image: none;
    border: none!important;
 
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 20px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
      
    }

    .navbar-fixed-top .navbar-brand {
      
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
     padding-top:2px;
    padding-bottom:0px;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand > img{
       width:240px;
          -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

       .navbar-fixed-top.navbar-shrink .stacked-nav{
       display:none;
    }
      .navbar-fixed-top.navbar-shrink  .navbar-right {
    margin-top:18px;
}
    
}


  
  .navbar-toggle {
    position: absolute;
    float: right;
    margin-right: 15px;
    padding: 11px 10px;
    /* margin-top: 13px; */
    /* margin-bottom: 13px; */
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    right: 0px;
    top: 0px;
}
@media(min-width:1200px) {
    .navbar-brand > img {
        width: 100%;
    }
}

  @media(max-width:1199px) {
    .navbar-brand > img {
     
        width: 340px;
    }

    .stacked-nav{
      padding-top:0px;
    }

}
@media(max-width:768px) {
    .navbar-brand > img {
      padding:8px;
        width: 240px;
    }
}
li.callus-special{
    display:none;
}
@media (max-width: 992px) {

    .stacked-nav{display:none;}

  li.callus-special{
    display:block;
}
  .navbar-header {
      float: none;
  }

      .navbar-default .navbar-nav>li>a::before   {
      content: ""!important;
      
      padding-right:0px!important;

 }
  .navbar-left,.navbar-right {
      float: none !important;
       margin-top:0px!important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
      padding-top:2px;
      padding-bottom:0px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }

      .navbar-brand > img {
      padding:8px;
        width: 240px;
    }
      .container{
          width:90%;
      }
}


/*@media(max-width:992px) {
    .container{
           width:90%;

    }
 
}*/

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #f15a40;
    background-color: transparent;

          -webkit-transition: color .3s;
        -moz-transition: color .3s;
        transition: color .3s;
}.navbar-nav>li>a:focus {
    color: #1dbfd7;
 
}


.navbar-default .navbar-toggle,  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #f15a40!important;
    border-color:#f15a40!important;
}


@media (max-width: 992px) {
    ul.save-the-world li {
        padding-top: 0px;
        padding-bottom: 30px;
        width: 100%;
    }
       /*ul.save-the-world li:last-child {
        padding-top: 0px;
        padding-bottom: 30px;
        width: 100%;
    }*/

           ul.save-the-world li a img {
       margin:auto;
    }
           .help-block{
               padding:0px;
               margin:0px;
          
           }
           .firstinput, .secondinput, .texter, .lastinput {
               padding:0px;
               margin:0px;
               padding-bottom:10px;
           }


           .btn-warning, .btn-info {
  font-size:16px;
    padding: 16px 16px!important;
}

           #submit-form {
 
 
}

    #about-dpi h1 {
        font-size: 45px;
 
    line-height: 55px;
    
    }
          #about-dpi h3 {
        font-size: 34px;
 
    line-height: 41px;
    
    }
    #emblem{
     

           padding-left:10%;
        padding-right:10%;
    }

}



@media (max-width: 500px) {
 


    #about-dpi h1 {
        font-size: 35px;
 
    line-height: 45px;
    
    }
        #about-dpi h3 {
        font-size: 28px;
 
    line-height: 38px;
    
    }
        #emblem{
         padding-left:20%;
        padding-right:20%;
    }

 
}

.text-danger ul {
    color: white;
    background-color: #e74c3c;
    border-radius: 5px;
    padding-top: 2px;
    margin-top: 2px!important;
    margin-left:0px;

}
.text-danger ul li {
   list-style:none;
   padding-left:4px;
}
@media (max-width: 767px) {
.captacha, #submit-form{

    margin:auto;
    display:table;
    float:none;
}

}

@media (max-width: 380px) {
.captacha {

    margin-left:-48px;
}

}
.modal-header {
   
    border-bottom: none!important;
}

.modal-footer {
   
    border-top: none!important;
}

::selection {
    background: #f15a40!important;
    color: #fff;
    text-shadow: none;
}

.modal-body {
    position: relative;
    padding: 20px;
    font-family: 'latobold';
}

.wpcf7-form label.error {
    color: #f15a40!important;
    font-size: 11px;
    float: none;
    padding-left: 5px;
}

ul.regionLegend{

    list-style:none;
    font-family:'latoregular';
    font-size:15px;
   margin-bottom:35px;

    color:#b1b1b1!important;
}
@media (min-width: 992px) {

ul.regionLegend{
  margin-top: -20px;
    margin-bottom: 70px;
    padding-left: 60px;
}
}
@media (min-width: 1200px) {

ul.regionLegend{
     margin-top: -50px;
 
}
}

.reg-logo{

    margin:auto;
    display:table;
    margin-bottom:25px;
}

.region-blurb{

    font-size:24px;
    color:white;
    margin-top:40px;
    text-align:center;
    font-family:'latobold';
}
@media (min-width: 1199px) {
#global-images{

        padding-left: 30px;
    padding-right: 30px;
}

}