/*
Theme Name: CMMPO
Theme URI: http://wordpress.org/themes/
Author: the WordPress team
Author URI: http://wordpress.org/
Description: Simple Custom theme.
Version: 1.3
*/


@font-face {
  font-family: 'Consolas';
  src: url('fonts/Consolas.eot?#iefix') format('embedded-opentype'),  url('fonts/Consolas.woff') format('woff'), url('fonts/Consolas.ttf')  format('truetype'), url('fonts/Consolas.svg#Consolas') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{background: #ECECEC;font-family: 'Roboto';font-weight: normal;}
  .header{background: #201547;}
  .list-inline li h1 {color: #fff;
font-family: Roboto;
font-size: 36px;
font-weight: bold;}
.menu {background:#201547;}
.nav > li > a {
color: #fff;
display: block;
font-weight: bold;
padding: 10px 15px;
position: relative;
text-transform: uppercase;
font-family: Roboto;
}
.nav > li > a:focus, .nav > li > a:hover{background:#201547;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color:#201547;
  color: #fff;
  border-bottom: 3px solid #FF8200;
}
.nav-pills > li > a {
  border-radius: 0px;
}
.floatright{float: right;}
.call{background:#201547;}
.call img{display: block;
margin: 0 auto;
padding-top: 15px;}
.call h1{text-align: center;
color: #fff;font-family: Droid Sans;font-weight:bold;}
.online{background: #F7F5F6 none repeat scroll 0 0;
padding: 22px;
text-align: center;font-family: Droid Sans;}
.online p{font-family: Droid Sans;}
.online h1{font-family: Droid Sans;
background: #FF8200;
margin: 0 auto;
width: 309px;
padding: 10px;
color: #FFF;
font-weight: bold;font-size:35px;}
.middlesection{margin-top:0px;background: #FFFFFF;}
.carousel-control.right {
  background-image: inherit;
  background-repeat: repeat-x;
  left: auto;
  right: 0;
}
.carousel-control.left {
  background-image: inherit;
  background-repeat: repeat-x;
}
.hmiddle{color: #D35A11;font-family: Roboto;font-weight: bold; text-align: center}
.mdimg{margin: 0 auto;display: block;padding-bottom: 10px;}
.chomp{color: #777;
font-family: Roboto;
font-weight: bold;}
.servicelist{color: #1f3781;
font-family: Roboto;
font-weight: bold;
list-style-image: url("images/arrowlist.png");}
.servicelist li {padding: 3px;}
.hire{padding-top: 25px;}

/* CSS used here will be applied after bootstrap.css */
.carousel {
    margin-top: 0px;
}
.item .thumb {
  width: 25%;
  cursor: pointer;
  float: left;
}
.item .thumb img {
  width: 100%;
  margin: 2px;
}
.item img {
  width: 100%;  
}

.footer-menu{background: #152a63 none repeat scroll 0 0;
color: #4f6398;
margin-top: 10px;
padding: 15px 15px 10px;
text-align: center;}
.footer-menu ul {}
.footer-menu ul li {border-right: 2px solid;
font-family: Roboto;}
.footer-menu ul li:last-child {border-right: 0px solid;}
.footer-menu ul li a {color: #4f6398;font-family: Roboto;text-decoration: none;}
.footer-text{text-align: center;background: #201547;}
.footer-text p{font-family: Roboto;color: #FFF;padding-top: 5px;}
.img100 {width: 100%;}
.mu{background:#201547 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-family: Roboto;
font-size: 20px;
font-weight: bold;
text-align: center;
width: 100%;}
.mu:hover{background:#201547 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-family: Roboto;
font-size: 20px;
font-weight: bold;
text-align: center;
width: 100%;}
.mu:active, .mu:focus{background:#201547 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-family: Roboto;
font-size: 20px;
font-weight: bold;
text-align: center;
width: 100%;}
.mobile-menu{display: none;}
.mobile-menu li {text-align: center;
border-bottom: 1px solid #FF8200;}
.mobile-menu li:last-child {border-bottom: 0px solid;}
.mobile-menu li a {font-family: Roboto;
font-size: 20px;
font-weight: bold;
text-decoration: none;color: #FFF;}

.res-image {
  width:570px!important;
  height:428px!important;
  }
		.new_servicelist{ width:50%; float:left;}

@media(max-width:767px) {
  .res-image {
    width:450px!important;
    height:338px!important;
   }
  
@media(max-width:450px) {
    .res-image {
      width:310px!important;
      height:233px!important;
      }
    }
  
  }