body {
  font-family: "Arial", "Helvetica", sans-serif; }

@media screen and (max-width: 600px) {
	.workingspec-controls{
		display:none!important;
	}
	.workingspecmodal-content {
		width:100%!important;
	}
}
.tright {
  text-align: right; }
a {
  text-decoration: none; }
  a .fa {
    color: #9dc438; }
.formFooter {
	display:none!important;
}
.pagebanner .imagewrapper {
  position: relative; }
  .pagebanner .imagewrapper .img-main {
    width: 100%; }
  .pagebanner .imagewrapper .img-widget {
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 15px 30px; }
  .pagebanner .imagewrapper .widget-graident {
    width: 40%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.1+11,0.2+23,0.3+34,0.4+45,0.5+56,0.6+62,0.8+67,0.7+67,0.8+77,0.9+87,1+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 23%, rgba(255, 255, 255, 0.3) 34%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.5) 56%, rgba(255, 255, 255, 0.6) 62%, rgba(255, 255, 255, 0.7) 67%, rgba(255, 255, 255, 0.8) 77%, rgba(255, 255, 255, 0.9) 87%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 23%, rgba(255, 255, 255, 0.3) 34%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.5) 56%, rgba(255, 255, 255, 0.6) 62%, rgba(255, 255, 255, 0.7) 67%, rgba(255, 255, 255, 0.8) 77%, rgba(255, 255, 255, 0.9) 87%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 23%, rgba(255, 255, 255, 0.3) 34%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.5) 56%, rgba(255, 255, 255, 0.6) 62%, rgba(255, 255, 255, 0.7) 67%, rgba(255, 255, 255, 0.8) 77%, rgba(255, 255, 255, 0.9) 87%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
    z-index: -1; }
  .pagebanner .imagewrapper .blackstrip {
    background: #000;
    padding: 25px 0 0 0;
    max-width: 100%;
    color: #fff; }
    .pagebanner .imagewrapper .blackstrip h2 {
      margin: 0 0 10px 0; }
    .pagebanner .imagewrapper .blackstrip .btmborder {
      /*border-bottom: 1px solid $green;*/ }
  .pagebanner .imagewrapper .greybg {
    /*background: #333;
    height: 20px;
    width: 100%;
    display: inline-block;
    position: relative;*/
    background: #333;
    padding: 0 0 25px 0; }
    .pagebanner .imagewrapper .greybg .greenline {
      height: 2px;
      width: 100%;
      background: #9dc438; }

.linkbtn-bg, .homeintrosection .single-col .link, .color-intro .link, .downloads .link {
  background: #000;
  color: #fff;
  float: left;
  display: inline-block;
  width: auto; }

.nw-link, .homeintrosection .single-col .link a, .color-intro .link a, .profile-color-picker .disclaimer a, .downloads .link a {
  width: 100px;
  min-height: 100px;
  color: #fff;
  padding: 10px 12px;
  height: 100%;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px; }
  .nw-link .fa, .homeintrosection .single-col .link a .fa, .color-intro .link a .fa, .profile-color-picker .disclaimer a .fa, .downloads .link a .fa {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 20px;
    color: #9dc438; }

.sectionbordertop, .featured-projects .border, .featured-profiles .border, .distributors .border, .videosection .viewwrap .border, .downloads .viewwrap .border {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 15px);
  height: 2px;
  background: #9dc438; }

.homeslider .slides {
  /*.slick-slider {
      position: absolute;
      bottom: -40px;
      width: 500px;
  }*/ }
  .homeslider .slides .slide {
    /*> img {
        opacity: 0;
    }*/ }
    .homeslider .slides .slide a.readmore {
      color: #fff;
      text-align: right;
      display: inline-block;
      width: 100%; }
      .homeslider .slides .slide a.readmore .fa {
        color: #9dc438;
        margin-left: 10px;
        font-size: 20px;
        line-height: 20px; }
.homeslider .slide {
  /*overflow: hidden;*/ }
.homeslider .main-slide-img {
  opacity: 0; }
.homeslider .slide-wrap {
  position: relative; }
.homeslider .slider-imgbshadow {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
  left: 0;
  bottom: 0; }
  .homeslider .slider-imgbshadow > img {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1; }
.homeslider .slider-bshadow {
  /*position: absolute;
      box-shadow: -10px 12px 220px 49px rgba(0, 0, 0, 0.6);
      display: inline-block;
      width: 200%;
      left: -50%;
      position: absolute;
      box-shadow: 1px 1px 132px 69px rgb(0, 0, 0);
      display: inline-block;
      width: 50%;
      left: -200%;
      height: 20px;
      border-radius: 50%;
      display: inline-block;
      width: 70%;
      left: -209%;
      height: 20px;
      border-radius: 50%;
      border-top-left-radius: 0;*/
  position: absolute;
  box-shadow: -10px 12px 220px 49px rgba(0, 0, 0, 0.6);
  display: inline-block;
  width: 200%;
  left: -50%;
  position: absolute;
  box-shadow: 1px 1px 132px 69px rgba(0, 0, 0, 0.37);
  display: inline-block;
  width: 50%;
  left: 0;
  height: 1px;
  border-radius: 50%;
  display: inline-block;
  width: 50%;
  left: 0;
  border-radius: 0;
  border-top-right-radius: 50%;
  border-top-left-radius: 0;
  -moz-transform: translate3d(-23px, -32px, 86px);
  -ms-transform: translate3d(-23px, -32px, 86px);
  -o-transform: translate3d(-23px, -32px, 86px);
  -webkit-transform: translate3d(-23px, -32px, 86px);
  transform: translate3d(-23px, -32px, 86px);
  z-index: 0;
  box-shadow: 0 -20px 132px 69px black;
  opacity: 0.6;
  display: none; }
.homeslider .slider {
  position: relative;
  overflow: hidden; }
  .homeslider .slider .content-rel {
    position: relative; }
  .homeslider .slider .slider-content-wrapper {
    position: absolute;
    bottom: 0;
    max-width: 500px;
    z-index: 2;
    /*box-shadow: -10px 12px 220px 49px rgba(0, 0, 0, 0.6);*/
    /*background: rgba(0, 0, 0, 0.6);*/ }
  .homeslider .slider .slide-content {
    position: relative;
    color: #fff; }
  .homeslider .slider .slider-content {
    position: relative; }
.homeslider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  background: transparent;
  border: none;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.homeslider .slick-prev {
  left: 3%; }
.homeslider .slick-next {
  right: 3%; }
.homeslider .slider-nav {
  background: #000;
  position: relative;
        /*ul {
            display: inline-block;
            text-align: right;
            float: right;

            li {
                float: left;
            }
        }*/ }
  .homeslider .slider-nav .slick-dots {
    display: inline-block;
    padding: 0;
    list-style: none;
    text-align: center;
    float: right;
    position: absolute;
    right: 0;
    top: -33px; }
  .homeslider .slider-nav .slick-dots li {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    margin-left: 5px; }
  .homeslider .slider-nav .slick-dots li button {
    font-size: 0;
    line-height: 0;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    /*color: rgba(249,249,249,.05);*/
    outline: none;
    background: #ddd;
    border-radius: 50%;
    border: 2px solid #ddd; }
  .homeslider .slider-nav .slick-dots li.slick-active button {
    background: #9dc438; }
.homeslider .blackstrip {
  position: relative;
  bottom: 0;
  /*display: inline-block;*/
  width: 100%;
  /*height: 100px;*/
  /*z-index: 1;*/
  background: #000;
  padding: 35px 0;
  max-width: 100%;
  color: #fff;
  overflow-x: hidden; }
.homeslider .greybg {
  background: #333;
  padding: 0 0 25px 0; }
.homeslider .greenline {
  height: 2px;
  width: 100%;
  background: #9dc438; }

footer {
  margin-top: 200px; }
  footer .bg {
    background: #b7b7b7;
    background: url("/assets/img/Footer-image.jpg") top center/cover no-repeat;
    padding: 30px 0; }
    footer .bg .f-logo {
      position: relative; }
      footer .bg .f-logo img {
        position: absolute;
        /*bottom: -20px;*/
        bottom: -5px;
        max-width: 150px; }
    footer .bg .f-contact {
      position: relative; }
      footer .bg .f-contact .icons {
        position: absolute;
        bottom: 50px;
        /*max-width: 150px;*/
        right: 10px;
        /*.fa {
            font-size: 25px;
        }*/ }
  footer .darkbg {
    background: #000;
    padding: 20px 0; }
  footer .lightbg {
    background: #333;
    padding: 0 0 20px 0; }
  footer .greenline {
    height: 2px;
    width: 100%;
    background: #9dc438;
    /*margin-top: 15px;*/ }

#header .navbar {
  border-radius: 0;
  min-height: 40px; }
#header .navbar-nav > li {
  padding: 0 10px; }
#header .navbar-nav > li > a {
  color: #fff;
  /*padding: 0;*/
  padding: 15px;
  padding-top: 8px;
  padding-bottom: 8px; }
  #header .navbar-nav > li > a:after {
    content: '';
    display: block;
    border: 1px solid #9dc438;
    opacity: 0;
    -moz-transition: opacity 235ms ease-in-out;
    -o-transition: opacity 235ms ease-in-out;
    -webkit-transition: opacity 235ms ease-in-out;
    transition: opacity 235ms ease-in-out; }
  #header .navbar-nav > li > a:hover:after {
    opacity: 1; }
#header .navbar-inverse .navbar-nav > .open > a,
#header .navbar-inverse .navbar-nav > .open > a:hover,
#header .navbar-inverse .navbar-nav > .open > a:focus {
  background: none; }
#header .navbar-inverse .navbar-nav a:hover,
#header .navbar-inverse .navbar-nav > a:focus,
#header .navbar-inverse .navbar-nav > .active > a,
#header .navbar-inverse .navbar-nav > .active > a:hover,
#header .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background: none;
  /*border-bottom: 1px solid $green;*/ }
  #header .navbar-inverse .navbar-nav a:hover:after,
  #header .navbar-inverse .navbar-nav > a:focus:after,
  #header .navbar-inverse .navbar-nav > .active > a:after,
  #header .navbar-inverse .navbar-nav > .active > a:hover:after,
  #header .navbar-inverse .navbar-nav > .active > a:focus:after {
    opacity: 1; }
#header .navbar-inverse .navbar-nav > li ul {
  background: rgba(0, 0, 0, 0.84);
  left: 5px;
  border-radius: 0;
  /*margin-top: 7px;*/ }
  #header .navbar-inverse .navbar-nav > li ul li {
    padding: 5px 20px;
    text-align: left; }
  #header .navbar-inverse .navbar-nav > li ul a {
    padding: 0;
    background: none;
    color: #fff;
    display: inline-block; }
    #header .navbar-inverse .navbar-nav > li ul a:hover {
      color: #9dc438; }
#header .navbar-inverse .navbar-nav > li ul.thirdlevel {
  background: transparent; }

.contactcontrols, .icons {
  display: inline-block;
  margin-left: 20px; }
  .contactcontrols a, .icons a {
    font-size: 25px;
    line-height: 1;
    margin-left: 5px;
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 0;
    text-align: center;
    vertical-align: middle; }
  .contactcontrols .fa, .icons .fa {
    color: #b7b7b7; }
  .contactcontrols .fb, .icons .fb {
    background: black;
    }
    .contactcontrols .fb .fa, .icons .fb .fa {
      font-size: 18px;
      line-height: 25px;
      vertical-align: middle;
      color: #fff; }

.searchsection form {
  display: inline-block; }
.searchsection .searchbtn {
  background: #000;
  color: #9dc438;
  border-color: #000;
  border: 3px solid #000; }
.searchsection .searchbox {
  border: 2px solid #9dc438;
  padding: 2px 5px; }

.logosection {
  margin-bottom: -100px; }
  .logosection img {
    max-width: 150px;
    width: 100%; }

.home .logosection {
  margin-bottom: -100px; }

.logo {
  position: relative;
  z-index: 1; }

.homeslider, .pagebanner {
  /*margin-top: -60px;*/
  z-index: 0;
  position: relative; }

.pagebanner {
  /*margin-top: -140px;*/ }
  .pagebanner .img-main {
    opacity: 0; }
  .pagebanner .widget-cont {
    position: absolute;
    top: 0;
    right: 0; }

.dropdown-menu > li > a {
  white-space: pre-wrap; }

.promotion {
  margin-top: 25px; }
  .promotion .container {
    border: 2px solid #9dc438;
    padding: 0px !important; }
    .promotion .container .bg {
      padding: 10px; }
      .promotion .container .bg .small-logo {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 20px;
        margin-top: 5px; }
      @media screen and (min-width: 992px) {
        .promotion .container .bg .logowrapper {
          margin-top: 0px; } }
      .promotion .container .bg .intro .link {
        background: #000;
        color: #fff;
        width: auto;
        float: left;
        margin-top: 30px; }
        .promotion .container .bg .intro .link a {
          width: 100px;
          min-height: 100px;
          color: #fff;
          padding: 10px 12px;
          height: 100%;
          position: relative;
          display: inline-block;
          text-transform: uppercase;
          font-size: 12px; }
          .promotion .container .bg .intro .link a .fa {
            position: absolute;
            bottom: 5px;
            right: 5px;
            font-size: 20px;
            color: #9dc438; }

.featured-projects, .featured-profiles {
  margin-top: 80px; }
  .featured-projects a, .featured-profiles a {
    color: #fff; }
  .featured-projects .border, .featured-profiles .border {
    right: 3px; }
  .featured-projects .text, .featured-profiles .text {
    padding: 0 3px; }
  .featured-projects .intro, .featured-profiles .intro {
    margin-bottom: 20px; }
    .featured-projects .intro .content, .featured-profiles .intro .content {
      float: left;
      display: inline-block;
      width: calc(100% - 105px);
      margin-right: 5px;
      /*border-top: 2px solid $green;*/ }
    .featured-projects .intro .link, .featured-profiles .intro .link {
      background: #000;
      color: #fff;
      /*float: left;*/
      display: inline-block;
      width: auto;
      float: right;
      /*display: inline-block;
      margin-right: -3px;*/ }
      .featured-projects .intro .link a, .featured-profiles .intro .link a {
        width: 114px;
        min-height: 100px;
        color: #fff;
        padding: 10px 12px;
        height: 100%;
        position: relative;
        display: inline-block;
        text-transform: uppercase;
        font-size: 12px; }
        .featured-projects .intro .link a .fa, .featured-profiles .intro .link a .fa {
          position: absolute;
          bottom: 5px;
          right: 5px;
          font-size: 20px;
          color: #9dc438; }
  .featured-projects .project-grid a, .featured-projects .profile-grid a, .featured-profiles .project-grid a, .featured-profiles .profile-grid a {
    text-decoration: none; }
  .featured-projects .project-grid .project-item, .featured-projects .project-grid .profile-item, .featured-projects .profile-grid .project-item, .featured-projects .profile-grid .profile-item, .featured-profiles .project-grid .project-item, .featured-profiles .project-grid .profile-item, .featured-profiles .profile-grid .project-item, .featured-profiles .profile-grid .profile-item {
    padding: 5px;
    /*margin-bottom: 5px;*/ }
    .featured-projects .project-grid .project-item figure, .featured-projects .project-grid .profile-item figure, .featured-projects .profile-grid .project-item figure, .featured-projects .profile-grid .profile-item figure, .featured-profiles .project-grid .project-item figure, .featured-profiles .project-grid .profile-item figure, .featured-profiles .profile-grid .project-item figure, .featured-profiles .profile-grid .profile-item figure {
      position: relative; }
      .featured-projects .project-grid .project-item figure .overlay, .featured-projects .project-grid .profile-item figure .overlay, .featured-projects .profile-grid .project-item figure .overlay, .featured-projects .profile-grid .profile-item figure .overlay, .featured-profiles .project-grid .project-item figure .overlay, .featured-profiles .project-grid .profile-item figure .overlay, .featured-profiles .profile-grid .project-item figure .overlay, .featured-profiles .profile-grid .profile-item figure .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgba(0, 0, 0, 0.75);
        opacity: 0; }
      .featured-projects .project-grid .project-item figure:hover .overlay, .featured-projects .project-grid .profile-item figure:hover .overlay, .featured-projects .profile-grid .project-item figure:hover .overlay, .featured-projects .profile-grid .profile-item figure:hover .overlay, .featured-profiles .project-grid .project-item figure:hover .overlay, .featured-profiles .project-grid .profile-item figure:hover .overlay, .featured-profiles .profile-grid .project-item figure:hover .overlay, .featured-profiles .profile-grid .profile-item figure:hover .overlay {
        opacity: 1; }
      .featured-projects .project-grid .project-item figure figcaption, .featured-projects .project-grid .profile-item figure figcaption, .featured-projects .profile-grid .project-item figure figcaption, .featured-projects .profile-grid .profile-item figure figcaption, .featured-profiles .project-grid .project-item figure figcaption, .featured-profiles .project-grid .profile-item figure figcaption, .featured-profiles .profile-grid .project-item figure figcaption, .featured-profiles .profile-grid .profile-item figure figcaption {
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        display: inline-block;
        width: 100px;
        padding: 12px 0 12px 10px; }
        .featured-projects .project-grid .project-item figure figcaption a, .featured-projects .project-grid .profile-item figure figcaption a, .featured-projects .profile-grid .project-item figure figcaption a, .featured-projects .profile-grid .profile-item figure figcaption a, .featured-profiles .project-grid .project-item figure figcaption a, .featured-profiles .project-grid .profile-item figure figcaption a, .featured-profiles .profile-grid .project-item figure figcaption a, .featured-profiles .profile-grid .profile-item figure figcaption a {
          color: #fff; }
        .featured-projects .project-grid .project-item figure figcaption span, .featured-projects .project-grid .profile-item figure figcaption span, .featured-projects .profile-grid .project-item figure figcaption span, .featured-projects .profile-grid .profile-item figure figcaption span, .featured-profiles .project-grid .project-item figure figcaption span, .featured-profiles .project-grid .profile-item figure figcaption span, .featured-profiles .profile-grid .project-item figure figcaption span, .featured-profiles .profile-grid .profile-item figure figcaption span {
          display: inline-block;
          width: 100%; }
        .featured-projects .project-grid .project-item figure figcaption .ptitle, .featured-projects .project-grid .profile-item figure figcaption .ptitle, .featured-projects .profile-grid .project-item figure figcaption .ptitle, .featured-projects .profile-grid .profile-item figure figcaption .ptitle, .featured-profiles .project-grid .project-item figure figcaption .ptitle, .featured-profiles .project-grid .profile-item figure figcaption .ptitle, .featured-profiles .profile-grid .project-item figure figcaption .ptitle, .featured-profiles .profile-grid .profile-item figure figcaption .ptitle {
          text-transform: uppercase;
          margin-bottom: 5px; }
        .featured-projects .project-grid .project-item figure figcaption .pcat, .featured-projects .project-grid .profile-item figure figcaption .pcat, .featured-projects .profile-grid .project-item figure figcaption .pcat, .featured-projects .profile-grid .profile-item figure figcaption .pcat, .featured-profiles .project-grid .project-item figure figcaption .pcat, .featured-profiles .project-grid .profile-item figure figcaption .pcat, .featured-profiles .profile-grid .project-item figure figcaption .pcat, .featured-profiles .profile-grid .profile-item figure figcaption .pcat {
          font-size: 12px; }
        .featured-projects .project-grid .project-item figure figcaption .arrow, .featured-projects .project-grid .profile-item figure figcaption .arrow, .featured-projects .profile-grid .project-item figure figcaption .arrow, .featured-projects .profile-grid .profile-item figure figcaption .arrow, .featured-profiles .project-grid .project-item figure figcaption .arrow, .featured-profiles .project-grid .profile-item figure figcaption .arrow, .featured-profiles .profile-grid .project-item figure figcaption .arrow, .featured-profiles .profile-grid .profile-item figure figcaption .arrow {
          padding-right: 5px;
          text-align: right;
          color: #9dc438; }
          .featured-projects .project-grid .project-item figure figcaption .arrow .fa, .featured-projects .project-grid .profile-item figure figcaption .arrow .fa, .featured-projects .profile-grid .project-item figure figcaption .arrow .fa, .featured-projects .profile-grid .profile-item figure figcaption .arrow .fa, .featured-profiles .project-grid .project-item figure figcaption .arrow .fa, .featured-profiles .project-grid .profile-item figure figcaption .arrow .fa, .featured-profiles .profile-grid .project-item figure figcaption .arrow .fa, .featured-profiles .profile-grid .profile-item figure figcaption .arrow .fa {
            font-size: 22px; }

/*.homeintrosection + .featured-projects {
    margin-top: 0;
}*/
.featured-profiles .profile-grid .profile-item {
  padding: 3px; }
.featured-profiles .placeholder figure img {
  opacity: 0; }
.featured-profiles .placeholder figcaption {
  display: none; }

.benefits {
  margin-top: 80px; }
  .benefits .bg {
    background: url("/assets/img/benefits-bg.png") center center no-repeat;
    background-size: cover;
    min-height: 300px; }
  .benefits .benefits-text {
    background: #000;
    color: #fff;
    padding: 25px 25px 15px 15px;
    max-width: 500px;
    margin-bottom: 200px; }
    .benefits .benefits-text h3 {
      margin: 0;
      margin-bottom: 10px; }
    .benefits .benefits-text ol, .benefits .benefits-text ul {
      padding: 0;
      margin: 0;
      list-style: none;
      margin-bottom: 10px;
      padding-left: 15px; }
      .benefits .benefits-text ol li, .benefits .benefits-text ul li {
        position: relative; }
      .benefits .benefits-text ol li:before, .benefits .benefits-text ul li:before {
        content: '\f105';
        display: inline-block;
        font-family: 'fontawesome';
        color: #9dc438;
        /*margin-right: 15px;
        margin-left: -10px;*/
        position: absolute;
        left: -15px; }

.featured-profiles .profile-grid .placeholder, .featured-profiles .project-grip .placeholder, .featured-projects .profile-grid .placeholder, .featured-projects .project-grip .placeholder {
  padding: 0; }

.ptype-profiles {
  /*margin-bottom: 40px;*/ }

.faqs-list {
  margin-top: 80px; }
  .faqs-list .faq {
    padding: 0; }
  .faqs-list .faq:nth-child(2n+1) {
    clear: left; }
  .faqs-list .faq-wrapper {
    padding: 15px 10% 15px 15px; }
  .faqs-list h2 {
    margin-top: 0; }
  .faqs-list .blackbg {
    background: #000;
    color: #fff; }

.filters {
  margin: 50px 0;
  position: relative; }
  .filters select {
    background: #000;
    color: #fff;
    display: inline-block;
    min-width: 35%;
    border-radius: 0;
    border-color: #000; }
  .filters .labelsection h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: bold; }

.news-list-section {
  margin-top: 60px; }
  .news-list-section .news-list .news-item {
    padding: 3px; }
    .news-list-section .news-list .news-item .image {
      padding: 0 3px; }
    .news-list-section .news-list .news-item .text {
      padding: 0 3px; }
  .news-list-section .news-list .text .content {
    padding: 15px; }
    .news-list-section .news-list .text .content h2 {
      margin-top: 0; }
    .news-list-section .news-list .text .content h4 {
      text-transform: uppercase; }
  .news-list-section .news-list .text .readmore {
    text-align: right;
    color: #000; }
    .news-list-section .news-list .text .readmore a {
      color: inherit;
      line-height: 100%;
      vertical-align: top; }
    .news-list-section .news-list .text .readmore .fa {
      background: #000;
      color: #9dc438;
      font-size: 25px;
      line-height: 1.5;
      display: inline-block;
      width: 40px;
      height: 40px;
      text-align: center;
      vertical-align: middle;
      padding: 0 0 0 3px; }
  .news-list-section .news-list .black .text {
    background: #000;
    color: #fff; }
    .news-list-section .news-list .black .text .readmore {
      color: #fff; }
      .news-list-section .news-list .black .text .readmore .fa {
        background: #9dc438;
        color: #fff; }
  .news-list-section .news-list .placeholder {
    padding: 0; }

.news-detail .border {
  margin: 0 -12px 0 -10px; }
.news-detail .introtext {
  padding-right: 3px; }
  .news-detail .introtext .text {
    padding-right: 10%; }
.news-detail .introimage {
  padding: 0 3px; }
.news-detail .backtonews {
  text-align: right;
  color: #000; }
  .news-detail .backtonews a {
    color: inherit;
    line-height: 100%;
    vertical-align: top; }
  .news-detail .backtonews .fa {
    background: #000;
    color: #9dc438;
    font-size: 25px;
    line-height: 1.5;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 0 0 0 3px; }

.mbottom {
  margin-bottom: 60px; }

.project-intro {
  margin-top: 30px; }
  .project-intro .introtext, .project-intro .introimage {
    padding: 0 3px 6px 3px;
    height: 100%; }
  .project-intro .introtext {
    width: 25%;
    background: #000;
    color: #fff;
    padding: 15px; }
    .project-intro .introtext .text h4 {
      text-transform: uppercase; }
  .project-intro .introimage {
    width: calc(75% / 2); }

.project-desc .border {
  border-top: 2px solid #9dc438; }
.project-desc .text h2 {
  margin-top: 0;
  line-height: 1; }

.project-imgs {
  margin-top: 60px; }
  .project-imgs .images {
    /*padding: 0 25px;*/ }
    .project-imgs .images .imgwrap {
      padding: 5px; }
  .project-imgs .altimagesection .images.alt {
    margin: 0 -3px; }
    .project-imgs .altimagesection .images.alt img {
      padding: 3px; }
  .project-imgs .altimagesection .singleimage {
    padding: 3px;
    padding-left: 0; }
  .project-imgs .altimagesection .imagestext {
    padding: 3px; }
  .project-imgs .imagestext > div {
    height: 100%; }
  .project-imgs .imagestext .c-item {
    height: 100%;
    background: #000;
    color: #fff; }
  .project-imgs .imagestext .view-staff {
    position: relative;
    height: 100%;
    right: 0;
    padding: 3px;
    overflow: hidden;
    background: url("/assets/img/nuwall-shortstripe.jpg") bottom right no-repeat; }
    .project-imgs .imagestext .view-staff .content {
      position: absolute;
      bottom: 0; }
    .project-imgs .imagestext .view-staff a {
      background: #000;
      width: 100px;
      height: 100px;
      padding: 12px 10px;
      text-transform: uppercase;
      color: #fff;
      font-size: 12px;
      position: relative;
      display: inline-block; }
      .project-imgs .imagestext .view-staff a .arrow {
        position: absolute;
        bottom: 0;
        right: 3px;
        font-size: 20px; }
    .project-imgs .imagestext .view-staff .fa {
      color: #9dc438; }
    .project-imgs .imagestext .view-staff .dashline {
      position: absolute;
      width: 100%;
      height: 20px;
      bottom: 3px;
      background: url("/assets/img/dashline.png") 100% 100% no-repeat;
      -moz-transform: translateX(35px);
      -ms-transform: translateX(35px);
      -o-transform: translateX(35px);
      -webkit-transform: translateX(35px);
      transform: translateX(35px); }
  .project-imgs .imagestext .view-staff .content {
    position: absolute;
    bottom: 0; }

.team-section .team-list .team-item .content {
  min-height: 272px; }
.team-section .team-item {
  padding: 3px; }
  .team-section .team-item img {
    width: 100%;
    height: auto; }
  .team-section .team-item .image {
    padding: 0 3px; }
  .team-section .team-item .text {
    padding: 0 3px; }
.team-section .text {
  overflow: hidden; }
  .team-section .text .content {
    padding: 15px;
    z-index: 1; }
    .team-section .text .content h2 {
      margin-top: 0;
      font-size: 24px; }
    .team-section .text .content h4 {
      text-transform: uppercase;
      font-size: 17px; }
    .team-section .text .content p {
      font-size: 14px;
      line-height: 1.3; }
  .team-section .text .readmore {
    text-align: right;
    position: relative;
    width: 100%;
    z-index: 0; }
    .team-section .text .readmore .fa {
      position: absolute;
      bottom: 0;
      right: 0;
      /*background: $green;
      color: #fff;*/
      background: #000000;
      color: #9dc438;
      font-size: 15px;
      line-height: 2;
      display: inline-block;
      width: 30px;
      height: 30px;
      text-align: center;
      vertical-align: middle;
      padding: 0 0 0 0; }
.team-section .contact p {
  margin: 0;
  color: #9dc438; }
.team-section .contact a {
  color: #9dc438; }
.team-section .black .text {
  color: #fff; }
  .team-section .black .text .content {
    background: #000; }
  .team-section .black .text .readmore .fa {
    background: #9dc438;
    color: #fff; }
.team-section .placeholder {
  padding: 0; }

.about-intro {
  margin-top: 25px; }
  .about-intro .introtext, .about-intro .introimage {
    padding: 0 3px 6px 3px;
    height: 100%; }
  .about-intro .dual-cols, .about-intro .single-col {
    padding: 0; }
  .about-intro .border {
    border-top: 2px solid #9dc438; }
  .about-intro .text {
    padding: 15px; }
    .about-intro .text h2 {
      margin-top: 0; }
  .about-intro .rpad .text {
    padding-right: 80px; }
  .about-intro .lpad .text {
    padding-left: 30%; }
  .about-intro .black {
    background: #000;
    color: #fff; }
  .about-intro .introtext {
    padding: 3px; }
  .about-intro .introimage {
    padding: 3px; }
  .about-intro .withlink {
    padding-bottom: 0; }
    .about-intro .withlink .introimage {
      padding-bottom: 0;
      padding-right: 0; }
    .about-intro .withlink figure {
      position: relative; }
      .about-intro .withlink figure figcaption {
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        display: inline-block;
        width: 100px;
        padding: 12px 0 12px 10px; }
        .about-intro .withlink figure figcaption a {
          color: #fff;
          text-transform: uppercase;
          display: inline-block;
          width: 100%;
          height: 100%;
          text-align: left; }
        .about-intro .withlink figure figcaption span {
          display: inline-block;
          width: 100%; }
        .about-intro .withlink figure figcaption .ptitle {
          text-transform: uppercase;
          margin-bottom: 5px; }
        .about-intro .withlink figure figcaption .pcat {
          font-size: 12px; }
        .about-intro .withlink figure figcaption .arrow {
          padding-right: 5px;
          text-align: right;
          color: #9dc438;
          display: inline-block; }
          .about-intro .withlink figure figcaption .arrow .fa {
            width: 100%;
            margin-top: 30px;
            font-size: 22px; }
  .about-intro .third-row {
    margin-top: 50px; }

.homeintrosection {
  margin-top: 30px; }
  .homeintrosection .link {
    margin-bottom: 0;
    margin-top: 15px; }
    .homeintrosection .link a {
      color: #fff; }
  .homeintrosection .single-col {
    background: url("/assets/img/dashline.png") bottom right no-repeat; }
    .homeintrosection .single-col .link {
      position: absolute;
      bottom: 0; }
      .homeintrosection .single-col .link a {
        width: 100px;
        min-height: 100px; }

.profile-details {
  margin-top: 80px; }
  .profile-details .profile-image img {
    width: 100%; }
  .profile-details .left, .profile-details .right {
    padding: 0 3px; }
  .profile-details .right h5 {
    text-transform: uppercase; }
  .profile-details .right p {
    font-size: 12px; }
  .profile-details .right .profile-desc {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 3px; }
  .profile-details .color-grid-section h6 {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 15px 0 5px 0; }
  .profile-details .color-grid-section .colors {
    float: left;
    display: inline-block;
    width: 85%; }
    .profile-details .color-grid-section .colors .color-item {
      width: 30px;
      height: 20px;
      display: inline-block;
      background: #b7b7b8; }
  .profile-details .color-grid-section .link {
    background: #000;
    color: #fff;
    float: right;
    display: inline-block;
    width: auto;
    margin-right: 3px; }
  .profile-details .color-grid-section .link a {
    width: 100px;
    min-height: 100px;
    color: #fff;
    padding: 12px 10px;
    height: 100%;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px; }
  .profile-details .color-grid-section .fa {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 20px;
    color: #9dc438; }

.contactus {
  margin-top: 60px; }
  .contactus .top-row {
    margin-bottom: 30px; }
  .contactus a {
    color: inherit; }
  .contactus .border {
    border-top: 2px solid #9dc438; }
  .contactus .tech {
    position: relative; }
  .contactus .lft, .contactus .rght {
    padding: 3px; }
  .contactus .rght {
    padding-right: 0;
    padding-bottom: 0; }
  .contactus .emailicon {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #000;
    color: #9dc438;
    padding: 5px 10px;
    font-size: 20px; }
  .contactus .c-item {
    padding: 0 3px;
    color: #fff;
    height: 100%; }
    .contactus .c-item .content {
      background: #000;
      padding: 15px;
      padding-bottom: 50px;
      /*margin-bottom: 10px;*/ }
      .contactus .c-item .content h2 {
        margin-top: 0; }
      .contactus .c-item .content h4 {
        text-transform: uppercase; }
    .contactus .c-item .emailiconwrap {
      position: absolute;
      background: #9dc438;
      padding: 4px 10px;
      color: #fff;
      right: 3px;
      bottom: 0;
      font-size: 20px; }
      .contactus .c-item .emailiconwrap.alt a {
        color: #fff; }
        .contactus .c-item .emailiconwrap.alt a .fa {
          color: #fff; }
  .contactus .view-staff {
    position: absolute;
    height: 100%;
    right: 0;
    padding: 3px;
    overflow: hidden;
    /*img {
        position: absolute;
        right: 0;
        bottom: 0;
    }*/ }
    .contactus .view-staff .content {
      position: absolute;
      bottom: 0; }
    .contactus .view-staff a, .contactus .view-staff img {
      display: inline-block;
      float: left; }
    .contactus .view-staff a {
      background: #000;
      width: 100px;
      height: 100px;
      padding: 8px;
      text-transform: uppercase;
      color: #fff;
      font-size: 14px;
      position: relative; }
      .contactus .view-staff a .arrow {
        position: absolute;
        bottom: 0;
        right: 3px;
        font-size: 20px; }
    .contactus .view-staff .dashline {
      position: absolute;
      width: 100%;
      height: 20px;
      bottom: 3px;
      background: url("/assets/img/dashline.png") 100% 100% no-repeat;
      transform: translateX(35px); }

.mapsection {
  margin-top: 80px; }
  .mapsection iframe {
    width: 100%;
    height: 500px; }

.distributors {
  margin-top: 80px; }
  .distributors .headingwrap, .distributors .other {
    padding: 0 3px; }
  .distributors h3, .distributors h2 {
    font-size: 30px;
    margin-top: 5px; }
  .distributors .border {
    right: -10px;
    width: calc(100% + 30px);
    /*height: 2px;
    display: inline-block;
    width: 100%;
    background: $green;*/ }
  .distributors h4 {
    text-transform: uppercase;
    margin-bottom: 15px; }
  .distributors .heading {
    margin-top: 5px; }
  .distributors .c-item .content {
    padding: 10px 15px 25px 15px; }
  .distributors .c-item p, .distributors .c-item a {
    position: relative; }
  .distributors .c-item .emailiconwrap {
    position: absolute;
    bottom: 3px;
    right: 0;
    font-size: 20px;
    padding: 5px 10px;
    background: #000;
    color: #9dc438; }
  .distributors .headingwrap .c-item {
    background: #000;
    color: #fff; }
    .distributors .headingwrap .c-item .content {
      /*padding: 10px 15px;*/ }
    .distributors .headingwrap .c-item p, .distributors .headingwrap .c-item a {
      color: #fff;
      /*position: relative;*/ }
    .distributors .headingwrap .c-item .emailiconwrap {
      background: #9dc438;
      color: #fff;
      right: -15px; }
    .distributors .headingwrap .c-item p + h4 {
      margin-top: 40px; }
  .distributors .other .c-item p a {
    color: #000; }

.color-intro .introtext .text {
  height: 100%; }
.color-intro .introimage figure {
  /*background: url('/assets/img/about-intro.png') center center no-repeat;*/
  background: url("/assets/img/colour-widget-image-2.png") center center no-repeat;
  background-size: cover;
  height: 100%; }
.color-intro .introimage img {
  width: 100%;
  opacity: 0;
  height: 100%; }
.color-intro .lpad .text {
  padding-left: 15px; }
.color-intro .link {
  height: auto;
  background: #fff;
  padding: 3px;
  position: relative; }
  .color-intro .link a {
    background: #000;
    height: 80px;
    min-height: 80px;
    bottom: 3px;
    position: absolute; }
.color-intro .single-col {
  background: url("/assets/img/dashline.png") right bottom no-repeat; }

.colors-bottom-section .rpad .text {
  padding-right: 50px; }
.colors-bottom-section .introtext {
  padding: 0 3px; }

.profile-color-picker {
  margin-top: 80px; }
  .profile-color-picker .color-pickerwrap {
    max-width: 1250px;
    margin: 0 auto; }
  .profile-color-picker .blackstrip {
    background: #000;
    padding: 25px 0 0 0;
    max-width: 100%;
    color: #fff; }
    .profile-color-picker .blackstrip h2 {
      margin: 0 0 10px 0; }
  .profile-color-picker .greybg {
    background: #333;
    padding: 0 0 25px 0;
    color: #fff; }
    .profile-color-picker .greybg .greenline {
      height: 2px;
      width: 100%;
      background: #9dc438; }
  .profile-color-picker .intro p {
    margin-bottom: 3px; }
  .profile-color-picker .blackstrip, .profile-color-picker .greybg {
    padding-left: 25px;
    padding-right: 25px; }
  .profile-color-picker .nav-tabs {
    border-bottom: 2px solid #9dc438; }
  .profile-color-picker .nav-tabs > li > a {
    color: #fff;
    background-color: #000;
    /*border: 1px solid #000;*/
    border: none;
    border-bottom-color: transparent;
    margin-right: 5px;
    border-radius: 0;
    text-align: center;
    min-width: 100px;
    border-bottom: 0; }
  .profile-color-picker .nav-tabs > li.active > a, .profile-color-picker .nav-tabs > li.active > a:hover, .profile-color-picker .nav-tabs > li.active > a:focus {
    font-weight: normal;
    background-color: #000;
    /*border: 1px solid #000;*/
    border: none;
    color: #9dc438;
    border-bottom-color: #9dc438; }
  .profile-color-picker .cloudingarea {
    margin-top: 10px; }
    .profile-color-picker .cloudingarea h3 {
      font-size: 16px;
      text-transform: uppercase;
      float: left;
      display: inline-block;
      min-width: 25%;
      margin: 15px 0; }
  .profile-color-picker .options-columns {
    padding: 20px 0; }
    .profile-color-picker .options-columns .fleft h3 {
      font-size: 16px;
      text-transform: uppercase;
      float: left;
      display: inline-block;
      min-width: 25%;
      margin: 12px 0; }
  .profile-color-picker .profile-profiles {
    margin-top: 10px;
    margin-bottom: 10px; }
  .profile-color-picker .pf-item {
    display: inline-block;
    float: left;
    max-width: 68px; }
  .profile-color-picker .ripple, .profile-color-picker .sandstone {
    background: #000;
    color: #9dc438;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px; }
    .profile-color-picker .ripple .fleft h3, .profile-color-picker .sandstone .fleft h3 {
      margin: 0 0;
      line-height: 1.3; }
    .profile-color-picker .ripple .fleft span, .profile-color-picker .sandstone .fleft span {
      font-size: 13px; }
  .profile-color-picker .disclaimer {
    margin-top: 15px; }
    .profile-color-picker .disclaimer p {
      float: left;
      width: 75%;
      padding-right: 1%; }
    .profile-color-picker .disclaimer a {
      background: #000;
      float: right; }

.videosection {
  margin-top: 80px; }
  .videosection .viewwrap {
    position: relative; }
  .videosection .video, .videosection .text {
    padding: 0 3px; }
  .videosection .text {
    position: relative; }
    .videosection .text h3 {
      font-size: 28px; }
    .videosection .text h4 {
      text-transform: uppercase; }
    .videosection .text .padr {
      padding-right: 40px; }
  .videosection .video {
    position: relative; }
    .videosection .video img {
      width: 100%; }
  .videosection .v-wrap {
    text-align: center;
    position: relative; }
  .videosection .playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: auto;
    text-align: center;
    /*padding: 15px 15px;*/
    font-size: 40px;
    line-height: 1; }
    .videosection .playbtn .fa {
      color: #fff;
      font-size: 34px;
      line-height: 1;
      text-align: center;
      border: 1px solid #fff;
      border-radius: 50%;
      padding: 11px 16px; }

.downloads {
  margin-top: 80px; }
  .downloads .viewwrap {
    position: relative; }
    .downloads .viewwrap .video {
      padding: 0 3px; }
  .downloads .text .padr {
    padding-right: 38%;
    margin-bottom: 20px; }
  .downloads .preview-section {
    padding: 0 3px; }
    .downloads .preview-section figure {
      /*background: url('/assets/img/project-img-2.png') center center / cover no-repeat;*/
      /*-moz-transition: background-image 500ms ease-in-out;
      -o-transition: background-image 500ms ease-in-out;
      -webkit-transition: background-image 500ms ease-in-out;
      transition: background-image 500ms ease-in-out;*/ }
      .downloads .preview-section figure img {
        opacity: 1; }
    .downloads .preview-section .download-links {
      margin-top: 30px;
      padding-right: 20%; }
    .downloads .preview-section .updating .link {
      opacity: 0; }
    .downloads .preview-section .link {
      margin-right: 40px;
      margin-bottom: 40px;
      display: inline-block;
      opacity: 1;
      -moz-transition: opacity 300ms ease-in-out;
      -o-transition: opacity 300ms ease-in-out;
      -webkit-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out; }

.download-sections .filter-tab-documents .pad {
  padding: 0 15px; }
.download-sections .filter-tab-documents .tab-pane h4 {
  text-transform: uppercase;
  font-size: 16px; }
.download-sections .filter-tab-documents .tab-pane h4 + .file-list {
  margin-top: 0; }
.download-sections .altpanels .panel-default {
  position: relative; }
.download-sections .altpanels .panel-collapse {
  position: absolute;
  z-index: 1;
  width: 100%; }
.download-sections .panel-default > .panel-heading {
  background: #000;
  color: #fff;
  border-color: #000;
  border-radius: 0; }
.download-sections .panel-default > .panel-heading + .panel-collapse > .panel-body {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-color: #333; }
.download-sections .panel-body li {
  margin-bottom: 5px; }
  .download-sections .panel-body li.active a {
    color: #9dc438; }
.download-sections .panel-body a {
  color: #fff;
  text-decoration: none; }
  .download-sections .panel-body a:hover {
    color: #9dc438; }
.download-sections .nav > li {
  position: relative;
  display: block;
  width: 100%; }
.download-sections .file-list {
  /*padding-left: 15px;*/
  margin-top: 35px; }
  .download-sections .file-list li {
    /*padding-left: 15px;*/
    position: relative; }
    .download-sections .file-list li a {
      color: #000;
      text-decoration: none; }
      .download-sections .file-list li a:hover, .download-sections .file-list li a.selected {
        /*font-weight: bold;*/ }
      .download-sections .file-list li a:hover span.normal, .download-sections .file-list li a.selected span.normal {
        display: none; }
      .download-sections .file-list li a:hover span.hover, .download-sections .file-list li a.selected span.hover {
        display: inline-block; }
    .download-sections .file-list li .fa {
      color: #9dc438;
      margin-right: 5px; }
    .download-sections .file-list li .normal .fa {
      margin-right: 6px; }
    .download-sections .file-list li span.hover {
      display: none; }
    .download-sections .file-list li span.normal {
      display: inline-block; }
    .download-sections .file-list li:hover span.normal, .download-sections .file-list li.selected span.normal {
      display: none; }
    .download-sections .file-list li:hover span.hover, .download-sections .file-list li.selected span.hover {
      display: inline-block; }

.profile-color-picker .colorpicker {
  width: 68px;
  height: 64px; }
.profile-color-picker .extraMarginTop {
  margin-top: 24px; }

.color-intro .introimage img {
  height: auto; }

.colors-bottom-section {
  margin-top: 0; }

.options {
  position: relative;
  z-index: 5; }

@media screen and (min-width: 992px) {
  .logosection {
    position: relative; }
    .logosection .dashline {
      background: url("/assets/img/dashline.png") center center no-repeat;
      position: absolute;
      top: 25px;
      left: 4px;
      display: inline-block;
      width: 220px;
      height: 15px;
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }

  .logowrapper {
    margin-top: 25px;
    display: inline-block;
    /*width: 100%;*/
    position: relative; }

  .dropdown:hover > .dropdown-menu {
    display: block; }

  .intro {
    position: relative; }
    .intro .dashline {
      position: absolute;
      top: 75%;
      height: 100%;
      right: 0;
      /*transform: translateY(100%);*/ } }
@media screen and (max-width: 992px) {
  .placeholder {
    display: none; }

  .homeslider .slide-wrap > img {
    opacity: 0;
    min-height: 280px;
    max-height: 280px; }
  .homeslider .slider .slider-content-wrapper {
    max-width: 85%;
    padding-left: 15px; }
  .homeslider .slider-nav .slick-dots {
    right: 10px; }

  .pagebanner .imagewrapper .img-main {
    min-height: 300px; }
  .pagebanner .imagewrapper .img-widget {
    height: 100px;
    padding: 20px; }

  .homeintrosection .single-col .link {
    position: relative; }

  .padding-left-15,
  .about-intro .lpad .text,
  .homeintrosection .lpad .text,
  .downloads .viewwrap .video,
  .contactus .lft {
    padding-left: 15px; }

  .download-sections .altpanels .panel-collapse {
    position: static; }

  .downloads .preview-section {
    padding: 0 15px; }

  .padr {
    padding: 15px 38% 15px 15px; }

  .profile-details .color-grid-section {
    margin-bottom: 15px; }

  .responsive-full-width,
  .project-intro .introtext,
  .project-intro .introimage,
  .color-intro .introtext .text {
    width: 100%; }

  .benefits .benefits-text {
    width: 90%; }

  .featured-projects .project-grid img, .featured-projects .profile-grid img, .featured-profiles .project-grid img, .featured-profiles .profile-grid img {
    width: 100%; } }
@media screen and (max-width: 767px) {
  .logo {
    margin-bottom: 30px;
    padding: 0 15px; }

  .logosection {
    margin-bottom: -90px;
    /*z-index: 2;*/ }
    .logosection img {
      max-width: 120px; }

  .home .logosection {
    /*margin-bottom: -70px;*/
    margin-bottom: -90px; }

  .searchsection {
    text-align: left;
    position: relative; }
    .searchsection form {
      width: 100%; }
      .searchsection form .searchbtn {
        width: 31px; }
      .searchsection form .searchbox {
        width: calc(100% - 35px); }

  .contactcontrols {
    display: inline-block;
    margin-left: 20px;
    position: absolute;
    top: -30px;
    right: 0; }

  .home .contactcontrols {
    /*top: -50px;*/ }

  .homeslider {
    margin-top: 0; }

  .section-title h1 {
    font-size: 30px; }

  .promotion .container .bg .intro .link {
    margin-left: 15px; }

  .homeintrosection .single-col {
    background: url("/assets/img/dashline.png") 97% 91% no-repeat; }

  .pagebanner .imagewrapper .blackstrip .btmborder {
    margin: 0; }

  .about-intro .bottom-row .introimage img {
    width: 100%; }

  .about-intro .withlink .introimage {
    padding-right: 3px; }

  .about-intro .third-row {
    margin-top: 10px; }

  .about-intro .dual-cols {
    margin-bottom: 20px; }

  .about-intro .text h2 {
    font-size: 25px; }

  .benefits .bg {
    background: none !important; }
  .benefits .benefits-text {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0; }
  .benefits .mobile-bg {
    display: inline-block;
    width: 100%;
    height: 250px; }

  .downloads .text .padr {
    padding: 10px 0; }
    .downloads .text .padr h3 {
      margin-top: 10px; }
  .downloads .preview-section .download-links {
    padding-right: 0; }

  .download-sections .filter-tab-documents .pad {
    padding: 0; }
  .download-sections .file-list {
    margin-top: 0px;
    margin-bottom: 15px; }

  .profile-details {
    margin-top: 0; }
    .profile-details .color-grid-section .colors {
      width: 100%; }

  .project-intro .introimage, .project-intro .introtext {
    width: 100%;
    float: left; }
  .project-intro .introimage {
    padding: 0;
    margin-top: 15px; }
    .project-intro .introimage img {
      width: 100%; }
  .project-intro .introimage + .introimage {
    margin-top: 15px;
    width: 100%; }
    .project-intro .introimage + .introimage img {
      width: 100%; }

  .project-desc .introtext {
    margin-bottom: 30px; }
  .project-desc .introimage img {
    width: 100%; }

  .project-imgs {
    margin-top: 0; }
    .project-imgs .imagestext {
      min-height: 200px;
      height: auto; }
      .project-imgs .imagestext .c-item, .project-imgs .imagestext .view-staff {
        width: 50%;
        float: left;
        position: relative;
        padding-top: 0; }
      .project-imgs .imagestext .view-staff {
        background: none; }
        .project-imgs .imagestext .view-staff .content {
          position: relative;
          bottom: 0; }
        .project-imgs .imagestext .view-staff .dashline {
          display: none; }
    .project-imgs .altimagesection .singleimage {
      padding-right: 0; }
    .project-imgs .architect {
      width: 100%; }
      .project-imgs .architect .c-item, .project-imgs .architect .view-staff {
        width: 100%; }
      .project-imgs .architect .view-staff {
        display: none; }

  .color-pickerwrap {
    overflow: hidden; }

  .profile-color-picker {
    /*.ripple .fleft span, .sandstone .fleft span {
        font-size: 12px;
    }
    .ripple .fleft h3, .sandstone .fleft h3 {
        font-size: 14px;
        vertical-align: middle;
    }*/ }
    .profile-color-picker .blackstrip h2 {
      font-size: 20px; }
    .profile-color-picker .profile-profiles {
      margin-bottom: 0;
      margin-top: 0; }
    .profile-color-picker .ripple, .profile-color-picker .sandstone {
      margin-top: 0; }
    .profile-color-picker .colorpicker {
      width: 49px;
      height: 49px; }
    .profile-color-picker .extraMarginTop {
      margin-top: 0px; }

  .colors-bottom-section + footer {
    margin-top: 150px; }

  #canvas {
    -moz-transform: scale(1.2) translateX(22px);
    -ms-transform: scale(1.2) translateX(22px);
    -o-transform: scale(1.2) translateX(22px);
    -webkit-transform: scale(1.2) translateX(22px);
    transform: scale(1.2) translateX(22px); }

  footer .bg .f-logo img {
    max-width: 110px;
    padding: 10px; }

  .searchsection form .searchbtn {
    display: inline-block;
    float: left;
    height: 100%;
    padding: 1px 0;
    margin-right: 3px; }
  .searchsection form .searchbox {
    border-radius: 0;
    float: right; } }

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