@charset "utf-8";
@font-face { font-family: 'muliitalic'; src: url('../fonts/muli-italic-webfont.eot'); src: url('../fonts/muli-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/muli-italic-webfont.woff') format('woff'), url('../fonts/muli-italic-webfont.ttf') format('truetype'), url('../fonts/muli-italic-webfont.svg#muliitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mulilight'; src: url('../fonts/muli-light-webfont.eot'); src: url('../fonts/muli-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/muli-light-webfont.woff') format('woff'), url('../fonts/muli-light-webfont.ttf') format('truetype'), url('../fonts/muli-light-webfont.svg#mulilight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'mulilight_italic'; src: url('../fonts/muli-lightitalic-webfont.eot'); src: url('../fonts/muli-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/muli-lightitalic-webfont.woff') format('woff'), url('../fonts/muli-lightitalic-webfont.ttf') format('truetype'), url('../fonts/muli-lightitalic-webfont.svg#mulilight_italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'zurich_cn_btregular'; src: url('../fonts/zurch-webfont-webfont.eot'); src: url('../fonts/zurch-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zurch-webfont-webfont.woff') format('woff'), url('../fonts/zurch-webfont-webfont.ttf') format('truetype'), url('../fonts/zurch-webfont-webfont.svg#zurich_cn_btregular') format('svg'); font-weight: normal; font-style: normal; }
img, object, embed, video { max-width: 100%; }
.ie6 img { width: 100%; }
.fl { float: left !important }
.fr { float: right !important }
.cl { clear: both !important }
.vm { vertical-align: middle !important }
.vt { vertical-align: top !important }
.tec { text-align: center !important }
.ter { text-align: right !important }
.tel { text-align: left !important }
.boNo { border: none !important }
.bgNo { background: none !important }
.spacer { height: 0 }
.noma_t { margin-top: 0 !important }
.noma_r { margin-right: 0 !important }
.noma_l { margin-left: 0 !important }
.noma_b { margin-bottom: 0 !important }
.nopad_t { padding-top: 0 !important }
.nopad_r { padding-right: 0 !important }
.nopad_l { padding-left: 0 !important }
.nopad_b { padding-bottom: 0 !important }
.ma_t10px { margin-top: 5px !important }
.ma_r6px { margin-right: 6px !important }
.mt20px { margin-top: 15px !important }
.noma { margin: 0 !important; }
.nob { border: 0 !important }
.nof { float: none !important }
.overlap { display: none; background: #000; opacity: .8; width: 100%; height: 100%; position: fixed; z-index: 99999; }
body { background: url(../images/header.png) repeat; color: #fff; }
.bodyWrapper { width: 75%; position: absolute; z-index: 999; margin: 0px auto; left: 0; right: 0; }
#fixed_width { clear: both; max-width: 1148px; margin: 0px auto; padding: 0 11px; width: 100%; display: block; box-sizing: border-box; -moz-box-sizing: border-box; }
#header { width: 100%; height: 155px; padding: 0; margin: 0; display: table; z-index: 9; }
#header .left { width: 300px; float: left; margin: 0; padding: 0; }
#header .right { width: 63%; float: right; margin: 19px 0 0 0; padding: 0; }
#header .logo { margin: 0; padding: 18px 0 0 0; float: left; clear: both; }
#header .phone { background: url(../images/phoneicon.png) left center no-repeat; font-family: 'mulilight'; font-size: 14px; color: #fff; padding: 0 0 0 30px; margin: 0; text-align: left; float: left; }
#header .phone a { color: #fff; text-decoration: none; }
#header .email a { background: url(../images/emailicon.png) left center no-repeat; font-family: 'mulilight'; font-size: 14px; color: #fff; padding: 0 0 0 30px; margin: 0; text-align: left; float: left; line-height: 27px; text-decoration: none; }
#header .email a:hover { color: #eaeaea; }
#header .net { margin: 0 10px 0 0; padding: 0; float: right; width: 106px; height: 18px; }
#header .net .fb a { background: url(../images/network.png)no-repeat 0 0; width: 22px; height: 21px; display: block; margin: 0 6px 0 0; float: left; }
#header .net .fb a:hover { background: url(../images/network.png)no-repeat 0 -21px; transition: all 0.4s ease-in 0s; }
#header .net .tw a { background: url(../images/network.png)no-repeat -28px 0; width: 22px; height: 21px; display: block; margin: 0 6px 0 0; float: left; }
#header .net .tw a:hover { background: url(../images/network.png)no-repeat -28px -21px; transition: all 0.4s ease-in 0s; }
#header .net .gplus a { background: url(../images/network.png)no-repeat -56px 0; width: 22px; height: 21px; display: block; margin: 0 6px 0 0; float: left; }
#header .net .gplus a:hover { background: url(../images/network.png)no-repeat -56px -21px; transition: all 0.4s ease-in 0s; }
#header .net .instagram a { background: url(../images/network.png)no-repeat -84px 0; width: 22px; height: 21px; display: block; margin: 0 0 0 0; float: left; }
#header .net .instagram a:hover { background: url(../images/network.png)no-repeat -84px -21px; transition: all 0.4s ease-in 0s; }
.btn_promotions {}
.btn_promotions a { text-decoration: none; color: #004a89; font-size: 16px; font-weight: bold; float: right; background: #fedd2e; padding: 4px 10px; margin: -10px 20px 0 0; border-radius: 5px; text-align: center;}
.btn_promotions a span { font-size: 12px; display: block; }
.opening_hours {float: left;border-radius: 5px;margin: -10px 0 0 40px;padding: 7px 20px;}
.opening_hours h3{text-align: left; color: #ffde31;margin:0; font-weight:normal;}
.opening_hours p {color: #ffde31;font-size: 14px;text-align: left;line-height:20px;}
#header .pull { width: 29px; height: 18px; float: right; margin: 18px 10px 0 0; cursor: pointer; position: relative; z-index: 1; }
#header .menu { margin: -17px 0 0 -30px; display: none; padding: 0; float: left; width: 100%; }
#header .menu ul { margin: 0; padding: 0; list-style-type: none; z-index: 9999; }
#close { cursor: pointer; position: absolute; right: -10px; top: -10px; z-index: 99999; }
#header .menu ul li a { height: 30px; font-family: 'mulilight'; font-size: 14px; color: #fff; margin: 0 0 0 12px; padding: 0 0 20px 0; float: left; text-align: left; text-decoration: none; outline: none; }
#header .menu ul li ul li a:hover { color: #CCC; }
#header .menu ul li a:hover { color: #414141; }
#header .menu ul li .btn { background: url(../images/down.png) center center no-repeat; }
.mainmenu { transition: all 0.4s ease-in 0s; position: relative; top: 0; }
#sub ul { position: relative; }
#sub ul li { position: relative; float: left; width: 100%; }
#sub { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: absolute; top: 70px; transition: all 0.4s ease-in 0s; margin-left: 244px; }
#sub ul { background: #000; }
#sub ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; }
#sub ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub { top: 35px; opacity: 1; visibility: visible; }
#middle { width: 100%; height: auto; padding: 0; margin: 0; z-index: 9; }
.service { position: relative; height: auto; margin: 342px 0 44px 0; }
.service.thomastown { margin: 0 0 30px 0; float: left; width: 100%; }
.service ul { margin: 0 -8px; padding: 0; list-style: none; }
.service ul li { float: left; position: relative; list-style-type: none; width: 20%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.service ul li:hover, .service ul li.active { }
.service ul li img { width: 100%; height: auto; border: 1px solid #8d8d8d; margin: 0; }
.image-box { background: url(../images/image-trans-bg.png) repeat; display: block; border: 7px solid transparent; transition: all ease 0.5s; }
.service ul li:hover .image-box { border: 7px solid #F00; }
.service ul li:hover .service-content { background: url(../images/blue-dark.png) repeat }
.service-content { background: url(../images/blue-light.png) repeat; transition: all ease 0.5s; }
.service ul li p { color: #fff; text-align: center; text-transform: uppercase; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 45px; }
.service ul li a, .service ul li a:hover { text-decoration: none; }
.service ul li .pad { line-height: 14px !important; padding: 10px; }
.inner-pages { margin: 25px -8px; padding: 0; list-style: none; }
.inner-pages li { float: left; position: relative; list-style-type: none; width: 33.3%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.inner-pages li img { width: 100%; height: auto; border: 1px solid #8d8d8d; margin: 0; }
.inner-pages li:hover .image-box { border: 7px solid #F00; }
.inner-pages li:hover .service-content { background: url(../images/blue-dark.png) repeat }
.inner-pages li p { color: #fff; text-align: center; text-transform: uppercase; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 45px; float: none; }
.inner-pages li a, .service ul li a:hover { text-decoration: none; }
.inner-pages li .pad { line-height: 18px !important; padding: 10px; }
.metel a { background: #fddd30; color: #000; border-radius: 4px; font-family: 'mulilight'; font-size: 10px; text-align: center; line-height: 30px; padding: 0 12px; margin: 0 0 0 10px; float: right; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.metel a:hover { background: #dbb902; color: #222; }
.metel-pages { margin: 25px -8px; padding: 0; list-style: none; }
.metel-pages li { float: left; position: relative; list-style-type: none; width: 50%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.metel-pages li img { width: 100%; height: auto; border: 1px solid #8d8d8d; margin: 0; }
.metel-pages li:hover .image-box { border: 7px solid #F00; }
.metel-pages li:hover .service-content { background: url(../images/blue-dark.png) repeat }
.metel-pages li p { color: #fff; text-align: center; text-transform: uppercase; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 45px; float: none; }
.metel-pages li a, .service ul li a:hover { text-decoration: none; }
.metel-pages li .pad { line-height: 18px !important; padding: 10px; }
.servicedetail ul { margin: 0; padding: 0; list-style-type: none; }
.servicedetail ul li { background: url(../images/arrows.png) 0 4px no-repeat; padding-left: 20px; color: #fff; text-align: left; text-transform: capitalize; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 25px; float: none; }
.service-detail table { width: 50%; float: left; margin: 10px 0; }
.service-detail tr { height: 25px; }
.Weathertex { margin: 25px -8px; padding: 0; list-style: none; }
.Weathertex ul { margin: 0; padding: 0; list-style-type: none; }
.Weathertex ul li { float: left; position: relative; list-style-type: none; width: 33.3%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.Weathertex ul li img { width: 100%; height: auto; border: 1px solid #8d8d8d; margin: 0; }
.insulation { margin: 25px -8px; padding: 0; list-style: none; }
.insulation a { text-decoration: none; }
.insulation ul { margin: 0; padding: 0; list-style-type: none; }
.insulation ul li { float: left; position: relative; list-style-type: none; width: 20%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.insulation ul li img { width: 100%; height: auto; border: 1px solid #8d8d8d; margin: 0; }
.insulation li:hover .image-box { border: 7px solid #F00; }
.insulation li:hover .service-content { background: url(../images/blue-dark.png) repeat; text-decoration: none; }
.insulation li p { color: #fff; text-align: center; text-transform: uppercase; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 45px; float: none; }
.insulations ul { margin: 0; padding: 0; list-style-type: none; }
.insulations ul li { background: url(../images/arrows.png) 0 4px no-repeat; padding-left: 20px; color: #fff; text-align: left; text-transform: capitalize; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 25px; float: none; }
.csr { margin: 25px -8px; padding: 0; list-style: none; }
.csr a { text-decoration: none; }
.csr ul { margin: 0; padding: 0; list-style-type: none; }
.csr ul li { float: left; position: relative; list-style-type: none; width: 33.3%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.csr ul li img { width: 100%; height: auto; border: 1px solid #8d8d8d; margin: 0; }
.csr li:hover .image-box { border: 7px solid #F00; }
.csr li:hover .service-content { background: url(../images/blue-dark.png) repeat; text-decoration: none; }
.csr li p { color: #fff; text-align: center; text-transform: uppercase; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 45px; float: none; }
.rondolisting-pages { margin: 25px -8px; padding: 0; list-style: none; }
.rondolisting-pages { font-size: 25px !important; margin: 10px 0; }
.rondolisting-pages li { float: left; position: relative; list-style-type: none; width: 25%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.rondolisting-pages li img { width: 100%; height: auto; border: 1px solid #8d8d8d; margin: 0; }
.rondolisting-pages li:hover .image-box { border: 7px solid #F00; }
.rondolisting-pages li:hover .service-content { background: url(../images/blue-dark.png) repeat }
.rondolisting-pages li p { color: #fff; text-align: center; text-transform: uppercase; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 45px; float: none; }
.rondolisting-pages li a, .service ul li a:hover { text-decoration: none; }
.rondolisting-pages li .pad { line-height: 18px !important; padding: 10px; }
#video-pages { margin: 25px -8px; padding: 0; list-style: none; }
#video-pages { font-size: 25px !important; margin: 0; }
#video-pages ul { margin: 0; padding: 0; list-style-type: none; }
#video-pages ul li { float: left; position: relative; list-style-type: none; width: 50%; height: auto; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.video { margin: 20px 0; padding: 0; border: 1px solid #ccc; position: relative; display: block; }
.video img { width: 100%; height: auto; }
.inner-pages-plaster { margin: 25px -8px; padding: 0; list-style: none; }
.inner-pages-plaster li { float: left; position: relative; list-style-type: none; width: 20.6%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.inner-pages-plaster li:hover, .inner-pages-plaster li.active { }
.inner-pages-plaster li img { width: 100%; height: auto; border: 1px solid #8d8d8d; margin: 0; }
.inner-pages-plaster li:hover .image-box { border: 7px solid #F00; }
.inner-pages-plaster li:hover .service-content { background: url(../images/blue-dark.png) repeat }
.inner-pages-plaster li p { color: #fff; text-align: center; text-transform: uppercase; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 45px; float: none; }
.inner-pages-plaster li a, .service ul li a:hover { text-decoration: none; }
.inner-pages-plaster li .pad { line-height: 18px !important; padding: 10px; }
#footer { background: #000; width: 100%; padding: 20px 0; margin: 0; display: table; z-index: 9; opacity: 0.6; }
#footer p { color: #fff; text-transform: uppercase; font-family: 'zurich_cn_btregular'; font-size: 14px; line-height: 18px; }
#footer ul { margin: 0; padding: 0; list-style-type: none; width: 100%; text-align: center; }
#footer ul li { display: inline; line-height: 22px; }
#footer a { font-family: 'zurich_cn_btregular'; font-size: 14px; color: #fff; margin: 0; padding: 0; text-align: left; text-transform: uppercase; text-decoration: none; outline: none; }
#footer li a { padding: 0 0 0 20px; }
#footer a:hover { color: #eaeaea; text-align: center; }
#footer .flt { float: left !important; }
#footer .frt { float: right !important; }
.service-detail { background: url(../images/trans-black.png) repeat; border: 1px solid #3F3F3F; height: auto; margin: 50px 0 44px; padding: 0 20px; position: relative; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.service-detail.video_page { float: left; width: 100%; }
.home-service { margin: 0px 0 44px; }
.service-detail span.h3_title { color: #fff; font-family: 'zurich_cn_btregular'; font-size: 30px; clear: both; margin: 10px 0 0; padding: 5px 0px 0px; text-transform: capitalize; display: inline-block; }
.service-detail h1 { font-size: 24px; float: left; width: 100%; margin: 13px 0 8px 0 }
.service-detail h2 { color: #fff; font-family: 'zurich_cn_btregular'; clear: both; padding: 0 0 0; text-transform: capitalize; line-height: 35px; margin: 0px 0 6px 0; text-align: left; font-size: 22px; }
.service-detail h2 span { font-size: 25px; }
.service-detail .right-contact { float: left; margin: 20px; padding: 0 0 34px; width: 45%; }
.service-detail .right-contact p { float: left; color: #fff; clear: both; padding: 0; font-family: 'mulilight'; font-size: 13px; margin: 10px 0; line-height: 17px; }
.service-detail .right-contact p span { float: left; }
.service-detail .right-contact p a { color: #fff; font-family: 'mulilight'; font-size: 13px; text-decoration: none; }
.service-detail .right-contact p a:hover { color: #ccc; }
.service-detail .right-contact p img { padding: 0 20px 0 0; float: left; vertical-align: middle; }
.service-detail img { width: auto; }
.service-detail p { font-family: 'mulilight'; clear: none; font-size: 13px; text-align: justify; width: 100%; float: none; line-height: 23px; color: #fff; padding: 0 0 20px 0px; }
.service-detail p img { float: left; padding: 0 15px 0px 0; }
.service-detail p img.nopadding { padding: 0px 15px 0px 0; }
.service-detail p img.clearleft { clear: both; }
.service-detail p img.left-img { float: left; padding: 25px 15px 0px 0; }
.service_provide { margin: 10px 0 20px 25px; float: left; padding: 0; }
.service_provide li { font-family: 'mulilight'; font-size: 13px; text-align: justify; color: #fff; list-style-type: none; background: url(../images/arrow.png) no-repeat left 10px; padding-left: 15px; line-height: 28px; }
.service_provide li.last { background: url(../images/arrow.png) no-repeat left 9px; }
.ser_display { float: left; width: auto; padding: 15px 15px 10px 10px; }
.provide li { width: 40%; float: left; }
.downloads { padding: 0 0 0 10px; }
.downloads li { list-style-type: none; background: url(../images/pdf.png) no-repeat left center; padding-left: 30px; line-height: 28px; }
.downloads li a { font-family: 'mulilight'; text-decoration: none; font-size: 15px; text-align: justify; color: #fff; }
.downloads li a:hover { color: #ccc; }
.service_provide li a { color: #fff; text-decoration: none; }
.service_provide li a:hover { color: #ccc; }
.min-height { min-height: 360px; }
.extra { width: 650px !important; margin: 0; padding-top: 0 !important; }
.service-detail p a { font-family: 'mulilight'; text-decoration: none; font-size: 15px; color: #fff; }
.service-detail p a:hover { color: #ccc; }
.render { float: left; width: 100%; }
.render_det { border-bottom: 1px solid #ccc; float: left; background: #fff; margin: 0 12px 24px; min-height: 268px; width: 30.7%; }
.render_det div { padding: 10px; width: 92%; }
.render_pic { float: left; text-align: center; }
.render_pic img { }
.render_name { float: left; font-family: 'mulilight'; font-size: 14px; font-weight: bold; color: #000; }
.render_detail { float: left; font-family: 'mulilight'; font-size: 13px; color: #000; text-align: justify; }
.pro { width: 46%; float: left; margin-right: 10px; }
.pro ul { margin: 0px; padding: 0; list-style-type: none; }
.pro ul li { font-family: 'mulilight'; font-size: 14px; text-align: justify; color: #fff; margin-top: 10px; padding: 0; }
.pro ul li p { display: inline; }
.pro ul li img { float: left; margin-right: 10px; padding: 2px; border: 1px solid #555; }
.pro .read a { background: #fddd30; color: #000; border-radius: 4px; font-family: 'mulilight'; font-size: 10px; text-align: center; line-height: 30px; padding: 0 12px; margin: 10px 0 0 10px; float: right; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.pro .read a:hover { background: #dbb902; color: #222; }
.pro strong { text-transform: uppercase; margin-bottom: 5px; font-size: 14px; text-align: left; }
hr { width: 100%; height: 1px; background: #555; padding: 0; margin: 15px 0; border: none; }
.flright { float: right !important; }
.james { float: left; margin: 0; padding: 0 0 20px 0; }
.james ul { margin: 0; padding: 0; list-style-type: none; }
.james ul li { margin: 0px; padding: 0; list-style-type: none; width: 33%; display: inline-block; }
.james-detail { width: 100%; }
.james-detail ul { float: left; width: 33.3% }
.james-detail ul li { width: 100%; }
.james ul li a { background: url(../images/arrows.png) 0 0px no-repeat; font-family: 'zurich_cn_btregular'; color: #fff; font-size: 16px; text-align: left; line-height: 35px; text-decoration: none; text-transform: capitalize; font-weight: normal; padding-left: 20px; margin-left: 10px; }
.james ul li a:hover { color: #CCC; }
.james .contn { display: none; background: #000; width: 80%; position: absolute; margin-top: 0; left: 0; right: 0; margin: 0px auto; top: -20%; padding: 20px; z-index: 9999; }
.james .contn h2 { color: #fff; font-family: 'zurich_cn_btregular'; font-size: 20px; clear: both; margin: 0; padding: 0px; text-transform: capitalize; font-weight: normal; }
.james .contn p { font-family: 'mulilight'; font-size: 14px; text-align: justify; color: #fff; margin: 0px; padding: 0; }
.james .contn ul { margin: 0; padding: 0; list-style-type: none; float: none; width: auto; }
.james .contn ul li { width: 46%; background: url(../images/arrows.png) 0 10px no-repeat; font-family: 'mulilight'; color: #fff; font-size: 14px; text-align: left; line-height: 35px; text-decoration: none; text-transform: capitalize; font-weight: normal; padding-left: 20px; margin-left: 10px; }
.james .contn .read a { background: #fddd30; color: #000; border-radius: 4px; font-family: 'mulilight'; font-size: 10px; text-align: center; line-height: 30px; padding: 0 12px; margin: 10px 0 0 10px; float: right; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.james .contn .read a:hover { background: #dbb902; color: #222; }
.close { padding: 0; padding: 0; position: absolute; right: -10px; top: -10px; }
.brandlogo { position: fixed; right: 0px; top: 0px; width: 115px; padding: 5px 10px; }
.brandlogo ul { margin: 0px; padding: 0; list-style-type: none; }
.brandlogo ul li img { margin-bottom: 2px; }
.inquirepart { position: fixed; left: 0px; top: -9px; width: 50px; padding: 10px 0; }
.inquirepart ul { margin: 0px; padding: 0; list-style-type: none; }
.inquirepart ul li { margin-bottom: 00px; }
.inquirepart .inquire { width: 27px; height: 143px; }
.inquirepart .inquire a { width: 27px; height: 143px; background: url(../images/inqurenow.png) left top no-repeat; display: block; }
.inquirepart .inquire a:hover { width: 27px; height: 143px; background: url(../images/inqurenow1.png) left top no-repeat; }
.inquirepart .download { width: 37px; height: 143px; }
.inquirepart .download a { width: 37px; height: 143px; background: url(../images/download1.png) left top no-repeat; display: block; }
.inquirepart .download a:hover { width: 37px; height: 143px; background: url(../images/download2.png) left top no-repeat; }
.inquirepart .location { width: 27px; height: 143px; }
.inquirepart .location a { width: 27px; height: 143px; background: url(../images/location1.png) left top no-repeat; display: block; }
.inquirepart .location a:hover { width: 27px; height: 143px; background: url(../images/location2.png) left top no-repeat; }
.inquirepart .earthwool { width: 37px; height: 143px; }
.inquirepart .earthwool a { width: 37px; height: 143px; background: url(../images/earthwooltap1.png) left top no-repeat; display: block; }
.inquirepart .earthwool a:hover { width: 37px; height: 143px; background: url(../images/earthwooltap2.png) left top no-repeat; }
.richard { width: 160px; height: 42px; margin-top: 30px; display: block; outline: none; position: relative; }
.richard img { margin: 0px; padding: 0; cursor: pointer; position: absolute; left: 158px; top: -25px; border: 1px solid #f00; border-radius: 5px; }
.rird_red img { width: 160px; height: 42px; margin-top: -60px; outline: none; position: relative; }
.round { float: left; margin: 20px 0 0 10px; width: 100%; }
.round > strong { float: left; margin: 0 0 20px; width: 100%; }
.rounds { float: left; width: 20%; margin: 0 0 20px 0; }
.inquirepart .online { width: 35px; height: 127px; }
.inquirepart .online a { width: 35px; height: 127px; background: url(../images/online1.png) left top no-repeat; display: block; }
.inquirepart .online a:hover { width: 35px; height: 127px; background: url(../images/online2.png) left top no-repeat; }
.inquirepart .credit { width: 35px; height: 160px; }
.inquirepart .credit a { width: 35px; height: 160px; background: url(../images/credit1.png) left top no-repeat; display: block; }
.inquirepart .credit a:hover { width: 35px; height: 160px; background: url(../images/credit2.png) left top no-repeat; }
.tapimg { display: none; position: fixed; width: 100%; max-width: 630px; height: auto; left: 0; right: 0; margin: 0px auto; margin-top: -155px; top: 50%; padding: 10px; z-index: 9999999; }
.close { padding: 0; padding: 0; position: absolute; right: -10px; top: -10px; }
.kibg-video-page { text-align: center; padding-bottom: 10px; }
.kibg-video-page a { color: #fff; font-family: 'zurich_cn_btregular'; font-size: 14px; }
.enq_detail { }
.enq_detail h5 { background: #38528B; border-bottom: 1px solid hsl(0, 0%, 94%); color: hsl(0, 0%, 100%); font-family: 'mulilight'; font-size: 17px; line-height: 27px; padding: 7px 15px; margin: 0 0 10px; }
.enq_detail ul { width: 300px; float: left; margin: 0; padding: 0; }
.enq_detail ul li { float: left; list-style-type: none; margin: 0 0 10px; width: 100%; }
.enq_detail ul li label { float: left; padding: 0 10px 0 0; width: 97px; font-family: 'mulilight'; font-size: 14px; }
.enq_detail ul li input { float: left; border: 1px solid #ccc; width: 64%; padding: 4px; }
.enq_detail ul li textarea { float: left; border: 1px solid #ccc; width: 60.5%; resize: none; padding: 4px; }
.my-enq { left: 22px !important; top: 20px !important }
.insulations .read a { background: none repeat scroll 0 0 #fddd30; border-radius: 4px; color: #000000; float: right; font-family: 'mulilight'; font-size: 10px; font-weight: bold; line-height: 30px; margin: 10px 0 0 10px; padding: 0 12px; text-align: center; text-decoration: none; text-transform: uppercase; }
#fixed_width td strong { color: #fff !important; }
#fixed_width td { color: #fff !important; }
.open-store { background: none repeat scroll 0 0 #02498b; clear: both; color: #fdde2e; float: left; line-height: 22px; margin: 3px 0; padding: 0 5px; }
.con-new { margin: 20px 11px !important; width: 31% !important; }
.cboth { clear: both; }
.read-data { clear: both; float: right; background: #fddd30; border-radius: 4px; color: #000000; font-family: 'mulilight'; font-size: 10px; font-weight: bold; line-height: 30px; margin: 10px 0 0 10px; padding: 0 12px; text-align: center; text-decoration: none; text-transform: uppercase; }
.read-data a { text-decoration: none; color: #000; }
.sp-top { margin-top: 70px; }
.sp-top-compound { margin-top: 120px; }
#close1 { cursor: pointer; position: absolute; right: -10px; top: -10px; z-index: 99; display: none !important; }
#sub1 { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: absolute; top: 70px; transition: all 0.4s ease-in 0s; margin-left: 0; display: none; }
#sub1 ul { background: #646560; float: left; }
#sub1 ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; color: #fff !important; }
#sub1 ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub1 { top: 1px; opacity: 1; visibility: visible; left: 20px; width: 86%; position: relative; }
.btn1 { background: url(../images/plus.png) no-repeat scroll left 10px; display: block; float: left; cursor: pointer; margin: 0 6px; height: 35px; width: 20px; }
#sub1 ul li a:hover { background: none !important; }
#sub2 { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: absolute; top: 70px; transition: all 0.4s ease-in 0s; margin-left: 0; display: none; }
#sub2 ul { background: #646560; float: left; }
#sub2 ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; color: #fff !important; }
#sub2 ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub2 { top: 1px; opacity: 1; visibility: visible; left: 22px; width: 86%; position: relative; }
.btn2 { background: url(../images/plus.png) no-repeat scroll left 10px; display: block; float: left; height: 35px; cursor: pointer; margin: 0 6px; width: 20px; }
#sub2 ul li a:hover { background: none !important; }
#sub3 { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: absolute; top: 70px; transition: all 0.4s ease-in 0s; margin-left: 0; display: none; }
#sub3 ul { background: #646560; float: left; }
#sub3 ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; color: #fff !important; }
#sub3 ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub3 { top: 1px; opacity: 1; visibility: visible; left: 22px; width: 86%; position: relative; }
.btn3 { background: url(../images/plus.png) no-repeat scroll left 10px; display: block; float: left; height: 35px; cursor: pointer; margin: 0 6px; width: 20px; }
#sub3 ul li a:hover { background: none !important; }
#sub4 { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: absolute; top: 70px; transition: all 0.4s ease-in 0s; margin-left: 0; display: none; }
#sub4 ul { background: #646560; float: left; }
#sub4 ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; color: #fff !important; }
#sub4 ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub4 { top: 1px; opacity: 1; visibility: visible; left: 22px; width: 86%; position: relative; }
.btn4 { background: url(../images/plus.png) no-repeat scroll left 10px; display: block; float: left; height: 35px; cursor: pointer; margin: 0 6px; width: 20px; }
#sub4 ul li a:hover { background: none !important; }
#sub ul li a:hover { background: none; }
.service-detail .read a { background: none repeat scroll 0 0 #fddd30; border-radius: 4px; color: #000000; float: right; font-family: 'mulilight'; font-size: 10px; font-weight: bold; line-height: 30px; margin: 10px 0 15px 10px; padding: 0 12px; text-align: center; text-decoration: none; text-transform: uppercase; }
.nrg-pages li { width: 24.3%; }
/*=================================================== Videos Page ==============================================*/
.videos { float: left; width: 29.9%; margin: 0 10px 10px 0; border: 1px solid #fff; padding: 10px;position:relative; }
.videos .video_popup:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.3); }
.videos-page { }
.service-detail.video_page h1{margin:20px 0 30px;}
.video-large-box { position: relative; margin-bottom: 15px }
.play-large-video { display: block; position: relative }
.play-large-video:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2) }
.play-large-video:after { content: ""; display: block; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.35) }
.play-large-video span { display: block; height: 104px; width: 104px; background: url(../images/sprite.png) no-repeat -182px -193px transparent; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 2 }
.video-large-box iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border: none; opacity: 0; visibility: hidden }
.video-large-box.in iframe { opacity: 1; visibility: visible }
.video-large-box.in .play-large-video { opacity: 0; visibility: hidden }
.large-video-close { display: block; height: 24px; width: 24px; background: #f00; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; right: 15px; top: 15px; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); cursor: pointer; opacity: 0; visibility: hidden }
.large-video-close:before, .large-video-close:after { content: ""; display: block; height: 3px; width: 13px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.large-video-close:after { height: 13px; width: 3px }
.video-large-box.in .large-video-close { opacity: 1; visibility: visible }
.large-video-content h5, .large-video-content .h5 { color: #303030; font-size: 18px; text-transform: uppercase; font-weight: 700 }
.large-video-content p { line-height: 26px; margin-bottom: 26px }
.videos .video_popup { position: relative; display: block; margin-top: 0 }
.videos .video_popup:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.3) }
.videos .video_popup * { pointer-events: none }
.videos .video_popup .fa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; font-size: 50px }
.videos .video_popup img { width: 100% }
.videos p { line-height: 22px; margin: 0; padding: 20px 0 10px; text-align: center; font-size:16px;}
.videos-page .my_pagination { margin: 67px 0 0 0 }
.video_container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,0.8); display: none }
body.video_sticky { overflow: hidden }
.video_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.video_close:before { content: "\f00d"; font-family: "FontAwesome"; font-size: 26px; color: #fff }
.video_close { position: absolute; right: 15px; top: 15px }
.video_box iframe { width: 770px; height: 450px; border: none }
.videos .video_popup .fa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; font-size: 50px; }
@media only screen and (min-width:320px)and (max-width:480px) {
.tapimg { top: 60%; width: 85%; }
.bodyWrapper { width: 100%; }
#header { width: 100%; height: auto; }
#fixed_width { width: 96%; margin: 0px auto; padding: 0 2%; }
#header .logo { float: none; text-align: center; ma
}
#header .phone { margin-top: 10px; }
#header .left { width: 100%; float: none; margin: 0px auto; }
#header .right { width: 100%; float: none; margin: 0; margin-top: 50px; padding: 0; }
#header .net { margin: -10px -2px 10px 0; }
#header .pull { margin: 0; }
#header .menu { background: #000; height: auto; margin: 0px; text-align: center; opacity: 0.8; width: 100%; }
#header .menu ul li .btn { background: url(../images/down.png) 75px center no-repeat; }
#header .menu .close { display: block; padding: 10px; }
#close { cursor: pointer; position: absolute; right: -10px; top: -10px; z-index: 99; }
#header .menu ul li a { height: auto; float: none; text-align: center; line-height: 35px; padding: 0; margin: 0 20px; border-bottom: 1px solid #333; display: block; }
#header .menu ul li a:hover { color: #ccc; }
#sub { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: relative; top: 0 !important; transition: all ease-in 0.5s; margin-left: 0 !important; z-index: 9999999; height: 0; overflow: hidden; }
#sub ul { background: #000; opacity: 1; }
#sub ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; margin: 0 0 !important; }
#sub ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub { top: 0px !important; opacity: 1; visibility: visible; height: auto; background: #026DAE; }
#middle { margin: -30px 0 0; padding: 0; display: block; }
.service { margin: 45px 0 44px 0; z-index: 1; }
.service ul li.service-last { float: left; margin-right: 0px; }
#footer ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#footer ul li a { padding: 0 7px 0 0; }
#footer ul li { display: inline-block; }
#footer p { text-align: center; line-height: 18px; }
#footer .flt { float: none !important; }
#footer .frt { float: none !important; }
.owl-prev, .owl-next { display: none; }
.service-detail { margin-top: 60px; padding: 0 10px 15px; width: 100%; }
#middle #fixed_width { margin: 0 17px; padding: 0; width: 96%; }
.service-detail h3 { font-size: 28px; padding: 5px 10px 0 3px; }
.service-detail p { padding: 0 0 10px 5px; }
.ser_display { width: 94%; }
.service_provide { width: 94%; margin: 10px 0 20px 12px; }
.provide li { width: 45%; }
.service-detail p img { width: auto; }
.service-detais img { width: auto !important; }
.service-detail .right-contact { margin: 0 0 0 6px; width: 100%; }
.service-detail .right-contact p span { width: 86%; }
.right-contact img { float: left !important; width: 97%; }
.extra { width: auto !important; }
.render_det { width: 92%; }
.min-height { min-height: 240px; }
.pro { width: 100%; float: none; margin-right: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.pro ul li img { float: none; text-align: center; margin-right: 0; width: 98%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.james ul li { width: 100%; }
.james .contn { width: 85%; }
.james .contn ul li { background: url(../images/arrows.png) 0 4px no-repeat; width: 100%; margin-right: 0; margin-left: 0; line-height: 25px; }
.metel-pages li { width: 100%; }
.rondolisting-pages li { width: 100%; }
.rondolisting-pages { font-size: 22px !important; }
.metel { float: right; margin-bottom: 10px; }
#video-pages ul li { width: 100%; }
.video { height: 200px; }
sub, sup { font-size: 57%; }
.metel-pages ul { margin: 0; padding: 0; list-style-type: none; }
.service-detail h2 { font-size: 28px; }
.service-detail h2 span { font-size: 19px; }
.service-detail table { font-size: 12px; }
.service-detail img { width: 100%; }
.insulation ul li { width: 100%; }
.service-detail img { width: auto; }
.service-detail h3 img { width: auto; }
.csr ul li { width: 100%; }
.james-detail ul { width: 100%; }
.sp-top-compound { margin: 0; }
.sp-top { margin: 0 }
#sub ul li { width: 100%; }
#close { display: none !important; }
}
@media only screen and (min-width:320px)and (max-width:360px) {
.bodyWrapper { width: 100%; }
#middle #fixed_width { margin: 0 10px; padding: 0; width: 94%; }
.provide li { width: 75%; }
.render_det { width: 94%; }
.service-detais img { width: auto !important; }
.pro .read a { width: 91%; float: none; display: block; margin-left: 0; margin-right: 0; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
}
@media only screen and (min-width:481px)and (max-width:640px) {
.tapimg { top: 60%; width: 85%; }
.bodyWrapper { width: 100%; }
#header { width: 100%; height: auto; }
#header .logo { float: none; text-align: center; }
#header .phone { margin-top: 10px; }
#header .left { width: 100%; float: none; margin: 0px auto; }
#header .right { width: 100%; float: none; margin: 0; margin-top: 50px; padding: 0; }
#header .net { margin: -10px 0 10px 0; }
#header .pull { margin: 0 2px 0 0; }
#header .menu ul li .btn { background: url(../images/down.png) 50px center no-repeat; }
#header .menu { background: #000; height: auto; margin: 0px; text-align: center; opacity: 0.8; width: 100%; }
#close { cursor: pointer; position: absolute; right: 0px; top: -10px; z-index: 99; }
#header .menu ul li a { height: 35px; float: none; text-align: center; line-height: 35px; padding: 0; margin: 0 20px; border-bottom: 1px solid #333; display: block; }
#sub { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: relative; top: 0 !important; transition: all ease-in 0.5s; margin-left: 0 !important; z-index: 9999999; height: 0; overflow: hidden; }
#sub ul { background: #000; opacity: 1; }
#sub ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; margin: 0 20px !important; }
#sub ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub { top: 0 !important; opacity: 1; visibility: visible; height: auto; background: #026DAE; }
#middle { margin: -30px 0 0; padding: 0; }
.service { margin: 45px 0 44px 0; z-index: -99; }
.service ul li.service-last { float: left; margin-right: 0px; }
#footer ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#footer ul li a { padding: 0 7px 0 0; }
#footer ul li { display: inline-block; }
#footer p { text-align: center; line-height: 18px; }
#footer .flt { float: none !important; }
#footer .frt { float: none !important; }
.owl-prev, .owl-next { display: none; }
.service-detail { margin: 50px 0 44px; padding: 0 10px 15px; width: 100%; }
.service-detail p img { width: 99%; }
.service-detais img { width: auto !important; }
.ser_display { width: 96%; }
.service_provide { width: 94%; margin: 10px 0 20px 12px; }
.provide li { width: 47%; }
.service-detail .right-contact { margin: 0 0 0 6px; width: 100%; }
.service-detail .right-contact p span { width: 86%; }
.right-contact img { float: left !important; width: 97%; }
.extra { width: auto !important; }
.render_det { width: 43%; padding: 10px 8px; min-height: 285px; }
.min-height { min-height: 240px; }
.pro { width: 100%; float: none; margin-right: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.pro ul li img { float: left; margin-right: 20px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.james ul li { width: 46%; }
.james .contn { width: 94%; }
.james .contn ul li { background: url(../images/arrows.png) 0 5px no-repeat; width: 100%; margin-right: 0; margin-left: 0; line-height: 25px; }
.rondolisting-pages li { width: 50%; }
.min-height p img { width: auto; }
.video { height: 200px; }
.service-detail img { width: 100%; }
.insulation ul li { width: 50%; }
.service-detail img { width: auto; }
.james-detail ul li { display: block; width: auto; }
.sp-top-compound { margin: 0; }
.sp-top { margin: 0 }
.show-submenu #sub1 { width: 93.5%; }
.show-submenu #sub2 { width: 93.5%; }
.show-submenu #sub3 { width: 93.5%; }
.show-submenu #sub4 { width: 93.5%; }
#close { display: none !important; }
}
@media only screen and (min-width:768px)and (max-width:798px) {
.tapimg { top: 30%; width: 85%; }
.bodyWrapper { width: 100%; }
#header { width: 100%; height: auto; }
#fixed_width { width: 96%; margin: 0px auto; padding: 0 2%; }
#header .logo { float: none; text-align: center; ma
}
#header .phone { margin-top: 10px; }
#header .left { width: 100%; float: none; margin: 0px auto; }
#header .right { width: 100%; float: none; margin: 0; margin-top: 50px; padding: 0; }
#header .net { margin: -10px 0 10px 0; }
#header .pull { margin: 0 2px 0 0; }
#header .menu ul li .btn { background: url(../images/down.png) 50px center no-repeat; }
#header .menu { background: #000; height: auto; margin: 0px; text-align: center; opacity: 0.8; width: 100%; }
#close { cursor: pointer; position: absolute; right: 0px; top: -10px; z-index: 99; }
#header .menu ul li a { height: 35px; float: none; text-align: center; line-height: 35px; padding: 0; margin: 0 20px; border-bottom: 1px solid #333; display: block; }
#sub { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: relative; top: 0 !important; transition: all ease-in 0.5s; margin-left: 0 !important; z-index: 9999999; height: 0; overflow: hidden; }
#sub ul { background: #000; opacity: 1; }
#sub ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; margin: 0 20px !important; }
#sub ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub { top: 0 !important; opacity: 1; visibility: visible; height: auto; background: #026DAE; }
#middle { margin: -30px 0 0; padding: 0; }
.service { position: relative; height: auto; margin: 430px 0 44px 0; }
.service ul li.service-last { float: left; margin-right: 0px; }
#footer ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#footer ul li a { padding: 0 7px 0 0; }
#footer ul li { display: inline-block; }
#footer p { text-align: center; line-height: 18px; }
#footer .flt { float: none !important; }
#footer .frt { float: none !important; }
.owl-prev, .owl-next { display: block; }
.service-detail { margin: 50px 0 44px; width: 100%; padding: 0 10px 15px; }
.service-detail p img { width: 99%; }
.ser_display { width: 97%; }
.service_provide { width: 94%; margin: 10px 0 20px 12px; }
.provide li { width: 44%; }
.service-detail p img { width: auto; }
.service-detais img { width: auto !important; }
.service-detail .right-contact { margin: 0 0 0 6px; width: 100%; }
.service-detail .right-contact p span { width: 86%; }
.right-contact img { float: left !important; width: 97%; }
.extra { width: auto !important; margin-right: 20px; }
.render_det { width: 43%; padding: 10px 11px; }
.min-height { min-height: 240px; }
.pro { width: 100%; float: none; margin-right: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.pro ul li img { float: left; margin-right: 20px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.james ul li { width: 48%; }
.james .contn { width: 94%; }
.james .contn ul li { background: url(../images/arrows.png) 0 5px no-repeat; width: 100%; margin-right: 0; margin-left: 0; line-height: 25px; }
.rondolisting-pages li { width: 50%; }
.video { height: 200px; }
.service-detail img { width: 100%; }
.insulation ul li { width: 50%; }
.service-detail img { width: auto; }
.james-detail ul li { display: block; width: auto; }
.sp-top-compound { margin: 0; }
.sp-top { margin: 0 }
#close { display: none !important; }
}
@media only screen and (min-width:800px)and (max-width:1024px) {
#header { width: 100%; height: auto; }
#fixed_width { width: 96%; margin: 0px auto; padding: 0 2%; }
#header .logo { float: none; text-align: center; ma
}
#header .phone { margin-top: 10px; }
#header .left { width: 100%; float: none; margin: 0px auto; }
#header .right { width: 100%; float: none; margin: 0; margin-top: 50px; padding: 0; }
#header .net { margin: -10px 0 10px 0; }
#header .pull { margin: 0 2px 0 0; }
#header .menu ul li .btn { background: url(../images/down.png) 50px center no-repeat; }
#header .menu { background: #000; height: auto; margin: 0px; text-align: center; opacity: 0.8; width: 100%; }
#close { cursor: pointer; position: absolute; right: 0px; top: 0px; z-index: 99; }
#header .menu ul li a { height: 35px; float: none; text-align: center; line-height: 35px; padding: 0; margin: 0 20px; border-bottom: 1px solid #333; display: block; }
#sub { margin: 0; padding: 0; list-style-type: none; opacity: 0; visibility: hidden; position: relative; top: 0 !important; transition: all ease-in 0.5s; margin-left: 0 !important; z-index: 9999999; height: 0; overflow: hidden; }
#sub ul { background: #000; opacity: 1; }
#sub ul li a { line-height: 30px !important; margin: 0 !important; padding: 0 15px!important; float: none !important; transition: all ease 0.5s; border-bottom: 1px solid #333; display: block; margin: 0 20px !important; }
#sub ul li a:hover { background: url(../images/blue-dark.png) repeat }
.show-submenu #sub { top: 0 !important; opacity: 1; visibility: visible; height: auto; background: #026DAE; }
#middle { margin: -30px 0 0; padding: 0; }
.service { position: relative; height: auto; margin: 430px 0 44px 0; }
.service ul li.service-last { float: left; margin-right: 0px; }
#footer ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#footer ul li a { padding: 0 7px 0 0; }
#footer ul li { display: inline-block; }
#footer p { text-align: center; line-height: 18px; }
#footer .flt { float: none !important; }
#footer .frt { float: none !important; }
.owl-prev, .owl-next { display: block; }
.service-detais img { width: auto !important; }
.render_det { width: 46%; margin: 0 13px 24px; min-height: 285px; }
.james ul li { width: 48%; }
.james .contn { width: 94%; }
.james .contn ul li { background: url(../images/arrows.png) 0 5px no-repeat; width: 47%; margin-right: 0; margin-left: 0; line-height: 25px; }
.video { height: 200px; }
.service-detail img { width: 100%; }
.insulation ul li { width: 50%; }
}
@media only screen and (max-width:1024px) {
.service ul li { width: 33.3%; }
.service-content p.last-data { line-height: 23px; }
.inner-pages-plaster li { width: 33.3%; }
.inner-pages li { width: 50%; }
.service-detail { margin-top: 45px; padding-bottom: 15px; }
.service-content p.last-data { line-height: 45px; }
.pro .read a { margin-left: 8px; }
.owl-prev { left: 112px !important; }
.owl-next { right: 106px !important; }
.service-detail img { width: auto; }
.james-detail ul li { display: block; width: auto; }
}
@media only screen and (max-width:667px) {
.service ul li p { font-size: 13px; }
}
@media only screen and (max-width:567px) {
.service ul li { width: 50%; }
.inner-pages-plaster li { width: 50%; }
.inner-pages li { width: 50%; }
.pro { width: 100%; float: none; margin-right: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.pro ul li img { float: left; margin-right: 20px; width: auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
}
@media only screen and (max-width:480px) {
#middle #fixed_width { margin: 0 10px; }
}
@media only screen and (max-width:375px) {
#middle #fixed_width { margin: 0 6px; }
}
@media only screen and (max-width:360px) {
.service ul li { width: 100%; }
.inner-pages-plaster li { width: 100%; }
.inner-pages li { width: 100%; }
.service-content p.last-data { line-height: 45px; }
.pro { width: 100%; float: none; margin-right: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.pro ul li img { float: left; margin-right: 20px; width: auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
}
@media only screen and (min-width:1024px) {
#header .menu { display: block; }
}
@media only screen and (min-width:1025px) {
#sub ul { position: relative; }
#sub ul li { position: relative; }
#sub ul li ul { display: none; width: 216px; }
#sub ul li:hover ul { display: block; background: #026dae; left: -460px; list-style-type: none; position: absolute; top: -34px; }
.btn1 { background: none; margin: 0; width: auto; }
.btn2 { background: none; margin: 0; width: auto; }
.btn3 { background: none; margin: 0; width: auto; }
.btn4 { background: none; margin: 0; width: auto; }
.show-submenu #sub1 { display: block; left: 0px; top: -31px; }
.show-submenu #sub2 { display: block; left: 0px; top: -31px; }
.show-submenu #sub3 { display: block; left: 0px; top: -31px; }
.show-submenu #sub4 { display: block; left: 0px; top: -31px; }
#sub ul li:hover ul { display: block; background: #026dae; left: -216px; list-style-type: none; position: absolute; top: 0; }
#sub ul li { float: none; }
}
.brandlogo ul li:last-child { display: none; }