/*
Theme Name: Custom

*/

body{font-family: 'Roboto', sans-serif;color:#646464;}
h1,h2,h3,h4,h5,h6{font-weight: 500;color:#273C90;}
p:empty{margin:0;}
a{color: #273C90;}
a:hover{color:inherit;}
.top-bar{background:#273C90;}
.top-cta{padding:15px 0;font-size:24px;color: #fff;font-weight:700;margin-bottom:0;}
.top-quote{background:#3e5fe6;}
.navbar-bg{padding:20px 0;background:#fff;}
.navbar-bg span {
  color: #204c8c;
  padding-left: 15px;
  font-size: 25px;
}
.navbar-bg span.mtxt {
  font-size: 22px;
  padding-left: 0;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color:rgba(39, 60, 144,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 9999;
}

.overlay-content {
  position: relative;
  top: 20%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.calculator-container {
            background-color: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 #inputContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    
  }
  .dimension-input {
    margin: 0 5px; 
}
.form-group {
          margin-bottom: 10px;
 }
 #volumeResultContainer {
    display: flex;
    justify-content: center;
}
 .form-group input[type="text"] {
            width: 180px;
            padding: 10px;
            margin-right: 35px;
            border: 1px solid #ccc;
            border-radius: 5px;
            outline: none;
}
.form-group button {
            padding: 10px 40px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 20px;
            margin-bottom: 20px;
}
.form-group button:hover {
            background-color: #0056b3;
}
.result {
            font-size: 18px;
            margin-top: 10px;
			font-weight: bold;
}

.inner-bg {
            background-color: #f5f5f5;
            padding: 50px 0;
}

.container {
            max-width: 960px;
            margin: 0 auto;
            padding: 0 15px;
}
.text-center {
            text-align: center;
}
.btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007bff;
            color: white;
            text-decoration: none;
            border-radius: 5px;
}
.btn:hover {    background-color: #0056b3;
 }

 
/*.navbar-bg {background: #273C90;}
#main-menu {width: 100%;}
.navbar-bg a {color: #fff !important;font-weight: 400;}
.navbar-bg .dropdown-menu a {color: #646464 !important;}*/
.hp-slider .slide {
background-repeat: no-repeat;
background-size: cover;
height: 600px;
background-position: center;
padding: 15px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hp-slider .slide-1 {background-image: url(imgs/carousel1.jpg);}
.hp-slider .slide-2 {background-image: url(imgs/slide1.jpg);}
.hp-slider .slide-3 {background-image: url(imgs/carousel3.jpg);}
.txt-c1{color:#273C90 !important;}
.txt-c2,.sub-title{color:#3e5fe6 !important;}
.hp-title{font-size:40px;}
.hp-title2{font-size:34px;}
.hp-bar {background: #f7f7f7;padding-top: 35px;padding-bottom: 35px;}
.hp-bar h4{font-weight:400;font-size:18px;margin-bottom:0;}
.hp-bar i{font-size:3rem;color:#273C90 !important;}
.hpsec1,.hpsec3,.hpsec6{padding:100px 0;}
.hpsec1 a{color:inherit;}
.cta-wrap{margin-top:50px;}
.cta-wrap h3{font-size:26px;color:#3e5fe6 !important;}
.cta-wrap p{margin:0;}
.icon-wrap {font-size: 3rem;color: #fff !important;background: #273c90 !important;margin-bottom: 15px;padding: 15px;display: inline-block;border-radius: 10px;}

.hpsec4{padding:100px 0;background:#f7f7f7;}
.hpsec5::before {content: "";background: rgba(39, 60, 144, 0.91);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.hpsec5{padding:100px 0;background:url(imgs/slide1.jpg) no-repeat center;background-size:cover;position:relative;}
.hpsec5 *{color:#fff}
.hpsec5 .sp-testimonial-free-section .testimonial-nav-arrow{transform: none !important;}
.mb-30{margin-bottom:30px;}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-audit:before {
  content: "\e900";
}
.icon-british-pound:before {
  content: "\e901";
}
.icon-certificate:before {
  content: "\e902";
}
.icon-clock:before {
  content: "\e903";
}
.icon-concrete-pump:before {
  content: "\e904";
}
.icon-digger:before {
  content: "\e905";
}
.icon-mail:before {
  content: "\e906";
}
.icon-map-pin:before {
  content: "\e907";
}
.icon-mixer-truck:before {
  content: "\e908";
}
.icon-people:before {
  content: "\e909";
}
.icon-phone:before {
  content: "\e90a";
}
.icon-concrete:before {
  content: "\e90b";
}
.icon-delivery-time:before {
  content: "\e90c";
}
.icon-project-size:before {
  content: "\e90d";
}
.icon-no-waste:before {
  content: "\e90e";
}
.icon-linkedin-circled:before {
  content: "\e90f";
}
.icon-long-right:before {
  content: "\e910";
}

.map-bg {
  background: #f5f5f5;
}

.hp-formimg{background:url(imgs/hp-img2.jpg) no-repeat center;background-size:cover;min-height: 600px;}
.hp-formbg{background: #F7F7F7;padding:100px;}
.hp-formbg2{background: #273C90;padding:50px;}
.hp-formbg2 *{color:#fff;}
.hp-formbg2 i{font-size:3rem;}
.hp-contact-form-holder ::placeholder {
color: #575553 !important;
}
.hp-contact-form-holder .wpcf7 input[type="text"],
.hp-contact-form-holder .wpcf7 input[type="email"],
.hp-contact-form-holder .wpcf7 input[type="tel"],
.hp-contact-form-holder .wpcf7 select {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #575553;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #575553 !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #fff !important;
background: #575553 !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
width: auto !important;
background: #3e5fe6 !important;
color: #fff !important;
border-color: #3e5fe6 !important;

}
.hp-contact-form-holder .wpcf7-spinner {
display: none;
}
.fcta1 {background: #273C90;padding: 20px 50px;}
.fcta2{background: #3e5fe6;padding: 20px 50px;}
.fcta1 p{font-size:18px;}
.fcta1 i{font-size:3rem;}
.fcta1 a{font-weight: bold;}
.foot-connect h5{font-size:30px;margin:0;}
.footer {background: #F7F7F7;padding: 50px 0;}
.footer * {color: #273C90 !important;font-weight: 300;}
.foot-head {font-weight: 500;margin-bottom: 15px;font-size: 18px;}
.foot-list,.foot-plist {padding: 0;list-style: none;margin:0;}
.foot-plist li{margin-bottom:10px;}
.copy-footer {background: #273C90;padding: 15px 0;}
.foot-connect *,.copy-footer * {color: #fff !important;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #273C90;padding: 50px 0;}
.section-primary * {color: #fff;}
.section-secondary {background: #F7F7F7;padding: 50px 0;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.btn{border-radius: 10px !important;}
.btn-primary{color: #fff !important;background-color: #3e5fe6;border-color: #3e5fe6;}
.txt-btn{color:#575553;font-size:24px;}
.btn-primary:hover{background-color: #183560;border-color: #183560;}
.btn-white {color: #273C90 !important;background-color: #fff;border-color: #fff;}
.btn-darkgrey {color: #fff !important;background-color: #333;border-color: #333;}
.send {background: #3e5fe6 !important;color: #fff !important;border-color: #3e5fe6 !important;border-radius: 10px !important;}

.inner-bg{background:url(imgs/slide1.jpg) no-repeat center;background-size:cover;height: 400px;position:relative;}
.inner-bg::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(39, 60, 144, 0.80);}
.inner-bg *{color:#fff;}
.inner-head{font-size: 2rem;margin-bottom: 30px;}
.topbdr{border-top: 2px solid #273C90;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.txtarea-field{height:100px;}
.area-list{column-count:4;}
.wrapper {padding: 50px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.pagination .page-link {
color: #273C90 !important;
}
.pagination .page-item.active .page-link{
color: #fff !important;
background-color: #273C90 !important;
border-color: #273C90 !important;
}
.inpad{padding:100px 0 !important;}

#readMoreButton1{ color: #fff !important; background-color: #3e5fe6; border-color: #3e5fe6; padding: 12px 50px;
  font-size: 1rem;line-height: 1.5; border: 1px solid transparent; font-weight: 400; text-align: center; white-space: nowrap;  vertical-align: middle; border-radius: 10px;}
/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.hbdr {border-right: 6px solid #273C90;}
.imgfit{height:100%;width:auto;object-fit:cover;}
}
@media screen and (max-width: 991px) {
.hp-slider .slide {padding: 15px;}
.hp-title,.foot-connect h4 {font-size: 34px;}
.foot-mail{word-wrap: break-word;}
.hpsec6 img{margin-top: 100px;}
}

@media screen and (max-width: 767px) {
.hp-slider .slide{height:300px;}
.hp-bar .col-md{margin-bottom: 30px;}
.hp-bar{padding: 30px 30px 0;}
.hpsec1,.hpsec2,.hpsec3,.hpsec4,.hpsec5,.hpsec6 {text-align: center;}
.foot-connect,.copy-footer {text-align: center;}
.hpimgfit{padding:0;margin-top:100px;}
.hp-formbg{padding:50px;}
.footer {text-align: center;padding-top: 20px;}
.foot-head {margin-top: 30px;}
.area-list{column-count:2;}
.fcta1 h5 br{display:none;}
.fcta1 h5{margin-bottom: 20px;}
.fcta1 .col-md-auto{justify-content: center;}
.hp-bar{ text-align: center;}
.hp-bar h4{ margin-top:10px;} 
.calculator-container {text-align: center;}
.form-group {margin-bottom: 20px;}
.form-group input[type="text"] {width: 100px;padding: 8px;margin-right: 10px;border: 1px solid #ccc;border-radius: 5px;outline: none;}
.form-group button {display: block;width: 150px;padding: 10px;margin: 0 auto;background-color: #007bff;color: white;border: none;border-radius: 5px;cursor: pointer;}
.form-group button:hover {background-color: #0056b3;}
.result {font-size: 18px;margin-top: 10px;font-weight: bold;}
.navbar-bg span.mtxt {font-size: 15px;padding-left: 0;}

}