<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } .slicknav_menu {
font-size:16px;
} .slicknav_btn {
margin: 5px 5px 6px;
text-decoration:none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;  
background-color: #222222;
} .slicknav_menu  .slicknav_menutxt {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 3px #000;
} .slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5;
}
.slicknav_menu {
background:#222;
padding:5px;
}
.slicknav_nav {
color:#fff;
margin:0;
padding:0;
font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow:hidden;
}
.slicknav_nav ul {
padding:0;
margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
padding:5px 10px;
margin:2px 5px;
}
.slicknav_nav a{
padding:5px 10px;
margin:2px 5px;
text-decoration:none;
color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding:0;
margin:0;
}
.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ccc;
color:#fff;
}
.slicknav_nav a:hover{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#ccc;
color:#222;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;   
}
@import url("https://fonts.googleapis.com/css?family=Droid+Sans:400,700&amp;display=swap"); @media (max-width: 767px) {
.wpcf7 {
margin: 43px!important;
}
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form select
{
margin-bottom: 3px!important;
margin-top: 3px!important;
}
html {
width:100%;
height:100%;
}
body {
margin:0;
padding:0;
font-size: 14px;
line-height: 1.6em;
font-weight: 400;
color: #333;
font-family: 'Droid Sans', sans-serif;
}
.clear {
clear:both;
}
.container {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 0 0 0;
box-sizing: border-box;
} .sub-menu {display: none;position: absolute !important;top: 50px;}
.sub-menu li{width: 100% !important;}
.col-half{float: left;width:50%;}
.col-half .container ul{float: left;}
.col-half .container ul li{float: left;width: 33%;line-height: 25px;margin: 10px 0;}
ul li:hover &gt; ul{
display: block;
} .hmpg_side_img1{
margin:10px 45px 50px 10px; height: 250px;
}
.hmpg_side_img2{
display: inline-block !important;
width: 350px !important;
height: 350px;
margin: 10px 15px 50px 15px !important;
object-fit: cover;
}
.areas .hmpg_side_img2{
width: 260px !important;
} h1, h2, h3, h4, h5, h6 {
font-family: 'Droid Sans', sans-serif;
}
h1 {
font-size: 30px;
margin:0 0 15px 0;
color:#fb841b;
text-transform:uppercase;
font-weight:normal;
}
h2 {
font-size: 34px;
margin:0 0 18px 0;
}
h3 {
font-size: 28px;
margin:0 0 16px 0;
}
h4 {
font-size: 22px;
margin:0 0 14px 0;
}
p {
margin:0 0 15px 0;
line-height:22px;
} header.main {
width:100%;
position:relative;
background:#fff;
height:145px;
padding:20px 0 0 0;
margin:0 0 0 0;
}
.logo {
float:none;
margin:0 0 0 0;
}
.contacts {
float:right;
margin:30px 0 0 0;
}
.contacts .phone a {
padding:0 0 0 35px;
font-size:20px;
margin:0 50px 0 0;
text-decoration: none;
color:#224e7d;
}
.contacts .phone a:hover {
color:#f78018;
}
.contacts .email {
padding:0 0 0 40px;
font-size:20px;
margin:0 50px 0 0;
text-decoration: none;
color:#224e7d;
}
.contacts .email:hover {
color:#f78018;
}
.contacts .facebook {
position:relative;
padding:0 0 0 0;
font-size:20px;
margin:0 30px 0 0;
top:5px;
}
.contacts .fa-envelope, .fa-phone-square {
padding-right: 10px;
color: #224e7d; }
.slicknav_menu {
display:none;
}
nav#menu {
position:absolute;
bottom:-75px;
width:100%;
}
#menu ul {
list-style-type:none;
margin:0 0 0 -40px;
width:117%;
z-index:999;
position:relative;
}
#menu ul li {
display:inline-block;
margin:0 0 0 0;
width:14.19%;
position:relative;
border-right:1px solid #2465ac;
float:left;
}
#menu ul li a {
background:#224e7e;
font-size:14px;
text-transform:uppercase;
float:left;
width:100%;
text-align:center;
display:inline-block;
color:#fff;
text-decoration:none;
padding: 15px 0px 15px 1px;
transition:all .5s;
height:30px;
font-weight: 600;
}
#menu ul li a.current {
background:#fb841b;
}
#menu ul li a:hover {
color:#fb841b;
}
#menu ul li a.current:hover {
color:#fff;
} .alignright {
float:right;
margin:0 0 20px 20px;
}  .slideshow {
position: relative;
width: 100%;
max-width: 1200px;
height:548px;
margin: 0 auto;
padding: 0 0 0 0;
box-sizing: border-box;
}
.cycle-slideshow img {
position:relative;
max-width:1196px;
margin:0 0 30px 0;
z-index:800;
}
#prev {
width:48px;
height:76px;
position:absolute;
top:250px;
left:-24px;
background:url(//www.conceptbathrooms.com.au/wp-content/themes/concept/images/prev.png) no-repeat;
z-index:900;
}
#next {
width:48px;
height:76px;
position:absolute;
top:250px;
right:-24px;
background:url(//www.conceptbathrooms.com.au/wp-content/themes/concept/images/next.png) no-repeat;
z-index:901;
}
#alt-caption {
position:absolute;
top:400px;
left:0;
z-index:903;
font-size:30px;
padding:30px 40px;
color:#fff;
background:rgba(0,0,0,0.5);
} .content-area-home{
padding:40px 20px 0 20px;
}
@media (max-width: 767px) {
.content-area-home{
padding:0px 20px 0 20px;
}
}
.content-area-home p {
font-size:17px;
line-height:24px;
color:#666;
}
.content-area-home h3 {
font-size: 19px;
margin: 30px 0 5px 0;
color: #fb841b;
text-transform: uppercase;
font-weight: normal;
}
.content-area{
padding:60px 20px 0 20px;
}
.content-area p {
font-size:17px;
line-height:24px;
color:#666;
}
.content-area h2 {
font-size: 24px;
margin: 30px 0 15px 0;
color: #fb841b;
text-transform: uppercase;
font-weight: normal;
}
.content-area h3 {
font-size: 19px;
margin: 30px 0 5px 0;
color: #fb841b;
text-transform: uppercase;
font-weight: normal;
}
.logos{margin: 0px 0 20px 0}
.logos img {
left: 19%;
position: relative;
margin:0 0px 0 40px;
}
#inner-wrap {
width:100%;
padding:70px 0 0 0;
height: auto;
overflow-y:hidden;
background:#356191 url(//www.conceptbathrooms.com.au/wp-content/themes/concept/images/slider-bg.jpg) no-repeat top center;
}
.single-post #inner-wrap {
padding-bottom: 30px;
}
#inner-wrap h1{
color:#fff;
font-size:30px;
margin:0 0 0 20px;
font-weight:normal;
text-shadow:1px 1px 1px #111;
}
.single-post #inner-wrap h1 span {
display: block;
}
.single-post #inner-wrap h1 {
width: 70%;
line-height: normal;
}
#inner-wrap h1 span{
color:#fff;
font-size:18px;
font-style:italic;
margin:0 0 0 0;
font-weight:normal;
text-transform:none;
text-shadow:1px 1px 1px #111;
}
.content-area{
padding:60px 0px 60px 20px;
} .sidebar {
padding:40px 0 40px 0;
}
.sidebar iframe {
width:100%;
height:300px;
margin:30px 0;
} .tabs-menu {
height: 30px;
float: left;
list-style-type:none;
margin:-30px 0 50px -40px;
}
.tabs-menu li {
height: 30px;
line-height: 30px;
float: left;
margin-right: 10px;
margin-bottom:10px;
background-color: #ccc;
border: 1px solid #d4d4d1;
}
.tabs-menu li.current {
position: relative;
background-color: #fff;
z-index: 5;
}
.tabs-menu li a {
padding: 10px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
.tabs-menu .current a {
color: #2e7da3;
}
.tab {
float: left;
margin-bottom: 100px;
width: auto;
}
.tab-content {
width: 800px;
display: none;
}
#tab-1 {
display: block;
}
.img-r {
float:right;
margin:0 0 40px 40px;
}
.tab-content h2 {
color:#fb841b;
font-size:22px;
font-weight:normal;
margin:0 0 10px 0;
}
.blog-list {
width:800px;
float:left;
}
.blog-list h3, .blog-post h3 {
color:#fb841b;
font-size:22px;
font-weight:normal;
margin:0 0 10px 0;
}
.blog-list h3 span, .blog-post h3 span {
float:right;
font-size:13px;
text-transform:none;
color:#999;
}
.blog-post {
width:800px;
float:left;
}
.blog-post img.attachment-post-thumbnail{
float: right;
margin: 0 0 20px 20px;
}
.blog-entry  {
clear:both;
padding:0 0 30px 0;
margin:0 0 30px 0;
border-bottom:1px solid #eee;
overflow: hidden;
}
.blog-entry a {
display: block;
padding: 5px 10px;
text-decoration: none;
background: #224e7e;
color: #fff;
text-transform: uppercase;
margin-top: 10px;
overflow: hidden;
width: 80px;
text-align: center;
}
.blog-entry a:hover{
background: #fb841b;
}
.blog-entry img, .blog-post img{
float:left;
width:120px;
width: 150px;
height: auto;
margin:0 20px 20px 0;
}
.blog-side {
width:300px;
background:#eeeeee;
margin:-122px 10px 50px 40px;
float:right;
position:relative;
z-index:904;
padding:0 0 20px 0;
}
.blog-side h2{
color:#fff;
width:100%;
text-align:center;
margin:0 0 0 0;
padding:20px 0;
background:#fb841b;
font-size:30px;
text-transform:uppercase;
font-weight:normal;
}
.blog-side ul {
margin:30px 0 0 -20px;
margin:30px 0 0 0;
list-style-type:none;
padding: 0 20px 20px 20px;
}
.blog-side ul li {
clear:both;
margin:0 0 10px 0;
}
.blog-side ul li a {
display: block;
line-height: 19px;
text-decoration: none;
color: #224e7e;
}
.blog-side ul li a:hover {
color: #fb841b;
}
.blog-side ul li span {
float: right:
display: block;
}
.blog-side ul li img {
float:left;
margin:0 15px 15px 0;
display: none;
}
.addto {
margin:40px 0 20px 0;
}
.gallery img {
width:27%;
margin:0 3% 3% 0;
float:left;
padding:.5%;
background:#fff;
box-shadow:0 0 3px rgba(0,0,0,0.3);
}
.showroom {
width: 800px;
margin:30px 0 30px 0;
}
.showroom img {
width:27%;
margin:0 3% 3% 0;
float:left;
padding:.5%;
background:#fff;
box-shadow:0 0 3px rgba(0,0,0,0.3);
}
.testimonial {
float:left;
padding:20px 20px;
background:#f3f3f3;
margin:0 0 50px 0;
}
.testimonial img {
width:17%;
margin:0 2% 20px 0;
float:left;
padding:.5%;
background:#fff;
box-shadow:0 0 3px rgba(0,0,0,0.3);
}
h3.center {
width:100%;
text-align:center;
margin:0 0 20px 0;
}
.brand_card{
display: inline-table;
width:12%;
height: 300px;
margin: 6px;
padding:.5%;
}
.brand_card img{
width: 75%;
display: block;
margin-top: 20%;
margin-left: auto;
margin-right: auto;
}
.brand_card h2{
color: #fb841b;
font-size: 16px;
font-weight: normal;
margin: 40px 0 10px 0;
}
.brand_card p{
font-size: 13px;
font-family: 'Droid Sans', sans-serif;
} #footer {
background:#333;
padding:10px 0 10px 0;
clear:both;
}
#footer  p{
color:#777;
font-size:12px;
text-align:center;
margin:0 0 0 0;
padding:0 0 0 0;
}
#footer  p a{
color:#777;
text-decoration:none;
} .quick-enquiry{
position: sticky!important;
top: 35px;    
width:250px;
margin: -125px -15px 50px 0;}
.images
{float: none;margin: 0 auto;   text-align: center;}
@media screen and (max-width: 1100px)
{
.quick-enquiry{
width:330px;
}
}
@media screen and (max-width:712px){
.quick-enquiry, .quick-enquiry2{    position:relative;
width:100%;margin: 0;
margin-bottom:10px;
top:0;
display:none!important;
}
}
.quick-enquiry {
background:#eeeeee;
float:right;
z-index:904;
}
.quick-enquiry h2{
color:#fff;
width:100%;
text-align:center;
margin:0 0 0 0;
padding:20px 0;
background:#fb841b;
font-size:30px;
text-transform:uppercase;
font-weight:normal;
}
.quick-enquiry form {
width:90%;
padding:5%;
margin:0 auto;
}
.quick-enquiry  input[type="text"], .quick-enquiry input[type="email"], .quick-enquiry textarea {
border: 1px solid #ccc;
color: #888;
height: 30px;
margin:0 0 10px 0;
outline: 0 none;
padding: 3px 0px 3px 8px;
width: 98%;
font-size: 14px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.quick-enquiry textarea {
height:100px;
}
.quick-enquiry input[type="submit"]{
color:#fff;
width:100%;
text-align:center;
margin:0 0 0 0;
padding:4px 0;
background:#224e7e;
font-size:30px;
text-transform:uppercase;
font-weight:normal;
border:none;
}
.quick-enquiry2 {
width:300px;
background:#eeeeee;
margin:-122px 10px 50px 40px;
float:right;
position:relative;
z-index:904;
}
.quick-enquiry2 h2{
color:#fff;
width:100%;
text-align:center;
margin:0 0 0 0;
padding:20px 0;
background:#fb841b;
font-size:30px;
text-transform:uppercase;
font-weight:normal;
}
.quick-enquiry2 form {
width:90%;
padding:5%;
margin:0 auto;
}
.quick-enquiry2  input[type="text"], .quick-enquiry2 input[type="email"], .quick-enquiry2 textarea {
border: 1px solid #ccc;
color: #888;
height: 30px;
margin:0 0 10px 0;
outline: 0 none;
padding: 3px 0px 3px 8px;
width: 98%;
font-size: 14px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.quick-enquiry2 textarea {
height:100px;
}
.quick-enquiry2 input[type="submit"]{
color:#fff;
width:100%;
text-align:center;
margin:0 0 0 0;
padding:4px 0;
background:#224e7e;
font-size:30px;
text-transform:uppercase;
font-weight:normal;
border:none;
}
.details {
width:47%;
float:right;
}
.details h3 {
color:#fb841b;
font-size:22px;
font-weight:normal;
margin:0 0 10px 0;
}
.map {
width:100%;
height:300px;
}
.contact-form {
width:47%;
float:left;
}
.screen-reader-response {
display:none;
}
.wpcf7-not-valid-tip, .wpcf7-response-output {
color:red;
}
.wpcf7-mail-sent-ok {
color:green !important;
}
.wpcf7-form {
width:100%;
color: #888;
text-shadow: 1px 1px 1px #FFF;
margin:0 0 30px 0;
}
.wpcf7-form label {
display: block;
margin: 0px;
float: left;
clear:both;
}
span.req {
color:red;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 100%;
font-size: 14px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.wpcf7-form textarea{
padding: 5px 3px 3px 5px;
}
.wpcf7-form select {
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.wpcf7-form textarea{
height:100px;
}
.basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A
}
.blog-side ul li span {
display: none;
} @media only screen and (max-width: 1200px) {
#menu ul li {
display:inline-block;
margin:0 0 0 0;
width:14%;
position:relative;
border-right:1px solid #2465ac;
float:left;
}
#menu ul li a {
background:#224e7e;
font-size:14px;
text-transform:uppercase;
float:left;
width:100%;
text-align:center;
display:inline-block;
color:#fff;
text-decoration:none;
padding:15px 0;
transition:all .5s;
}
.hmpg_side_img2{
display:block !important;
margin: 35px auto !important;
width:80% !important;
}
}
@media only screen and (max-width: 1100px) {
.quick-enquiry2, .quick-enquiry {
display:block;
margin:5px auto;
width: 100%;
}
.quick-enquiry{width:330px}
.slider1 {
max-width:100%;
height:400px;
overflow:hidden;
background:#356191 url(//www.conceptbathrooms.com.au/wp-content/themes/concept/images/slider-bg.jpg) no-repeat top center;
} .slideshow {
position: relative;
max-width: 100%;
height:400px;
margin: 0 auto;
padding: 0 0 0 0;
box-sizing: border-box;
}
#prev {
width:48px;
height:76px;
position:absolute;
top:150px;
left:24px;
background:url(//www.conceptbathrooms.com.au/wp-content/themes/concept/images/prev.png) no-repeat;
z-index:900;
}
#next {
width:48px;
height:76px;
position:absolute;
top:150px;
right:24px;
background:url(//www.conceptbathrooms.com.au/wp-content/themes/concept/images/next.png) no-repeat;
z-index:901;
}
#alt-caption {
display:none;
}
.tab-content {
width: 100%;
display: none;
}
.showroom {
width: 100%;
margin:30px 0 30px 0;
}
.blog-list, .blog-post {
width:600px;
float:left;
}
.logos {text-align:center;}
.logos img {
margin:0 20px -35px 0;
position: static;
}
.hmpg_side_img2{
display:block !important;
margin: 35px auto !important;
width:80% !important;
height: auto !important;
}
}
@media only screen and (max-width: 1000px) {
.sub-menu{position: relative !important;top: 0;}
header.main {
margin:50px 0 0 0;
}
#menu {
display:none;
}
.slicknav_menu {
display:block;
position:fixed;
top:0;
width:100%;
z-index:999;
}
#inner-wrap {
width:100%;
padding:30px 0 30px 0;
height: auto;
overflow-y:hidden;
background:#356191 url(//www.conceptbathrooms.com.au/wp-content/themes/concept/images/slider-bg.jpg) no-repeat top center;
}
#inner-wrap h1{
color:#fff;
font-size:26px;
margin:0 0 0 20px;
font-weight:normal;
text-shadow:1px 1px 1px #111;
}
.logo {
float:left;
margin:0 0 0 20px;
}
.contacts {
float:right;
margin:20px 20px 0 0;
}
.contacts .phone {
padding:0 0 0 35px;
font-size:20px;
margin:15px 0 0 5px;
float:left;
clear:both;
}
.contacts .email {
padding:0 0 0 40px;
font-size:20px;
margin:0 0 0 0;
float:left;
clear:both;
}
.contacts .facebook {
position:relative;
padding:0 0 0 0;
font-size:20px;
margin:0 0 0 20px;
float:left;
top:10px;
}
.contacts .fa-envelope, .fa-phone-square { padding-right: 10px; color: #224e7d; }
.blog-list, .blog-post {
width:96%;
}
.blog-side {
display:none;
}
h1 {
font-size: 24px;
margin:0 0 15px 0;
color:#fb841b;
text-transform:uppercase;
font-weight:normal;
line-height:30px;
}
.content-area-home {
text-align:left;
}
.hmpg_side_img2{
display:block !important;
margin: 35px auto  !important;
width:80%  !important;
border: 0px !important;
margin: 10px auto !important;
}
.quick-enquiry{width: 100%;
position: relative !important;
margin: 0 !important;}
}
@media only screen and (max-width: 855px) {
.col-half{width:100%;}
.col-half .container ul li{    margin: 5px 0;}
}
@media only screen and (min-width: 700px) {
#displaynone{
display:none;
width: 100%;
}
}
@media only screen and (max-width: 700px) {
header.main {
height:175px;
}
.slider1{
display:none;
}
#displaynone2{
display:none;
width: 100%;
}
.sidebar-posts{
margin-top:80px;
}
.hmpg_side_img1{
margin:20px auto; height: 190px;
position:relative;
left: -10px;
}
#inner-wrap h1{
text-align:center;
}
.single-post #inner-wrap h1{
width: auto;
}
.logo {
width:300px;
position:relative;
left:50%;
float:none;
margin:0 0 0 -150px;
}
.contacts {
float:none;
margin:30px 20px 0 0;
text-align:center;
}
.contacts .phone {
padding-right: 0%;
font-size:16px;
margin:10px 10px;
float:none;
clear:both;
line-height: 0;
font-size: 0;
color: transparent;
}
.contacts .email {
padding-right: 0%;
font-size:16px;
margin:10px 10px;
float:none;
clear:both;
line-height: 0;
font-size: 0;
color: transparent;
}
.contacts .phone a {font-size: 0px}
.contacts .fa-envelope, .fa-phone-square {
font-size:35px ! important;
color: #224e7d; }
.contacts .facebook {
position: relative;
top: 3px;
right: -10%;
}
img#home_pg_contact_imgs{display: inline-block !important;}
#footer  p{
color:#777;
font-size:12px;
text-align:center;
margin:0 0 0 0;
padding:0 30px;
}
.tab-content {
width:96%;
padding:30px 0 0 0;
}
.details {
width:96%;
float:none;
margin:0 0 30px 0;
}
.contact-form {
width:96%;
float:none;
}
}
.facebook {
display: inline-block;
zoom: 1;
background: url(https://www.conceptbathrooms.com.au/wp-content/uploads/2015/07/facebook.png) center center no-repeat;
padding: 2px 3px;
text-indent: -9999px;
width: 70px;
height: 20px;
line-height: 20px;
}
#collapsarch-3 {
width: 260px;
background: #eeeeee;
margin: -122px 10px 50px 40px;
float: right;
position: relative;
z-index: 904;
padding: 20px;
}
#widget-collapsarch-3-top{
list-style: none;
padding-left: 0;
}
#widget-collapsarch-3-top ul {
padding-left: 20px;
}
#widget-collapsarch-3-top ul li a{
display: block;
line-height: 19px;
text-decoration: none;
color: #224e7e;
}
#widget-collapsarch-3-top ul li a:hover{
color: #fb841b;
}
#widget-collapsarch-3-top .sym{
margin-right: 10px
}
.collapsing.archives.item {
padding: 10px 0;
}
#inner-wrap .container &gt; h1{
margin-bottom: 49px;
}
#collapsarch-4 .collapsing {
position: relative;
height: auto;
overflow: visible;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
#collapsarch-4 .collapse{ display: block; }
#collapsarch-4 h4{
color: #333;
font-size: 40px;
font-weight: normal;
margin-bottom: 20px;
}
#collapsarch-4{ padding: 0;}
#widget-collapsarch-4-top{
padding-left: 0;
margin-left: 0;
list-style: none;
padding: 0 20px;
}
#widget-collapsarch-4-top ul{
padding-left: 22px;
}
.sym {
margin-right: 7px;
float: left;
}
.collapsing.archives.item{
margin: 5px 0;
}
.collapsing.archives.item a{
text-decoration: none;
}.collapsing.archives.item a:hover{
text-decoration: none;
}
.secondary {
float: right;
background: #eeeeee;
padding: 0;
width: 25%;
}
.secondary-posts{
float:right !important;
width: 100% !important; }
.sidebar-posts {
width: 25%; position: relative;
float:right;
left: -11px;
}
.quick-enquiry-post {
margin:-122px 0px 0px 40px !important;
width:100% !important;
}
.secondary h4,
#collapsarch-4 h4{
color: #fff;
width: 100%;
text-align: center;
margin: 0 0 0 0;
padding: 20px 0;
background: #fb841b;
font-size: 30px;
text-transform: uppercase;
font-weight: normal;
}
#recent-posts-plus-2{}
#recent-posts-plus-2 ul {
padding: 0 20px;
list-style: none;
}
#recent-posts-plus-2 ul li{     margin-bottom: 10px; }
#recent-posts-plus-2 ul li a{
line-height: 19px;
text-decoration: none;
color: #224e7e;
}
#recent-posts-plus-2 ul li a:hover{ color: #fb841b; }
@media only screen and (max-width: 1000px) {
.secondary {
float: left;
width: 80%;
overflow: hidden;
}
.secondary-posts{
float:left;
width:80%; }
.sidebar-posts{
width:100%;
} }
@media only screen and (max-width: 568px) {
.col-half .container ul li{ width:50%;   margin: 5px 0;}
}
.home.page .four.columns{ display: none; } .hmpg_side_img{margin:10px 45px 50px 10px; height: 250px;}
.hmpg_side_img2{
display:block;
margin: 35px auto;
width:80%;
} .hmpg_card {
width: 330px;
height: 508px;
max-width: 330px;
background: white;
overflow: hidden;
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
display: inline-block;
margin: 0 4% 4% 0;
}
.hmpg_card h3{
padding: 17px;
color: white;
background: #224e7e;
font-weight: 300;
text-align: center;
margin: 0px !important;
}
.img-wrapper {
padding: 0;
position: relative;
}
.img-wrapper img {
padding: 5% 0 5% 30%;
-o-object-fit: cover;
object-fit: cover;
margin: 0;
display: block;
position: relative;
}
.detail {
padding: 0 20px 0 20px;
font-size: 14px !important;
line-height: 20px !important;
}
.tile_wu_ul {list-style-type: none;
padding: 0;
margin: 20px 0 40px 0;
font-size: 17px;
line-height: 24px;
color: #666;
float:left;
}
.tile_wu_ul li{
background-image: url(https://www.conceptbathrooms.com.au/wp-content/uploads/2017/06/Star_gold.png);
background-position: 0 2px !important;
background-repeat: no-repeat;
padding: 0 0 20px 24px;
}
.tile_op_ul {list-style-type: none;
padding: 0;
margin: 0;
font-size: 17px;
line-height: 24px;
color: #666;
}
.tile_op_ul li{
background-image: url(https://www.conceptbathrooms.com.au/wp-content/uploads/2017/06/tile_option.png);
background-position: 0 22px !important;
background-repeat: no-repeat;
padding: 20px 25px 10px 20px;
display:inline-block;
}</pre></body></html>