/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

#footer {
/*  position: absolute;*/
  bottom: 0;
  width: 100%;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 0px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}


div#preloader {
    position: absolute;
    left: -9999px;
    top:  -9999px;
}

div#preloader {
    background: url("../img/blue-down.png") ;
    background: url("../img/pencil-blue.png");
    background: url('../img/pencil-white.png');
    background: url('../img/pencil-grey-50.png');
    background: url('../img/pencil-grey.png');
    background: url('../img/block-triangle-blue.png');
    background: url('../img/block-triangle-white.png');
    background: url('../img/block-triangle-grey.png');
    background: url('../img/block-triangle-grey-50.png');
    background: url('../img/cogs-blue.png');
    background: url('../img/cogs-white.png');
    background: url('../img/cogs-grey.png');
    background: url('../img/cogs-grey-50.png');
    background: url('../img/screwdriver-blue.png');
    background: url('../img/screwdriver-white.png');
    background: url('../img/screwdriver-grey.png');
    background: url('../img/screwdriver-grey-50.png');
    background: url('../img/logo-blue.png');
    background: url('../img/logo-white.png');
    background: url('../img/logo-grey-50.png');
    background: url('../img/logo-grey.png');
    background: url('../img/speech-blue.png');
    background: url('../img/speech-white.png');
    background: url('../img/speech-grey.png');
    background: url('../img/speech-grey-50.png');
    background: url('../img/book-blue.png'); 
    background: url('../img/book-white.png');
    background: url('../img/book-grey.png');
    background: url('../img/book-grey-50.png');
    background: url('../img/contact-card-blue.png');
    background: url('../img/contact-card-white.png');
    background: url('../img/contact-card-grey.png');
    background: url('../img/contact-card-grey-50.png');
    background: url("../img/pinstripe-bkgnd.png");
}

/* Layout */

.clear {
  clear: both;
}


a, a:hover, a:focus {
  color: #00AFF0;
}

/* Main nav */

div.navbar {
  background: #00c2ff;
  border: 0px;
  border-radius: 0px;
  margin-bottom: 0; 
}

div.navbar-header a img.logo {
    background-color: #FFFFFF;
    width: 153px;
}

ul.nav li.dropdown a.dropdown-toggle {
    background-color: #505050;
    margin-left: 2px;
    padding: 41px 28px;
}


a span.blue-down {
  background: url("../img/blue-down.png") no-repeat scroll left top / 18px 18px rgba(0, 0, 0, 0);
  padding: 0 10px;
  margin-left: 4px;
}

ul.nav li.dropdown a.dropdown-toggle {
  color: #00c2ff;
}

ul.nav li.dropdown a.dropdown-toggle i.fa {
  font-weight: normal;
}

div.navbar div.container div.main-nav p {
    color: #FFFFFF;
    display: inline-block;
    margin: 4px 0;
    padding: 35px 20px;
}

div.navbar div.container div.main-nav p.grey-background {
    background-color: #969696;
    color: #fff;
    float: right;
    margin: 0;
    padding: 41px 20px;
}


div.navbar div.container div.main-nav ul.nav li.dropdown a.dropdown-toggle img {
  margin-left: 4px;
  width: 17px;
}

p.grey-background a:link {color: #fff;}
p.grey-background a:visited {color: #fff;}
p.grey-background a:hover {color: #fff; text-decoration: underline;}
p.grey-background a:active {color: #fff;}

div.navbar div.container div.main-nav {
  /*width: 1140px;*/
}

html body div.navbar div.container div.main-nav {
  overflow: hidden;
}

ul.dropdown-menu {
  width: 100%;
}

.yamm .dropdown-menu > li {
  display: inline-block;
}

ul.nav li.dropdown ul.dropdown-menu li a img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu {
  background: #505050;
  border: 0px solid #fff;
  border-radius: 0px;
  padding: 30px 0;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #505050;
    color: #00c2ff;
}


ul.nav li.dropdown ul.dropdown-menu div ul li {
  display: inline-block;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li {
  color: #00AFF0;
  margin-right: 50px;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li a:link {
  border-top: 1px solid #00C2FF;
  color: #00C2FF;
  margin-top: 100px;
  padding-top: 10px;
  text-align: center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li a:visited {
  color: #00c2ff;
  text-align: center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li a:hover {
  background: none;
  border-top: 1px solid #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li a:active {
  color: #00c2ff;
  text-align: center;
}


html body div.navbar div.container div.main-nav ul.nav li.open {
  border-bottom: 2px solid #505050;
}



div.navbar ul.nav li.dropdown ul.dropdown-menu li.pencil {
  background: url('../img/pencil-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.pencil:hover {
  background: url('../img/pencil-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.pencil:hover a {
  border-top: 1px solid #fff;
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.triangle {
  background: url('../img/block-triangle-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.triangle:hover {
  background: url('../img/block-triangle-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.triangle:hover a {
  border-top: 1px solid #fff;
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.cogs {
  background: url('../img/cogs-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.cogs:hover {
  background: url('../img/cogs-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.cogs:hover a {
  border-top: 1px solid #fff;
  color: #fff;
  cursor: pointer;
}




div.navbar ul.nav li.dropdown ul.dropdown-menu li.screwdriver {
  background: url('../img/screwdriver-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.screwdriver:hover {
  background: url('../img/screwdriver-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.screwdriver:hover a {
  border-top: 1px solid #fff;
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo {
  background: url('../img/logo-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo:hover {
  background: url('../img/logo-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo:hover a {
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.speech {
  background: url('../img/speech-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.speech:hover {
  background: url('../img/speech-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.speech:hover a {
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo {
  background: url('../img/logo-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo:hover {
  background: url('../img/logo-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo:hover a {
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.book {
  background: url('../img/book-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.book:hover {
  background: url('../img/book-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.book:hover a {
  color: #fff;
  cursor: pointer;
}


div.navbar ul.nav li.dropdown ul.dropdown-menu li.contact-card {
  background: url('../img/contact-card-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.contact-card:hover {
  background: url('../img/contact-card-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.contact-card:hover a {
  color: #fff;
  cursor: pointer;
}


html body div.navbar div.container div.main-nav ul.nav li.dropdown ul.dropdown-menu li {
  text-align: center; 
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.last {
  margin-right: 0;
}


div.navbar ul.nav li.dropdown {
  margin: 0 auto;
  text-align: center;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu  {
  margin: 0 auto;
  text-align: center;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}


html body div.navbar div.container div.navbar-header {
  display: inline-block;
}

div.navbar div.container div.main-nav ul.nav {
  width: 300px;
}

.customize-support div.contract-services {
  background: #BEBEBE;
}

.customize-support div#content div.contract-services {
  background: #ffffff;
}

div.royalslider,
div.contract-services div.royalSlider div.rsContent {
  background: #969696;
}

.home div.rsSlide:nth-child(4) {
  background: #969696;
}


/* Home page */

  .glyphicon-chevron-left:before {
    font-size: 48px;
    content: "<";
  }

  .glyphicon-chevron-right:before {
    font-size: 48px;
    content: ">";
  }

  .carousel .item,
  div#myCarousel.carousel {
    height: 500px;
  }


  /* Our area of expertise */

  .home div.row div.col-md-9 div.col-md-6:nth-child(1),
  .home div.row div.col-md-9 div.col-md-6:nth-child(2) {
    border-bottom: 1px solid #CACACA; 
  }

  .home div.row div.col-md-9 div.col-md-6 {
    height: 280px;
    margin-bottom: 40px;
    margin-right: 30px;
    width: 45%;
  }

  div.home div.row div.col-md-9 h1,
  div.home div.row div.col-md-9 div.col-md-6 h2 {
    font-weight: bold;
  }

  /******/

  div.row div.col-md-12 section div {
    display: inline-block;
  }

  section div.left-image {
      margin: 0 auto;
      position: relative;
      text-align: center;
      vertical-align: top;
      width: 20%;
  }

  section div.left-image img {
      margin-top: 20px;
      text-align: center;
  }

  div.row div.col-md-12 section {
    margin-bottom: 20px;
  }

  div.col-md-12 section article {
    /*border-bottom: 1px solid #CACACA;*/
    display: inline-block;
    padding-bottom:20px;
    position: relative;
    width: 70%;
  }

  .big-blue {
    color: #00AFF0;
  }


  article h2 a:hover {
    color: #00AFF0;
  }



/* Industrial */

.industrial div.row.alpha div.col-md-4 {
  min-height: 400px;  
}

div.row div.plc-brands {
  border-right: 1px solid #CACACA;
  display: inline-block;
}

div.row div.plc-brands:last-child {
  border-right: 0;
}

div.row div.plc-brands img {
  margin: 0 16px;
  width: 150px;
}

/* Service & Maintenance */

.service-maintenance div.row.alpha div.col-md-4 {
  min-height: 370px;  
}

.service-maintenance div.col-md-9 div.row {
  border-bottom: 1px solid #cacaca;
}

.service-maintenance div.row div.col-md-9 div.row:last-child {
  border-bottom: 0px;
}




/* About Millennium */

.striped-bkgnd {
    background: url("../img/pinstripe-bkgnd.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 40px 0;
    padding: 20px;
    font-weight: bold;
}

.about-millennium div.col-md-4 img {
  width: 200px;
}

.about-millennium div.row div.col-md-4 {
  border-right: 0px;
}

div#content div.container div.row div.col-md-9 div.row div.row div.col-md-4 div.striped-bkgnd h4,
.about-millennium div.col-md-4 div.striped-bkgnd h4,
.about-millennium div.col-md-4 div.striped-bkgnd h4.big-blue {
  margin: 0px 0 20px;
  padding: 0px;
}

.about-millennium div.row div.col-md-9 div.row:last-child {
  border-bottom: 0px;
}

.white-bkgnd {
  background: #fff;
}


/* Work with us */

div.work-with-us div.row div.col-md-9 div.row h4 {
  background: none;
  margin:0 auto;
}

div.work-with-us div.row div.col-md-9 div.row div.col-md-12.striped-bkgnd {
  padding: 0;
}

div.work-with-us div.row div.col-md-12 section {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 20px 20px;
    padding: 20px;
}


div.work-with-us div.row div.col-md-6 {
  background: url('../img/pinstripe-bkgnd.png');
}

div.work-with-us div.col-md-6 {
  padding: 0;
}


div.work-with-us div.row div.col-md-6 section {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 20px;
    padding: 20px;
    width: 90%;
}

div.work-with-us div.col-md-6 {
  margin-bottom: 40px;
}

div.work-with-us div.col-md-6.left {
}

div.work-with-us div.col-md-6.right {
  margin-right: 0 !important;
}

div.work-with-us div.row div.col-md-9 div.two {
  padding: 0px;
}

div.work-with-us div.row div.col-md-9 div.three {
  padding-bottom: 0;
}

div.work-with-us div.row div.col-md-9 div.four {
  padding-top: 40px;
}



/* Contact us */

.contact-us div.row div.col-md-6 {
  background: none;
}

.contact-us div.row div.col-md-6 h4.striped-bkgnd {
  margin: 0;
}

.contact-us div#cf_custom_content {
  margin: 20px 0 40px;
}

.contact-us div.row div.col-md-9 div.row div.col-md-6 section div#cf_custom_content a.wpf_ref {
  display: none;
}

.contact-us div.row div.col-md-9 div.row {
  border-bottom: 0;
  padding-top: 0;
}

html body.customize-support div#content div.container div.row div.col-md-9 div.row div.col-md-6 section div#dialog-lightgmap-Middleton.gmbdm-dialog div.createPopup div.innerdiv [style] {
  border: none !important;
}


/* Left hand nav */

ul.left-nav {
  padding-left:0px;
}

ul.menu {
  padding-left: 0px;
}

/*ul.left-nav li {
    display: block;
    height: 160px;
    list-style: none outside none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 10px;
    text-align: center;
    width: 100px;
}*/

ul.left-nav li {
    list-style: none outside none;
}

ul.left-nav li a:link {
    display: block;
    margin: 40px auto;
    padding-top: 10px;
    text-align: center;
    width: 90px;
}


ul.left-nav li a:link {color: #ededed;}
ul.left-nav li a:visited {color: #ededed;}
ul.left-nav li a:hover {color: #5A5A5A; text-decoration: none;}
ul.left-nav li a:active {color: #ededed;}


ul.left-nav li.current-menu-item a:link {
  color: #5a5a5a;
}
ul.left-nav li.current-menu-item a:visited {
  color: #5a5a5a;
}
ul.left-nav li.current-menu-item a:hover {
  color: #5a5a5a;
}
ul.left-nav li.current-menu-item a:active {
  color: #5a5a5a;
}

ul.left-nav li:hover {
    color:  #ededed;
}

ul.menu li.menu-item a span {
    border-top: 1px solid #CACACA;
    display: block;
    margin-top: 74px;
    padding-top: 10px;
}

ul.menu li.menu-item a:hover span {
    border-top: 1px solid #5A5A5A;
}

ul.menu li.current-menu-item a span {
    border-top: 1px solid #5A5A5A !important;
    display: block;
    margin-top: 74px;
    padding-top: 10px;
}




/* Electrical - left hand nav */


/*ul.left-nav li.menu-item-51:hover {
  background: url('../img/pencil-grey.png') no-repeat top center;
  color: #ededed; 
  cursor: pointer;
    display: block;
    height: 160px;
    list-style: none outside none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 10px;
    text-align: center;
    width: 100px;
}*/
/*ul.left-nav li.menu-item-51.current-menu-item {
  background: url('../img/pencil-grey.png') no-repeat top center;
  color: #5A5A5A;
    display: block;
    height: 160px;
    list-style: none outside none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 10px;
    text-align: center;
    width: 100px;
}*/

ul.left-nav li.menu-item-51.current-menu-item a {
    background: url('../img/pencil-grey.png') no-repeat top center;
    color: #5A5A5A;
    display: block;
    height: 160px;
    list-style: none outside none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 10px;
    text-align: center;
    width: 100px;
}
ul.left-nav li.menu-item-51.current-menu-item a:hover {
    background: url('../img/pencil-grey.png') no-repeat top center;
    color: #5a5a5a;
    display: block;
    height: 160px;
    list-style: none outside none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 10px;
    text-align: center;
    width: 100px;
}

ul.left-nav li.menu-item-51 {
  background: url('../img/pencil-grey-50.png') no-repeat top center;
}

ul.left-nav li.menu-item-51:hover {
  background: url('../img/pencil-grey.png') no-repeat top center;
  cursor: pointer;
}


/* Construction - left hand nav */


ul.left-nav li.menu-item-50 {
  background: url('../img/block-triangle-grey-50.png') no-repeat top center;
}
ul.left-nav li.menu-item-50:hover {
  background: url('../img/block-triangle-grey.png') no-repeat top center;
  cursor: pointer;
}
ul.left-nav li.menu-item-50.current-menu-item {
  background: url('../img/block-triangle-grey.png') no-repeat top center;
  color: #5A5A5A;
}
ul.left-nav li.menu-item-50.current-menu-item a {
  color: #5A5A5A;
}


/* Electrical - left hand nav */


ul.left-nav li.menu-item-52 {
  background: url('../img/cogs-grey-50.png') no-repeat top center;
}
ul.left-nav li.menu-item-52:hover {
  background: url('../img/cogs-grey.png') no-repeat top center;
  cursor: pointer;
}
ul.left-nav li.menu-item-52.current-menu-item {
  background: url('../img/cogs-grey.png') no-repeat top center;
  color: #5A5A5A;
}
ul.left-nav li.menu-item-52.current-menu-item a {
  color: #5A5A5A;
}


/* Service & maintenance - left hand nav */

ul.left-nav li.menu-item-53 {
  background: url('../img/screwdriver-grey-50.png') no-repeat top center;
}
ul.left-nav li.menu-item-53:hover {
  background: url('../img/screwdriver-grey.png') no-repeat top center;
  cursor: pointer;
}
ul.left-nav li.menu-item-53.current-menu-item {
  background: url('../img/screwdriver-grey.png') no-repeat top center;
  color: #5A5A5A;
}
ul.left-nav li.menu-item-53.current-menu-item a {
  color: #5A5A5A;
}




/* About Millennium - left hand nav */

ul.left-nav li.menu-item-54 {
  background: url('../img/logo-grey-50.png') no-repeat top center;
}
ul.left-nav li.menu-item-54:hover {
  background: url('../img/logo-grey.png') no-repeat top center;
  color: #ededed; 
  cursor: pointer;
}
ul.left-nav li.menu-item-54.current-menu-item {
  background: url('../img/logo-grey.png') no-repeat top center;
  color: #5A5A5A;
}
ul.left-nav li.menu-item-54.current-menu-item a {
  color: #5A5A5A;
}
ul.left-nav li.menu-item-54.current-menu-item a:hover {
  color: #5a5a5a;
}



/* Project case studies - left hand nav */


ul.left-nav li.menu-item-56 {
  background: url('../img/book-grey-50.png') no-repeat top center;
}
ul.left-nav li.menu-item-56:hover {
  background: url('../img/book-grey.png') no-repeat top center;
  cursor: pointer;
}
ul.left-nav li.menu-item-56.current-menu-item {
  background: url('../img/book-grey.png') no-repeat top center;
  color: #5A5A5A;
}
ul.left-nav li.menu-item-56.current-menu-item a {
  color: #5A5A5A;
}


/* Work for us - left hand nav */


ul.left-nav li.menu-item-57 {
  background: url('../img/contact-card-grey-50.png') no-repeat top center;
}
ul.left-nav li.menu-item-57:hover {
  background: url('../img/contact-card-grey.png') no-repeat top center;
  cursor: pointer;
}
ul.left-nav li.menu-item-57.current-menu-item {
  background: url('../img/contact-card-grey.png') no-repeat top center;
  color: #5A5A5A;
}
ul.left-nav li.menu-item-57.current-menu-item a {
  color: #5A5A5A;
}


/* Contact Us - left hand nav */

ul.left-nav li.menu-item-55 {
  background: url('../img/speech-grey-50.png') no-repeat top center;
}
ul.left-nav li.menu-item-55:hover {
  background: url('../img/speech-grey.png') no-repeat top center;
  cursor: pointer;
}
ul.left-nav li.menu-item-55.current-menu-item {
  background: url('../img/speech-grey.png') no-repeat top center;
  color: #5A5A5A;
}
ul.left-nav li.menu-item-55.current-menu-item a {
  color: #5A5A5A;
}


/**/

div.row div.col-md-3 ul.left-nav div.menu-our-company-container ul.menu li.menu-item {
  margin-bottom: 40px;
}



ul.left-nav li:hover a {
  color: #5A5A5A; 
  cursor: pointer;
}


div.col-md-3 ul.left-nav li.first {
  margin-top: 20px;
}

div.container div.row div.col-md-2 ul.left-nav {
  margin-top: 0;
}



div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo {
  background: url('../img/logo-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo:hover {
  background: url('../img/logo-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo:hover a {
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.speech {
  background: url('../img/speech-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.speech:hover {
  background: url('../img/speech-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.speech:hover a {
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo {
  background: url('../img/logo-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo:hover {
  background: url('../img/logo-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.logo:hover a {
  color: #fff;
  cursor: pointer;
}

div.navbar ul.nav li.dropdown ul.dropdown-menu li.book {
  background: url('../img/book-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.book:hover {
  background: url('../img/book-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.book:hover a {
  color: #fff;
  cursor: pointer;
}


div.navbar ul.nav li.dropdown ul.dropdown-menu li.contact-card {
  background: url('../img/contact-card-blue.png') no-repeat top center;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.contact-card:hover {
  background: url('../img/contact-card-white.png') no-repeat top center;
  color: #fff;
  cursor: pointer;
}
div.navbar ul.nav li.dropdown ul.dropdown-menu li.contact-card:hover a {
  color: #fff;
  cursor: pointer;
}


/* Slider */

div#myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption h1 {
    font-family: "Swiss721BT-Heavy";
    font-size: 54px;
    font-style: normal;
    font-weight: normal;
    line-height: 47px;
    margin: 6px 0 20px;
    text-transform: uppercase;
}

.carousel {
    background: #00aff0;
    margin-bottom: 0px;
}

.carousel-caption {
  text-shadow: 0 0 0;
}

div#myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption h1 {
  text-align: left;
}

div#myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption p {
  display: inline-block;
  text-align: left;
}


div#myCarousel.carousel div.carousel-inner div.item {
  background: #00aff0;
}

div.carousel-caption p a:link {color: #fff;}
div.carousel-caption p a:visited {color: #fff;}
div.carousel-caption p a:hover {color: #fff; text-decoration: none;}
div.carousel-caption p a:active {color: #fff;}


div.carousel-caption p.grey,
span.grey {
  color: #505050;
}

ol.carousel-indicators {
  display: none;
}

span.find-out-more {
  float: left;
  margin-top: 60px;
}

div.carousel-caption span.logos {
  float: right;
}

span.right-angle-triangle {
  margin-right: 12px; 
}

div.carousel-caption p.grey {
  width: 100%;
}


/* Royal Slider */

div.royalslider {
  background: #00AFF0;
}

div.royalslider h1 {
  color: #fff;
    font-family: "Swiss721BT-Heavy";
    font-size: 54px;
    font-style: normal;
    font-weight: normal;
    line-height: 47px;
    margin: 6px 0 20px;
    text-transform: uppercase;
}


div.royalslider .slide-inner {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

@media (min-width: 800px) and (max-width: 1400px) {

  div.royalslider .slide-inner {
      width: 75%;
  }

}/* @media (min-width: 800px) and (max-width: 1400px) ends */



div.slide-inner p {
  font-size: 21px;
}

div.slide-inner footer span.find-out-more p a:link { color: #fff; }
div.slide-inner footer span.find-out-more p a:visited { color: #fff; }
div.slide-inner footer span.find-out-more p a:hover { color: #fff; text-decoration: none; }
div.slide-inner footer span.find-out-more p a:active { color: #fff; }

div.slide-inner footer span.logos {
  float: right;
}

div.slide-inner footer span.find-out-more p a:after {
    content: ">";
    font-size: 24px;
    font-weight: 100;
    margin-left: 14px;
}



/* Sub page */

div.container.main {
  padding: 30px 0;
}

div.one h2 {
  font-size: 50px;
  font-weight: bold;
}

div.electrical div.row div.col-md-9 div.row div.row div.col-md-6 h2 {
  font-size: 30px;
}

div.one h3 {
  font-size: 34px;
}

.main em {
  color: #00aff0;
  font-style: normal;
}

div.col-md-9 div.row {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 30px;
}

div.two div.col-md-6 {
  background: url('../img/pinstripe-bkgnd.png');
}

div.row div.col-md-9 div.row div.col-md-6 h2 {
  display: inline-block;
}

div.row div.col-md-9 div.two {
  padding: 40px 0;
}

div.row div.col-md-9 div.row div.col-md-6 {
/*  margin-right: 30px;*/
}


div.row div.col-md-9 div.row div.col-md-6.last {
  margin-right: 0px;
}

div.col-md-9 div.row div.col-md-6 a.blue-down-arrow {
  background: #00aff0;
  float: right;
  height: 50px;
  width: 50px;
  position: relative;
}

html body div.container div.row div.col-md-9 div.row div.col-md-6 a.blue-down-arrow i.fa {
  text-align: center;
}

div.container div.row div.col-md-9 div.row div.col-md-6 div.btn {
  float: right;
}

div.container div.row div.col-md-9 div.row div.col-md-6 h2 {
  font-weight: bold;
  line-height: 42px;
  margin-top: 10px; 
}


i.glyphicon {
  color: #fff;
  font-size: 24px;
  padding-right: 2px;
  padding-top: 13px;
}

div.row div.col-md-6 div.btn {
  margin-top: 10px;
}

div.container div.row div.col-md-9 div.row div.col-md-6 p {
  font-weight: bold;
}

div.container div.row div.col-md-9 div.row div.col-md-6 section p {
  font-weight: normal;
}

h1.big-blue {
  font-size: 128px;
  font-weight: bold;
  color: #00AFF0;
}

div.row div.col-md-9 div.row div.row div.col-md-4 h2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}

div.row div.col-md-9 div.row h4 {
  background: url("../img/pinstripe-bkgnd.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 40px 0;
    padding: 20px;
}

div.alpha div.col-md-4 {
    border-right: 1px solid #CACACA;
    display: inline-block;
    margin-right: 20px;
    min-height: 420px;
    padding-bottom: 20px;
    padding-right: 30px;
    vertical-align: top;
    width: 30%;
}

div.alpha div.last {
  border-right: 0px solid #fff;
}

div.container div.row div.col-md-9 div.row div.row {
  padding-bottom: 30px;
}

div.col-md-9 div.row div.alpha {
  border: 0px;
  margin-left: 6px;
}

div.row div.col-md-9 div.last {
  border: 0px;
}

div.col-md-9 div.four.last p {
  margin-left: 20px;
}

div.row div.col-md-6 {
  padding-bottom: 20px; 
  width: 49%;
  margin: 0px 2% 2% 0px;
}

div.row div.col-md-6 section {
  background: #fff;
  padding: 20px;
}


/* Construction */

div.construction-icons {
    border-right: 1px solid #CACACA;
    display: inline-block;
    height: 100px;
    padding: 0 15px;
    text-align: center;
    vertical-align: top;
}

div.construction-icons:last-child {
    border-right: 0px;
}

div.construction-icons img {
  width: 60px;
}

div.construction-icons p {
  color: #969696;
  width: 78px;
}


/* Projects */

div.projects div.row div.col-md-9 div.row {
  padding-top: 10px;
}

.projects div.two h2 {
  font-weight: bold;
  font-size: 36px;
}

.projects div.two div.col-md-4 {
  padding: 15px;
}

.projects div.row div.col-md-4 div.project-panel {
  background: #00AFF0;
  /*padding: 20px;*/
}

#client {
  color: #fff;
  padding: 9px 0px 0px 15px;
  position: absolute;
}

.projects .col-md-4 .project-panel img {
  height: auto;
  margin: 0 auto;
  display: inherit;
}

div.projects div.row div.col-md-9 div.row div.col-md-4 div.project-panel p {
  margin: 0;
}

.projects div.col-md-4 div.project-panel h3 {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.projects div.col-md-4 div.project-panel h3 a:link {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.projects div.col-md-4 div.project-panel h3 a:visited {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.projects div.col-md-4 div.project-panel h3 a:hover {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.projects div.col-md-4 div.project-panel h3 a:active {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.projects div.row div.col-md-9 div.row:last-child {
  border-bottom: 0;
}


/* Case study */

div.case-study-top,
div.case-study-top div.item {
  height: 480px;
}

.case-study-top div.entry div.col h1 {
  color: #505050;
}

.case-study-top div.post div.entry p {
  color: #505050;
  font-size: 14px;
}

div.case-study-top div.carousel-caption div.post div.entry {
  text-align: left;
}

div.carousel-caption div.post div.entry div.col {
  display: inline-block;
  vertical-align: top;
  width: 46%;
}

.case-study-top div.col img {
  height: auto;
  width: 40%;
}

.case-study div.row div.col-md-12 h4.big-blue {
  background: none;
  margin: 0;
}


.case-study div.row div.col-md-9 div.row div.col-md-12 h4,
.case-study div.col-md-12 h4 {
  background: none;
  margin: 0;
}

.case-study div.row div.col-md-12 .content {
  padding: 10px 0;
}

.case-study div.col-md-9 div.row div.striped-bkgnd {
  padding: 0 10px 20px;
}

.case-study div.row div.col-md-12 div.content {
  background: #fff;
  padding: 20px;
}

.case-study div.row div.col-md-12 div.content img {
  height: auto;
  width: 100%;
}

.case-study div.row div.col-md-9 div.two {
  border-bottom: 0;
  padding-bottom: 0;
}

.case-study div.row div.col-md-9 div.row div.col-md-12 {
  margin-bottom: 0;
}


.case-study div.row div.col-md-12 div.content em {
  color: #5A5A5A;
  display: inline-block;
  font-size: 36px;
  font-style: italic;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
}

.case-study div.row div.col-md-4 div.project-panel {
  background: #00AFF0;
  padding: 20px;
}

.case-study .col-md-4 .project-panel img {
  height: auto;
  width: 40%;
}

.case-study div.col-md-4 div.project-panel h3 a:link {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.case-study div.col-md-4 div.project-panel h3 a:visited {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.case-study div.col-md-4 div.project-panel h3 a:hover {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.case-study div.col-md-4 div.project-panel h3 a:active {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

.case-study div.col-md-4 {
  padding: 15px;
}

.case-study h2 {
  font-weight: bold;
  font-size: 36px;
}

.case-study div.row div.col-md-9 div.row {
  padding-top: 0;
}

.case-study div.col-md-9 div.row {
  padding-bottom: 40px;
}

.case-study div.row div.col-md-9 div#projects-import.row {
  border-bottom: 0;
}


/* Contract Services Partner */

html body div.contract-services {
  background: #BEBEBE;
}

html body div#content div.contract-services {
  background: #fff;
}

.contract-services div.row div.post div.entry h1 {
    color: #969696;
    font-size: 54px;
    font-weight: bold;
    line-height: 50px;
}

.contract-services div.row div.col-md-9 div.row div.col-md-6 { 
    margin-bottom: 0px;
    width: 45%;
}

.contract-services div.row div.col-md-9 div.row h4 {
    background: none;
    margin: 0;
    padding: 0;
}

.contract-services div.row div.col-md-9 div.four h4 {
    background: url("../img/pinstripe-bkgnd.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 40px 0;
    padding: 20px;
}

.contract-services div.row div.col-md-9 div.row:last-child {
  border-bottom: none;
}

.contract-services div.plc-brands {
  padding: 0 20px;
}

div#myCarousel.contract-services div.carousel-inner div.item {
    background: #969696;
}

.contract-services div.row div.col-md-3 img {
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

.contract-services div.row div.col-md-3 {
  margin: 30px auto;
  text-align: center;
}

.contract-services div.col-md-6 h2 {
  color: #969696;
}

div.contract-services div.col-md-6 p.sub-header {
  color: #969696;
}

div.contract-services div.col-md-6 p {
  color: #000;
}

div.contract-services div.row div.col-md-9 div.row {
  width: 98%;
}

/* 404 */

div.four-four div.row {
    margin-left: 20px;
    margin-right: 20px;
    padding: 30px 0;
}

div.four-four {
  min-height: 400px;
}


/* Footer */

body div#footer {
  background: #505050;
}

body div#footer a:link { color: #fff; }
body div#footer a:visited { color: #fff; }
body div#footer a:hover { color: #fff; }
body div#footer a:active { color: #fff; }

body div#footer ul {
  display: inline-block;
}

body div#footer li { 
  color: #fff; 
}

body div#footer div.container div.row { 
  border-bottom: 1px solid #fff; 
  padding: 30px 0;
}

div#footer div.container div.row ul.list-unstyled {
  margin: 0;
  vertical-align: bottom;
}

span.logos {
  margin-right: 40px;
}

div#footer div.container div.row div.col-md-9 ul.list-unstyled li {
  margin-right: 30px;
}

div#footer div.container div.row div.col-md-9 {
  padding: 0;
}

html body div#footer div.container img#twelve-mth-wty {
  width: 100px;
}

div#footer div.container div.one div.col-md-3 p {
  border-bottom: 1px solid #fff;
  color: #fff;
  padding-bottom: 10px;
}

div#footer p {
  color: #fff;
}

div#footer div.container div.three div.col-md-12 p {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    vertical-align: bottom;
}

div#footer div.container div.row div.col-md-3 {
  width: 20%;
}

div#footer div.container div.one div.col-md-2 {
    display: inline-block;
    float: right;
    padding: 0;
    position: absolute;
}

div#footer div.container div.row img#twelve-mth-wty {
  float: right;
  margin-top: 20px;
}

div#footer div.container div.three img.logo {
  width: 100px;
}

body div#footer div.container div.three {
    border-bottom: 0 solid #505050 !important;
    padding-bottom: 80px;
}

div#footer div.container div.row div.col-md-2 {
  padding-left: 0;
}

div#footer div.container div.three div.col-md-9 {
  padding-left: 0;
}

div#footer div.container div.two div.col-md-3 p {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 20px;
    padding-bottom: 18px;
}

div#footer div.container div.row div.col-md-11 p {
  display: inline-block;
}

.site-safe {
  float: right;
  width: 140px;
}


div#footer ul {
  padding-left: 0;
}

div#footer ul li {
  list-style: none;
}


.credits {
  font-size: 12px;
  float: right;
  margin-top: 20px;
  text-align: right;
}

.credits p {
    margin-bottom: 0px;
}

/*************************
**** Homepage offices *****
*************************/
section.offices {
  margin-bottom: 80px;
}
section.offices .row {
  border-bottom: none !important;
}
section.offices h1,
section.offices h2 {
  font-weight: bold;
}
section.offices .striped-bkgnd {
  margin-top: 0;
}
section.offices .outer-map {
  margin: 0 !important;
}
section.offices .map-inner {
  background-color: #00AFEF;
  padding-left: 4rem;
  position: relative;
  min-height: 230px;
  padding-top: 2rem;
  color: white;
}
section.offices .content {
  position: relative;
  z-index: 10;
}
section.offices .content .text {
  padding-left: 26px;
}
section.offices .content .icon {
  position: absolute;
  max-width: 14px;
  top: 64px;
  fill: white;
}





section.offices .map {
  position: absolute;
  top: 0;
  right: 0;
}

/*************************
**** Responsive code *****
*************************/


@media (max-width: 690px){

  /* Construction */

  div#content div.construction div.row div.col-md-9 div.row div.col-md-6 {
    margin-bottom: 20px;
    width: 100%;
  }

  section.offices .outer-map {
    width: 100% !important;
   }

}/* @media (max-width: 690px) ends */


@media (max-width: 768px) {


  div.container div.row div.col-md-9 div.row h2 {
      font-size: 21px;
      line-height: 21px; 
  }

  div.container div.row div.col-md-9 div.row h3 {
    font-size: 18px;
    font-weight: normal;
  }

div.royalslider .slide-inner {
      width: 80%;
  }
  
  /* Main nav */

  .row {
    margin: auto 0;
  }

  div.navbar ul.nav li.dropdown ul.dropdown-menu li.cogs:hover a,
  div.navbar ul.nav li.dropdown ul.dropdown-menu li.triangle:hover a,
  div.navbar ul.nav li.dropdown ul.dropdown-menu li.pencil:hover a {
    border-top: 0px solid #FFF;
  }

  html body div.navbar div.container div.navbar-header {
    display: inline-block;
    float: left;
  }

  div.navbar div.container div.main-nav {
    display: inline-block;
    float: left;
    width: 50px;
  }

  html body div.navbar div.container div.main-nav ul.nav {
    padding: 0;
    margin: 0;
  }

  html body div.navbar div.container div.main-nav ul.nav li.dropdown {
    display: inline-block;
  }

  ul.nav li.dropdown a.dropdown-toggle {
    margin-left: 0px;
  }

  div.navbar div.container div.main-nav ul.nav li.company {
    margin-left: -3px;
  }

  div.navbar div.container div.main-nav ul.nav li.dropdown a.dropdown-toggle {
    width: 98px;
  }

  div.navbar div.container div.main-nav {
    height: 60px;
    width: 346px;
  }
  
  p.grey-background a:link {
      color: #FFFFFF;
      display: inline-block;
      text-align: center;
      width: 120px;
  }

  div.navbar div.container div.main-nav ul.nav {
    width: 200px;
  }

  div.navbar div.container div.main-nav p.grey-background {
    font-size: 12px;
    padding: 13px;
  }

  div.navbar div.container {
    background: #FFFFFF;
    /*height: 60px;*/
    position: fixed;
    width: 100%;
    z-index: 9999;
  }

  .navbar-nav .open .dropdown-menu {
    position: relative;
  }

  div.navbar div.container div.main-nav ul.nav li.dropdown ul.dropdown-menu {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    padding: 0;
    width: 100%;
  }

  div.navbar div.container div.main-nav ul.nav li.dropdown ul.dropdown-menu li {
    background: none;
    margin-right: 0;
    display: inline;
  }

  div.navbar div.container div.main-nav ul.nav li.dropdown ul.dropdown-menu li a {
    font-size: 12px;
    margin: 0 auto;
    padding: 0 0 33px;
    text-align: left;
    width: 90%;
  }

  div.navbar ul.nav li.dropdown ul.dropdown-menu li a:link {
    border-top: 0;
    border-bottom: 1px solid #00C2FF;
  }

  div.navbar div.container div.main-nav ul.nav li.dropdown ul.dropdown-menu li:last-child a {
    border: 0;
  }

  ul.nav li.dropdown a.dropdown-toggle {
    padding: 20px 2px;
  }


  a span.blue-right {
    background: url("../img/blue-right.png") no-repeat scroll left top / 14px 14px rgba(0, 0, 0, 0);
    padding: 0 10px;
    margin-left: 4px;
    float: right;
  }

  a:hover span.blue-right {
    background: url("../img/white-right.png") no-repeat scroll left top / 14px 14px rgba(0, 0, 0, 0);
    padding: 0 10px;
    margin-left: 4px;
  }

  a span.menu-link {
    float: left;
  }

  div.navbar div.container div.main-nav ul.nav {
    display: inline-block;
    float: left;
    overflow: hidden;
  }

  div.navbar div.container div.navbar-header a img.logo {
    width: 90px;
  }

  div.navbar-header a img.logo {
    padding: 0;
  }

  .container {
    padding: 0;
  }

  div.navbar div.container div.navbar-header {
    margin: 0;
  }

  div.navbar div.container div.main-nav ul.nav li.dropdown a.dropdown-toggle {
    font-size: 12px;
  }

  div.navbar div.container div.main-nav ul.nav li.dropdown a.dropdown-toggle span.blue-down {
    background-position: left bottom;
    background-size:12px 12px;
  }

  a span.blue-down {
    padding: 0 4px;
  }

  /* Slideshow */

  div.carousel-caption footer span.logos {
    margin-right: 0px;
  }

  div.carousel-caption footer span.logos img.logo {
    width: 70%;
  }

  div.royalslider div.slide-inner h1 {
    font-size: 42px;
    line-height: 36px;
  }

  div.slide-inner p {
      font-size: 18px;
      line-height: 18px;
  }

  div.slide-inner footer span.logos {
    margin-right: 0;
  }

  div.slide-inner div.sub-header {
    margin: 10px 0 30px;
  }

  div.slide-inner footer span.find-out-more p {
    font-size: 18px;
    margin-top: 60px;
  }


  /* Electrical */

  div.electrical div.row div.col-md-9 div.row div.row div.col-md-6 {
    margin-bottom: 30px;
    width: 100%;
  }

  div.alpha div.col-md-4 {
    min-height: 330px;
  }

  /* Constuction */

  .construction div.row div.col-md-9 div.row div.col-md-6 [style] {
    width: 100% !important;
  }

  /* Industrial */

  .industrial div.col-md-9 div.row div.row div.col-md-4 {
    border: 0;
    min-height: 100px;
  }

  .industrial div.col-md-9 div.row div.row div.plc-brands {
    margin-bottom: 30px;
  }

  .industrial div.row div.col-md-9 div.row div.col-md-6 [style] {
    width: 100% !important;
  }

  /* About */

  .about-millennium div.col-md-4 img {
    margin: 30px auto 0px;
  }


  /* Footer */

 div.row div.col-md-10 span.logos {
    border-bottom: 1px solid #FFFFFF;
    display: block;
    margin-right: 0px;
    padding-bottom: 20px; 
  }

  div#footer div.container div.row div.col-md-10 ul.list-unstyled {
    display: block;
    margin-top: 30px;
  }


  div#footer div.container div.three div.col-md-11,
  div.col-md-3 img#twelve-mth-wty,
  div#footer div.container div.two {
    display: none;
  }
  
  div.navbar div.container div.main-nav p.powered-on {
    display: none;
  }


  div#footer div.container div.one {
    margin-left: 40px;
    margin-right: 40px;
  }

  div#footer div.container div.row div.col-md-10 ul.list-unstyled li {
    display: block;
    margin-bottom: 10px;
  }

  div#footer div.container div.three {
    margin-left: 40px;
    margin-right: 40px;
  }

  div#footer div.container div.three div.col-md-1 {
    float: left;
    padding-left: 0px;
  }

  div.container div.row div.col-md-9 div.row {
/*    margin-left: 40px;
    margin-right: 40px;*/
  }

  div.alpha div.col-md-4 {
    border-right:0px;
    border-bottom: 1px solid #CACACA;
    width: 100%;
  }

  div.container div.row div.col-md-9 div.row div.row {
    margin-left: 0;
    margin-right: 0;
  } 

  html body.customize-support div#footer div.container div.row div.col-md-9 ul.list-unstyled {
    display: block;
  }

  html body.customize-support div#footer div.container div.row div.col-md-9 ul.list-unstyled li {
    display: block;
  }

  #footer .list-inline > li {
    display: block !important;
  }

  div#footer div.container div.row div.col-md-10 {
    padding: 0px;
  }

  div#footer div.container div.row div.col-md-10 span.logos {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  div#footer div.container div.row div.col-md-10 ul.list-unstyled {
    padding-left: 10px;
  }


  /* footer */

  div#footer div.container div.one {
      margin-left: 0;
      margin-right: 0;
  }

  div#footer div.container div.three {
    margin-left: 0px;
    margin-right: 0px;
  }

} /* @media (max-width: 768px) ends */


@media (min-width: 769px) and (max-width: 992px) {
  
  /* main nav */

  div.navbar div.container div.main-nav ul.nav {
    width: 274px;
  }

  ul.nav li.dropdown a.dropdown-toggle {
    padding: 41px 23px;
  }

  /* Slideshow */

  div.royalslider div.slide-inner h1 {
    font-size: 46px;
    line-height: 38px;
  }

  div.slide-inner p {
      font-size: 18px;
      line-height: 18px;
  }

  div.slide-inner footer span.logos {
    margin-right: 0;
  }

  div.slide-inner div.sub-header {
    margin: 10px 0 30px;
  }

  div.slide-inner footer span.find-out-more p {
    font-size: 18px;
    margin-top: 60px;
  }


  /* Our areas of expertise */
  div.home div.row div.col-md-9 div.col-md-6 {
    min-height: 100px;
    width: 100%;
  }



} /* @media (min-width: 769px) and (max-width: 992px) ends */


@media (max-width: 992px) {


  html body div.home div.row div.col-md-9 div.col-md-6 {
      border-bottom: 1px solid #CACACA;
  }

  div.home div.row div.col-md-9 div.col-md-6 {
    height: auto;
  }

  div.navbar ul.nav li.dropdown ul.dropdown-menu li {
      margin-right: 18px;
  }

  div.navbar div.container div.main-nav p.powered-on {
    display: none;  
  }
  .row {
    margin: auto 0;
  }

  /* Slide show */

  div#myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption h1 {
    font-size: 42px;
    line-height: 36px;
  }

  span.find-out-more {
    margin-top: 10px;
  }

  .carousel,
  .carousel .item {
    height: 500px;
  }

  /* Main left nav */

  div.container div.row div.col-md-3 ul.left-nav {
    display: none;
  }

  div.container div.row div.col-md-9 div.row div.col-md-6 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }

  /* Our areas of expertise */
  div.home div.row div.col-md-9 div.col-md-6 {
/*    height: 240px;
*/    width: 100%;
  }

  /* Footer */

  div#footer ul.list-unstyled {
    display: block;
    margin-top: 20px !important;
  }

  div#footer ul.list-unstyled li {
    display: block;
  }

  div#footer div.container div.row ul.list-unstyled li {
    padding-left: 0px;

  }

  div#footer div.container div.row div.col-md-3 {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
    vertical-align: top;
  }

  img#twelve-mth-wty {
    display: none;
  }


}  /* @media (max-width: 992px) ends */


@media (min-width: 993px) and (max-width: 1199px) {
  
  /* Our areas of expertise */
  div.home div.row div.col-md-9 div.col-md-6 {
    height: 100px;
  }

} /*@media (min-width: 993px) and (max-width: 1199px) ends */



@media (max-width: 1200px) {
   html body div.navbar div.container div.main-nav p.powered-on {
    display: none;
  }

  div.home div.row div.col-md-9 div.col-md-6 {
    height: 340px;
  }

  /* Slideshow */

  div#myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption h1{
    font-size: 46px;
    line-height: 38px;
  }

  /* Constuction */

  .construction div.construction-icons {
    margin-bottom: 20px;
  }

  /* Footer */

  div#footer div.container div.row div.col-md-10 ul.list-unstyled {
    max-width: 650px;
  }

  div#footer div.container div.row div.col-md-10 ul.list-unstyled li {
    font-size: 13px;
  }

  div.container div.row {
    max-width: 960px;
  }

} /* @media (max-width: 1200px) ends */

@media (max-width: 480px) {

  /* Main top nav */

  html body.customize-support div.navbar div.container div.navbar-header {
    display: none;
  }

  div.navbar ul.nav li.dropdown ul.dropdown-menu li.cogs:hover a,
  div.navbar ul.nav li.dropdown ul.dropdown-menu li.triangle:hover a,
  div.navbar ul.nav li.dropdown ul.dropdown-menu li.pencil:hover a {
    border-top: 0px solid #FFF;
  }
  
  /* Slideshow */

  div#myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption h1 {
    font-size: 33px;
    line-height: 32px;
  }

  div.carousel-caption footer span.logos img.logo {
    height: auto;
    width: 50%;
  }

  span.logos {
    margin-right: 0px;
  }

  div.royalslider div.slide-inner h1 {
    font-size: 30px;
    line-height: 24px;
  }

  div.royalslider .slide-inner {
      width: 70%;
  }

} /* @media (max-width: 480px) ends */


@media (max-width: 360px) {

  /* Slideshow */

  div#myCarousel.carousel div.carousel-inner div.item div.container div.carousel-caption h1 {
    font-size: 31px;
    line-height: 30px;
  }


  /* Main top nav */

  div.navbar div.container div.main-nav p.grey-background {
    display: none;
  }

  div.navbar div.container div.main-nav {
      height: 60px;
      width: 230px;
  }


/* Slideshow */

  div.royalslider div.slide-inner h1 {
    font-size: 30px;
    line-height: 30px;
  }

  div.slide-inner p {
      font-size: 18px;
      line-height: 18px;
  }

  div.slide-inner div.sub-header {
      margin: 10px 0;
  }

  div.slide-inner footer span.find-out-more p {
      font-size: 14px;
      margin-bottom: 20px;
      margin-top: 0;
  }

  div.royalslider .slide-inner {
    width: 70%;
  }

  div.slide-inner footer span.find-out-more p a:after {
      content: ">";
      font-size: 20px;
      font-weight: 100;
      margin-left: 14px;
  }

  div.slide-inner footer span.logos img.logo {
    width: 60px;
  }


  /* Areas of expertise */
  div.home div.row div.col-md-9 div.col-md-6 {
      /*height: 320px;*/
      width: 100%;
  }

  /* Industrial */

  div.row div.plc-brands img {
    width: 130px;
  }

  div.row div.plc-brands:nth-child(2) {
    border-right: 0px solid #ffffff;
  }


  /* Construction */
  div.construction-icons:nth-child(2n+2) {
      border-right: 0px solid #ffffff;
  }

  .construct-icons-contain {
    text-align: center; 
  }


} /* @media (max-width: 360px) ends */


@media (max-width: 320px) {

  /* Slideshow */

  div.royalslider div.slide-inner h1 {
    font-size: 28px;
    line-height: 24px;
  }

  /* Areas of expertise */
  div.home div.row div.col-md-9 div.col-md-6 {
    width: 100%;
  }



} /* @media (max-width: 320px) ends*/


@media (max-width: 992px) {
  
  /* Our areas of expertise */
  div.home div.row div.col-md-9 div.col-md-6 {
    height: auto;
  }

} /*@media (max-width: 992px) ends */