/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* close commented backslash hack*/


/*------GLOBAL------*/
html {
    width: 100%;
    height: 100%;
}
* {
    padding: 0;
    margin: 0;
    outline: 0 none;
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #6d6e71;
    line-height: 24px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
a {
    color: #507cbe;
    text-decoration: none;
}
.wrapper {
    position: relative;
    width: 100%;
    display: block;
    clear: both;
}
h1, h2, h3, h4, h5 {
    font-size: 24px;
    line-height: 125%;
    color: #000000;
}
a:hover, a:focus {
    text-decoration: underline;
}


/*---- Inner page css ----*/

#header {  padding: 20px 0; }

h1.site-title { margin-bottom: 0; }

.header-right {  text-align: right; margin-top: 20px;}

.header-right strong a{display: block;font-weight: 500;color: #000;font-size: 26px;line-height: 30px;}

.header-right span{font-size: 24px;display: block;font-weight: 500;color: #000;}

#head-banner{ background: url(http://www.saferinsulation.co.nz/wp-content/uploads/2016/05/Jet-Stream-Max-Ceiling-Installation-1024x608.jpg) no-repeat; display: block;   background-size: cover; padding: 40px 0 0 0; min-height: 650px;}

#head-banner  h1 { font-size: 50px;display: inline-block;  font-weight: 700;  color: #fff;     margin-bottom: 15px;}

#head-banner span{ background: #aa1e23; display: table-row;float: right; margin-bottom: 1px;    padding: 0px 15px;  }

#head-banner p { color: #fff; font-size: 17px;  margin: 0 0 1px; background: rgba(48,41,37, .80);float: right;  display: table-row; padding: 5px 15px;}

.right-sec{ text-align: right; float: right; }

#helper_sec { background: #1e1f1f; display: block; padding: 25px 0}

#helper_sec h2, #helper_sec a{margin-bottom: 0;text-align: center;font-size: 26px;text-transform: uppercase;color: #fff;font-weight: 900;}

#helper_sec a:hover{ color: #aa1e23;  }

#page_content_sec {  padding: 30px 0 10px; position: relative;}

.left-content-imgs img { display: block; max-width: 100%;  width: 85%;  height: 250px;  object-fit: cover;}

.left-content-imgs { margin-bottom: 50px;  position: relative; }

.product-blog{ position: relative; padding-bottom: 60px; }

.left-border {
    content: "";
    background: url(../images/doted.png) no-repeat;
    width: 10px;
    height: 100%;
    left: 33%;
    display: block;
    position: absolute;
    background-size: 78%;
    top: 100px;
}

.right-border {
    content: "";
    background: url(../images/doted.png) no-repeat;
    width: 10px;
    height: 100%;
    right: 33%;
    display: block;
    position: absolute;
    background-size: 78%;
    top: 100px;
}

.last-blog .right-border , .last-blog .left-border {
    height: 75px;
}


.wrong-icon-image .left-content-imgs:after {
    content: "";
    background: url(../images/cros.png) no-repeat;
    height: 155px;
    width: 167px;
    display: block;
    position: absolute;
    top: 20px;
    background-size: 80%;
    right: -22px;
}


.right-icon-image .left-content-imgs:after {
    content: "";
    background: url(../images/right.png) no-repeat;
    height: 155px;
    width: 167px;
    display: block;
    position: absolute;
    top: 20px;
    background-size: 80%;
    right: -32px;
}

.brand-info img {
    width: 200px;
}
figure.brand-info {
    position: relative;
}
figure.brand-info:after {
    content: "";
    background: url(../images/border-bottom.png) no-repeat;
    width: 100%;
    display: block;
    height: 9px;
    background-position-x: 29px;
    background-size: 100%;
    bottom: -30px;
    position: absolute;
}

.last-box figure.brand-info:after{ content: none; }

.brand-info figcaption p {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    position: relative;
    margin-bottom: 10px;
}

.brand-info figcaption strong{ font-weight: 900; }


.brand-info figcaption em{ font-size: 12px; color: #000; text-align: right; display: block; }

footer { float: left; background: #aa1e23; display: inline-block;width: 100%; padding: 10px 0; }

footer  strong, footer  strong a{ font-size: 22px; color: #fff; font-weight: 700; }

.offer-img {
    width: 153px !important;
    position: absolute;
    right: -87px;
    top: -70px;
    background: url(../images/offer.png) no-repeat;
    display: block;
    background-size: 100%;
    height: 134px;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    padding: 37px 0 0 0;
    line-height: 20px;
}

.mail-id a {
    text-align: right !important;
    display: block;
}
.left-content-imgs:last-child {
    margin-bottom: 0;
}

.product-blog:last-child {
    padding: 0;
}