.gmdf-wrap {
position: relative;
z-index: 10;
}
.gmdf-wrap .gmdf {
position: fixed;
bottom:0;
right: 0;
width: 180px;
padding: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.gmdf-wrap .gmdf a {
text-decoration: none;
}
.gmdf-wrap:hover .gmdf {
width:300px;
}
.gmdf-wrap .gmdf #rect {
position: relative;
cursor: pointer;
padding: 15px 15px;
text-transform: uppercase;
text-align: center;
font: 400 0.8em 'Oswald', sans-serif;
text-shadow: -1px 1px 0px rgba(0,0,0,0.3);
background: #002155;
color: #fff;
border:1px solid rgba(0,0,0,0.15);
border-top:none;
box-shadow: -2px 2px 10px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.gmdf-wrap .gmdf #rect:hover {
z-index: +99;
background: #fff;
color: rgba(0,0,0,0.9);
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
text-shadow:none;
}
.gmdf-wrap .gmdf #rect .contents {
text-shadow:none;
margin-left: 20px;
padding: 0;
font: 300 1em/1.2em 'Oswald', sans-serif;
letter-spacing: 0;
text-transform: none;
text-align: justify;
color: rgba(0,0,0,0.8);
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.gmdf-wrap .gmdf #rect:hover .contents {
width: 210px;
padding: 10px 0;
height: 45px;
opacity: 1;
}
.gmdf-wrap .gmdf #rect .fa {
font-size:18px;
}
.wpcf7 input {
width:80%;
padding:15px;
}
.wpcf7 textarea {
width:80%;
}
.wpcf7 label {
font-style:italic;
font-weight:bold;
}
.wpcf7-submit {
background-color: #002155;
color:#fff;
font-family: "Open Sans",Arial,sans-serif;
font-size:16px;
font-weight: 600;
border:none !important;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.wpcf7-submit:hover, .wpcf7-submit:focus, .wpcf7-submit:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
} #pum-159{
z-index: 1000;
} #main-header{
z-index: 100;
}
.footer-button {
background:#f6981e;
color:#fff;
font-size:15px;
text-transform:uppercase;
border-radius:8px;
padding:10px;
border:none;
}
footer h2 {
color:#fff;
}
footer li {
list-style-type:none;
}
#footer-widgets .footer-widget li:before {
display:none !important;
}
#footer-bottom {
color:#fff !important;
font-weight:600;
font-size:16px;
}
@media (max-width: 720px) {
.gmdf-wrap {display:none;}
.grecaptcha-badge {display: none;}
}
.service-block{
position:relative;
margin-bottom:30px;
}
.service-block .inner-box{
position:relative;
text-align:center;
margin-left:20px;
padding:40px 30px 45px;
background-color:#ffffff;
box-shadow:0px 5px 25px rgba(0,0,0,0.10);
min-height: 320px;
}
.service-block .inner-box .line-one{
position:absolute;
right:20px;
top:0px;
width:10px;
height:100px;
background-color:#E02B20;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.service-block .inner-box:hover .line-one{
height:70px;
}
.service-block .inner-box .line-two{
position:absolute;
right:40px;
top:0px;
width:6px;
height:70px;
background-color:#002155;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
.service-block .inner-box:hover .line-two{
height:100px;
}
.service-block .inner-box:before{
position:absolute;
content:'';
left:-20px;
top:-20px;
width:105px;
height:105px;
z-index:-1;
background:url(https://bluetruckconstruction.ca/wp-content/themes/Divi-child-theme/images/pattern-1.png) no-repeat;
}
.icon-box .fa{
color: #E02B20 !important;
}
.inner-box h3{
line-height: 1.2em !important;
padding: 21px 0 !important;
}
.inner-box a{
padding-top: 20px !important;
color: #002155;
top: 20px;
position: relative;
}
.about-section{
position:relative;
padding:30px 0px 0px;
}
.about-section .pattern-layer{
position:absolute;
right:0px;
top:200px;
width:821px;
height:605px;
background-position:right top;
background-repeat:no-repeat;
}
.about-section .image-column{
position:relative;
margin-bottom:40px;
}
.about-section .image-column .color-layer{
position:absolute;
left:-55px;
top:-55px;
width:460px;
height:610px;
z-index:-1;
background-color:#ebebeb;
}
.about-section .image-column .inner-column{
position:relative;
padding-right:45px;
}
.about-section .image-column .inner-column .image{
position:relative;
z-index:1;
}
.about-section .image-column .inner-column .image img{
position:relative;
width:100%;
display:block;
z-index:10;
clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 90%);
}
.about-section .image-column .inner-column .color-layer-two{
position:absolute;
left:0px;
top:0px;
bottom:0px;
height:104%;
width:100%;
z-index:1;
background-color:#ffffff;
clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 90%);
}
.about-section .image-column .inner-column .color-layer-three{
position:absolute;
left:0px;
top:0px;
height:108%;
width:100%;
background-color:#ff000c;
clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 90%);
}
.about-section .image-column .title{
position:absolute;
right:-110px;
top:170px;
color:#e5e5e5;
font-weight:800;
font-size:48px;
text-transform:uppercase;
transform:rotate(-90deg);
}
.about-section .image-column .inner-column .experiance{
position:absolute;
right:0px;
bottom:250px;
z-index:11;
padding:16px 22px 16px;
border-radius:50px 0px 0px 50px;
background-color:#222222;
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.about-section .image-column .inner-column:hover .experiance{
border-radius:0px 50px 50px 0px;
}
.about-section .image-column .inner-column .experiance .inner{
position:relative;
color:#ffffff;
padding-left:30px;
text-transform:uppercase;
}
.about-section .image-column .inner-column .experiance .inner .number{
position:absolute;
left:12px;
top:14px;
color:#ffffff;
font-size:34px;
font-weight:700;
}
.about-section .content-column{
position:relative;
margin-bottom:40px;
}
.about-section .content-column .inner-column{
position:relative;
padding-left:25px;
}
.about-section .content-column .sec-title{
}
.about-section .content-column .text{
position:relative;
margin-bottom:50px;
}
.about-section .content-column .text p{
position:relative;
color:#555555;
font-size:16px;
line-height:1.8em;
}
.about-section .content-column .text p:last-child{
margin-bottom:0px;
}
.about-section .content-column .read-more{
position:relative;
font-weight:800;
color:#222222;
font-size:18px;
width:200px;
padding:8px;
display:inline-block;
background:url(//bluetruckconstruction.ca/wp-content/uploads/2024/08/pattern-03.png) no-repeat;
}
.about-section .content-column .read-more .plus{
position:relative;
right:-72px;
bottom:-2px;
width:40px;
height:40px;
color:#ffffff;
font-size:14px;
line-height:40px;
text-align:center;
font-weight:800;
margin-top:0px;
display:inline-block;
background-color:#ff000c;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.about-section .content-column .read-more:hover .plus{
transform:translateY(-10px);
}
.about-section .content-column .phone{
position:relative;
color:#555555;
font-size:18px;
font-weight:700;
margin-left:80px;
}
.about-section .content-column .phone strong{
position:relative;
display:block;
color:#222222;
font-weight:800;
font-size:30px;
margin-top:8px;
}
.about-section .content-column .signature{
position:relative;
margin-top:40px;
}
.pull-left {
float: left;
}
.sec-title.style-two .title {
color: #ff000c;
}
.grecaptcha-badge { 
visibility: hidden !important;
}