@media all {
  * {
    box-sizing: border-box;
    outline: 0;
    font-family: 'CircularStd-Book', serif
  }

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

  img {
    display: inline;
    outline: 0
  }

  .container {
    width: 1140px;
    position: relative;
    width: 1140px;
    position: relative;
    width: 1140px;
    position: relative;
    width: 1140px;
    position: relative;
    float: left;
    width: 1140px;
    margin: 0 calc((100% - 1140px)/2);
    position: relative
  }

  .sticky-header {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: -1;
    border-bottom: 1px solid #d2d7db;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out
  }

  .sticky-header .container {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: center;
    -webkit-align-content: center;
    padding: 24px 15px
  }

  .sticky-header .logo {
    max-width: 212px;
    padding-top: 4px
  }

  .sticky-header .left-part {
    display: inline-block;
    padding: 15px 0 0
  }

  .sticky-header a.ruexpert {
    font: 15px 'CircularStd-Bold', serif;
    color: #0DD98A;
    text-align: center;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease
  }

  .sticky-header a.ruexpert:hover {
    color: #33f1a7
  }

  .sticky-header a.ruexpert:active {
    color: #0b905b
  }

  .sticky-header .contact-number {
    color: #000;
    margin: 0 0 0 15px
  }

  h1,
  p {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal
  }

  .full-width {
    width: 100%;
    position: relative;
    width: 100%;
    position: relative;
    width: 100%;
    position: relative;
    width: 100%;
    position: relative;
    float: left;
    width: 100%;
    position: relative
  }

  header {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 24px 15px;
    width: 1170px;
    align-content: center;
    -webkit-align-content: center;
    margin: 0 auto
  }

  header .logo {
    width: 212px;
    padding-top: 7px
  }

  header a.ruexpert {
    font: 15px 'CircularStd-Bold', serif;
    color: #0DD98A;
    text-align: center;
    padding: 14px;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    float: left;
    width: 209px;
    border: 1px solid #0DD98A;
    border-radius: 4px
  }

  header a.ruexpert:hover {
    color: #33f1a7
  }

  header a.ruexpert:active {
    color: #0b905b
  }

  .banner {
    min-height: 734px;
    background: url(images/homepage-hero.jpg) no-repeat center;
    background-size: cover
  }

  .banner .container {
    padding: 170px 0 0 100px
  }

  .banner h1 {
    font: 60px/60px 'CircularStd-Black', serif;
    color: #fff;
    padding-bottom: 28px;
    letter-spacing: 3px
  }

  .banner p {
    font-size: 19px;
    color: #fff;
    padding-bottom: 32px
  }

  .banner .search-container {
    display: block;
    padding-bottom: 10px;
    width: 100%;
    padding-right: 70px
  }

  .banner .search-container input[type='text'] {
    display: block;
    width: 100%;
    min-height: 70px;
    font-size: 22px;
    color: #142e43;
    padding: 22px 20px 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    letter-spacing: 2px;
    border: 0;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff
  }

  .banner .search-container input[type='text']:focus {
    -webkit-box-shadow: inset 0 0 0 1px #0dd98a;
    box-shadow: inset 0 0 0 1px #0dd98a
  }

  .banner .search-container .looking-for {
    float: left;
    width: calc(100% - 290px);
    position: relative;
    margin-right: 7px
  }

  .banner .search-container .looking-for input {
    -webkit-box-shadow: inset 0 0 0 3px #0dd98a;
    box-shadow: inset 0 0 0 3px #0dd98a
  }

  .banner .search-container .looking-for .looking-label {
    position: absolute;
    left: 20px;
    top: 10px;
    pointer-events: none;
    transition: 0.2s ease all;
    font: 17px 'CircularStd-Book', serif;
    color: #1b2c31;
    letter-spacing: 0.05px
  }

  .banner .search-container .looking-for #search-error {
    display: none;
    position: absolute;
    background: #fff;
    top: 75px;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center
  }

  .banner .search-container .looking-for #search-error:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #FFF transparent;
    border-style: solid;
    top: -9px;
    left: calc(50% - 10px)
  }

  .banner .search-container .error {
    color: red
  }

  #auto-search{position:absolute;width:100%;top:70px;left:0;z-index:9999;background:#fff;border:1px solid #0dd98a;border-top:0;padding-top:25px;display:none;}
  #auto-search label{position:absolute;top:6px;left:20px;z-index:9999;font-size:14px;color:#78909C;}
  #auto-search ul{height:308px;overflow:auto;margin-top:22px;}
  #auto-search li a{display:block;padding:12px 20px;color:#001215;font-size:18px;}
  #auto-search li a.active,#auto-search li a:hover{background:#e6fcf2;}

  .banner .search-container .go {
    float: right;
    width: 263px;
    height: 70px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    font: 24px 'CircularStd-Bold', serif;
    letter-spacing: 0.65px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 4px solid #0dd98a;
    padding-top: 2px;
    background: #0DD98A;
    color: #FFF;
    -webkit-box-shadow: 0 0 25px 10px rgba(13, 217, 138, 0.3);
    box-shadow: 0 0 25px 10px rgba(13, 217, 138, 0.3);
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease
  }

  .banner .search-container .go:hover {
    border: 4px solid #33f1a7 !important
  }

  .banner .search-container .go-active {
    cursor: pointer;
    -webkit-transition: background 0.5s ease, border-color 0.5s ease;
    -moz-transition: background 0.5s ease, border-color 0.5s ease;
    -ms-transition: background 0.5s ease, border-color 0.5s ease;
    -o-transition: background 0.5s ease, border-color 0.5s ease;
    transition: background 0.5s ease, border-color 0.5s ease
  }

  .banner .search-container .go-active:hover {
    border: 4px solid #33f1a7 !important
  }

  .banner .search-container .go-active:active {
    border: 4px solid #0b905b !important
  }

  .banner .search-result {
    letter-spacing: 1px;
    font: 24px 'CircularStd-Black', serif;
    color: #142E43;
    letter-spacing: 0.95px
  }

  .banner .search-result span {
    display: block;
    font: 16px 'CircularStd-Black', serif
  }

  .sticky-header-open {
    opacity: 1;
    z-index: 999999 !important;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out
  }

  ul,
  li {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal
  }

  ul {
    margin: 0;
    list-style: none;
    padding: 0
  }

  .title {
    display: block;
    text-align: center
  }

  .additional-services {
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -ms-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out
  }

  .additional-services .add-service-btn-container {
    position: absolute;
    top: -31px;
    right: 0;
    z-index: 9999
  }

  .additional-services .add-service-btn-container .add-service-btn {
    display: block;
    width: 62px;
    height: 62px;
    background: url(images/add-service-down-arrow.svg) no-repeat center #FFF;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.13);
    border-radius: 100%;
    -webkit-border-radius: 100%
  }

  .additional-services .add-service-btn-container .add-service-btn-up {
    background: url(images/add-service-up-arrow.svg) no-repeat center #FFF !important
  }

  .additional-services .add-service-btn-container span {
    position: absolute;
    width: 110px;
    top: 38px;
    left: -115px;
    z-index: 99999;
    text-align: center;
    font: 11px/13px 'CircularStd-Book', serif;
    color: #142E43;
    letter-spacing: 0.65px;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
  }

  .additional-services .add-services-list {
    padding: 100px 0
  }

  .additional-services .add-services-list .title {
    font: 21px 'CircularStd-Bold', serif;
    color: #003871;
    letter-spacing: 1.56px;
    text-transform: uppercase;
    padding: 0 0 36px;
    text-align: left
  }

  .additional-services .add-services-list .top-categories-list {
    float: left;
    width: 100%
  }

  .additional-services .add-services-list .top-categories-list ul {
    float: left;
    width: 33.33%;
    padding-bottom: 60px
  }

  .additional-services .add-services-list .top-categories-list ul:nth-child(1) {
    width: 36%
  }

  .additional-services .add-services-list .top-categories-list ul:nth-child(2) {
    width: 35%
  }

  .additional-services .add-services-list .top-categories-list ul:nth-child(3) {
    width: 28%
  }

  .additional-services .add-services-list .top-categories-list ul li {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    padding-left: 0
  }

  .additional-services .add-services-list .top-categories-list ul li a {
    font: 16px 'CircularStd-Book', serif;
    color: #003871;
    position: relative;
    float: left;
    height: 40px
  }

  .additional-services .add-services-list .top-categories-list ul li a:hover {
    text-decoration: underline
  }

  figure {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal
  }

  .title,
  .small-title {
    display: block;
    text-align: center
  }

  .popular-services {
    background: url(images/popular-services-back.jpg) no-repeat center;
    background-size: cover;
    padding: 66px 0 166px
  }

  .popular-services .title {
    font: 42px 'CircularStd-Black', serif;
    padding-bottom: 50px
  }

  .popular-services .small-title {
    font-size: 11px;
    padding-bottom: 10px
  }

  .pop-services-boxes {
    display: block;
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden
  }

  a.nav-btn {
    position: absolute;
    width: 62px;
    height: 62px;
    top: 38%;
    background: #0DD98A;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.13);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    z-index: 9999;
    padding-top: 20px;
    cursor: pointer;
    -webkit-transition: background 0.5s ease, opacity 0.5s ease;
    -moz-transition: background 0.5s ease, opacity 0.5s ease;
    -ms-transition: background 0.5s ease, opacity 0.5s ease;
    -o-transition: background 0.5s ease, opacity 0.5s ease;
    transition: background 0.5s ease, opacity 0.5s ease
  }

  a.nav-btn:hover {
    background: #33f1a7
  }

  a.nav-btn:active {
    background: #0b905b
  }

  a.left-btn {
    left: -25px;
    padding-left: 23px;
    opacity: 0
  }

  a.right-btn {
    right: -25px;
    padding-left: 26px
  }

  .pop-services-boxes .row {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    -webkit-border-radius: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-transition: left 0.7s ease;
    -moz-transition: left 0.7s ease;
    -ms-transition: left 0.7s ease;
    -o-transition: left 0.7s ease;
    transition: left 0.7s ease
  }

  .pop-services-boxes .row-1 {
    left: 0
  }

  .pop-services-boxes .row-2 {
    left: 100%
  }

  .pop-services-boxes a {
    width: calc(25% - 10px);
    height: 452px;
    margin: 0 5px;
    background: #FFF;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 35px 25px;
    border: 4px solid #fff;
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease
  }

  .pop-services-boxes a:hover {
    border: 4px solid #003871
  }

  .pop-services-boxes a:active {
    background-color: #003871
  }

  .pop-services-boxes a figure {
    display: block;
    text-align: center;
    height: 147px;
    margin: 17px 0 30px;
    background-size: auto 100% !important
  }

  .pop-services-boxes a span.title {
    display: block;
    font: 36px/37px 'CircularStd-Bold', serif;
    color: #142E43;
    letter-spacing: -0.47px;
    padding-bottom: 20px
  }

  .pop-services-boxes a span.title br {
    display: none
  }

  .pop-services-boxes a span.para {
    display: block;
    font: 16px/19px 'CircularStd-Book', serif;
    color: #142E43;
    letter-spacing: -0.17px
  }

  .pop-services-boxes a:active span.title {
    color: #fff
  }

  .pop-services-boxes a:active span.para {
    color: #fff
  }

  .pop-services-boxes a figure.paint-brush {
    background: url(images/paint-brush.svg) no-repeat center
  }

  .pop-services-boxes a:active figure.paint-brush {
    background: url(images/paint-brush-w.svg) no-repeat center
  }

  .pop-services-boxes a figure.handyman {
    background: url(images/handyman-icon.svg) no-repeat center
  }

  .pop-services-boxes a:active figure.handyman {
    background: url(images/handyman-icon-w.svg) no-repeat center
  }

  .pop-services-boxes a figure.cleaning {
    background: url(images/cleaning-icon.svg) no-repeat center
  }

  .pop-services-boxes a:active figure.cleaning {
    background: url(images/cleaning-icon-w.svg) no-repeat center
  }

  .pop-services-boxes a figure.flooring {
    background: url(images/flooring.svg) no-repeat center;
    background-size: auto 120px !important
  }

  .pop-services-boxes a:active figure.flooring {
    background: url(images/flooring-w.svg) no-repeat center;
    background-size: auto 120px !important
  }

  .pop-services-boxes a figure.roofing {
    background: url(images/roofing-icon.svg) no-repeat center;
    background-size: auto 100px !important
  }

  .pop-services-boxes a:active figure.roofing {
    background: url(images/roofing-icon-w.svg) no-repeat center;
    background-size: auto 100px !important
  }

  .pop-services-boxes a figure.general-contractor {
    background: url(images/general-contractor-icon.svg) no-repeat center;
    background-size: auto 120px !important
  }

  .pop-services-boxes a:active figure.general-contractor {
    background: url(images/general-contractor-icon-w.svg) no-repeat center;
    background-size: auto 120px !important
  }

  .pop-services-boxes a figure.remodeling {
    background: url(images/remodeling.svg) no-repeat center;
    background-size: auto 105px !important
  }

  .pop-services-boxes a:active figure.remodeling {
    background: url(images/remodeling-w.svg) no-repeat center;
    background-size: auto 105px !important
  }

  .pop-services-boxes a.view-all {
    border: none !important;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    background: url(images/right-arrow.svg) no-repeat 90% center #0DD98A;
    font: 36px/37px 'CircularStd-Bold';
    color: #FFF;
    letter-spacing: -0.47px;
    border: none !important;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease
  }

  .pop-services-boxes a.view-all:hover {
    background-color: #33f1a7
  }

  .pop-services-boxes a.view-all:active {
    background-color: #0b905b
  }

  .flooring {
    background: url(images/PLP_Flooring.png)
  }

  .handyman {
    background: url(images/PLP_Handyman.png)
  }

  p {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal
  }

  .project-resource {
    border-bottom: 1px solid #d2d7db;
    padding-top: 75px
  }

  .project-resource .title {
    font: 42px 'CircularStd-Black', serif;
    padding-bottom: 135px
  }

  .project-resource .small-title {
    font-size: 11px;
    padding-bottom: 10px
  }

  .project-resource .cols {
    float: left;
    width: 50%;
    min-height: 970px
  }

  .project-resource .cols:nth-child(1) {
    border-right: 1px solid #d2d7db
  }

  .project-resource .cols .top-border {
    border-top: 1px solid #d2d7db
  }

  .project-resource .cols .box-container {
    width: 450px;
    text-align: center;
    position: relative
  }

  .project-resource .cols .box-container .icon {
    position: absolute;
    top: -43px;
    left: 0;
    width: 100%;
    z-index: 9999;
    text-align: center
  }

  .project-resource .cols .pull-left {
    float: left;
    min-height: 321px;
    margin-left: 70px
  }

  .project-resource .cols .pull-right {
    float: right;
    margin-right: 70px
  }

  .project-resource .cols .box-container .title2 {
    font: 30px/48px 'CircularStd-Black', serif;
    color: #142E43;
    letter-spacing: 1.03px;
    padding: 55px 0 7px
  }

  .project-resource .cols .box-container p {
    opacity: 0.8;
    font: 16px/19px 'CircularStd-Book', serif;
    color: #142E43;
    letter-spacing: -0.17px
  }

  .project-resource .cols .box-container p span {
    display: block
  }

  .project-resource .cols .pull-right p {
    padding-bottom: 64px
  }

  .quote {
    background: url(images/quote-desktop-back.jpg) no-repeat top center #f5f9fc;
    padding-bottom: 75px
  }

  .quote .quote-container {
    min-height: 707px
  }

  .quote .quote-container .quote-box {
    float: left;
    width: 515px;
    position: relative;
    margin: 150px 0 0 115px
  }

  .quote .quote-container .quote-box .quote-icon {
    margin-left: -7px;
    font: 168px/10px 'CircularStd-Bold', serif;
    color: #E64612;
    padding-top: 90px
  }

  .quote .quote-container .quote-box .quote-text {
    letter-spacing: 2px;
    opacity: 0.8;
    font: 24px/31px 'CircularStd-Book', serif;
    color: #142E43;
    letter-spacing: 1.83px;
    padding-bottom: 20px
  }

  .quote .quote-container .quote-box .quote-name {
    letter-spacing: 1px;
    opacity: 0.8;
    font: 13px/18px 'CircularStd-Book', serif;
    color: #142E43;
    letter-spacing: 1.03px
  }

  .quote .quote-container .quote-box .quote-name span {
    display: block;
    font-family: 'CircularStd-Bold', serif
  }

  #three-bounce-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 11.5%;
    overflow: auto;
    display: none
  }

  .sk-three-bounce {
    text-align: center;
    position: absolute;
    z-index: 999999999;
    top: calc(50% - 10px);
    left: calc(50% - 40px)
  }

  .sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
  }

  .sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
  }

  .sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
  }

  footer {
    background: #003872;
    padding: 60px 0 80px;
    color: #fff
  }

  footer .footer-header {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center
  }

  footer .footer-header .twitter,
  footer .footer-header .linkedin {
    margin-right: 26px
  }

  footer .top-categories {
    padding: 70px 0 50px
  }

  footer .top-categories .footer-title {
    font: 21px 'CircularStd-Bold', serif;
    color: #FFF;
    letter-spacing: 1.56px;
    text-transform: uppercase;
    padding: 0 0 36px
  }

  footer .top-categories .top-categories-list {
    float: left;
    width: 100%
  }

  footer .top-categories .top-categories-list ul {
    float: left
  }

  footer .top-categories .top-categories-list ul:nth-child(1) {
    width: 36%
  }

  footer .top-categories .top-categories-list ul:nth-child(2) {
    width: 35%
  }

  footer .top-categories .top-categories-list ul:nth-child(3) {
    width: 28%
  }

  footer .top-categories .top-categories-list ul li {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    padding-left: 0
  }

  footer .top-categories .top-categories-list ul li a {
    font: 16px 'CircularStd-Book', serif;
    color: #fff;
    float: left;
    height: 40px;
    opacity: 0.6;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
  }

  footer .top-categories .top-categories-list ul li a:hover {
    opacity: 1
  }

  footer .copyright {
    font: 16px 'CircularStd-Book', serif;
    color: #FFF;
    padding-top: 80px
  }

  button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
  }

  body {
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%
  }

  h1,
  p,
  ul,
  li,
  figure {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal
  }

  .dsmi-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(21, 47, 68, 0.80);
    z-index: 999999;
    display: none;
    overflow: auto
  }

  .dsmi-popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    z-index: 9999;
    max-width: 600px;
    overflow: hidden
  }

  .dsmi-popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 13px;
    height: 13px;
    background: url(images/x.svg) no-repeat;
    background-size: cover;
    z-index: 9999
  }

  .dsmi-content {
    text-align: center;
    padding: 0 0 20px
  }

  .dsmi-content .title {
    padding: 10px 0;
    font-size: 24px;
    font-weight: bold;
    color: #3B3C3D;
    letter-spacing: -0.07px;
    line-height: 24px;
    text-align: left
  }

  .dsmi-content p {
    display: block;
    padding-bottom: 40px;
    font: 400 14px/18px 'Lato', sans-serif;
    color: #CCC;
    text-align: left
  }

  .dsmi-content p a {
    color: #333
  }

  .dsmi-content .dsmi-btn {
    display: inline-block;
    width: 290px;
    height: auto;
    padding: 10px 20px;
    border: none;
    background: #00CE57;
    font: 16px/18px 'CircularStd-Black', serif;
    color: #FFF;
    letter-spacing: .77px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    margin-bottom: 11px
  }

  .dsmi-content .exit {
    display: inline-block;
    width: 290px;
    height: 51px;
    padding: 0px 20px;
    border: 1px solid #EB440E;
    font-size: 16px;
    font-weight: bold;
    color: #EB440E;
    text-align: center;
    line-height: 51px;
    cursor: pointer;
    border-radius: 4.2px;
    background: #FFF
  }

  h1,
  ul,
  li {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal
  }

  .intake-popup-close-box-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 11.5%;
    overflow: auto;
    display: none
  }

  .intake-popup-close-box {
    float: left;
    width: 1140px;
    margin: 0 calc((100% - 1140px)/2);
    background: #fff;
    color: #000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease
  }

  .intake-popup-close-box .intake-popup-close-box-btn {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 12px;
    height: 12px;
    background: url(images/close-btn.png) no-repeat;
    z-index: 9999999
  }

  .intake-popup-close-box h1 {
    text-align: center;
    padding: 75px 250px 65px;
    font: 30px 'CircularStd-Bold';
    color: #142E43;
    letter-spacing: 1.45px
  }

  .intake-popup-close-box .request-btn-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding: 0 100px 68px;
    border-bottom: 1px solid #979797
  }

  .intake-popup-close-box .request-btn-container button {
    display: block;
    width: 100%;
    height: 117px;
    border: 1px solid #979797;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #fff;
    text-align: left;
    font: 25px/30px 'CircularStd-Bold';
    letter-spacing: 0;
    padding: 23px 21px 19px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease
  }

  .intake-popup-close-box .request-btn-container button.cancel {
    color: #E64612
  }

  .intake-popup-close-box .request-btn-container button:hover.cancel {
    border: 1px solid #E64612
  }

  .intake-popup-close-box .request-btn-container button:active.cancel {
    color: #fff;
    background: #E64612
  }

  .intake-popup-close-box .request-btn-container button.continue {
    color: #003872
  }

  .intake-popup-close-box .request-btn-container button:hover.continue {
    border: 1px solid #003872
  }

  .intake-popup-close-box .request-btn-container button:active.continue {
    color: #fff;
    background: #003872
  }

  .intake-popup-close-box .want-to-talk {
    padding: 35px 0;
    text-align: center
  }

  .intake-popup-close-box .want-to-talk div {
    display: inline-block;
    background: url(images/Support-blue.svg) no-repeat left top;
    background-size: 45px;
    text-align: left;
    padding-left: 58px;
    font: 17px 'CircularStd-Book';
    color: #142E43;
    letter-spacing: 1.45px
  }

  .intake-popup-close-box .want-to-talk div span {
    font-size: 23px
  }

  .intake-popup-close-box .want-to-talk div a {
    color: #0DD98A
  }

  .intake-popup-close-box .want-to-talk div a:hover {
    color: #33f1a7
  }

  .intake-popup-close-box .want-to-talk div a:active {
    color: #0b905b
  }

  .intake-popup-main-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 102px;
    overflow: auto;
    display: none
  }
}

@media only screen and (max-width:1140px) {
  .container {
    width: 100%;
    margin: 0
  }

  .pop-services-boxes a span.title {
    font-size: 2.8vw
  }

  .pop-services-boxes a span.para {
    font-size: 1.3vw
  }

  .quote-slider {
    width: calc(100% - 100px);
    margin: 0 50px
  }
}

@media only screen and (max-width:1024px) {
  .pop-services-boxes a span.title {
    font-size: 2.5vw
  }

  .pop-services-boxes a {
    height: 465px
  }
}

@media only screen and (max-width:768px) {
  a.nav-btn {
    display: none !important
  }

  .pop-services-boxes {
    float: left;
    overflow: auto;
    height: auto;
    width: 514px;
    margin: 0 calc((100% - 514px)/2)
  }

  .pop-services-boxes .row {
    position: relative;
    left: 0 !important;
    flex-direction: column
  }

  .pop-services-boxes a {
    width: 100%;
    height: 74px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-content: center;
    -webkit-align-content: center;
    margin: 0 0 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09)
  }

  .pop-services-boxes a figure {
    float: left;
    width: 125px;
    height: auto;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important
  }

  .pop-services-boxes a figure.paint-brush {
    background: url(images/paint-brush.svg) no-repeat center;
    background-size: 29px 50px !important
  }

  .pop-services-boxes a:active figure.paint-brush {
    background: url(images/paint-brush-w.svg) no-repeat center;
    background-size: 29px 50px !important
  }

  .pop-services-boxes a figure.handyman {
    background: url(images/handyman-icon.svg) no-repeat center;
    background-size: 40px 50px !important
  }

  .pop-services-boxes a:active figure.handyman {
    background: url(images/handyman-icon-w.svg) no-repeat center;
    background-size: 40px 50px !important
  }

  .pop-services-boxes a figure.cleaning {
    background: url(images/cleaning-icon.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a:active figure.cleaning {
    background: url(images/cleaning-icon-w.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a figure.flooring {
    background: url(images/flooring.svg) no-repeat center;
    background-size: auto 44px !important
  }

  .pop-services-boxes a:active figure.flooring {
    background: url(images/flooring-w.svg) no-repeat center;
    background-size: auto 44px !important
  }

  .pop-services-boxes a figure.roofing {
    background: url(images/roofing-icon.svg) no-repeat center;
    background-size: 47px 35px !important
  }

  .pop-services-boxes a:active figure.roofing {
    background: url(images/roofing-icon-w.svg) no-repeat center;
    background-size: 47px 35px !important
  }

  .pop-services-boxes a figure.general-contractor {
    background: url(images/general-contractor-icon.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a:active figure.general-contractor {
    background: url(images/general-contractor-icon-w.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a figure.remodeling {
    background: url(images/remodeling.svg) no-repeat center;
    background-size: 40px 47px !important
  }

  .pop-services-boxes a:active figure.remodeling {
    background: url(images/remodeling-w.svg) no-repeat center;
    background-size: 40px 47px !important
  }

  .pop-services-boxes a span.title {
    font-size: 21px;
    color: #142E43;
    letter-spacing: -0.47px;
    padding: 21px 0 21px 0 !important;
    background: url(images/right-arrow-blue.svg) no-repeat calc(100% - 20px) center;
    background-size: 7px 13px;
    width: 100%;
    line-height: normal !important
  }

  .pop-services-boxes a span.title.double {
    padding: 10px 0 10px 0 !important
  }

  .pop-services-boxes a span.title br {
    display: inline-block
  }

  .pop-services-boxes a:active span.title {
    background: url(images/right-arrow.svg) no-repeat calc(100% - 20px) center !important;
    background-size: 7px 13px !important
  }

  .pop-services-boxes a span.para {
    display: none
  }

  .pop-services-boxes a.view-all {
    text-align: center;
    display: block;
    background-image: none;
    font-size: 24px;
    padding: 20px 0
  }

  .quote {
    background: url(images/quote-mobile-top-back.jpg) no-repeat top center #f5f9fc;
    background-size: 100% auto;
    padding-bottom: 0
  }

  .quote .quote-container {
    min-height: auto
  }

  .quote .quote-container .quote-box {
    width: 100%;
    margin: 0
  }

  .quote .quote-container .quote-box .quote-icon {
    margin: 70px 0 0 35px;
    width: calc(100% - 35px);
    font-size: 168px
  }

  .quote .quote-container .quote-box .quote-text {
    padding: 0 170px 0 50px;
    opacity: 0.8;
    font-size: 24px;
    color: #142E43;
    letter-spacing: 1.83px;
    line-height: 31px
  }

  .quote .quote-container .quote-box .quote-name {
    float: left;
    width: 100%;
    min-height: 450px;
    padding: 20px 0 0 50px;
    font-size: 13px;
    line-height: 18px;
    background: url(images/quote-mobile-bottom-back.jpg) no-repeat right 10px;
    background-size: 70% auto;
    opacity: 1;
    color: rgba(20, 46, 67, 0.8)
  }

  .quote-slider {
    display: none
  }
}

@media only screen and (max-width:640px) {
  .pop-services-boxes {
    width: 100%;
    margin: 0
  }

  .pop-services-boxes a figure {
    width: 26vw;
    margin: 0 4vw 0 0
  }

  .pop-services-boxes a span.title {
    font-size: 5.60vw;
    padding: 5.5vw 0 4vw 0 !important;
    background-size: 1.8667vw 3.4667vw;
    background-position: 96% center;
    width: 100%
  }

  .quote .quote-container .quote-box .quote-icon {
    margin: 13.3333vw 0 0 6.6667vw;
    width: calc(100% - 6.6667vw);
    font-size: 57.8667vw;
    line-height: 1.3333vw
  }

  .quote .quote-container .quote-box .quote-text {
    font-size: 4.80vw;
    line-height: 120%;
    padding: 0 8vw 2.6667vw
  }

  .quote .quote-container .quote-box .quote-name {
    padding: 2.6667vw 0 0 8vw;
    font-size: 2.40vw;
    line-height: 3.20vw;
    background-size: 100% auto;
    min-height: 80vw
  }
}

@media only screen and (max-width:1140px) {
  .container {
    width: 100%;
    margin: 0
  }
}

@media only screen and (max-width:768px) {
  .sticky-header {
    display: none !important
  }
}

@media (max-width:767px) {
  header a.ruexpert {
    padding: 10px;
    width: auto
  }

  header .contact-number {
    display: inline-block;
    height: 40px;
    width: 30px;
    margin: 0 0 0 15px;
    padding: 0;
    background: url('images/phone-icon.png') no-repeat center;
    background-size: 100% auto;
    font-size: 0;
    line-height: normal
  }
}

@media only screen and (max-width:1140px) {
  header {
    width: 100%;
    margin: 0
  }

  .container {
    width: 100%;
    margin: 0
  }

  header .logo {
    padding-left: 50px
  }

  .banner .container {
    padding: 75px 0 0 75px
  }
}

@media only screen and (max-width:768px) {
  header .logo {
    padding: 8px 0 0 51px;
    width: auto
  }

  header .logo img {
    width: 211px;
    height: auto
  }

  .banner {
    padding-bottom: 75px;
    background-size: auto 100%;
    background-position: 41% top
  }

  .banner .container {
    padding: 175px 50px 0
  }

  .banner h1 br {
    display: none
  }

  .banner h1 {
    padding-right: 180px
  }

  .banner p {
    font-size: 19px;
    color: #fff;
    letter-spacing: 1.53px
  }

  .banner .search-container {
    padding-right: 0
  }

  .banner .search-container .looking-for {
    width: calc(100% - 241px);
    margin-right: 0
  }

  .banner .search-container .go {
    width: 211px
  }
}

@media only screen and (max-width:640px) {
  header .logo {
    padding: 0.8vw 0 0
  }

  header .logo img {
    width: 37.3333vw !important;
    height: 7.4667vw !important
  }

  .banner {
    padding-bottom: 0;
    min-height: 583px;
    background-position: 36% top
  }

  .banner .container {
    padding: 34.6667vw 6.6667vw 15vw
  }

  .banner h1 {
    font-size: 8vw;
    padding-right: 0;
    padding-bottom: 4vw;
    line-height: 10.1333vw
  }

  .banner p {
    font-size: 3.0667vw;
    padding-right: 0;
    padding-bottom: 6vw;
    line-height: 6.1333vw
  }

  .banner .search-container input[type='text'] {
    min-height: 50px;
    font-size: 25px;
    padding: 15px 10px 0 8px;
    letter-spacing: 0
  }

  .banner .search-container .looking-for {
    width: 100%;
    padding-bottom: 20px
  }

  .banner .search-container .looking-for .looking-label {
    font-size: 10px;
    letter-spacing: 0.17px;
    left: 10px;
    top: 8px
  }

  #auto-search {
    top: 50px;
    padding: 5px 0
  }

  .banner .search-container .looking-for #search-error {
    top: -45px;
    padding: 5px 10px
  }

  .banner .search-container .looking-for #search-error:before {
    border-width: 10px 10px 0 10px;
    border-color: #FFF transparent transparent transparent;
    border-style: solid;
    top: 29px;
    left: calc(50% - 10px)
  }

  .banner .search-container .go {
    width: 100%;
    height: 48px;
    margin: 0
  }
}

@media (max-width:480px) {
  header a.ruexpert {
    padding: 5px;
    font-size: 12px
  }

  header .contact-number {
    height: 21px;
    width: 15px;
    margin-top: -2px;
    margin-left: 10px
  }
}

@media only screen and (max-width:360px) {
  .banner .search-container .looking-for #search-error {
    top: -65px
  }

  .banner .search-container .looking-for #search-error:before {
    top: 48px
  }
}

@media only screen and (max-width:1140px) {
  .container {
    width: 100%;
    margin: 0
  }
}

@media only screen and (max-width:768px) {
  .sticky-header {
    display: none !important
  }
}

@media only screen and (max-width:1140px) {
  .container {
    width: 100%;
    margin: 0
  }

  .additional-services {
    width: calc(100% - 50px);
    margin: 0 25px
  }

  .additional-services .add-services-list .top-categories-list ul li {
    padding-left: 10px
  }
}

@media only screen and (max-width:768px) {
  .additional-services .add-service-btn-container {
    top: -33px
  }

  .additional-services .add-service-btn-container span {
    top: 40px
  }

  .additional-services .add-service-btn-container .add-service-btn {
    width: 65px;
    height: 65px;
    background-size: 32%
  }

  .additional-services .add-service-btn-container .add-service-btn-up {
    background-size: 32% !important
  }

  .additional-services .add-services-list .top-categories-list ul:nth-child(1) {
    width: 100%
  }

  .additional-services .add-services-list .top-categories-list ul li {
    width: 50%
  }

  .additional-services .add-services-list .top-categories-list ul li a {
    font-size: 16px;
    opacity: 1
  }
}

@media only screen and (max-width:640px) {
  .additional-services .add-service-btn-container {
    top: -21px;
    display: none
  }

  .additional-services .add-service-btn-container .add-service-btn {
    width: 40px;
    height: 40px
  }

  .additional-services .add-service-btn-container span {
    width: 30vw;
    font-size: 2.6667vw;
    left: -32vw;
    top: -0.7vw;
    text-align: right
  }

  .additional-services .add-services-list {
    padding: 12vw 0
  }

  .additional-services .add-services-list .top-categories-list ul {
    padding-bottom: 30px
  }

  .additional-services .add-services-list .top-categories-list ul li {
    width: 100%;
    padding-bottom: 2.6667vw
  }

  .additional-services .add-services-list .top-categories-list ul li a {
    font-size: 4vw
  }
}

@media only screen and (max-width:1140px) {
  .container {
    width: 100%;
    margin: 0
  }

  .popular-services .container {
    width: calc(100% - 100px);
    margin: 0 50px
  }

  .pop-services-boxes a span.title {
    font-size: 2.8vw
  }

  .pop-services-boxes a span.para {
    font-size: 1.3vw
  }
}

@media only screen and (max-width:1024px) {
  .popular-services {
    padding: 66px 0 100px
  }

  .pop-services-boxes a span.title {
    font-size: 2.5vw
  }

  .pop-services-boxes a {
    height: 465px
  }
}

@media only screen and (max-width:768px) {
  .popular-services {
    padding: 66px 0 50px
  }

  a.nav-btn {
    display: none !important
  }

  .pop-services-boxes {
    float: left;
    overflow: auto;
    height: auto;
    width: 514px;
    margin: 0 calc((100% - 514px)/2)
  }

  .pop-services-boxes .row {
    position: relative;
    left: 0 !important;
    flex-direction: column
  }

  .pop-services-boxes a {
    width: 100%;
    height: 74px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-content: center;
    -webkit-align-content: center;
    margin: 0 0 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09)
  }

  .pop-services-boxes a figure {
    float: left;
    width: 125px;
    height: auto;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important
  }

  .pop-services-boxes a figure.paint-brush {
    background: url(images/paint-brush.svg) no-repeat center;
    background-size: 29px 50px !important
  }

  .pop-services-boxes a:active figure.paint-brush {
    background: url(images/paint-brush-w.svg) no-repeat center;
    background-size: 29px 50px !important
  }

  .pop-services-boxes a figure.handyman {
    background: url(images/handyman-icon.svg) no-repeat center;
    background-size: 40px 50px !important
  }

  .pop-services-boxes a:active figure.handyman {
    background: url(images/handyman-icon-w.svg) no-repeat center;
    background-size: 40px 50px !important
  }

  .pop-services-boxes a figure.cleaning {
    background: url(images/cleaning-icon.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a:active figure.cleaning {
    background: url(images/cleaning-icon-w.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a figure.flooring {
    background: url(images/flooring.svg) no-repeat center;
    background-size: auto 44px !important
  }

  .pop-services-boxes a:active figure.flooring {
    background: url(images/flooring-w.svg) no-repeat center;
    background-size: auto 44px !important
  }

  .pop-services-boxes a figure.roofing {
    background: url(images/roofing-icon.svg) no-repeat center;
    background-size: 47px 35px !important
  }

  .pop-services-boxes a:active figure.roofing {
    background: url(images/roofing-icon-w.svg) no-repeat center;
    background-size: 47px 35px !important
  }

  .pop-services-boxes a figure.general-contractor {
    background: url(images/general-contractor-icon.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a:active figure.general-contractor {
    background: url(images/general-contractor-icon-w.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a figure.remodeling {
    background: url(images/remodeling.svg) no-repeat center;
    background-size: 40px 47px !important
  }

  .pop-services-boxes a:active figure.remodeling {
    background: url(images/remodeling-w.svg) no-repeat center;
    background-size: 40px 47px !important
  }

  .pop-services-boxes a span.title {
    font-size: 21px;
    color: #142E43;
    letter-spacing: -0.47px;
    padding: 21px 0 21px 0 !important;
    background: url(images/right-arrow-blue.svg) no-repeat calc(100% - 20px) center;
    background-size: 7px 13px;
    width: 100%;
    line-height: normal !important
  }

  .pop-services-boxes a span.title.double {
    padding: 10px 0 10px 0 !important
  }

  .pop-services-boxes a span.title br {
    display: inline-block
  }

  .pop-services-boxes a:active span.title {
    background: url(images/right-arrow.svg) no-repeat calc(100% - 20px) center !important;
    background-size: 7px 13px !important
  }

  .pop-services-boxes a span.para {
    display: none
  }

  .pop-services-boxes a.view-all {
    text-align: center;
    display: block;
    background-image: none;
    font-size: 24px;
    padding: 20px 0
  }
}

@media only screen and (max-width:640px) {
  .popular-services {
    padding: 13.3333vw 0 4vw
  }

  .popular-services .container {
    width: calc(100% - 13.3333vw);
    margin: 0 6.6667vw
  }

  .pop-services-boxes {
    width: 100%;
    margin: 0
  }

  .pop-services-boxes a figure {
    width: 26vw;
    margin: 0 4vw 0 0
  }

  .pop-services-boxes a span.title {
    font-size: 5.60vw;
    padding: 5.5vw 0 4vw 0 !important;
    background-size: 1.8667vw 3.4667vw;
    background-position: 96% center;
    width: 100%
  }
}

@media only screen and (max-width:1140px) {
  .project-resource .cols {
    min-height: 785px
  }

  .project-resource .cols .pull-right,
  .project-resource .cols .pull-left {
    float: left;
    margin: 0 70px;
    width: calc(100% - 140px)
  }

  .project-resource .cols .pull-left {
    min-height: 260px
  }

  .project-resource .cols p span {
    display: inline !important
  }
}

@media only screen and (max-width:768px) {
  .project-resource {
    border: 0
  }

  .project-resource .cols {
    float: left;
    width: 100%;
    border: 0 !important;
    min-height: auto
  }

  .project-resource .cols .screenshot {
    display: none
  }

  .project-resource .cols .pull-right,
  .project-resource .cols .pull-left {
    min-height: auto
  }

  .project-resource .cols .pull-right p,
  .project-resource .cols .pull-left p {
    font-size: 16px;
    line-height: 19px;
    padding: 0 18% 175px
  }

  .project-resource .cols p.last-para {
    padding: 0 18% 75px
  }

  .project-resource .cols .box-container .icon {
    top: -43px
  }

  .project-resource .cols .box-container .icon img {
    width: 86px;
    height: 86px
  }
}

@media only screen and (max-width:640px) {
  .project-resource {
    padding-top: 10.6667vw
  }

  .project-resource .cols .box-container .icon {
    top: -10.40vw
  }

  .project-resource .cols .box-container .icon img {
    width: 20.80vw;
    height: 20.80vw
  }

  .project-resource .cols .pull-right,
  .project-resource .cols .pull-left {
    margin: 0 6.6667vw;
    width: calc(100% - 13.3333vw)
  }

  .project-resource .cols .pull-right p,
  .project-resource .cols .pull-left p {
    padding-bottom: 24vw;
    font-size: 4vw;
    line-height: 120%
  }

  .project-resource .cols p.last-para {
    padding-bottom: 14.6667vw
  }
}

@media only screen and (max-width:1140px) {
  .container {
    width: 100%;
    margin: 0
  }

  .pop-services-boxes a span.title {
    font-size: 2.8vw
  }

  .pop-services-boxes a span.para {
    font-size: 1.3vw
  }

  .quote-slider {
    width: calc(100% - 100px);
    margin: 0 50px
  }
}

@media only screen and (max-width:1024px) {
  .pop-services-boxes a span.title {
    font-size: 2.5vw
  }

  .pop-services-boxes a {
    height: 465px
  }
}

@media only screen and (max-width:768px) {
  a.nav-btn {
    display: none !important
  }

  .pop-services-boxes {
    float: left;
    overflow: auto;
    height: auto;
    width: 514px;
    margin: 0 calc((100% - 514px)/2)
  }

  .pop-services-boxes .row {
    position: relative;
    left: 0 !important;
    flex-direction: column
  }

  .pop-services-boxes a {
    width: 100%;
    height: 74px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-content: center;
    -webkit-align-content: center;
    margin: 0 0 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09)
  }

  .pop-services-boxes a figure {
    float: left;
    width: 125px;
    height: auto;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important
  }

  .pop-services-boxes a figure.paint-brush {
    background: url(images/paint-brush.svg) no-repeat center;
    background-size: 29px 50px !important
  }

  .pop-services-boxes a:active figure.paint-brush {
    background: url(images/paint-brush-w.svg) no-repeat center;
    background-size: 29px 50px !important
  }

  .pop-services-boxes a figure.handyman {
    background: url(images/handyman-icon.svg) no-repeat center;
    background-size: 40px 50px !important
  }

  .pop-services-boxes a:active figure.handyman {
    background: url(images/handyman-icon-w.svg) no-repeat center;
    background-size: 40px 50px !important
  }

  .pop-services-boxes a figure.cleaning {
    background: url(images/cleaning-icon.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a:active figure.cleaning {
    background: url(images/cleaning-icon-w.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a figure.flooring {
    background: url(images/flooring.svg) no-repeat center;
    background-size: auto 44px !important
  }

  .pop-services-boxes a:active figure.flooring {
    background: url(images/flooring-w.svg) no-repeat center;
    background-size: auto 44px !important
  }

  .pop-services-boxes a figure.roofing {
    background: url(images/roofing-icon.svg) no-repeat center;
    background-size: 47px 35px !important
  }

  .pop-services-boxes a:active figure.roofing {
    background: url(images/roofing-icon-w.svg) no-repeat center;
    background-size: 47px 35px !important
  }

  .pop-services-boxes a figure.general-contractor {
    background: url(images/general-contractor-icon.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a:active figure.general-contractor {
    background: url(images/general-contractor-icon-w.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a figure.remodeling {
    background: url(images/remodeling.svg) no-repeat center;
    background-size: 40px 47px !important
  }

  .pop-services-boxes a:active figure.remodeling {
    background: url(images/remodeling-w.svg) no-repeat center;
    background-size: 40px 47px !important
  }

  .pop-services-boxes a span.title {
    font-size: 21px;
    color: #142E43;
    letter-spacing: -0.47px;
    padding: 21px 0 21px 0 !important;
    background: url(images/right-arrow-blue.svg) no-repeat calc(100% - 20px) center;
    background-size: 7px 13px;
    width: 100%;
    line-height: normal !important
  }

  .pop-services-boxes a span.title.double {
    padding: 10px 0 10px 0 !important
  }

  .pop-services-boxes a span.title br {
    display: inline-block
  }

  .pop-services-boxes a:active span.title {
    background: url(images/right-arrow.svg) no-repeat calc(100% - 20px) center !important;
    background-size: 7px 13px !important
  }

  .pop-services-boxes a span.para {
    display: none
  }

  .pop-services-boxes a.view-all {
    text-align: center;
    display: block;
    background-image: none;
    font-size: 24px;
    padding: 20px 0
  }

  .quote {
    background: url(images/quote-mobile-top-back.jpg) no-repeat top center #f5f9fc;
    background-size: 100% auto;
    padding-bottom: 0
  }

  .quote .quote-container {
    min-height: auto
  }

  .quote .quote-container .quote-box {
    width: 100%;
    margin: 0
  }

  .quote .quote-container .quote-box .quote-icon {
    margin: 70px 0 0 35px;
    width: calc(100% - 35px);
    font-size: 168px
  }

  .quote .quote-container .quote-box .quote-text {
    padding: 0 170px 0 50px;
    opacity: 0.8;
    font-size: 24px;
    color: #142E43;
    letter-spacing: 1.83px;
    line-height: 31px
  }

  .quote .quote-container .quote-box .quote-name {
    float: left;
    width: 100%;
    min-height: 450px;
    padding: 20px 0 0 50px;
    font-size: 13px;
    line-height: 18px;
    background: url(images/quote-mobile-bottom-back.jpg) no-repeat right 10px;
    background-size: 70% auto;
    opacity: 1;
    color: rgba(20, 46, 67, 0.8)
  }

  .quote-slider {
    display: none
  }
}

@media only screen and (max-width:640px) {
  .pop-services-boxes {
    width: 100%;
    margin: 0
  }

  .pop-services-boxes a figure {
    width: 26vw;
    margin: 0 4vw 0 0
  }

  .pop-services-boxes a span.title {
    font-size: 5.60vw;
    padding: 5.5vw 0 4vw 0 !important;
    background-size: 1.8667vw 3.4667vw;
    background-position: 96% center;
    width: 100%
  }

  .quote .quote-container .quote-box .quote-icon {
    margin: 13.3333vw 0 0 6.6667vw;
    width: calc(100% - 6.6667vw);
    font-size: 57.8667vw;
    line-height: 1.3333vw
  }

  .quote .quote-container .quote-box .quote-text {
    font-size: 4.80vw;
    line-height: 120%;
    padding: 0 8vw 2.6667vw
  }

  .quote .quote-container .quote-box .quote-name {
    padding: 2.6667vw 0 0 8vw;
    font-size: 2.40vw;
    line-height: 3.20vw;
    background-size: 100% auto;
    min-height: 80vw
  }
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid grey;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@media only screen and (max-width:1140px) {
  .container {
    width: 100%;
    margin: 0
  }

  footer {
    padding: 60px 50px 80px
  }

  footer .top-categories .top-categories-list ul li {
    padding-left: 0
  }
}

@media only screen and (max-width:768px) {
  footer {
    padding: 95px 50px 55px
  }

  footer .footer-logo img {
    width: 178px;
    height: 36px
  }

  footer .top-categories {
    padding: 65px 0 50px
  }

  footer .top-categories .top-categories-list ul:nth-child(1) {
    width: 100%
  }

  footer .top-categories .top-categories-list ul li {
    width: 50%
  }

  footer .top-categories .top-categories-list ul li a {
    font-size: 16px;
    opacity: 1
  }

  footer .copyright {
    font-size: 16px
  }
}

@media only screen and (max-width:640px) {
  footer {
    padding: 12vw 8vw 8vw
  }

  footer .footer-logo img {
    width: 23.7333vw;
    height: 4.80vw
  }

  footer .footer-header .linkedin {
    margin-right: 3vw
  }

  footer .footer-header .twitter {
    margin-right: 3vw;
    height: 5.8667vw;
    width: auto
  }

  footer .footer-header .facebook {
    height: 5.8667vw;
    width: auto
  }

  footer .top-categories {
    padding: 8vw 0 9.3333vw
  }

  footer .top-categories .top-categories-list ul li {
    width: 100%;
    padding-bottom: 2.6667vw
  }

  footer .top-categories .top-categories-list ul li a {
    font-size: 4vw
  }

  footer .copyright {
    font-size: 3.20vw;
    padding-top: 30px
  }

  footer .copyright span {
    display: block;
    padding-bottom: 10px
  }

  footer .footer-header .footer-social img {
    height: 15px;
    width: auto
  }
}

@media (max-width:767px) {
  header a.ruexpert {
    padding: 10px;
    width: auto
  }

  header .contact-number {
    display: inline-block;
    height: 40px;
    width: 30px;
    margin: 0 0 0 15px;
    padding: 0;
    background: url('images/phone-icon.png') no-repeat center;
    background-size: 100% auto;
    font-size: 0;
    line-height: normal
  }
}

@media only screen and (max-width:1140px) {
  header {
    width: 100%;
    margin: 0
  }

  .container {
    width: 100%;
    margin: 0
  }

  header .logo {
    padding-left: 50px
  }

  .banner .container {
    padding: 75px 0 0 75px
  }

  .additional-services {
    width: calc(100% - 50px);
    margin: 0 25px
  }

  .additional-services .add-services-list .top-categories-list ul li {
    padding-left: 10px
  }

  .popular-services .container {
    width: calc(100% - 100px);
    margin: 0 50px
  }

  .pop-services-boxes a span.title {
    font-size: 2.8vw
  }

  .pop-services-boxes a span.para {
    font-size: 1.3vw
  }

  .project-resource .cols {
    min-height: 785px
  }

  .project-resource .cols .pull-right,
  .project-resource .cols .pull-left {
    float: left;
    margin: 0 70px;
    width: calc(100% - 140px)
  }

  .project-resource .cols .pull-left {
    min-height: 260px
  }

  .project-resource .cols p span {
    display: inline !important
  }

  .quote-slider {
    width: calc(100% - 100px);
    margin: 0 50px
  }

  footer {
    padding: 60px 50px 80px
  }

  footer .top-categories .top-categories-list ul li {
    padding-left: 0
  }
}

@media only screen and (max-width:1024px) {
  .popular-services {
    padding: 66px 0 100px
  }

  .pop-services-boxes a span.title {
    font-size: 2.5vw
  }

  .pop-services-boxes a {
    height: 465px
  }
}

@media only screen and (max-width:768px) {
  .sticky-header {
    display: none !important
  }

  header .logo {
    padding: 8px 0 0 51px;
    width: auto
  }

  header .logo img {
    width: 211px;
    height: auto
  }

  .banner {
    padding-bottom: 75px;
    background-size: auto 100%;
    background-position: 41% top
  }

  .banner .container {
    padding: 175px 50px 0
  }

  .banner h1 br {
    display: none
  }

  .banner h1 {
    padding-right: 180px
  }

  .banner p {
    font-size: 19px;
    color: #fff;
    letter-spacing: 1.53px
  }

  .banner .search-container {
    padding-right: 0
  }

  .banner .search-container .looking-for {
    width: calc(100% - 241px);
    margin-right: 0
  }

  .banner .search-container .go {
    width: 211px
  }

  .additional-services .add-service-btn-container {
    top: -33px
  }

  .additional-services .add-service-btn-container span {
    top: 40px
  }

  .additional-services .add-service-btn-container .add-service-btn {
    width: 65px;
    height: 65px;
    background-size: 32%
  }

  .additional-services .add-services-list .top-categories-list ul:nth-child(1) {
    width: 100%
  }

  .additional-services .add-services-list .top-categories-list ul li {
    width: 50%
  }

  .additional-services .add-services-list .top-categories-list ul li a {
    font-size: 16px;
    opacity: 1
  }

  .popular-services {
    padding: 66px 0 50px
  }

  a.nav-btn {
    display: none !important
  }

  .pop-services-boxes {
    float: left;
    overflow: auto;
    height: auto;
    width: 514px;
    margin: 0 calc((100% - 514px)/2)
  }

  .pop-services-boxes .row {
    position: relative;
    left: 0 !important;
    flex-direction: column
  }

  .pop-services-boxes a {
    width: 100%;
    height: 74px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-content: center;
    -webkit-align-content: center;
    margin: 0 0 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.09)
  }

  .pop-services-boxes a figure {
    float: left;
    width: 125px;
    height: auto;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important
  }

  .pop-services-boxes a figure.paint-brush {
    background: url(images/paint-brush.svg) no-repeat center;
    background-size: 29px 50px !important
  }

  .pop-services-boxes a:active figure.paint-brush {
    background: url(images/paint-brush-w.svg) no-repeat center;
    background-size: 29px 50px !important
  }

  .pop-services-boxes a figure.handyman {
    background: url(images/handyman-icon.svg) no-repeat center;
    background-size: 40px 50px !important
  }

  .pop-services-boxes a:active figure.handyman {
    background: url(images/handyman-icon-w.svg) no-repeat center;
    background-size: 40px 50px !important
  }

  .pop-services-boxes a figure.cleaning {
    background: url(images/cleaning-icon.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a:active figure.cleaning {
    background: url(images/cleaning-icon-w.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a figure.flooring {
    background: url(images/flooring.svg) no-repeat center;
    background-size: auto 44px !important
  }

  .pop-services-boxes a:active figure.flooring {
    background: url(images/flooring-w.svg) no-repeat center;
    background-size: auto 44px !important
  }

  .pop-services-boxes a figure.roofing {
    background: url(images/roofing-icon.svg) no-repeat center;
    background-size: 47px 35px !important
  }

  .pop-services-boxes a:active figure.roofing {
    background: url(images/roofing-icon-w.svg) no-repeat center;
    background-size: 47px 35px !important
  }

  .pop-services-boxes a figure.general-contractor {
    background: url(images/general-contractor-icon.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a:active figure.general-contractor {
    background: url(images/general-contractor-icon-w.svg) no-repeat center;
    background-size: 32px 50px !important
  }

  .pop-services-boxes a figure.remodeling {
    background: url(images/remodeling.svg) no-repeat center;
    background-size: 40px 47px !important
  }

  .pop-services-boxes a:active figure.remodeling {
    background: url(images/remodeling-w.svg) no-repeat center;
    background-size: 40px 47px !important
  }

  .pop-services-boxes a span.title {
    font-size: 21px;
    color: #142E43;
    letter-spacing: -0.47px;
    padding: 21px 0 21px 0 !important;
    background: url(images/right-arrow-blue.svg) no-repeat calc(100% - 20px) center;
    background-size: 7px 13px;
    width: 100%;
    line-height: normal !important
  }

  .pop-services-boxes a span.title.double {
    padding: 10px 0 10px 0 !important
  }

  .pop-services-boxes a span.title br {
    display: inline-block
  }

  .pop-services-boxes a:active span.title {
    background: url(images/right-arrow.svg) no-repeat calc(100% - 20px) center !important;
    background-size: 7px 13px !important
  }

  .pop-services-boxes a span.para {
    display: none
  }

  .pop-services-boxes a.view-all {
    text-align: center;
    display: block;
    background-image: none;
    font-size: 24px;
    padding: 20px 0
  }

  .project-resource {
    border: 0
  }

  .project-resource .cols {
    float: left;
    width: 100%;
    border: 0 !important;
    min-height: auto
  }

  .project-resource .cols .screenshot {
    display: none
  }

  .project-resource .cols .pull-right,
  .project-resource .cols .pull-left {
    min-height: auto
  }

  .project-resource .cols .pull-right p,
  .project-resource .cols .pull-left p {
    font-size: 16px;
    line-height: 19px;
    padding: 0 18% 175px
  }

  .project-resource .cols p.last-para {
    padding: 0 18% 75px
  }

  .project-resource .cols .box-container .icon {
    top: -43px
  }

  .project-resource .cols .box-container .icon img {
    width: 86px;
    height: 86px
  }

  .quote {
    background: url(images/quote-mobile-top-back.jpg) no-repeat top center #f5f9fc;
    background-size: 100% auto;
    padding-bottom: 0
  }

  .quote .quote-container {
    min-height: auto
  }

  .quote .quote-container .quote-box {
    width: 100%;
    margin: 0
  }

  .quote .quote-container .quote-box .quote-icon {
    margin: 70px 0 0 35px;
    width: calc(100% - 35px);
    font-size: 168px
  }

  .quote .quote-container .quote-box .quote-text {
    padding: 0 170px 0 50px;
    opacity: 0.8;
    font-size: 24px;
    color: #142E43;
    letter-spacing: 1.83px;
    line-height: 31px
  }

  .quote .quote-container .quote-box .quote-name {
    float: left;
    width: 100%;
    min-height: 450px;
    padding: 20px 0 0 50px;
    font-size: 13px;
    line-height: 18px;
    background: url(images/quote-mobile-bottom-back.jpg) no-repeat right 10px;
    background-size: 70% auto;
    opacity: 1;
    color: rgba(20, 46, 67, 0.8)
  }

  .quote-slider {
    display: none
  }

  footer {
    padding: 95px 50px 55px
  }

  footer .footer-logo img {
    width: 178px;
    height: 36px
  }

  footer .top-categories {
    padding: 65px 0 50px
  }

  footer .top-categories .top-categories-list ul:nth-child(1) {
    width: 100%
  }

  footer .top-categories .top-categories-list ul li {
    width: 50%
  }

  footer .top-categories .top-categories-list ul li a {
    font-size: 16px;
    opacity: 1
  }

  footer .copyright {
    font-size: 16px
  }
}

@media only screen and (max-width:640px) {
  header .logo {
    padding: 0.8vw 0 0
  }

  header .logo img {
    width: 37.3333vw !important;
    height: 7.4667vw !important
  }

  .banner {
    padding-bottom: 0;
    min-height: 583px;
    background-position: 36% top
  }

  .banner .container {
    padding: 34.6667vw 6.6667vw 15vw
  }

  .banner h1 {
    font-size: 8vw;
    padding-right: 0;
    padding-bottom: 4vw;
    line-height: 10.1333vw
  }

  .banner p {
    font-size: 3.0667vw;
    padding-right: 0;
    padding-bottom: 6vw;
    line-height: 6.1333vw
  }

  .banner .search-container input[type='text'] {
    min-height: 50px;
    font-size: 25px;
    padding: 15px 10px 0 8px;
    letter-spacing: 0
  }

  .banner .search-container .looking-for {
    width: 100%;
    padding-bottom: 20px
  }

  .banner .search-container .looking-for .looking-label {
    font-size: 10px;
    letter-spacing: 0.17px;
    left: 10px;
    top: 8px
  }

  #auto-search {
    top: 50px;
    padding: 5px 0
  }

  .banner .search-container .looking-for #search-error {
    top: -45px;
    padding: 5px 10px
  }

  .banner .search-container .looking-for #search-error:before {
    border-width: 10px 10px 0 10px;
    border-color: #FFF transparent transparent transparent;
    border-style: solid;
    top: 29px;
    left: calc(50% - 10px)
  }

  .banner .search-container .go {
    width: 100%;
    height: 48px;
    margin: 0
  }

  .additional-services .add-service-btn-container {
    top: -21px;
    display: none
  }

  .additional-services .add-service-btn-container .add-service-btn {
    width: 40px;
    height: 40px
  }

  .additional-services .add-service-btn-container span {
    width: 30vw;
    font-size: 2.6667vw;
    left: -32vw;
    top: -0.7vw;
    text-align: right
  }

  .additional-services .add-services-list {
    padding: 12vw 0
  }

  .additional-services .add-services-list .top-categories-list ul {
    padding-bottom: 30px
  }

  .additional-services .add-services-list .top-categories-list ul li {
    width: 100%;
    padding-bottom: 2.6667vw
  }

  .additional-services .add-services-list .top-categories-list ul li a {
    font-size: 4vw
  }

  .popular-services {
    padding: 13.3333vw 0 4vw
  }

  .popular-services .container {
    width: calc(100% - 13.3333vw);
    margin: 0 6.6667vw
  }

  .pop-services-boxes {
    width: 100%;
    margin: 0
  }

  .pop-services-boxes a figure {
    width: 26vw;
    margin: 0 4vw 0 0
  }

  .pop-services-boxes a span.title {
    font-size: 5.60vw;
    padding: 5.5vw 0 4vw 0 !important;
    background-size: 1.8667vw 3.4667vw;
    background-position: 96% center;
    width: 100%
  }

  .project-resource {
    padding-top: 10.6667vw
  }

  .project-resource .cols .box-container .icon {
    top: -10.40vw
  }

  .project-resource .cols .box-container .icon img {
    width: 20.80vw;
    height: 20.80vw
  }

  .project-resource .cols .pull-right,
  .project-resource .cols .pull-left {
    margin: 0 6.6667vw;
    width: calc(100% - 13.3333vw)
  }

  .project-resource .cols .pull-right p,
  .project-resource .cols .pull-left p {
    padding-bottom: 24vw;
    font-size: 4vw;
    line-height: 120%
  }

  .project-resource .cols p.last-para {
    padding-bottom: 14.6667vw
  }

  .quote .quote-container .quote-box .quote-icon {
    margin: 13.3333vw 0 0 6.6667vw;
    width: calc(100% - 6.6667vw);
    font-size: 57.8667vw;
    line-height: 1.3333vw
  }

  .quote .quote-container .quote-box .quote-text {
    font-size: 4.80vw;
    line-height: 120%;
    padding: 0 8vw 2.6667vw
  }

  .quote .quote-container .quote-box .quote-name {
    padding: 2.6667vw 0 0 8vw;
    font-size: 2.40vw;
    line-height: 3.20vw;
    background-size: 100% auto;
    min-height: 80vw
  }

  footer {
    padding: 12vw 8vw 8vw
  }

  footer .footer-logo img {
    width: 23.7333vw;
    height: 4.80vw
  }

  footer .footer-header .linkedin {
    margin-right: 3vw
  }

  footer .footer-header .twitter {
    margin-right: 3vw;
    height: 5.8667vw;
    width: auto
  }

  footer .footer-header .facebook {
    height: 5.8667vw;
    width: auto
  }

  footer .top-categories {
    padding: 8vw 0 9.3333vw
  }

  footer .top-categories .top-categories-list ul li {
    width: 100%;
    padding-bottom: 2.6667vw
  }

  footer .top-categories .top-categories-list ul li a {
    font-size: 4vw
  }

  footer .copyright {
    font-size: 3.20vw;
    padding-top: 30px
  }

  footer .copyright span {
    display: block;
    padding-bottom: 10px
  }

  footer .footer-header .footer-social img {
    height: 15px;
    width: auto
  }
}

@media (max-width:480px) {
  header a.ruexpert {
    padding: 5px;
    font-size: 12px
  }

  header .contact-number {
    height: 21px;
    width: 15px;
    margin-top: -2px;
    margin-left: 10px
  }
}

@media only screen and (max-width:360px) {
  .banner .search-container .looking-for #search-error {
    top: -65px
  }

  .banner .search-container .looking-for #search-error:before {
    top: 48px
  }
}

@media (max-width:767px) {
  .intake-popup-main-container {
    position: absolute
  }
}

.intake-popup-container {
  float: left;
  width: 1140px;
  margin: 0 calc((100% - 1140px)/2);
  background: #fff;
  color: #000;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  position: relative;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease
}

.intake-popup-container h1 {
  font: 42px 'CircularStd-Black';
  color: #142E43;
  letter-spacing: 1.03px
}

.intake-popup-container .header-logo {
  display: block;
  width: 100%;
  height: 104px;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.intake-popup-container .all-services {
  padding: 20px 100px 80px
}

.intake-popup-container .all-services h1 {
  font: 42px/48px 'CircularStd-Black';
  color: #142E43;
  letter-spacing: 1.03px;
  padding-bottom: 43px
}

.intake-popup-container .all-services .top-categories-list {
  float: left;
  width: 100%
}

.intake-popup-container .all-services .top-categories-list ul {
  float: left;
  padding-bottom: 20px
}

.intake-popup-container .all-services .top-categories-list ul:nth-child(1) {
  width: 36%
}

.intake-popup-container .all-services .top-categories-list ul li {
  float: left;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 0
}

.intake-popup-container .all-services .top-categories-list ul li a {
  font: 14px 'CircularStd-Book';
  color: #003872;
  position: relative
}

.intake-popup-container .all-services .top-categories-list ul li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #003871;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s
}

.intake-popup-container .all-services .top-categories-list ul li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

@media only screen and (max-width:1140px) {
  .intake-popup-main-container {
    padding: 102px 50px
  }

  .intake-popup-close-box,
  .intake-popup-container {
    width: 100%;
    margin: 0
  }
}

@media only screen and (max-width:1024px) {
  .intake-popup-container .all-services .top-categories-list ul li {
    padding-left: 0
  }
}

@media only screen and (max-width:768px) {
  .intake-popup-close-box-container {
    padding: 11.5% 50px
  }

  .intake-popup-close-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 100px);
    transform: translate(-50%, -50%)
  }

  .intake-popup-close-box h1 {
    padding: 40px 15% 30px;
    font-size: 20px
  }

  .intake-popup-close-box .request-btn-container {
    padding: 0 25px 30px
  }

  .intake-popup-close-box .request-btn-container button {
    font-size: 18px;
    height: 75px;
    padding: 21px
  }

  .intake-popup-close-box .want-to-talk {
    padding: 30px 0
  }

  .intake-popup-container .all-services {
    padding: 20px 40px 40px
  }

  .intake-popup-container .all-services .top-categories-list ul:nth-child(1) {
    width: 100%
  }

  .intake-popup-container .all-services .top-categories-list ul li {
    width: 50%
  }
}

@media only screen and (max-width:640px) {
  .intake-popup-close-box-container {
    padding: 11.5% 25px;
    background: rgba(0, 0, 0, 0.9)
  }

  .intake-popup-close-box {
    width: calc(100% - 50px)
  }

  .intake-popup-close-box .request-btn-container {
    grid-template-columns: 1fr;
    grid-gap: 10px
  }

  .intake-popup-close-box .request-btn-container button {
    padding: 11px
  }

  .intake-popup-close-box .want-to-talk div {
    background-size: 33px;
    padding-left: 46px;
    font-size: 13px;
    letter-spacing: 1.09px
  }

  .intake-popup-close-box .want-to-talk div span {
    font: 17.25px 'CircularStd-Bold', serif;
    color: #0DD98A;
    letter-spacing: 1px
  }

  .intake-popup-main-container {
    padding: 0;
    background: #fff
  }

  .intake-popup-container {
    border-radius: 0;
    -webkit-border-radius: 0
  }

  .intake-popup-container h1 {
    font-size: 30px;
    letter-spacing: 0
  }

  .intake-popup-container .all-services {
    padding: 10px 50px 20px
  }

  .intake-popup-container .all-services h1 {
    font-size: 30px;
    padding-bottom: 20px
  }

  .intake-popup-container .all-services .top-categories-list ul {
    padding-bottom: 10px
  }

  .intake-popup-container .all-services .top-categories-list ul li {
    width: 100%;
    padding-bottom: 20px
  }
}

@media all {
  * {
    box-sizing: border-box;
    outline: 0;
    font-family: 'CircularStd-Book'
  }

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

  ul,
  li {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal
  }

  ul {
    margin: 0;
    list-style: none;
    padding: 0
  }

  img {
    display: inline;
    outline: 0
  }

  .full-width {
    float: left;
    width: 100%;
    position: relative
  }

  .container {
    float: left;
    width: 1140px;
    margin: 0 calc((100% - 1140px)/2);
    position: relative
  }

  footer {
    background: #003872;
    padding: 60px 0 80px;
    color: #fff
  }

  footer .footer-header {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center
  }

  footer .footer-header .twitter,
  footer .footer-header .linkedin {
    margin-right: 26px
  }

  footer .top-categories {
    padding: 70px 0 50px
  }

  footer .top-categories .footer-title {
    font: 21px 'CircularStd-Bold';
    color: #FFF;
    letter-spacing: 1.56px;
    text-transform: uppercase;
    padding: 0 0 36px
  }

  footer .top-categories .top-categories-list {
    float: left;
    width: 100%
  }

  footer .top-categories .top-categories-list ul {
    float: left
  }

  footer .top-categories .top-categories-list ul:nth-child(1) {
    width: 36%
  }

  footer .top-categories .top-categories-list ul li {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    padding-left: 0
  }

  footer .top-categories .top-categories-list ul li a {
    font: 16px 'CircularStd-Book';
    color: #fff;
    float: left;
    height: 40px;
    opacity: 0.6;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
  }

  footer .top-categories .top-categories-list ul li a:hover {
    opacity: 1
  }

  footer .copyright {
    font: 16px 'CircularStd-Book';
    color: #FFF;
    padding-top: 80px
  }
}

@media only screen and (max-width:1140px) {
  .container {
    width: 100%;
    margin: 0
  }

  footer {
    padding: 60px 50px 80px
  }

  footer .top-categories .top-categories-list ul li {
    padding-left: 0
  }
}

@media only screen and (max-width:768px) {
  footer {
    padding: 95px 50px 55px
  }

  footer .footer-logo img {
    width: 178px;
    height: 36px
  }

  footer .top-categories {
    padding: 65px 0 50px
  }

  footer .top-categories .top-categories-list ul:nth-child(1) {
    width: 100%
  }

  footer .top-categories .top-categories-list ul li {
    width: 50%
  }

  footer .top-categories .top-categories-list ul li a {
    font-size: 16px;
    opacity: 1
  }

  footer .copyright {
    font-size: 16px
  }
}

@media only screen and (max-width:640px) {
  footer {
    padding: 12vw 8vw 8vw
  }

  footer .footer-logo img {
    width: 23.7333vw;
    height: 4.80vw
  }

  footer .footer-header .linkedin {
    margin-right: 3vw
  }

  footer .footer-header .twitter {
    margin-right: 3vw;
    height: 5.8667vw;
    width: auto
  }

  footer .footer-header .facebook {
    height: 5.8667vw;
    width: auto
  }

  footer .top-categories {
    padding: 8vw 0 9.3333vw
  }


  footer .top-categories .top-categories-list ul li {
    width: 100%;
    padding-bottom: 2.6667vw
  }

  footer .top-categories .top-categories-list ul li a {
    font-size: 4vw
  }

  footer .copyright {
    font-size: 3.20vw;
    padding-top: 30px
  }

  footer .copyright span {
    display: block;
    padding-bottom: 10px
  }

  footer .footer-header .footer-social img {
    height: 15px;
    width: auto
  }
}

@-webkit-keyframes sk-three-bounce {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes sk-three-bounce {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@font-face {
  font-family: 'CircularStd-Black';
  src: url('fonts/CircularStd-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal
}

@font-face {
  font-family: 'CircularStd-Book';
  src: url('fonts/CircularStd-Book.eot');
  src: url('fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), url('fonts/CircularStd-Book.woff2') format('woff2'), url('fonts/CircularStd-Book.woff') format('woff'), url('fonts/CircularStd-Book.ttf') format('truetype'), url('fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'CircularStd-Bold';
  src: url('fonts/CircularStd-Bold.eot');
  src: url('fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/CircularStd-Bold.woff2') format('woff2'), url('fonts/CircularStd-Bold.woff') format('woff'), url('fonts/CircularStd-Bold.ttf') format('truetype'), url('fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
  font-weight: 700;
  font-style: normal
}

.animated-gradient {
  background: repeating-linear-gradient(to right, #0dd98a 0%, #d3b60a 50%, #0dd98a 100%);
  width: 100%;
  background-size: 200% auto;
  background-position: 0 100%;
  animation: gradient 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  height:10px;
}

@keyframes gradient {
  0%   { background-position: 0 0; }
  100% { background-position: -200% 0; }
}

@media only screen and (max-width:640px){
  #auto-search{top:50px;padding:5px 0;}
  #auto-search li a{font-size:14px;padding:10px 20px;}
}

*{box-sizing:border-box;outline:none;font-family:'CircularStd-Book';}
button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
button{cursor:pointer;}
a{text-decoration:none;outline:none;cursor:pointer;}
h1,h3,ul,li{margin:0;padding:0;line-height:normal;font-weight:normal;}
ul{margin:0;list-style-type:none;padding:0;}
.no-border{border:0!important;}
.full-width{float:left;width:100%;position:relative;}
.intake-popup-close-box-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;background:rgba(0,0,0,0.7);color:#fff;padding:11.5%;overflow:auto;display:none;}
.intake-popup-close-box{float:left;width:1140px;margin:0 calc((100% - 1140px)/2);background:#fff;color:#000;border-radius:10px;-webkit-border-radius:10px;position:relative;-webkit-transition:height 0.5s ease;-moz-transition:height 0.5s ease;-ms-transition:height 0.5s ease;-o-transition:height 0.5s ease;transition:height 0.5s ease;}
.intake-popup-close-box .intake-popup-close-box-btn{position:absolute;top:20px;right:24px;width:12px;height:12px;background:url(/images/close-btn.png) no-repeat;z-index:9999999;}
.intake-popup-close-box h1{text-align:center;padding:75px 250px 65px;font-family:'CircularStd-Bold';font-size:30px;color:#142E43;letter-spacing:1.45px;}
.intake-popup-close-box .request-btn-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;padding:0 100px 68px;border-bottom:1px solid #979797;}
.intake-popup-close-box .request-btn-container button{display:block;width:100%;height:117px;border:1px solid #979797;border-radius:8px;-webkit-border-radius:8px;background:#fff;text-align:left;font-family:'CircularStd-Bold';font-size:25px;letter-spacing:0;line-height:30px;padding:23px 21px 19px;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-ms-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;}
.intake-popup-close-box .request-btn-container button.cancel{color:#E64612;}
.intake-popup-close-box .request-btn-container button:hover.cancel{border:1px solid #E64612;}
.intake-popup-close-box .request-btn-container button:active.cancel{color:#fff;background:#E64612;}
.intake-popup-close-box .request-btn-container button.continue{color:#003872;}
.intake-popup-close-box .request-btn-container button:hover.continue{border:1px solid #003872;}
.intake-popup-close-box .request-btn-container button:active.continue{color:#fff;background:#003872;}
.intake-popup-close-box .want-to-talk{padding:35px 0;text-align:center;}
.intake-popup-close-box .want-to-talk div{display:inline-block;background:url(/images/Support-blue.svg) no-repeat left top;background-size:45px;text-align:left;padding-left:58px;font-family:'CircularStd-Book';font-size:17px;color:#142E43;letter-spacing:1.45px;}
.intake-popup-close-box .want-to-talk div span{font-size:23px;}
.intake-popup-close-box .want-to-talk div a{color:#0DD98A;}
.intake-popup-close-box .want-to-talk div a:hover{color:#33f1a7;}
.intake-popup-close-box .want-to-talk div a:active{color:#0b905b;}
.intake-popup-container{float:left;width:1140px;margin:0 calc((100% - 1140px)/2);background:#fff;color:#000;border-radius:22px;-webkit-border-radius:22px;position:relative;-webkit-transition:height 0.5s ease;-moz-transition:height 0.5s ease;-ms-transition:height 0.5s ease;-o-transition:height 0.5s ease;transition:height 0.5s ease;}
.intake-popup-container .intake-popup-close-btn{position:absolute;top:16px;right:4px;width:12px;height:12px;background:url(/images/close-btn.png) no-repeat;z-index:9999999;}
.intake-popup-container h1{font-family:'CircularStd-Black';font-size:42px;color:#142E43;letter-spacing:1.03px;}
.intake-popup-container h3{font-family:'CircularStd-Bold';font-size:30px;color:#142E43;letter-spacing:1.45px;text-align:center;padding:36px 0 39px;}
.intake-popup-container .progress-bar-container{display:block;width:810px;height:10px;margin:0 auto;background:#D4EAFB;border-radius:37px;-webkit-border-radius:37px;}
.intake-popup-container .progress-bar-container .progress-bar{display:block;width:20%;height:10px;margin:0;background:#003872;border-radius:37px;-webkit-border-radius:37px;-webkit-transition:width 0.5s ease;-moz-transition:width 0.5s ease;-ms-transition:width 0.5s ease;-o-transition:width 0.5s ease;transition:width 0.5s ease;}
.intake-popup-container .form-container{display:block;width:100%;padding:0 95px 50px;}
.intake-popup-container .note{display:block;font-family:'CircularStd-Book';font-size:30px;color:#142E43;letter-spacing:1.45px;padding:47px 0 37px;}
.intake-popup-container .options ul{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:30px;grid-row-gap:20px;width:100%;}
.intake-popup-container .contact-info #prev_block{float:left;width:130px;}
.intake-popup-container .options ul li{width:100%;height:117px;text-align:left;align-content:center;}
.intake-popup-container .options ul li label{display:flex;display:-webkit-flex;justify-content:center;flex-direction:column;text-align:left;width:100%;height:100%;border:1px solid #979797;border-radius:8px;-webkit-border-radius:8px;padding:0 50px 0 21px;font-family:'CircularStd-Bold';font-size:25px;color:#142E43;letter-spacing:0;line-height:30px;background:url(/images/right-arrow-blue.svg) no-repeat #fff;background-position:95% center;cursor:pointer;position:relative;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-ms-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;}
.intake-popup-container .options ul li label:hover{border:1px solid #003872;}
.intake-popup-container .options ul li input[type=radio]:checked + label{background:url(/images/right-arrow.svg) no-repeat #003872;color:#fff;background-position:95% center;border:1px solid #003872;}
.intake-popup-container .options ul li input[type=radio]{display:none;}
.intake-popup-container .contact-info ul{display:flex;display:-webkit-flex;flex-direction:row;justify-content:space-between;}
.intake-popup-container .contact-info ul li{display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;width:100%;height:117px;border:1px solid #979797;border-radius:8px;-webkit-border-radius:8px;margin-bottom:20px;position:relative;}
.intake-popup-container .contact-info ul li:nth-child(1){margin-right:15px;}
.intake-popup-container .previous-btn{display:inline-block;background:url(/images/previous-arrow.png) no-repeat left center;padding-left:33px;font-family:'CircularStd-Book';font-size:20px;color:#142E43;letter-spacing:1.45px;width:125px;}
#step1-1 .previous-btn{margin-top:50px;}
@media only screen and (max-width:1140px){
  .intake-popup-close-box,.intake-popup-container{width:100%;margin:0;}
  .intake-popup-container .progress-bar-container{width:78%;}
  .intake-popup-container .progress-bar-container .progress-bar{width:20%;}
}
@media only screen and (max-width:768px){
  .intake-popup-close-box-container{padding:11.5% 50px;}
  .intake-popup-close-box{position:absolute;top:50%;left:50%;width:calc(100% - 100px);transform:translate(-50%, -50%);}
  .intake-popup-close-box h1{padding:40px 15% 30px;font-size:20px;}
  .intake-popup-close-box .request-btn-container{padding:0 25px 30px;}
  .intake-popup-close-box .request-btn-container button{font-size:18px;height:75px;padding:21px;}
  .intake-popup-close-box .want-to-talk{padding:30px 0;}
  .intake-popup-container .form-container{padding:0 50px 25px;}
  .intake-popup-container .options ul,.intake-popup-container .contact-info ul{grid-template-columns:1fr;grid-column-gap:0px;grid-row-gap:20px;}
  .intake-popup-container .options ul li:nth-child(odd),.intake-popup-container .options ul li:nth-child(even){padding:0!important;}
  .intake-popup-container .contact-info ul{flex-direction:column;}
  .intake-popup-container .contact-info ul li{margin-left:0!important;margin-right:0!important;}
  .intake-popup-container .contact-info ul li.no-border{margin-bottom:15px;position:relative;}
}
@media only screen and (max-width:640px){
  .intake-popup-close-box-container{padding:11.5% 25px;background:rgba(0,0,0,0.9);}
  .intake-popup-close-box{width:calc(100% - 50px);}
  .intake-popup-close-box .request-btn-container{grid-template-columns:1fr;grid-gap:10px;}
  .intake-popup-close-box .request-btn-container button{padding:11px;}
  .intake-popup-close-box .want-to-talk div{background-size:33px;padding-left:46px;font-size:13px;letter-spacing:1.09px;}
  .intake-popup-close-box .want-to-talk div span{font-family:'CircularStd-Bold';font-size:17.25px;color:#0DD98A;letter-spacing:1px;}
  .intake-popup-container{border-radius:0;-webkit-border-radius:0;}
  .intake-popup-container .intake-popup-close-btn{top:16px;right:4px;}
  .intake-popup-container h3{font-size:22px;padding:31px 0 19px;letter-spacing:1.45px;}
  .intake-popup-container .progress-bar-container{width:calc(100% - 100px);margin:0 50px 5px;}
  .intake-popup-container .form-container{padding:0 25px;}
  .intake-popup-container .note{font-size:25px;padding:10px 0 25px;letter-spacing:-0.3px;}
  .intake-popup-container .options ul li{height:75px;}
  .intake-popup-container .options ul li label{font-size:18px;line-height:130%;background-size:7px 14px;padding:0 30px 0 11px;}
  .intake-popup-container .contact-info{padding-bottom:0px;}
  .intake-popup-container .contact-info ul li{height:75px;margin-bottom:15px;}
  #step1-1 .previous-btn{margin-top:0;}
  .intake-popup-container .previous-btn{padding:25px 0 25px 20px;font-size:12px;background-size:13px;margin-top:0!important;}
  .intake-popup-container h1{font-size:30px;letter-spacing:0;}
}

*{box-sizing:border-box;outline:none;font-family:'CircularStd-Book';}
button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
button{cursor:pointer;}
a{text-decoration:none;outline:none;cursor:pointer;}
h1,h3,ul,li{margin:0;padding:0;line-height:normal;font-weight:normal;}
ul{margin:0;list-style-type:none;padding:0;}
.no-border{border:0!important;}
.full-width{float:left;width:100%;position:relative;}
.intake-popup-close-box .intake-popup-close-box-btn{position:absolute;top:20px;right:24px;width:12px;height:12px;background:url(/images/close-btn.png) no-repeat;z-index:9999999;}
.intake-popup-close-box h1{text-align:center;padding:75px 250px 65px;font-family:'CircularStd-Bold';font-size:30px;color:#142E43;letter-spacing:1.45px;}
.intake-popup-close-box .request-btn-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;padding:0 100px 68px;border-bottom:1px solid #979797;}
.intake-popup-close-box .request-btn-container button.cancel{color:#E64612;}
.intake-popup-close-box .request-btn-container button:hover.cancel{border:1px solid #E64612;}
.intake-popup-close-box .request-btn-container button:active.cancel{color:#fff;background:#E64612;}
.intake-popup-close-box .request-btn-container button.continue{color:#003872;}
.intake-popup-close-box .request-btn-container button:hover.continue{border:1px solid #003872;}
.intake-popup-close-box .request-btn-container button:active.continue{color:#fff;background:#003872;}
.intake-popup-close-box .want-to-talk{padding:35px 0;text-align:center;}
.intake-popup-close-box .want-to-talk div{display:inline-block;background:url(/images/Support-blue.svg) no-repeat left top;background-size:45px;text-align:left;padding-left:58px;font-family:'CircularStd-Book';font-size:17px;color:#142E43;letter-spacing:1.45px;}
.intake-popup-close-box .want-to-talk div span{font-size:23px;}
.intake-popup-close-box .want-to-talk div a{color:#0DD98A;}
.intake-popup-close-box .want-to-talk div a:hover{color:#33f1a7;}
.intake-popup-close-box .want-to-talk div a:active{color:#0b905b;}
.intake-popup-container .intake-popup-close-btn{position:absolute;top:16px;right:4px;width:40px;height:40px;background:url(/images/close-btn.png) no-repeat;z-index:9999999;}
.intake-popup-container h1{font-family:'CircularStd-Black';font-size:42px;color:#142E43;letter-spacing:1.03px;}
.intake-popup-container h3{font-family:'CircularStd-Bold';font-size:30px;color:#142E43;letter-spacing:1.45px;text-align:center;padding:36px 0 39px;}
.intake-popup-container .progress-bar-container{display:block;width:810px;height:10px;margin:0 auto;background:#D4EAFB;border-radius:37px;-webkit-border-radius:37px;}
.intake-popup-container .form-container{display:block;width:100%;padding:0 95px 50px;}
.intake-popup-container .note2{display:block;font-family:'CircularStd-Book';font-size:30px;color:#142E43;letter-spacing:1.45px;padding:47px 0 37px;}
.intake-popup-container .contact-info #prev_block{float:left;width:130px;}
.intake-popup-container .multi-select ul{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:30px;grid-row-gap:20px;width:100%;}
.intake-popup-container .multi-select ul li{width:100%;height:117px;text-align:left;align-content:center;}
.intake-popup-container .multi-select ul li label{display:flex;display:-webkit-flex;justify-content:center;flex-direction:column;text-align:left;width:100%;height:100%;border:1px solid #979797;border-radius:8px;-webkit-border-radius:8px;padding:0 20px 0 61px;font-family:'CircularStd-Bold';font-size:25px;color:#142E43;letter-spacing:0;line-height:30px;background:url(/images/checkbox-default.png) no-repeat #fff;background-position:18px center;cursor:pointer;position:relative;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-ms-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;}
.intake-popup-container .multi-select ul li label:hover{border:1px solid #003872;background:url(/images/checkbox-hover.png) no-repeat #fff;background-position:18px center;}
.intake-popup-container .multi-select ul li input[type=checkbox]:checked + label{background:url(/images/checkbox-clicked.png) no-repeat #fff;background-position:18px center;border:1px solid #003872;}
.intake-popup-container .multi-select ul li input[type=checkbox]{display:none;}
.intake-popup-container .contact-info ul{display:flex;display:-webkit-flex;flex-direction:row;justify-content:space-between;}
.intake-popup-container .contact-info ul li:nth-child(1){margin-right:15px;}
.intake-popup-container .contact-info ul li:nth-child(2){margin-left:15px;}
.intake-popup-container .green-btn{display:block;width:100%;height:100%;border:0;border-radius:8px;-webkit-border-radius:8px;padding:20px;font-family:'CircularStd-Bold';font-size:40px;color:#FFFFFF;text-align:center;background:#0DD98A;background-position:96% center;background-size:14px 26px;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-ms-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;}
.intake-popup-container .green-btn:disabled{background:#dddddd!important;cursor:default!important;}
.intake-popup-container .green-btn:hover{background-color:#33f1a7;}
.intake-popup-container .green-btn:active{background-color:#0b905b;}
.intake-popup-container .previous-btn{display:inline-block;background:url(/images/previous-arrow.png) no-repeat left center;padding-left:33px;font-family:'CircularStd-Book';font-size:20px;color:#142E43;letter-spacing:1.45px;width:125px;}
#step333 .previous-btn{margin-top:50px;}
@media only screen and (max-width:1140px){
  .intake-popup-close-box,.intake-popup-container{width:100%;margin:0;}
  .intake-popup-container .progress-bar-container{width:78%;}
  .intake-popup-container .progress-bar-container .progress-bar{width:20%;}
}
@media only screen and (max-width:768px){
  .intake-popup-close-box-container{padding:11.5% 50px;}
  .intake-popup-close-box{position:absolute;top:50%;left:50%;width:calc(100% - 100px);transform:translate(-50%, -50%);}
  .intake-popup-close-box h1{padding:40px 15% 30px;font-size:20px;}
  .intake-popup-close-box .request-btn-container{padding:0 25px 30px;}
  .intake-popup-close-box .request-btn-container button{font-size:18px;height:75px;padding:21px;}
  .intake-popup-close-box .want-to-talk{padding:30px 0;}
  .intake-popup-container .form-container{padding:0 50px 25px;}
  .intake-popup-container .contact-info ul,.intake-popup-container .multi-select ul{grid-template-columns:1fr;grid-column-gap:0px;grid-row-gap:20px;}
  .intake-popup-container .multi-select ul li:nth-child(odd),.intake-popup-container .multi-select ul li:nth-child(even){padding:0!important;}
  .intake-popup-container .contact-info ul{flex-direction:column;}
  .intake-popup-container .contact-info ul li{margin-left:0!important;margin-right:0!important;}
  .intake-popup-container .contact-info ul li.no-border{margin-bottom:15px;position:relative;}
}

@media only screen and (max-width:640px){
  .intake-popup-close-box-container{padding:11.5% 25px;background:rgba(0,0,0,0.9);}
  .intake-popup-close-box{width:calc(100% - 50px);}
  .intake-popup-close-box .request-btn-container{grid-template-columns:1fr;grid-gap:10px;}
  .intake-popup-close-box .request-btn-container button{padding:11px;}
  .intake-popup-close-box .want-to-talk div{background-size:33px;padding-left:46px;font-size:13px;letter-spacing:1.09px;}
  .intake-popup-close-box .want-to-talk div span{font-family:'CircularStd-Bold';font-size:17.25px;color:#0DD98A;letter-spacing:1px;}
  .intake-popup-container{border-radius:0;-webkit-border-radius:0;}
  .intake-popup-container .intake-popup-close-btn{top:16px;right:4px;}
  .intake-popup-container h3{font-size:22px;padding:31px 0 19px;letter-spacing:1.45px;}
  .intake-popup-container .progress-bar-container{width:calc(100% - 100px);margin:0 50px 5px;}
  .intake-popup-container .form-container{padding:0 25px;}
  .intake-popup-container .note2{font-size:18px;padding:10px 0 25px;letter-spacing:0;}
  .intake-popup-container .contact-info{padding-bottom:0px;}
  .intake-popup-container .contact-info ul li{height:75px;margin-bottom:15px;}
  .intake-popup-container .previous-btn{padding:25px 0 25px 20px;font-size:12px;background-size:13px;margin-top:0!important;}
  .intake-popup-container .green-btn{font-size:24px;background-size:8px 13px;}
  .intake-popup-container h1{font-size:30px;letter-spacing:0;}
  .intake-popup-container .multi-select ul li{height:75px;}
  .intake-popup-container .multi-select ul li label{font-size:18px;background-size:20px;padding:0 20px 0 45px;}
  .intake-popup-container .multi-select ul li label:hover{background-size:20px;}
  .intake-popup-container .multi-select ul li input[type=checkbox]:checked + label{background-size:20px;}
}

.intake-popup-container .progress-bar-container {
  margin-bottom: 30px;
}

#hidden_service_list {
  visibility:hidden;
  opacity:0;
  transform:translateY(0);
  transition:all .3s ease-out;
  padding:0;
}

#cat-list1 {
  display: none;
}

#additional-services {
  margin-bottom: -80px;
}

.slide-left {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.slide-right {
  -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.intake-popup-container .all-services .top-categories-list ul {
  width: 36%;
  padding: 20px;
}

.intake-popup-close-box .intake-popup-close-box-btn {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 26px;
  height: 28px;
  background: url(/images/close-btn.png) no-repeat;
  z-index: 9999999;
}

*{box-sizing:border-box;outline:none;
  font-family: 'CircularStd-Book', serif;}
select,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
button{cursor:pointer;}
a{text-decoration:none;outline:none;cursor:pointer;}
ul,li{margin:0;padding:0;line-height:normal;font-weight:normal;}
ul{margin:0;list-style-type:none;padding:0;}
.no-border{border:0!important;}
.intake-popup-container .contact-info #prev_block{float:left;width:130px;}
.intake-popup-container .contact-info ul{display:flex;display:-webkit-flex;flex-direction:row;justify-content:space-between;}
.intake-popup-container .contact-info ul li{display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;width:100%;height:117px;border:1px solid #979797;border-radius:8px;-webkit-border-radius:8px;margin-bottom:20px;position:relative;}
.intake-popup-container .contact-info ul li:nth-child(1){margin-right:15px;}
.intake-popup-container .contact-info ul li:nth-child(2){margin-left:15px;}
.intake-popup-container .contact-info ul li input{width:calc(100% - 40px);margin:0 20px;font-family:'CircularStd-Bold';font-size:25px;color:#142E43;border:0;height:100px;}
.intake-popup-container .contact-info ul li select{width:calc(100% - 35px);margin:0 15px 0 20px;border:0;background:url(https://www.homeexpert.com/images/select-arrow.png) no-repeat right center;font-family:'CircularStd-Bold';font-size:25px;color:#142E43;}
.intake-popup-container .contact-info ul li.personalized div{text-align:right;font-family:'CircularStd-Bold';font-size:23px;color:#000000;letter-spacing:0;text-align:right;line-height:30px;}
.intake-popup-container .contact-info ul li.personalized span{font-family:'CircularStd-Medium';font-style:italic;color:#B8C0C6;padding-right:7px;}
.intake-popup-container .green-btn{display:block;width:100%;height:100%;border:0;border-radius:8px;-webkit-border-radius:8px;padding:20px;font-family:'CircularStd-Bold';font-size:40px;color:#FFFFFF;text-align:center;background:#0DD98A;background-position:96% center;background-size:14px 26px;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-ms-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;}
.intake-popup-container .green-btn:disabled{background:#dddddd!important;cursor:default!important;}
.intake-popup-container .green-btn:hover{background-color:#33f1a7;}
.intake-popup-container .green-btn:active{background-color:#0b905b;}
.intake-popup-container .previous-btn{display:inline-block;background:url(https://www.homeexpert.com/images/previous-arrow.png) no-repeat left center;padding-left:33px;font-family:'CircularStd-Book';font-size:20px;color:#142E43;letter-spacing:1.45px;width:125px;}
#step57 .previous-btn{margin-top:50px;}
@media only screen and (max-width:768px){
  .intake-popup-container .contact-info ul{grid-template-columns:1fr;grid-column-gap:0px;grid-row-gap:20px;}
  .intake-popup-container .contact-info ul{flex-direction:column;}
  .intake-popup-container .contact-info ul li{margin-left:0!important;margin-right:0!important;}
  .intake-popup-container .contact-info ul li.no-border{margin-bottom:15px;position:relative;}
  .intake-popup-container .contact-info ul li.no-border ul{flex-direction:row;}
  .intake-popup-container .contact-info ul li.no-border ul li:nth-child(odd){margin-right:15px!important;}
  .intake-popup-container .contact-info ul li.no-border ul li:nth-child(even){margin-left:15px!important;}
  .intake-popup-container .contact-info ul li.personalized div{font-size:14px;}
}
@media only screen and (max-width:640px){
  .intake-popup-container .contact-info{padding-bottom:0px;}
  .intake-popup-container .contact-info ul li{height:75px;margin-bottom:15px;}
  .intake-popup-container .contact-info ul li input{height:100%;font-size:16px;}
  .intake-popup-container .contact-info ul li.no-border ul li:nth-child(odd){margin-right:3px!important;}
  .intake-popup-container .contact-info ul li.no-border ul li:nth-child(even){margin-left:3px!important;}
  .intake-popup-container .contact-info ul li select{font-size:16px;background-size:16px;}
  .intake-popup-container .previous-btn{padding:25px 0 25px 20px;font-size:12px;background-size:13px;margin-top:0!important;}
  .intake-popup-container .green-btn{font-size:24px;background-size:8px 13px;}
  .intake-popup-container .absolute-btn{position:absolute;z-index:9999999999;left:0;top:0;}
}
/*! CSS Used from: Embedded */
.locationinfo ul li{margin-bottom:0px!important;}