/* ----- 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: #999999; }
  .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-size: contain;
      min-height: 700px;
      margin-bottom: 30px; }

.sep-line {
  width: 100%;
  border-top: 10px solid #CCCCCC;
  height: 10px;
  overflow: auto; }
 
.sep-line2 {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  height: 10px;
  overflow: auto; }  

/* ----- CONTAINER END ----- */
/* ----- HEADER START ----- */
.header {
  width: 100%;
  min-height: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
  overflow: auto; }
  .header .logo {
    width: 400px;
    float: left; }
	@media screen and (max-width: 480px) {
  .header .logo {
    width: 225px;
	height: 25px;
    float: left; } }
  .header nav {
    display: block;
    float: right;
    font-size: 16px;
    padding-top: 45px; }
    @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: #999999;
        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: #00194C;
  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/window-van.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: 60px;
      left: 0;
      right: 0;
      height: 20px;
      width: 100%;
      font-size: 14px;
      text-align: center;
      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: 10px 0 0 0;
  overflow: hidden;
  min-height: 100px; }
  @media screen and (max-width: 480px) {
    .services {
      min-height: 100px; } }

  .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: #666666;
    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/window-man-logo.png") no-repeat center right;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  padding: 20px 0; }
  @media screen and (max-width: 480px) {
    .bottom {
      background: url("uploader/main/window-man-logo-small.png") no-repeat center 20px;
      padding-top: 100px;
      text-align: center; } }
  .bottom a {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background: #666666;
    margin: 10px 0 0 0; }

/* ----- BOTTOM END ----- */
#sep {border-bottom:1px solid #CACAD9; padding-bottom:25px; width:100%}
/* ----- 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 img {
      margin-left: 0px; 
      padding: 0px
       }
    .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: #999999;
      border: none;
      margin-top: 20px; }

/* ----- CONTACT US END ----- */
/* ----- REVIEWS START ----- */
.reviews {
  display: block;
  padding: 20px 0 0 0;
  width: 100%; }
  .reviews span {
    display: block;
    float: left;
    width: calc(50% - 20px);
    overflow: auto; }
    @media screen and (max-width: 480px) {
      .reviews span {
        width: 100%; } }

      @media screen and (max-width: 480px) {
        .reviews span:nth-child(2n+2) {
          margin-left: 0px; } }
    .reviews span.full {
      width: 100%; }
    .reviews span label {
      display: block;
      float: left;
      width: 100%;
      padding: 10px 0 5px 0;
      font-weight: 700; }
      .reviews span img {
      margin-left: 0px; 
      padding: 0px
       }
    .reviews span input, .reviews 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; }
    .reviews span textarea {
      overflow: auto;
      min-height: 150px; }
    .reviews span button {
      width: 100%;
      padding: 15px;
      color: #fff;
      background: #999999;
      border: none;
      margin-top: 20px; }

/* ----- REVIEWS END ----- */
/*# sourceMappingURL=styles.css.map */