body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color:  #7b7b7b;
    font-weight: 400;
    line-height: 18px;
    background-color:  #fafaf1;
}
a {
    text-decoration: none !important;
    -webkit-transition: all ease .3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: initial;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
    background-clip: padding-box;
    color: rgba(4, 183, 252, 0.6);
}
.text-separator {
    display: inline-block;
    border-radius: 50%;
    background-color: #34b8c0;
    width: 4px;
    height: 4px;
    margin: 4px 10px;
}
img {
    width: 100%;
}
h2 {
    font-size: 2.15em;
}
input:focus {
    outline: none;
    box-shadow: none;
}
ul {
    list-style: none;
    padding: 0;
}
.overflow {
    overflow: hidden;
}
.primary-mobile-nav,.navbar-toggle  {
    display: none;
}
.about-page-content img, .page-service-content img, .post-page-inner img {
      height: auto;
}
.postid-147 .entry img {
      max-width: 300px;
      display: block;
    margin: auto;
}
.testimonials-block {
      font-size: 9px;
}
header .menu ul>li {
    line-height: 21px;
    float: left;
}
header .menu ul>li>a {
    padding: 0;
}
header .menu ul {
    float: right;
    position: relative;
    min-height: 22px;
    margin: 0;
}
.header-left {
  width:25%;
  float:left;
}
.header-left img {
  width:100%;
  max-width:212px;
}
.header-right {
  width:75%;
  float:right;
}
 
.call_title , footer .bot_link, .h_btn, .h_btn:hover, .middle_lane, .title_main, .description_main {
    color: #ffffff;
}
.testimonials, .description {
    text-align: justify;
}
.social_block, .rotate_section {
    overflow: hidden;
}
header .menu ul>li>a {
    margin-left: 20px;
		color: #fff;
		font-size: 16px;
}
header .menu ul>li>a:hover {
    color:  #fce011;
    border-bottom: 1px solid #fce011;
}
.uc {
    text-transform: uppercase;
}
.bold {
    font-weight: 700;
}
.h_btn {
    border-radius: 3px;
    background: #fdc314;
    border: none;
    padding: 10px 28px;
}
.h_btn:hover {
    background-color:  #ebb40f;
}

.single-services  .h_btn {
    border-radius: 3px;
       background-color: #1cb569;
    border: none;
    padding: 10px 28px;
}
.single-services  .h_btn:hover {
       background-color: #92C90E;
}

header {
    padding: 10px 0px;
    background:url(../images/header-bg.png) top center no-repeat;
    background-size:1920px;
  z-index:99999;
}
.logo img {
  max-width:212px;
  width:100%;
}
header .phone {
  margin: 0px;
  color: #fff;
  text-transform: none;
  font-size: 25px; 
  line-height:30px;
  font-weight:600;
}
header .phone span.colored {
  color: #fce011;
  text-decoration:underline;
  text-transform:uppercase;
}
header .phone a {
  color: #fce011;
}
.menu-menu-1-container {
      overflow: hidden;
}
header .menu {
      padding-top: 15px;
}
header .menu .menu {
      padding-top: 0px;
}
.home header {
position:absolute;
  width:100%;
  
}
#home_banner {
	  padding: 110px 0px 35px;
    background:url(../images/home-banner.jpg) top center no-repeat;
    background-size:cover;
}
.banner-row-1 {
   /*background-color:rgba(87,43,122,.7);*/
   margin-bottom:25px;
   max-width:840px;
   margin-left:auto;
   margin-right:auto;
}
.banner-row-2 {
   padding-top:400px;
}
.banner-btns {
    max-width:600px;
    margin:auto;
    text-align:center;
}
.content-left {
	padding:30px;
}
.content-left .h2 {
  color: #000;
  font-size: 30px;
  line-height: 35px;
  margin:0px;
  margin-bottom:25px;
  font-weight:800;
  text-align:center;
}
.content-left h1 {
  color: #000;
  font-size: 30px;
  line-height: 35px;
  margin:0px;
  margin-bottom:25px;
  font-weight:800;
  text-align:center;
}
.content-left .h2 a{
  color: #fce011;
}
.content-left ul {
  list-style:none;
  list-style-image:none;
  list-style-type:none;
  margin:0px;
  margin-bottom:20px;
  max-width: 653px;
margin-left: auto;
margin-right: auto;
}
.content-left ul li {
  list-style:none;
  list-style-image:none;
  list-style-type:none;
  margin:0px;
  padding-bottom: 5px;
color: #000;
font-size: 20px;
line-height: 25px;
}
.form-header {
  color: #572b7a;
  font-size: 28px;
  line-height: 32px;
  min-height:85px;
  margin:0px;
  margin-bottom:25px;
  font-weight:800;
  text-align:center;
  background:url(../images/form-header.png) top center no-repeat;
  background-size:600px;
  padding-top: 20px;
}
#home_banner .wpcf7-form {
   padding:0px 50px 30px;
}
#home_banner .wpcf7-form textarea {
   height: 100px;
}
#home_banner .wpcf7-form select {
width: 100%;
border: 0px;
border-radius: 3px;
padding: 10px;
}
#home_banner .wpcf7-form .form-control {
    min-height: 40px;
}
#home_banner .wpcf7-form .form-group {
    margin-bottom: 25px;
}
#home_banner .wpcf7-form .h_btn {
    border-radius: 3px;
    background: #fce011;
    color:#572b7a;
    border: none;
    padding: 10px 28px;
    font-size:18px;
    font-weight: 600;
    min-width: 225px;
}
.banner-btns a {
    border-radius: 3px;
    background: #fce011;
    color: #572b7a;
    border: none;
    padding: 11px;
    font-size: 18px;
    font-weight: 600;
    max-width: 270px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:10px;
    margin-left: auto;
margin-right: auto;
}
.testimonial-block {
  background-color:rgba(255, 255, 255, .8);
  border-radius:15px;
  margin-bottom:25px;
}
.testimonial-block-inner {
   padding:30px;
   min-height: 220px;
}
.testimonial-block-inner p{
   color:#333333;
   font-size:15px;
  line-height:19px;
  text-align:left;
}
.testimonial-block-inner .testimonial-name {
   color:#333333;
   font-size:15px;
   font-weight:bold;
   text-align:right;
}
.title_main {
    font-size: 3.5em;
    margin-bottom: 20px;
}
.description_main {
    font-size: 2.2em;
}
.slick-next:before {
    content: '\E801';
    font-family: "fontello";
    font-size: 30px;
}
.slick-prev:before {
    content: '\E836';
    font-family: "fontello";
    font-size: 30px;
}
.slick-prev, .slick-next {
    border-radius: 50%;
    background-color: rgba(119, 81, 131, 0.55);
    width: 52px;
    height: 52px;
    z-index: 1;
}
.slick-prev:hover, .slick-next:hover {
    background-color: rgba(119, 81, 131, 0.9);
}
.slick-prev {
    left: 21px;
}
.slick-next {
    right: 21px;
}

.slider-title {
    color: #fde014;
    font-size: 4.2em;
    font-weight: 700;
    margin: 0;
    padding: 0 0 15px;
}
.slider-desc {
    color: #ffffff;
    font-size: 2.1em;
    margin: 0;
}
.slick-slide {
    position: relative;
}
#slider_section .text-block {
    background-color: transparent;
    position: absolute;
    padding: 2em;
    top: 80%;
    left: 50%;
    margin-left: -380px;
    width: 760px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.slick-slider {
    margin-bottom: 0;
}
iframe {
    width: 100%;
    height: 315px;
    border: none;
}
.title {
    color: #1f1d1d;
    font-weight: 700;
}
.title span {
    color:  #652361;
}
.description {
    margin-bottom: 40px;
}
#home_content h2.title {
    color: #fff;
    margin: 45px 0 42px;
}
#home_content p {
    color: #ccc;
}
#home_content .container {
    /*background-image: url("../images/border.png");
    background-size: cover;*/
    /* background-position: -14em; */
    background-repeat: no-repeat;
    width: 1215px;
    position: relative;
    overflow: hidden;
}
#home_content .container .text-block,
#home_content .container .contact-us-bottom a{
    position: relative;
    z-index: 10;
}
#home_content .container:after{
    background-image: url("../images/border.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    width: calc(100% - 30px);
    height: 100%;        
    display: block;
    top: 0;
    left: 15px;
}
#home_content div.row.wrapper {
    background-color: #221e1b;
    margin: 73px 44px 0;
}
#home_content div.row.wrapper img {
    max-width: 305px;
    float: left;
    margin-left: -15px;
}
#home_content div.row.wrapper .col-sm-6:nth-child(2) {
    padding-top: 23px;
}
#home_content .col-sm-12 {
    background: #fafaf1;
    padding: 0 0 11px;
}
#home_content .col-sm-12 h2 {
    padding: 30px 0;
    margin: 0;
    background: -webkit-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -moz-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -o-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -ms-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: linear-gradient(-90deg, #772f73 0%, #52184e 99%);
}
#home_content .col-sm-8 .text-block {
    padding: 3em 6em 0 2em;
}
footer {
    padding: 21px 0 40px;
}
h5.title_footer, .call_block>h5, footer .bot_link {
    color: #000;
}
.call_footer a {
    color:  #63225f;
}
footer ul li a, footer p.testimonials {
    color:  #7b7b7b;
}
footer ul {
    line-height: 33px;
}
.f_col {
    float: left;
    width: 50%;
}
footer .col-sm-7 .f_col:nth-child(1) {
    width: 60%;
}
footer .col-sm-7 .f_col:nth-child(2) {
    width: 40%;
}
.socials_item {
    float: left;
    margin-right: 10px;
}
.socials_item a {
    color: #c1c1c1;
    padding: 10px 7px;
    display: block;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    font-size: 1.3em;
}
.socials_item a.icon-twitter:hover {
    color: #55acee;
    border-color: #55acee;
}
.socials_item a.icon-facebook:hover {
    color: #52699a;
    border-color: #52699a;
}
.socials_item a.icon-gplus:hover, .socials_item a.icon-pinterest:hover {
    color: #df4a32;
    border-color: #df4a32;
}
.call_footer {
    margin-top: 0;
      display: none;
}
.call_block {
    padding-left: 20px;
    float: right;
}
.social_block {
    margin-top: 20px;
}
.bot_link {
    margin-top: 10px;
}
.rotate_section {
    max-width: 1270px;
    margin: auto;
    padding: 20px 0;
}
.rotate_col {
    float: left;
    width: 20%;
    padding: 0 15px;
}
.rotate_col a {
    display: block;
    background-color:  #ffffff;
    box-shadow: 1px 3px 5px 0px rgba(2, 2, 2, 0.28);
    color:  #1f1e1e;
}
.rotate_title {
    text-align: center;
    padding: 13px 0 20px;
}
.rotate_section .img_block {
    border: 7px solid #fff;
}
.rotate_section .img_block img {
    height: 181px;
}
/*
rotate style
*/
.rotate_section .rotate_col:nth-child(1) a{
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.rotate_section .rotate_col:nth-child(2) a{
    -moz-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    transform: rotate(7deg);
}
.rotate_section .rotate_col:nth-child(3) a{
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    transform: rotate(4deg);
}
.rotate_section .rotate_col:nth-child(4) a{
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.rotate_section .rotate_col:nth-child(5) a{
    -moz-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    transform: rotate(7deg);
}
.rotate_section .rotate_col a:hover{
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color:  #1f1e1e;
}

.nav-menu {
    padding: 0;
    list-style: none;
    font-size: 14px;
    position: relative;
    z-index: 10;
    text-align: center;
    border-radius: 10px;
    margin-top: 15px;
}
header .menu ul.nav-menu {
    float: none;
}
header .menu ul.nav-menu>li {
    line-height: 30px;
    float: none;
}
button.navbar-toggle {
    float: none;
    margin: auto;
    font-size: 37px;
    color: #652361;
}
.service-title {
    color: #1f1d1d;
    font-weight: 700;
    min-height: 38px;
}
.service-desc {
    text-align: justify;
    padding-top: 1em;
}
.service-desc>img {
    margin-top: 1em;
}
#services .title {
    margin-bottom: 2em;
}
#services .col-sm-3 a:hover h4 {
    color: #652361;
}
#services .col-sm-3 a p,#services .col-sm-3 a:hover p  {
    color: #7b7b7b;
}
#services .col-sm-3 a:hover .img-post span.skin {
    opacity: 1;
}
#services .col-sm-3 a p {
    /*min-height: 100px;*/
}
#services .img-post {
    position: relative;
    margin-bottom: 30px;
}
#services .img-post span.skin {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(99, 34, 95, 0.6);
    z-index: 1222222222;
    position: absolute;
    opacity: 0;
}
#services .container {
    background: #fff;
    padding-top: 2em;
    padding-bottom: 3.5em;
}
#services .btn-block {
    margin-top: 4em;
}
#services .h_btn {
    padding: 10px 45px;
}
#services .img-post img {
    height: 140px;
}
#video-section .container {
    background-color: #f1f3f4;
    padding-top: 0;
    padding-bottom: 0;

}
#video-section .video-section-inner {
    background-color: #f7f8f8;
    overflow: hidden;
    margin: 1em 15px;
    padding-left: 4em;
    padding-top: 2em;
    padding-bottom: 2em;
}
.video-section-inner .description_block {
    padding-top: 6.5em;
}
.video-section-inner .description_block .description {
    margin-top: 3em;
}

#why-us .container{
    padding-top: 3em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
}
#why-us .col-sm-12 {
    margin-bottom: 6em;
}
#why-us .col-sm-4 {
    min-height: 100px;
}
#why-us .img-block {
    float: left;
    width: 20%;
    text-align: center;
}
#why-us .description_block {
    float: left;
    width: 80%;
    padding: 0 25px;
    line-height: 22px;
}
#why-us .img-block img {
    width: initial;
}

#brands .container {
    background: #fff;
    padding-top: 3em;
    padding-bottom: 1.2em;
}
#brands .brand-block-1 {
    max-width: 165px;
    margin: auto;
}
#brands .brand-block-2 {
    margin-top: 7px;
}
#brands .brand-block-3 {
    max-width: 135px;
    margin: auto;
}
#brands .brand-block-4 {
    max-width: 225px;
    margin: auto;
    margin-top: 12px;
}
footer ul li a:hover, footer .bot_link:hover {
    color:  rgba(101, 35, 97, 1);
}
.contact-us-bottom {
    background: -webkit-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -moz-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -o-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -ms-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: linear-gradient(-90deg, #772f73 0%, #52184e 99%);
}
.contact-us-bottom h2.title {
    margin: 0 !important;
    padding: 1em 0;
}
.contact-us-bottom h2.title a {
    color: #ffffff;
}
.page-template-page-services #services .container {
    padding-bottom: 0;
    padding-top: 5.5em;
}

#page-title.title-our-services .container{
    background-image: url("../images/services.png");
    background-size: cover;
}
#page-title {
    color: #ffffff;
}
#page-title h1{
    text-shadow: 0px 0px 5px #000;
}
#page-title p{
    text-shadow: 0px 0px 2px #000;
}
#page-title .page-title:after {
    content: '';
    display: block;
    margin-top: 7px;
    height: 3px;
    width: 76px;
    background-color: #ffffff;
}
.title-service .container img {
	background-image: url("../images/123.png");
	background-size: cover;
}
.title-our-services .container, .title-blog .container, .title-contact .container, .title-service .container, .title-service .container img {
     height: 280px;
 }
.title-our-services h1, .title-blog h1, .title-contact h1, .title-service h1 {
    padding-top: 170px;
    padding-left: 40px;
}
.title-service h1 {
    position: absolute;
    bottom: 0;
    padding-bottom: 25px;
}
.title-contact p {
    padding-left: 40px;
}
.page-template-page-services .service-block {
    margin-bottom: 4em;
    display: block;
}
.img-block-arrow {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 36px;
    background: #fafaf1;
}
.img-block-arrow>div {
     width: 100px;
     margin: auto;
 }
.img-block-arrow>div img {
    width: 100px;
    position: absolute;
    top: -17px;
}
#page-title.title-blog .container{
     background-image: url("../images/blog.png");
     background-size: cover;
 }

#page-title.title-contact .container{
    background-image: url("http://www.hats4houses.com.au/wp-content/uploads/2016/11/contact_banner.jpg");
    background-size: cover;
}
#page-title.title-about .container {
    background-image: url("../images/about.png");
    background-size: cover;
    background-position: center;
}
#page-title.title-about .container  h1 {
    padding-top: 295px;
    padding-left: 40px;
}
/*Blog*/
.blog-content .img-post {
    height: 214px;
}
.blog-content .img-post img {
    height: 100%;
}
#blog-page .container{
    padding-top: 4em;
    background-color: #ffffff;
}
.blog-content {
    overflow: hidden;
    padding-bottom: 2em;
}
.blog-content a {
    display: block;
    background-color: #fafaf1;
    border: 1px solid #f2f2f2;
    margin-bottom: 2em;
}
.time-post {
    color:  #7b7b7b;
    font-size: 12px;
}
.time-post:after {
    content: '';
    display: block;
    background-color:  #63225f;
    width: 52px;
    height: 3px;
    margin-top: 5px;
}
.post-title-block {
    padding: 1em;
    min-height: 112px;
}
.sidebar .categories {
    list-style: none;
}
.sidebar {
    color: #1f1e1d;
    padding-left: 2em;
}
.sidebar a {
    color: #7b7b7b;
    line-height: 2em;
    border-bottom: 1px solid transparent;
}
.sidebar a:hover {
    color: #000000;
    border-bottom: 1px solid #000;
}

.single-post .page-title-inner .post-title-block{
    position: absolute;
    bottom: 0;
    color: #fff;
    padding-left: 50px;
}
.single-post .page-title-inner .time-post {
    color: #ffffff;
    font-size: 1em;
}
.single-post .page-title-inner .time-post:after {
    display: none;
}
.single-post #page-title .col-sm-12 .page-title-inner {
    background-image: url("../images/Cooldek%20Outback%202.png");
    background-size: cover;
}
.single-post #page-title .col-sm-12 .page-title-inner>img, .single-post #page-title .col-sm-12 .page-title-inner, #page-title.title-about .container {
    height: 427px;
}

.entry {
    text-align: justify;
    padding-left: 3em;
}
.entry strong {
    color: #000000;
}
blockquote {
    border-left: 5px solid #63225f;
    background-color: #fafaf1;
}
.featured-posts {
    width: 280px;
    margin: auto;
}
.featured-posts .blog-content .img-post {
    height: 160px;
}
.featured-posts .post-title-block {
    padding: 0 1em;
}
.featured-posts .blog-content {
    overflow: hidden;
    padding-bottom: 2em;
    width: 100%;
}
.featured-posts .featured-posts-title {
    color: #000000;
    margin: 15px 0 30px;
}
.post-page-inner {
    background-color: #fff;
    padding-top: 3em;
}
.single-post .contact-us-bottom {
    background: none;
}
.single-post .contact-us-bottom h2.title {
    background: -webkit-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -moz-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -o-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -ms-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: linear-gradient(-90deg, #772f73 0%, #52184e 99%);
}
#contact_form_section .form-group input, #contact_form_section .form-group textarea {
    border-radius: 0;
}

#page-contact .container {
    background-color: #fff;
    padding-top: 3.5em;
}
#contact_form_section {
    padding-left: 3em;
}
#contact_form_section >form {
    padding-top: 2em;
}
#contact_form_section .h_btn {
    padding: 10px 35px;
    border-radius: 2px;
}
#page-contact .contact-info {
    background-color: #fafaf1;
    border: 1px solid #f2f2f2;
    padding: 0.6em 2em;
}
#page-contact .sidebar-contact-page {
    margin-left: 4em;
}
#page-contact .sidebar-contact-page>h2.title {
    margin-bottom: 0.6em;

}
.c-info-block {
    margin-bottom: 1.35em;
}
.c-info-block h5 {
    margin-bottom: 5px;
    color: #000;
}
.map-section {
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 3em;
}
.c-info-block a {
    color: #7b7b7b;
}
.page-template-page-about #brands .container {
    border-bottom: 1px solid #e1e1e1;
}
#about-page .container {
    background-color: #ffffff;
    padding-top: 2em;
}
.slider-btn li {
    display: inline-block;
    border-radius: 50%;
    background-color: rgba(123, 123, 123, 0.34);
    width: 32px;
    height: 32px;
    line-height: 33px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}
.slider-btn li:hover {
    background-color: rgba(123, 123, 123, 0.8);
}
.why-people-choose-us .img-block-left img {
    margin-left: -15px;
}
.choose-ic-col {
    float: left;
    width: 33.3333%;
    text-align: center;
}
.choose-ic-col .img-block>span {
    color: #652361;
    font-size: 4em;
    border-radius: 50%;
    background-color: #ffffff;
    width: 82px;
    height: 82px;
    display: block;
    line-height: 82px;
    margin: auto;
}
span.icon-gold-ingots {
    color: #652361;
    font-size: 4em;
    border-radius: 50%;
    background-color: #ffffff;
    width: 82px;
    height: 82px;
    display: block;
    line-height: 70px;
    margin: auto;
}
.choose-ic-col p {
    color: #1f1e1e;
    font-weight: 800;
    margin-top: 15px;
}
.who-we-are {
    padding: 0 15px;
      overflow: hidden;
}
.who-we-are h1 {
    margin-bottom: 1em;
}
.about-page-content .testimonials {
    padding-bottom: 4em;
    padding-top: 6em;
}
.testimonials .col-sm-4>.img-block img {
    
}
.who-we-are .col-sm-4 {
    min-height: 352px;
}
.testimonials-slider {
    color: #333333;
    font-size: 1.4em;
    margin: 2em 0;
}
.testimonials-slider .slider-btn {
    margin-top: 2em;
}
#why-people-choose-us .container{
    background-color:  #f1f3f4;
}
.choose-us-info {
    padding: 5em 2em 2em;
}
.choose-us-info h1.title {
    margin-bottom: 0.8em;
}
.img-block-left {
    padding: 0;
}

.page-service-inner, .video-services-inner {
    background-color: #ffffff;
}
#video-section.video-services .container {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}
#video-section.video-services .video-section-inner {
    background-color: transparent;
    padding-right: 2em;
    margin-top: 2em;
    padding-top: 5em;
    padding-bottom: 3em;
    border-top: 1px solid #e1e1e1;
}
#video-section.video-services .video-section-inner .description_block {
    text-align: justify;
    padding-left: 2em;
}
#video-section.video-services .h_btn {
    margin-top: 2em;
}
.service-block-title {
    color: #000000;
    line-height: 25px;
    margin-bottom: 33px;
}
.col-sm-12 .service-block-title {
    margin-top: 2em;
}
.specialise-item .icon-angle-right {
    border-radius: 50%;
    background-color: #652361;
    color: #fff;
}
.page-service-inner {
    padding-top: 3em;
}
.page-service-content {
    padding-left: 2em;
}
.page-service-content ul, .page-template-default #content ul {
    list-style: initial;
    padding-left: 40px;
}
img.alignright {
    float: right;
    width: initial; 
}
.page-service-content .col-sm-12 h2.title {
    margin-bottom: 1.2em;
}
.service-block-title.specialise-title {
    margin: 1em 0 1.5em;
}
.specialise {
    margin: 0 -15px;
}
.specialise .col-sm-4 {
    height: 3em;
}
.specialise-item>span {
    float: left;
}
.specialise-item>span:nth-child(2) {
    float: left;
    width: 85%;
    padding-left: 1.5em;
    line-height: 14px;
}
.specialise-item>span a {
    color:  #72236e;
}
.service-block-desc {
    text-align: justify;
}

.sidebar-faq li {
    margin-bottom: 1.1em;
	padding: 0;
}
.sidebar-faq li a {
    color: #652361;
    float: left;
}

.sidebar-faq li a:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #ebebeb;
    margin-top: 0.7em;
}
.sidebar-faq ul {
    margin-top: 2em;
    max-width: 280px;
}
.page-service-content .col-sm-4 .img-block img {
    box-shadow: 15px 13px 13px 0 rgba(4, 4, 4, 0.12);
}

.color-block {
    float: left;
    width: 14.28%;
    padding: 0 10px;
    margin-bottom: 15px;
    cursor: pointer;
    text-align: center;
    min-height: 110px;
}
.color-block .img-block {
    height: 60px;
}
.color-block.active {
    color: #000000;
}
.color-block:hover {
    color: #000000;
}
.c-img {
    display: none;
    position: absolute;
    padding: 0 15px;
}
.img-default {
    display: block;
}
.color-1 .img-block{
    background-color: #6d6c6e;
}
.color-2 .img-block{
    background-color: #a59f8a;
}
.color-3 .img-block{
    background-color: #b1ada3;
}
.color-4 .img-block{
    background-color: #c5c2aa;
}
.color-5 .img-block{
    background-color: #857e73;
}
.color-6 .img-block{
     background-color: #3e434c;
}
.color-7 .img-block{
    background-color: #6c6153;
}
.color-8 .img-block{
    background-color: #737562;
}
.color-9 .img-block{
    background-color: #323233;
}
.color-10 .img-block{
    background-color: #bdbfba;
}
.color-11 .img-block{
    background-color: #e4e2d5;
}
.color-12 .img-block{
    background-color: #67432e;
}
.color-13 .img-block{
    background-color: #7f7c78;
}
.color-14 .img-block{
    background-color: #888b8a;
}
.color-15 .img-block{
    background-color: #e9dcb8;
}
.color-16 .img-block{
    background-color: #304c3c;
}
.color-17 .img-block{
    background-color: #364152;
}
.color-18 .img-block{
    background-color: #5e1d0e;
}
.color-19 .img-block{
    background-color: #000;
}
.color-20 .img-block{
    background-color: #7c846a;
}
.color-21 .img-block{
    background-color: #cabfa4;
}
.color-22 .img-block{
    background-color: #4b4c46;
}

#faq-section h2 {
    border-top: 1px solid #e1e1e1;
}
#faq-section h4 {
    color: #652361;
}
/*
#faq-section h4:before {
    content: '';
    display: inline-block;
    border-radius: 50%;
    background-color: #652361;
    width: 7px;
    height: 7px;
    margin-right: 5px;
}*/
#faq-section h4:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    max-width: 267px;
    background-color: #ebebeb;
    margin-top: 0.7em;
}
#faq-section .container .faq-section-inner, #color-section .container .color-section-inner {
    background-color: #ffffff;
}

.single-services .contact-us-bottom {
    background: transparent;
    padding: 0;
}
.single-services .contact-us-bottom-inner {
    background: -webkit-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -moz-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -o-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: -ms-linear-gradient(180deg, #772f73 0%, #52184e 99%);
    background: linear-gradient(-90deg, #772f73 0%, #52184e 99%);
}
.color-section-inner {
    padding: 0 2em 0 3em;
}
.color-section-inner h2 {
    margin-top: 2em;
    margin-bottom: 2.5em;
}
.color-section-inner h4.title {
    padding-left: 10px;
    padding-bottom: 1em;
}
.color-block h5 {
}
.faq-section-inner {
    padding: 0 3em 2em;
}
.faq-section-inner h2 {
    padding-top: 1.5em;
    padding-bottom: 1em;
}
.faq-section-inner .col-sm-6 {
    margin-bottom: 1em;
      min-height: 200px;
}
.single-services .slick-slide img {
    padding: 0 4px;
    max-height: 140px;
}
.testimonials .col-sm-4 {
    position: absolute;
    bottom: 0;
    right: 0;
}
#nav-posts {
  overflow: hidden;
  width: 100%;
}
.page-service-content 
.entry h1, .entry h2, .entry h3, .entry h4, .page-service-content h1, .page-service-content h2, .page-service-content h3, .page-service-content h4, .page-service-content h5 {
  color: #000;
}
.post-page-inner .entry h2{
    margin: 40px 0 20px;                
}
.post-page-inner .entry{
    padding-bottom: 40px;
}
.load_more_button4 {
    color: #7b7b7b !important;
    background: transparent;
    margin-top: 1em;
}
.load_more_button4:hover {
    color: #000 !important;
    background: transparent;
}
.loading4 img {
    width: initial;
}
.loading3 {
    max-width: 20px;
    margin: 20px auto;
}
.page-id-249 img, .page-id-289 img {
    max-width: 300px;
}
.page-id-335 a img {
    max-width: 210px;
    display: block;
    margin: auto;
}
.page-template-default #content .container {
    background-color: #fff;
}
.services-gallery {
    background-color:  #f1f3f4;
    padding: 2em 3em;
}
.services-gallery h2 {
    margin-bottom: 1.5em;
}
.services-slider {
    max-width: 860px;
    margin: auto;
}

.faq-asbestos-removal, .faq-carports-decks-patios, .faq-insurance-and-emergency-repairs, .faq-metal-roof-replacement, .faq-metal-roofing, .faq-roofing-services-qld {
  display:none;
}
.single-services.postid-34 .faq-asbestos-removal, .single-services.postid-35 .faq-carports-decks-patios, .single-services.postid-48 .faq-insurance-and-emergency-repairs, .single-services.postid-45 .faq-metal-roof-replacement, .single-services.postid-44 .faq-metal-roofing, .single-services.postid-352 .faq-roofing-services-qld {
  display:block;
}
.page-service-content .col-sm-12>div>a {
      display: block;
    margin-top: 10px;
}
.faq-section-inner .col-sm-6 ul {
    list-style: initial;
    padding-left: 40px;
}
.post-testimonials {
    background-color: #fafaf1;
    border: 1px solid #f2f2f2;
    margin-bottom: 2em;
    padding: 2em 2em 1.5em;
}
.error-404 {
      margin: 3em 0 8em;
}
.f_col .call_title {
    opacity: 0;
}
.post-type-archive-testimonials #blog-page h1 {
      margin-bottom: 1em;
}
#home_content .text-block a {
      color: #fff;
    text-decoration: underline !important;
}
#contact_form_section textarea {
      height: 94px;
}
div.wpcf7 img.ajax-loader {
    width: 20px;
    position: absolute;
    right: -5px;
}
img.alignleft {
 float: left;
  max-width: 200px;
}

.single-services.postid-48 #color-section , .single-services.postid-49 #color-section, .single-services.postid-34 #color-section{
	display: none;
}
.page-template-default h1, .page-template-default h2, .page-template-default h3, .page-template-default h4, .page-template-default h5 {
  color: #000;
}

/*Quote styles*/
.q-graph .count {
    color: #62953e;
    font-size: 24px;
    padding-bottom: 10px;
}
.q-graph .text-block {
    font-size: 20px;
}
.mid-cost .top-line:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    max-width: 40%;
    background-color: #e6e6e6;
}
.mid-cost .bot-line {
    font-size: 18px;
    padding-top: 7px;
}
.mid-cost .top-line>div {
    display: inline-block;
}
.page-template-page-QuoteSmall h1,.page-template-page-QuoteSmall h2, .page-template-page-QuoteSmall h3, .page-template-page-QuoteSmall h4, .page-template-page-QuoteSmall h5, .page-template-page-QuoteBig h1,.page-template-page-QuoteBig h2, .page-template-page-QuoteBig h3, .page-template-page-QuoteBig h4, .page-template-page-QuoteBig h5 {
    color: #572b7a;
}
.between-cost .count {
    font-size: 36px;
    padding-bottom: 20px;
}
.q-graph {
    position: relative;
}
.q-graph>div {
    position: absolute;
    text-align: center;
}
.q-graph .mid-cost {
    text-align: left;
}
.q-graph .mid-cost .count {
    padding-right: 10px;
}
.q-graph .low-cost {
    bottom: 80px;
    left: 7%;
}
.q-graph .mid-cost {
    left: 7%;
    width: 100%;
}
.q-graph .high-cost {
    right: 7%;
    bottom: 80px;
}
.q-graph .between-cost {
    width: 100%;
    bottom: 150px;
}
#q-top-content {
    background-color: #fff;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
#q-top-content .container {
    padding-top: 3em;
    padding-bottom: 5em;
}
.graph-img {
    margin-bottom: -5px;
}
#small-quote-form .img-block img , #big-quote-form .img-block img{
    width: initial;
    max-width: 100%;
    padding-top: 7px;
}
#small-quote-form .list-item .img-block, #big-quote-form .list-item .img-block  {
    float: left;
    width: 20%;
}
#small-quote-form .list-item .desc, #big-quote-form .list-item .desc  {
    float: left;
    width: 80%;
    padding-left: 20px;
}
#small-quote-form .list-item , #big-quote-form .list-item {
    padding: 1em 0;
    border-bottom: 1px solid #eaeae6;
}
#small-quote-form .list .list-item:last-child , #big-quote-form .list .list-item:last-child {
    border: none;
}
#small-quote-form, #big-quote-form {
    padding: 4em 0;
}
#small-quote-form .content, #big-quote-form .content {
    padding-bottom: 1em;
}
.quote-form {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 3.3em 2em 2em;
    max-width: 650px;
    margin-left: auto;
}
.quoteform-title {
    max-width: 650px;
    margin-left: auto;
}
.quote-form label {
    color: #323232;
    font-weight: 100;
    width: 100%;
    font-size: 13px;
}
.quote-form .wpcf7-form-control {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    height: 35px;
    width: 100%;
    margin: 8px 0 3px;
    padding-left: 15px;
}
.quote-form .wpcf7-submit {
    border: 2px solid #f5c229;
    background-color: #f5c229;
    padding: 11px 15px;
    color: #473600;
    max-width: 140px;
    display: block;
    margin-left: auto;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 0;
    height: initial;
}
.quote-form .wpcf7-submit:hover {
    background-color: #ffffff;
}
.quote-form .info {
    text-align: right;
    width: 100%;
    display: block;
    color: #572b7a;
    font-size: 12px;
    line-height: 1;
}
.quote-form div.wpcf7 .ajax-loader {
    position: absolute;
}
#big-quote-form .quote-form .wpcf7-radio .wpcf7-list-item {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 8px 14px;
    border: 1px solid #e6e6e6;
}
#big-quote-form .quote-form .wpcf7-radio {
    display: block;
    padding: 0;
    border: none;
    height: initial;
}

#big-quote-form .quote-form .wpcf7-radio .wpcf7-list-item>input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    top: 0;
    left: 0;
    cursor: pointer;
}
#big-quote-form .quote-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 11px;
    color: #595959;
}

#big-quote-form .q-label {
    font-size: 13px;
    margin-bottom: 30px;
    color: #323232;
}
#big-quote-form .quote-form .wpcf7-list-item:hover, #big-quote-form .wpcf7-list-item.active {
    background-color: #6b3993;
    color: #ffffff;
}
#big-quote-form .quote-form .wpcf7-list-item:hover .wpcf7-list-item-label, #big-quote-form .quote-form .wpcf7-radio .wpcf7-list-item.active .wpcf7-list-item-label {
    color: #ffffff;
}
#big-quote-form .wpcf7-textarea {
    padding-top: 5px;
    height: 100px;
}
#footer_quote {
	color: #aeaeae;
    text-align: center;
    background-color: #000;
    padding: 4px 0;
}

.asbestos-product .quote-form {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    max-width: 940px;
    margin: auto;
}
.asbestos-product .quoteform-title {
    max-width: 940px;
    color: #333;
    margin: 45px 0;
    margin-left: auto;
    margin-right: auto;
      padding: 0 15px;
}
.main-form-row>p {
 width: 33.3333%;
  float: left;
}
.asbestos-product .quote-form label, #big-quote-form.asbestos-product .q-label {
    padding: 0 15px;
}

.asbestos-product .quote-form label {
      font-size: 19px;
    color: #666;
      margin-bottom: 20px;
}
.asbestos-product  .quote-form .wpcf7-form-control {
    height: 42px;
        font-size: 15px;
    color: #888;
    padding-right: 15px;
}
.asbestos-product .help-block {
    color: #888;
    font-size: 13px;
}
.asbestos-product {
 background-color: #E9EDF0; 
}
#big-quote-form.asbestos-product .quote-form .wpcf7-radio .wpcf7-list-item {
    background-color: #fff;
    border: 1px solid #a6a6a6;
    margin-left: -1px;
}
#big-quote-form.asbestos-product .quote-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 13px;
      color: #777;
}
#big-quote-form.asbestos-product .q-label {
    font-size: 19px;
    color: #666;
    float: left;
    width: 100%;
}
#big-quote-form.asbestos-product .quote-form .wpcf7-list-item:hover, #big-quote-form.asbestos-product .quote-form .wpcf7-list-item.active {
    background-color: #92c90e;
    color: #ffffff;
}
#big-quote-form.asbestos-product .quote-form .wpcf7-list-item:hover .wpcf7-list-item-label, #big-quote-form.asbestos-product .quote-form .wpcf7-list-item.active .wpcf7-list-item-label {
   color: #ffffff;
}
.asbestos-product .wpcf7-text, .asbestos-product .wpcf7-textarea {
 max-width: 450px; 
  border: 1px solid #ccc;
}
.asbestos-product .wpcf7-select {
 border: 1px solid #ccc; 
}
.asbestos-product .quote-form .wpcf7-submit {
    border: 2px solid #f5c229;
    background-color: #f5c229;
    padding: 11px 15px;
    color: #473600;
    max-width: 140px;
    display: block;
    margin-left: 15px;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 0;
    height: initial;
  
      color: #fff;
    background-color: #ffa016;
    border: 2px solid #ffa016;
    max-width: 195px;
    border-radius: 3px;
    font-size: 20px;
    display: inline-block;
    padding: 16px 15px;
    height: auto;
}
.asbestos-product .quote-form .wpcf7-submit:hover {
  background-color: #fff;
  color: #ffa016;
}
#big-quote-form.asbestos-product .quote-form .wpcf7-radio .wpcf7-list-item {
    padding: 9px 14px;
}
.asbestos-product .quote-form .info {
    text-align: left;
    padding-left: 15px;
    width: 100%;
    display: block;
    color: #572b7a;
    font-size: 12px;
    line-height: 1;
}
.check-boxes {
      float: left;
    width: 100%;
      font-weight: 700;
    padding: 0 15px;
    margin-bottom: 30px;
}
.check-boxes span.wpcf7-list-item {
      padding: 9px 14px;
    background-color: #fff;
    border: 1px solid #a6a6a6;
  margin: 0;
    margin-left: -1px;
      font-weight: normal;
  width: 33.3333%;
    float: left;
  font-size: 13px;
  position: relative;
}
.check-boxes .wpcf7-form-control-wrap {
      float: left;
    width: 100%;
    margin: 8px 0 3px;
}
.check-boxes .wpcf7-checkbox {
      padding: 0 !important;
}
.check-boxes span.wpcf7-list-item  input {
         top: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
  opacity: 0;
}




.overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 1;
}
.popup-window{
    position: fixed;
    top: calc(50% - 150px);
    background: #fff;
    z-index: 2;
    width: 310px;
    height: 300px;
    text-align: center;
    left: calc(50% - 155px);
    padding: 40px 25px;
    line-height: 1.7;
}
.popup-title{
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 30px;
}
.popup-window a{
    display: inline-block;
    background-color: #ebb40f;
    padding: 10px 35px;
    color: #fff;
    margin: 25px 0 0;
}

#before_after_slider{
    margin: 80px 0;
}
.before_after_gallery {
    max-width: 860px;
    margin: auto;
}
.mobile-only {
display:none;
}
.header-top-contact {
display:none;
}
@media screen and (max-width: 1199px) {
header .container {
    width: 98% !important;
}
}
@media screen and (max-width: 1024px) {
header {
    background:url(../images/header-bg-small.png) top left no-repeat;
    background-size:inherit;
}
 header .phone {
    font-size: 18px;
    line-height: 29px;
}
  header .menu ul > li > a {
    font-size: 13px;
}
}
@media screen and (max-width: 800px) {
  
  header .menu ul > li > a {
    font-size: 12px;
}
}
@media screen and (max-width: 767px) {
  
  .desktop-only {
     display:none;
  }
  .mobile-only {
     display:inline-block;
  }
  .primary-mobile-nav, .navbar-toggle {
    display: inline-block !important;
    float:right !important;
    padding: 0px !important;
}
  header .menu {
  	width:100% !important;
    padding-top:0px !important;
  }
  header .menu .menu {
    display:none;
}
  header .phone {
    padding-right: 12px;
}
  .menu-menu-1-container {
    background: #36434c;
    width: 100%;
    margin-top: 46px;
}
  header .menu .menu {
    padding: 20px 0px !important;
}
   header .menu ul > li {
    float: none;
    padding: 10px 20px;
}
  header .menu ul > li > a {
    display: block;
    font-size: 18px;
    text-align: left;
}
  button.navbar-toggle {
    color: #fff;
}
.banner-row-2 {
   padding-top:0px;
}
.content-left {
    padding: 0px;
}
}
@media screen and (max-width: 540px) {
  .header-top-contact {
    display:block;
    background:#36434c;
    text-align:center;
    padding:5px;
    margin: 0px;
  color: #fff;
  text-transform: none;
  font-size: 18px; 
  line-height:23px;
  font-weight:600;
  }
  header .phone {
    display:none;
  }
   
.header-top-contact span {
  color: #fce011;
  text-decoration:underline;
  text-transform:uppercase;
}
.header-top-contact a {
  color: #fce011;
}
  .header-left {
    width: 40%;
}
  .header-right {
    width:60%
  }
   button.navbar-toggle {
    margin-top: 10px;
}
  header {
    background-position: -48px 0px;
}
  .menu-menu-1-container {
    margin-top: 74px;
    clear: both;
}
.content-left h1, .content-left .h2 {
    font-size:20px;
    line-height:24px;
}
.content-left ul li  {
    font-size:15px;
    line-height:19px;
}

}