/* ----- RESOURCES ----- */
/* ----- RESOUCES END ----- */
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #414141;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  background: #fff; }

div {
  display: block; }

img {
  border: none; }

a {
  text-decoration: none;
  cursor: pointer; }

h1, h2, h3, h4, h5, h6 {
  padding: 0px;
  margin: 0px; }

/* ----- CONTAINER START ----- */
.full-width-container {
  display: block;
  float: left;
  width: 100%;
  overflow: auto; }
  .full-width-container.lgrey {
    background: #CACAD9; }
  .full-width-container .fwc-inner {
    display: block;
    width: 100%;
    max-width: 990px;
    overflow: auto;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .full-width-container .fwc-inner.large-bg {
      background: url("uploader/main/large-bg.svg") no-repeat center center;
      background-size: contain;
      min-height: 700px;
      margin-bottom: 30px; }

.sep-line {
  width: 100%;
  border-top: 1px solid #CACAD9;
  margin: 20px 0;
  height: 1px;
  overflow: auto; }

/* ----- CONTAINER END ----- */
/* ----- HEADER START ----- */
.header {
  width: 100%;
  min-height: 120px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0;
  overflow: auto; }
  .header .logo {
    height: 60px;
    float: left; }
  .header nav {
    display: block;
    float: right;
    font-size: 16px;
    padding-top: 35px; }
    @media screen and (max-width: 768px) {
      .header nav {
        float: left;
        clear: both;
        padding: 10px 0 0 0; } }
    @media screen and (max-width: 480px) {
      .header nav {
        float: left;
        width: 100%;
        background: #CACAD9;
        padding: 0;
        margin-top: 20px; }
        .header nav.hide-nav {
          display: none; } }
    .header nav a {
      display: block;
      float: right;
      margin: 0 0 0 20px;
      color: #414141;
      padding: 2px 4px; }
      @media screen and (max-width: 768px) {
        .header nav a {
          float: left;
          margin: 0 20px 0 0; } }
      @media screen and (max-width: 480px) {
        .header nav a {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0;
          padding: 10px; } }
      .header nav a:hover, .header nav a.active {
        -moz-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        background: #FF6511;
        color: #fff; }
  .header .hamburger {
    display: none;
    width: 50px;
    float: right;
    text-align: center;
    font-size: 9px;
    cursor: pointer; }
    @media screen and (max-width: 480px) {
      .header .hamburger {
        display: block; } }
    .header .hamburger i {
      font-size: 40px; }

.top-images-container {
  width: 100%;
  background: #414141;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px; }
  .top-images-container .col1, .top-images-container .col2 {
    float: left;
    overflow: auto;
    height: 300px; }
    @media screen and (max-width: 768px) {
      .top-images-container .col1, .top-images-container .col2 {
        height: 220px; } }
  .top-images-container .col1 {
    background: url("uploader/main/top-house.jpg") no-repeat center center;
    background-size: cover;
    width: calc(100% - 500px); }
    @media screen and (max-width: 768px) {
      .top-images-container .col1 {
        width: 100%; } }
  .top-images-container .col2 {
    position: relative;
    width: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    color: #fff; }
    @media screen and (max-width: 768px) {
      .top-images-container .col2 {
        width: 100%; } }
    .top-images-container .col2 h1 {
      display: block;
      font-size: 30px;
      font-weight: 300;
      line-height: 30px; }
      .top-images-container .col2 h1 span {
        font-size: 24px; }
    .top-images-container .col2 .tel {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      height: 50px;
      width: 100%;
      font-size: 14px;
      text-align: left;
      color: #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 20px; }
      @media screen and (max-width: 768px) {
        .top-images-container .col2 .tel {
          text-align: center; } }
      .top-images-container .col2 .tel img {
        width: 50px;
        min-height: 30px;
        margin: 0 20px 0 0;
        float: left; }
        @media screen and (max-width: 768px) {
          .top-images-container .col2 .tel img {
            display: none; } }
      .top-images-container .col2 .tel strong {
        font-weight: 700;
        font-size: 20px; }
    .top-images-container .col2 .service-icons {
      position: absolute;
      width: 100%;
      text-align: center;
      overflow: auto;
      top: 45%;
      left: 0;
      right: 0; }
      .top-images-container .col2 .service-icons img {
        width: auto;
        height: 41px; }
        @media screen and (max-width: 480px) {
          .top-images-container .col2 .service-icons img {
            display: none; } }

/* ----- HEADER END ----- */
/* ----- SERVICE CIRCLES START ----- */
.services {
  position: relative;
  width: 100%;
  margin: 35px 0 0 0;
  overflow: hidden;
  min-height: 70px; }
  @media screen and (max-width: 480px) {
    .services {
      min-height: 80px; } }
  .services .ends {
    position: absolute;
    width: 3px;
    background: #CACAD9;
    height: 20px;
    top: 5px;
    overflow: auto; }
    .services .ends.left {
      left: 0; }
    .services .ends.right {
      right: 0; }
  .services .line {
    position: absolute;
    width: 100%;
    height: 3px;
    overflow: hidden;
    background: #CACAD9;
    top: 14px; }
  .services .circles-container {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: auto;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    text-align: center;
    font-size: 14px; }
    .services .circles-container img {
      width: 30px;
      margin: 0 auto 10px auto; }

/* ----- SERVICE CIRCLES END ----- */
/* ----- CONTENT START ----- */
.two-col-content, .single-col-content {
  display: block;
  width: 100%; }
  .two-col-content h1, .single-col-content h1 {
    font-size: 30px;
    font-weight: 300; }
  .two-col-content h2, .single-col-content h2 {
    font-size: 20px;
    font-weight: 400; }
  .two-col-content h3, .single-col-content h3 {
    font-size: 16px;
    color: #FF6511;
    font-weight: 300; }
  .two-col-content .left-col, .two-col-content .right-col, .single-col-content .left-col, .single-col-content .right-col {
    display: block;
    float: left;
    width: calc(50% - 20px);
    min-height: 100px;
    overflow: auto;
    font-size: 14px; }
    @media screen and (max-width: 768px) {
      .two-col-content .left-col, .two-col-content .right-col, .single-col-content .left-col, .single-col-content .right-col {
        width: 100%; } }
  .two-col-content .left-col, .single-col-content .left-col {
    margin-right: 40px; }
    @media screen and (max-width: 768px) {
      .two-col-content .left-col, .single-col-content .left-col {
        margin-right: 0; } }
  .two-col-content .right-col, .single-col-content .right-col {
    text-align: right; }
    @media screen and (max-width: 768px) {
      .two-col-content .right-col, .single-col-content .right-col {
        text-align: left; } }
    .two-col-content .right-col img, .single-col-content .right-col img {
      width: 100%;
      margin: 10px 0; }

/* ----- CONTENT END ----- */
/* ----- BOTTOM START ----- */
.bottom {
  width: 100%;
  min-height: 100px;
  overflow: auto;
  background: url("uploader/main/renovar-logo-white.svg") no-repeat center right;
  font-size: 16px;
  color: #414141;
  text-align: left;
  padding: 20px 0; }
  @media screen and (max-width: 480px) {
    .bottom {
      background: url("uploader/main/renovar-logo-white.svg") no-repeat center 20px;
      padding-top: 100px;
      text-align: center; } }
  .bottom a {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background: #FF6511;
    margin: 10px 0 0 0; }

/* ----- BOTTOM END ----- */
/* ----- CONTACT US START ----- */
.contactus {
  display: block;
  padding: 20px 0 0 0;
  width: 100%; }
  .contactus span {
    display: block;
    float: left;
    width: calc(50% - 20px);
    overflow: auto; }
    @media screen and (max-width: 480px) {
      .contactus span {
        width: 100%; } }
    .contactus span:nth-child(2n+2) {
      margin-left: 40px; }
      @media screen and (max-width: 480px) {
        .contactus span:nth-child(2n+2) {
          margin-left: 0px; } }
    .contactus span.full {
      width: 100%; }
    .contactus span label {
      display: block;
      float: left;
      width: 100%;
      padding: 10px 0 5px 0;
      font-weight: 700; }
    .contactus span input, .contactus span textarea {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #CACAD9;
      font-size: 14px;
      color: #414141;
      padding: 10px;
      font-family: 'Roboto', sans-serif; }
    .contactus span textarea {
      overflow: auto;
      min-height: 150px; }
    .contactus span button {
      width: 100%;
      padding: 15px;
      color: #fff;
      background: #FF6511;
      border: none;
      margin-top: 20px; }

/* ----- CONTACT US END ----- */

/*# sourceMappingURL=styles.css.map */