/*
Theme Name: Innovative Piling Child
Author: Retina Creative
Description: Innovative Piling Child Theme
Template: innovativepiling
*/

/* Theme customization starts here
-------------------------------------------------------------- */

p {
    width: 80%;
    margin: 20px auto;
    }

b, strong, dt {
    font-weight: 500;
}

/* Secondary Menu ------------------------------------------------------------------------- */
#Header #menu-secondary-menu{z-index:220}
#Header .secondary-menu{z-index:221}
#Header .secondary-menu > li{margin:0;z-index:222;display:list-item;float:none; position:relative;padding:4px 5px;line-height:100%;-webkit-border-radius:0;border-radius:0}
#Header .secondary-menu > li.submenu{-webkit-border-radius:0; border-radius:0}
#Header .secondary-menu > li > a{display:list-item; font-size: 14px; line-height:14px;}
#Header .secondary-menu > li > a:hover{text-decoration:none}

#Header .secondary-menu li ul{position:absolute;left:0;padding:7px;top:100%;z-index:223;margin:0;display:none;-webkit-border-radius:0;border-radius:0}
#Header .secondary-menu li ul li:last-child{border-bottom:0}
#Header .secondary-menu li ul li a{display:block;text-align:center;white-space:nowrap;padding:6px 8px}
#Header .secondary-menu li ul li a:hover{text-decoration:none}

#Header .secondary-menu > li > a{color:#A8A8A8}
#Header .secondary-menu > li > a:hover{color:#00479d}
#Header .secondary-menu > li.hover,#Header .secondary-menu li ul{background:#fff}
#Header .secondary-menu li ul li{border-bottom:1px solid rgba(0,0,0,0.05)}
#Header .secondary-menu li ul li a{color:#fff}
#Header .secondary-menu li ul li a:hover{color:#5F5F5F;background:rgba(255,255,255,0.8)}

.quick-menu {letter-spacing: 0.18px;}

.header-stack #Top_bar .secondary_menu_wrapper {right: 0}


/* CHANGE COLOR OF ARROWS ON WHAT WE DO HOMEPAGE Carousel */
.button-flat a.button .button_icon i {
    color: #000;}


/* WHAT WE DO Homepage Carousel from shortcodes.css */
.content_slider.carousel ul li{text-align:center;padding:0 20px;padding-top:5px;width:225px !important;}
.content_slider.carousel ul li img{margin-bottom:20px;opacity:.9;position:relative;top:0}
.content_slider.carousel ul li .title{opacity:.9;font-size:115%;margin-top:-10px}
.content_slider.carousel ul li .title:hover{font-weight:500}
.button-flat a.button .button_icon i {
    color: #212221 !important;
}


/* OUR CLIENTS SLIDER FROM HOMEPAGE - HIDE ARROWS */
.clients_slider .clients_slider_header a.slider_prev, .clients_slider .clients_slider_header a.slider_next {

}

/* HOMEPAGE ENQUIRY SECTION */
.homepage-contactus {
    padding-left: 70%;
    border-bottom: 1px solid #91afd3;
    float: right;
    font-size: 16px !important;
    
}

.homepage-contactus:hover {
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    -webkit-transition: color 0.5s; /* Safari */
    transition: color 0.5s;
}

.homepage-contactus a:hover {
    text-decoration: none;
}


/* CLIENTS SLIDER */ 
ul.clients .client_wrapper {
    background: rgba(0,0,0,.03);
}

ul.clients .client_wrapper:hover {
    background: rgba(0,0,0,.07);
}


/* COMPANY PAGE */

/* The fancy links - projects & contact us" */
a.mfn-link {
    color: #00479d !important;
    font-weight: 400;
    font-size: 20px;
}

a.mfn-link-4 {
    color: #00479d;
    padding: 4px;
}

a.mfn-link { margin: 0;}

a.mfn-link-2 span:before, a:hover.mfn-link-4:before, a:hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.hover.mfn-link-4:after, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before {
    background: #00479d;
}

a.mfn-link-4:before, a.mfn-link-4:after, a.mfn-link-3:after, a:hover.mfn-link-8:after, a:hover.mfn-link-8:before, a.hover.mfn-link-8:after, a.hover.mfn-link-8:before {
    background: rgba(0, 71, 157, 0.2);
}

a.mfn-link-2 span:before, a:hover.mfn-link-4:before, a:hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.hover.mfn-link-4:after, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before {
    background: #00479d !important; 
}


/* 'Download our company profile' photo */


.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0 !important; }

.edd_download_image{border-color:rgba(248, 248, 248, 0)}

.image_frame .image_wrapper,.wp-caption img,.icon_box .icon_wrapper:before{border-color:rgba(226, 226, 226, 0);}
.image_frame .image_wrapper .mask,.edd_download_image:after{ -webkit-box-shadow:inset 0 0 5px 2px rgba(0,0,0,.07); 
    box-shadow:inset 0 0 0 0 rgba(0,0,0,0) }
.image_frame .image_wrapper .mask:after{background:rgba(255,255,255,0)}
	

/* Company page */
.column, .columns					
{ float: left; margin:0 1% 20px;}


.testimonials-h1 {color: #ffffff !important;}

blockquote, blockquote a, blockquote a:hover {
    color: #ffffff !important;
}

blockquote p {
    margin: 0 auto;
    font-size: 18px !important;
    line-height: 26px;
    text-align: left;    
}

/* Company Testimonials arrows */
a.button, a.tp-button {
    background-color: rgba(0, 71, 157, 0) !important;
}

a.button:hover, a.tp-button:hover {
    background-color: rgba(245, 245, 245, 0.25) !important;
    -webkit-transition: background-color 1s; /* Safari */
    transition: background-color 1s;
}

.button-flat a.button .button_icon i {
    color: #ffffff;
    
}

.testimonials_slider a.slider_prev, .testimonials_slider a.slider_next {
    top: 80px;
}

em, i {
     font-size: 120%;
}

.testimonials_slider .testimonials_slider_ul li .hr_dots {
  visibility: hidden;
}


/* SERVICES PAGE */
.services-p {
    width: 95%;
    margin: 0;
    line-height: 25px;
}

.feature_box .feature_box_wrapper {
    padding: 0;
}

.services-h3 {
    margin-right: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #00479d;
}

.services-h3:hover {
    font-weight: 400;
    -webkit-transition: font-weight 0.2s; /* Safari */
    transition: font-weight 0.2s;
}

.services-a:hover {
    text-decoration: none;
}


/* SERVICES PAGE - services article boxes  */


.style-simple .article_box .desc_wrapper i.icon-right-open {
    display: block; /* make visible the arrow on each article */
}

/* editing article boxes */
/* Article box ----------------------------------------------------------------------- */
.article_box{overflow:hidden}
.article_box a{display:block}
.article_box a:hover{text-decoration:none}
.article_box .photo_wrapper{
    width:50%;
    float:left;
    line-height:0}

.article_box .desc_wrapper{
    width:50%;
    min-height:139px;
    float:left;
    padding:14px 15px;
    background-color:#ffffff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-image:none;
}

.article_box .desc_wrapper h4{
    margin-bottom:10px;
    padding-bottom:10px;
    font-size: 24px;
    line-height: 23px;
    letter-spacing: 0.3px;
}



.article_box .desc_wrapper p{
    width: 95%; 
    margin: 0; 
    border-bottom:0;     
    color:#212221 !important; 
    font-size: 18px;
    line-height: 24px;}

.article_box .desc_wrapper i.icon-right-open{
    display:block;
    position:relative;
    left:-5px}



/* Edit the underline article box */
/* Add border bottom to services headings */

.article_box .desc_wrapper h4:after{
    width:40%; 
    background-color:#00479d; 
    content:"";
    display:block;
    height:1px;
    margin-top:10px !important; 
}

.article_box:hover .desc_wrapper h4:after{width:95%}

.article_box .desc_wrapper h4:after{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;}

/* Hide border bottom from  services p */
.article_box .desc_wrapper p:after{visibility: hidden;}


.article-boxes-margin {margin-bottom:40px}

/* Article box - Change link colour on hover*/
.desc_wrapper p a{
    -webkit-transition: font-weight .3s ease-in-out; /* Safari */
    transition: font-weight .3s ease-in-out;
}

.desc_wrapper p a:hover{
    font-weight: 400;
}


/* Services Tabs */

.jq-tabs p {
    width:98%;
    margin: 20px 0 20px;
    line-height: 30px;
}

.jq-tabs h1 {display:block; margin-top: 20px;}

.tabs-header-underline {
    display:block; 
    margin-top:20px;}

.jq-tabs h4 {
    letter-spacing: 1px;
    margin-top: 40px;
}

/* change color & hover state of tabs  */
@media only screen and (min-width: 767px){
    
    .tabs_vertical.ui-tabs .ui-tabs-nav li a {
        line-height: 22px; }
}

.ui-tabs .ui-tabs-nav li a {
    font-size: 16px !important;
    font-weight: 300 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover a {
    color: #00479d;
    font-weight: 400 !important;
}


/* PROJECTS PAGE */

/* Projects Page - Quick facts */

.quick_fact {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(48,48,48,0.8);
    -moz-box-shadow: 0px 0px 6px 0px rgba(48,48,48,0.8);
    box-shadow: 0px 0px 6px 0px rgba(48,48,48,0.8);
}

.one-sixth.column_quick_fact  {
    width: 10%;
    margin: 0 3.33% 20px;
}

.quick_fact .number-wrapper {
    font-size: 51px;
    color: #ffffff !important;
    background-color: #00479d;
}
.quick_fact .number-wrapper .label {letter-spacing: -3px;}

hr.hr_narrow{
    display:none;
    width:7%
}

.quick_fact .desc {
    padding: 10px 0;
    color: #212221;
    background-color:#D6D6D7;
    font-weight:500;
    font-size: 21px;
    line-height: 21px;
}
/* Projects description text */
.section-projects ul.offer_thumb_ul li.offer_thumb_li .desc_wrapper .desc p {
    font-size: 16px;
    line-height: 18px;
}


/* Offer Thumb */

.offer_thumb p{
    width: 100%;
    margin: 12px 0;
}


.offer_thumb .offer_thumb_li{
    background-color: #ffffff;
}

.offer_thumb img{
    display: block;
    margin-top: -5px;
}

.offer_thumb h4{
    display: block;
    margin-bottom: 0 !important;
    width: 90%;
    line-height: 30px;
    letter-spacing: 0;
}


.offer_thumb .desc_wrapper .title {
    margin-bottom: 0 !important;
}


/* EQUIPMENT PAGE */

.offer_equipment {
   margin-top: -20px !important;
}

.equipment-slider div.image_wrapper{
    margin-top: 55px;
    margin-right: 40px
}

.equipment-slider .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
    width: 44%;
}


.equipment-slider a{
    font-size: 16px;
}

.equipment-slider a:hover{
    text-decoration: none;
}

table th, table td{
    padding: 10px;
    text-align: center;
    border-width: 0;
    border-bottom: 1px solid #c7c7c7;
    vertical-align: middle;   
}

table tr:last-child td{
    border-bottom: 0;
}

table tr:first-child td {
    background: none;
}

.equipment-slider table td{
    text-align: left;
}

/* Equipment slideshow thumbs */
.offer_thumb.bottom .slider_pagination a:after{
    margin-left:0;
}


/* CONTACT US */
.column_map .google-map-contact-wrapper .get_in_touch {
    width: 310px;
}

.column_map .google-map-contact-wrapper .get_in_touch h3{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
}

.column_map .google-map-contact-wrapper .get_in_touch a.google-address{
    font-size:18px;
    line-height:16px;
}

.column_map .google-map-contact-wrapper .get_in_touch a.google-address:hover{
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.get_in_touch ul li .icon {
    position: absolute;
    left: 0;
    color: #ffffff;
}

.get_in_touch ul li {
   padding: 0 0 0px 50px
}

.get_in_touch .mail .icon{
    font-size: 80%;
    color: #91afd3;
}

.get_in_touch .mail p{
    margin-top: 10px;
    color: #91afd3;
    font-size: 14px;
    line-height: 18px;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "mfn-icons";
    font-style: normal;
    /* font-weight: 400; */
    /* speak: none; */
    display: inline-block;
    text-decoration: none!important;
    /* width: 1em; */
    margin-right: .2em;
    /* text-align: center; */
    /* font-variant: normal; */
    text-transform: none;
    line-height: 0;
    margin-left: 0;
}

.get_in_touch ul li.mail .icon {
    top:0;
} 
.contact-header .fancy_heading .title {
    font-size: 30px !important;
    font-weight: 300 !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}


/* MAP BLUE PIN SEPARATING LINE */

.get_in_touch ul li.address{
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.get_in_touch ul li:after{
    width:100%;
    padding-right: 55px;    
}


/* MAP BLUE PIN - POINTER */
.column_map .google-map-contact-wrapper .get_in_touch:after {
    border-top-color: rgba(0, 71, 157, 0) !important;
}


.contact-headings h4 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 0;
}

.contact-headings a{
    color: #212221;
    font-size: 18px;
}

.contact-headings a:hover{
    text-decoration: none;
}

.contact-headings .two-fifth {
    margin-left: 20px;
}

/* FOOTER */

.copyright {
    font-size:16px
}


/* MEGAMENU */
@media only screen and (min-width: 1240px) {

 
    #Top_bar .menu > li > ul.mfn-megamenu {
        display: block !important;
        margin-left: 250px;
        width: 450px !important;
        border-top: 3px solid #ffffff;
        background-color: rgba(35, 31, 32, 0) !important;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease-in-out 1s, visibility 0s linear 5s;
    }
    
    #Top_bar .menu > li:hover > ul.mfn-megamenu {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
    }
    
    
    #Top_bar.is-sticky .menu > li > ul.mfn-megamenu { /* positions megamenu on the sticky navi */
        margin-left: 400px;
    }
    
     #Top_bar .menu li ul li {
        width: 225px;
    }
    
     #Top_bar .menu li ul li:nth-last-child(-n+2) {
         padding-bottom: 5px;
    }

    #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {
        padding: 0 0 5px 25px;
        color: #A8A8A8 !important;
        background-color: #231F20 !important;
        font-weight: 300 !important;
        font-size: 80% !important;
        text-transform: capitalize !important;
        border-bottom: 0 solid rgba(0,0,0,0.05);
    }
    
    #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title:hover {
        font-weight: 400 !important;
        color: #ffffff !important;
    }
    
    
    /* Submenu of Shoring/Retaining Wall */
    
    #Top_bar .menu > li > ul.mfn-megamenu >li > ul.mfn-megamenu {
        display: block!important;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-.5em);
        transition: all 1s ease-in-out 1s, visibility 0s linear 4s;
    }
    
    #Top_bar .menu > li > ul.mfn-megamenu >li:hover > ul.mfn-megamenu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0%);
        transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
    }
    
    #Top_bar .menu > li > ul.mfn-megamenu >li > ul.mfn-megamenu > li {
         background-color: #404041 !important;
    }
    
    #Top_bar .menu > li > ul.mfn-megamenu >li > ul.mfn-megamenu a {
        padding: 0 0 0 25px;
        color: #A8A8A8 !important;
        font-weight: 300 !important;
        font-size: 80% !important;
        text-transform: capitalize !important;
        border-bottom: 0 solid rgba(0,0,0,0.05);
    }
    
    
    #Top_bar .menu > li > ul.mfn-megamenu >li > ul.mfn-megamenu a:hover {
        font-weight: 400 !important;
        color: #ffffff !important;
        background: rgba(0,0,0,0);            
    }
    
}


/* HIDE SEARCH BUTTON */
#Top_bar a#search_button { display: none; }


#Top_bar .responsive-menu-toggle {
    color: #A8A8A8 !important;
    transition: color 0.2s linear;
}

#Top_bar .responsive-menu-toggle:hover {
   color: #ffffff !important;
}

.button-flat a.button .button_icon i {
    /* color: #ffffff !important; */
}



@media only screen and (max-width: 1239px)
{
    .top_bar_right {
        display: none;
    }
    
    
    
    #Top_bar #menu ul li ul li {
        height: 30px;
        }
    
    #Top_bar #menu ul li ul li:last-child {
        padding-bottom: 12px;
    }    
    
    #Top_bar #menu ul li ul li ul {
        display: none !important;
    }
    
    #Top_bar #menu ul li ul li a span .icon-down-open {
        display: none;
    }
}