@import url('style-blessed1.css?z=746');

.portfolio-search-box .port-btn-main .da-text {
  cursor: pointer;
  width: 150px;
  top: 44px;
  text-align: right;
  position: absolute;
  right: 50%;
  margin-right: -75px;
  text-align: center;
  color: #43aacd;
}

@media only screen and (min-width: 64.0625em) {
  .portfolio-search-box .port-btn-main {
    width: auto;
  }

  .portfolio-search-box .port-btn-main .da-text {
    right: 55px;
    width: 150px;
    top: 12px;
    text-align: right;
    position: absolute;
    margin-right: auto;
    text-align: center;
  }

  .portfolio-search-box .port-btn-main.searchbtn {
    margin-right: 0;
    top: 0;
    right: 0;
  }

  .portfolio-search-box .port-btn-main.featuredbtn {
    margin-right: 0;
    top: 100px;
    right: 0;
  }

  .portfolio-search-box .port-btn-main.viewallbtn {
    margin-right: 0;
    top: 50px;
    right: 0;
  }
}

.portfolio-search-box .port-btn-main .nav-button {
  width: 20px;
  height: 20px;
  padding: 10px;
  font-size: 1.4em;
  border-radius: 500px;
  text-align: center;
  box-sizing: content-box;
  outline: none;
  line-height: 1;
  color: white;
}

.portfolio-search-box .port-btn-main .nav-button.search {
  background: #95c829;
}

.portfolio-search-box .port-btn-main .nav-button.featured {
  background: gold;
}

.portfolio-search-box .port-btn-main .nav-button.viewall {
  background: #43aacd;
}

.portfolio-search-box .port-btn-main .nav-button.active {
  background: #eaebee;
  color: #43aacd;
  -webkit-animation: none;
  animation: none;
}

.portfolio-search-box .port-btn-main .nav-button.active ~ .da-text {
  text-decoration: underline;
}

.portfolio-search-box .port-btn-main .nav-button.close-button {
  right: 20px;
}

.throbbing-icon {
  -webkit-animation: throb 750ms ease-out;
  animation: throb 750ms ease-out;
  -webkit-animation-iteration-count: 100;
  animation-iteration-count: 100;
  position: relative;
}

@-webkit-keyframes throb {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  90% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }

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

@keyframes throb {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  90% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }

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

.search-box-title {
  text-align: center;
}

@media only screen and (min-width: 64.0625em) {
  .search-box-title {
    text-align: left;
  }
}

.initial-content-title {
  margin-top: 1rem;
  margin-bottom: 2rem;
  text-align: center;
}

.portfolio-search-box {
  width: 100%;
  border: 1px solid #EFEFEF;
  padding: 2em 1em;
}

.portfolio-search-box .style-selection,
.portfolio-search-box .industry-selection {
  width: 100%;
  float: none;
  clear: both;
}

@media only screen and (min-width: 64.0625em) {
  .portfolio-search-box .style-selection,
  .portfolio-search-box .industry-selection {
    width: 45%;
    float: left;
    clear: none;
  }

  .portfolio-search-box .industry-selection {
    margin-left: 5%;
  }
}

.portfolio-search-box .style-selection {
  margin-right: 5%;
  position: relative;
}

@media only screen and (min-width: 64.0625em) {
  .portfolio-search-box .style-selection:after {
    content: ' ';
    height: 230px;
    width: 1px;
    background-color: #EFEFEF;
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
    position: absolute;
    right: -40px;
    top: -29px;
  }
}

.portfolio-search-box .industry-selection .industry-hashtags {
  word-spacing: 1rem;
  text-align: center;
}

.portfolio-search-box .industry-selection .indust-hashtag {
  padding: 0.1875rem 0.625rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin: 0.3125rem;
}

.portfolio-search-box .industry-selection .indust-hashtag.active {
  background: #43aacd;
  color: #FFFFFF;
}

.portfolio-search-box .si-wrapper {
  width: 20%;
  float: left;
}

.portfolio-search-box .si-wrapper .style-icon {
  display: block;
  border: 1px solid black;
  border-radius: 500px;
  width: 72px;
  height: 72px;
  margin: 0 auto;
}

.portfolio-search-box .si-wrapper .style-icon.active,
.portfolio-search-box .si-wrapper .style-icon:hover {
  background-color: #43aacd;
  border-color: #43aacd;
}

.portfolio-search-box .si-wrapper .style-name {
  text-align: center;
}

.portfolio-search-box .si-wrapper .style-icon {
  cursor: pointer;
}

.portfolio-search-box .si-wrapper .style-icon .si-inner {
  background-position: 20px 5px;
  background-image: url("../images/style-icons-sprite.png");
  background-repeat: no-repeat;
  background-clip: content-box;
  overflow: hidden;
  padding: 10px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  transition: all .1s linear;
}

.portfolio-search-box .si-wrapper.style-clean .si-inner {
  background-position: 18px 16px;
}

.portfolio-search-box .si-wrapper.style-clean .style-icon.active .si-inner,
.portfolio-search-box .si-wrapper.style-clean .style-icon:hover .si-inner {
  background-position: 18px -31px;
}

.portfolio-search-box .si-wrapper.style-modern .si-inner {
  background-position: -27px 16px;
}

.portfolio-search-box .si-wrapper.style-modern .style-icon.active .si-inner,
.portfolio-search-box .si-wrapper.style-modern .style-icon:hover .si-inner {
  background-position: -27px -31px;
}

.portfolio-search-box .si-wrapper.style-creative .si-inner {
  background-position: -73px 16px;
}

.portfolio-search-box .si-wrapper.style-creative .style-icon.active .si-inner,
.portfolio-search-box .si-wrapper.style-creative .style-icon:hover .si-inner {
  background-position: -73px -31px;
}

.portfolio-search-box .si-wrapper.style-texture .si-inner {
  background-position: -118px 16px;
}

.portfolio-search-box .si-wrapper.style-texture .style-icon.active .si-inner,
.portfolio-search-box .si-wrapper.style-texture .style-icon:hover .si-inner {
  background-position: -118px -31px;
}

.portfolio-search-box .si-wrapper.style-corporate .si-inner {
  background-position: -167px 16px;
}

.portfolio-search-box .si-wrapper.style-corporate .style-icon.active .si-inner,
.portfolio-search-box .si-wrapper.style-corporate .style-icon:hover .si-inner {
  background-position: -167px -31px;
}

.portfolio-search-box .sb-title {
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

.portfolio-search-box .sb-title .lead,
.portfolio-search-box .sb-title .title-type {
  display: block;
  line-height: 1.33em;
}

.portfolio-search-box .sb-title .lead {
  clear: both;
  padding-top: 45px;
  letter-spacing: .2rem;
  font-size: .8rem;
}

@media only screen and (min-width: 64.0625em) {
  .portfolio-search-box .sb-title .lead {
    padding-top: 0;
  }
}

.portfolio-search-box .sb-title .title-type {
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .4rem;
}

/*********************
Service Row CSS
- Web Design
- Digital Marketing
- Support & Maintenance
*********************/

.services-list .text-block {
  width: 100%;
}

.services-list .text-block .preheader {
  margin: 0 0 0;
  padding: 0;
}

.services-list .text-block h2 {
  color: #43aacd;
  font-family: 'montserratregular';
  font-size: 1.7rem;
  line-height: 1.3;
  margin: 0 0 1em;
}

.services-list .text-block h2 a {
  font-weight: normal;
}

.services-list .text-block > span {
  display: block;
  text-transform: uppercase;
  padding: 0 0 1rem;
  color: #888888;
}

.services-list .text-block p {
  color: #888888;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .text-block {
    width: 60%;
  }
}

.services-list .text-block .s-xcrt-btn {
  display: block;
  margin: 2em 0 1em;
}

.services-list figure {
  width: 100%;
  margin: 0;
  position: relative;
}

.services-list figure .icon {
  background: #464648;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 1rem;
  margin: 0px auto;
  position: absolute;
}

.services-list figure .icon img {
  height: 70px;
  width: 70px;
}

@media only screen and (min-width: 40.0625em) {
  .services-list figure {
    width: 40%;
  }

  .services-list .each-servrow.lean-left {
    -webkit-transform: rotate(1.414deg);
    transform: rotate(1.414deg);
  }

  .services-list .each-servrow.lean-left .row {
    -webkit-transform: rotate(-1.414deg);
    transform: rotate(-1.414deg);
  }

  .services-list .each-servrow.lean-right {
    -webkit-transform: rotate(-1.414deg);
    transform: rotate(-1.414deg);
  }

  .services-list .each-servrow.lean-right .row {
    -webkit-transform: rotate(1.414deg);
    transform: rotate(1.414deg);
  }

  .services-list .each-servrow.lean-left,
  .services-list .each-servrow.lean-right {
    width: 114%;
    margin: -4.14% auto -4.14% -7%;
    padding: 10% 0;
  }

  .services-list .each-servrow.lean-left .row,
  .services-list .each-servrow.lean-right .row {
    width: 87.7193%;
    margin: -4.14% auto;
  }
}

.services-list .row-1,
.services-list .row-5 {
  position: relative;
  background: #FFFFFF;
  padding: 1.5rem;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-1,
  .services-list .row-5 {
    padding: 5rem 0 2rem 0;
  }
}

@media only screen and (min-width: 64.0625em) {
  .services-list .row-1,
  .services-list .row-5 {
    padding: 4rem 0 4rem;
  }
}

.services-list .row-1 .text-block,
.services-list .row-5 .text-block {
  float: left;
  padding: 0;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-1 .text-block,
  .services-list .row-5 .text-block {
    padding: 0 0 0 3rem;
  }
}

@media only screen and (min-width: 64.0625em) {
  .services-list .row-1 .text-block,
  .services-list .row-5 .text-block {
    padding: 0 2rem 0 0;
  }
}

.services-list .row-1 figure,
.services-list .row-5 figure {
  float: right;
}

.services-list .row-1 figure .icon,
.services-list .row-5 figure .icon {
  top: -50px;
  right: -0.9375rem;
  display: none;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-1 figure .icon,
  .services-list .row-5 figure .icon {
    display: block;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .services-list .row-1 figure,
  .services-list .row-5 figure {
    padding: 0 3rem 0 1rem;
  }
}

.services-list .row-2,
.services-list .row-6 {
  position: relative;
  background: #eaebee;
  padding: 1.5rem;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-2,
  .services-list .row-6 {
    padding: 5rem 0 2rem 0;
  }
}

@media only screen and (min-width: 64.0625em) {
  .services-list .row-2,
  .services-list .row-6 {
    padding: 4rem 0 8rem;
  }
}

.services-list .row-2 .text-block,
.services-list .row-6 .text-block {
  float: right;
  padding: 0;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-2 .text-block,
  .services-list .row-6 .text-block {
    padding: 0 3rem 0 0;
  }
}

@media only screen and (min-width: 64.0625em) {
  .services-list .row-2 .text-block,
  .services-list .row-6 .text-block {
    padding: 0 0 0 2rem;
  }
}

.services-list .row-2 figure,
.services-list .row-6 figure {
  float: left;
}

.services-list .row-2 figure .icon,
.services-list .row-6 figure .icon {
  top: -50px;
  left: -0.9375rem;
  display: none;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-2 figure .icon,
  .services-list .row-6 figure .icon {
    display: block;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .services-list .row-2 figure,
  .services-list .row-6 figure {
    padding: 0 1rem 0 3rem;
  }
}

.services-list .row-3,
.services-list .row-7 {
  position: relative;
  background: #FFFFFF;
  padding: 1.5rem;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-3,
  .services-list .row-7 {
    padding: 5rem 0 2rem 0;
  }
}

@media only screen and (min-width: 64.0625em) {
  .services-list .row-3,
  .services-list .row-7 {
    padding: 4rem 0;
  }
}

.services-list .row-3 .text-block,
.services-list .row-7 .text-block {
  float: left;
  padding: 0;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-3 .text-block,
  .services-list .row-7 .text-block {
    padding: 0 0 0 3rem;
  }
}

@media only screen and (min-width: 64.0625em) {
  .services-list .row-3 .text-block,
  .services-list .row-7 .text-block {
    padding: 0 2rem 0 0;
  }
}

.services-list .row-3 figure,
.services-list .row-7 figure {
  float: right;
}

.services-list .row-3 figure .icon,
.services-list .row-7 figure .icon {
  top: -50px;
  right: -0.9375rem;
  display: none;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-3 figure .icon,
  .services-list .row-7 figure .icon {
    display: block;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .services-list .row-3 figure,
  .services-list .row-7 figure {
    padding: 0 3rem 0 1rem;
  }
}

.services-list .row-4,
.services-list .row-8 {
  position: relative;
  background: #222222;
  padding: 1.5rem;
}

.services-list .row-4 h2 a,
.services-list .row-8 h2 a {
  color: #55a1bb;
}

.services-list .row-4 .preheader,
.services-list .row-4 p,
.services-list .row-8 .preheader,
.services-list .row-8 p {
  color: #bbb;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-4,
  .services-list .row-8 {
    padding: 5rem 0 2rem 0;
  }
}

@media only screen and (min-width: 64.0625em) {
  .services-list .row-4,
  .services-list .row-8 {
    padding: 8rem 0;
  }
}

.services-list .row-4 .text-block,
.services-list .row-8 .text-block {
  float: right;
  padding: 0;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-4 .text-block,
  .services-list .row-8 .text-block {
    padding: 0 3rem 0 0;
  }
}

@media only screen and (min-width: 64.0625em) {
  .services-list .row-4 .text-block,
  .services-list .row-8 .text-block {
    padding: 0 0 0 2rem;
  }
}

.services-list .row-4 figure,
.services-list .row-8 figure {
  float: left;
}

.services-list .row-4 figure .icon,
.services-list .row-8 figure .icon {
  top: -50px;
  left: -0.9375rem;
  display: none;
}

@media only screen and (min-width: 40.0625em) {
  .services-list .row-4 figure .icon,
  .services-list .row-8 figure .icon {
    display: block;
  }
}

@media only screen and (min-width: 1366px) {
  .services-list .row-4 figure .icon,
  .services-list .row-8 figure .icon {
    top: -50px;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .services-list .row-4 figure,
  .services-list .row-8 figure {
    padding: 0 1rem 0 3rem;
  }
}

.download {
  margin: 4rem 0 0 0;
  background: url(../images/download-background.jpg);
  background-size: cover;
  padding: 3rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 64.0625em) {
  .download {
    padding: 7rem 0;
  }
}

.download .left {
  float: left;
  width: 100%;
}

@media only screen and (min-width: 40.0625em) {
  .download .left {
    width: 50%;
    padding: 0 1rem 0 0;
    text-align: right;
  }
}

.download .right {
  float: right;
  width: 100%;
}

.download .right .button {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

@media only screen and (min-width: 40.0625em) {
  .download .right {
    width: 50%;
    padding: 0 0 0 1rem;
    text-align: left;
  }
}

.download .text {
  font-family: 'montserratregular';
  color: #FFFFFF;
  position: relative;
}

.download .text p {
  font-size: 1.3rem;
}

.case-study {
  background: url(../images/webdesign-case-study.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 7rem 0;
  position: relative;
}

.case-study.dm-case-study {
  background-image: url(../images/SWSunControl-CaseStudyBanner.jpg);
}

@media only screen and (max-width: 40em) {
  .case-study {
    padding: 2rem 0;
    background-position: left center;
  }
}

.case-study .text {
  width: 50%;
  text-align: right;
}

.case-study .text h3 {
  color: #FFFFFF;
  line-height: 1.4;
}

.case-study .text p {
  color: #eaebee;
}

/*********************
SOLUTIONS > WEB DESIGN/SUPPORT & MAINTENANCE
*********************/

#service-page.support .main-image img {
  width: 24.8125rem;
  margin-left: -13.28125rem;
  position: relative;
  left: 50%;
}

#service-page.support .main-image .text {
  padding: 0.5rem 0 0;
  top: 14.375rem;
}

@media only screen and (max-width: 40em) {
  #service-page.support .main-image .text {
    top: 6.875rem;
  }
}

#service-page.support .main-image .text p {
  padding: 0 1.5rem;
}

#service-page .main-image {
  position: relative;
  z-index: 99;
}

#service-page .main-image img {
  left: 50%;
  width: 29.125rem;
  margin-left: -18.3125rem;
  position: relative;
  max-width: none;
}

#service-page .main-image .text {
  position: absolute;
  text-align: center;
  font-family: 'montserratbold';
  color: #FFFFFF;
  text-transform: uppercase;
  z-index: 999;
  left: 50%;
  top: 49%;
  width: 15.625rem;
  margin-left: -7.8125rem;
}

#service-page .main-image .text p {
  font-size: .8rem;
  letter-spacing: 4px;
}

@media only screen and (min-width: 40.0625em) {
  #service-page.support .main-image img {
    width: 49.625rem;
    margin-left: -26.5625rem;
    position: relative;
    left: 50%;
  }

  #service-page .main-image {
    margin-bottom: 2rem;
  }

  #service-page .main-image img {
    margin-left: -36.625rem;
    width: 58.25rem;
    max-width: none;
  }

  #service-page .main-image .text {
    width: 21.875rem;
    margin-left: -10.9375rem;
  }

  #service-page .main-image .text p {
    font-size: 1.5rem;
  }
}

#service-page .quick-links {
  display: none;
  text-align: center;
}

@media only screen and (min-width: 64.0625em) {
  #service-page .quick-links {
    display: block;
  }
}

#service-page .quick-links .each-servicon {
  width: 16.66667%;
  display: inline-block;
}

#service-page .separator {
  background: url(../images/webdesign-sep.png);
  background-size: 100%;
  max-width: 1150px;
  background-position: center top;
  height: 16px;
  margin: 0 25px 2rem;
  display: none;
}

@media only screen and (min-width: 64.0625em) {
  #service-page .separator {
    display: block;
  }
}

#service-page .separator-two {
  background-color: #EEEEEE;
  height: 1px;
  max-width: 1150px;
  margin: 0 4rem;
  display: none;
}

@media only screen and (min-width: 64.0625em) {
  #service-page .separator-two {
    margin: 0px auto;
    display: block;
  }
}

#service-page .circle {
  background: #43aacd;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: .8rem;
  margin: 0px auto;
}

#service-page .circle img {
  height: 15px;
}

@media only screen and (min-width: 64.0625em) {
  #service-page .circle img {
    height: 70px;
    width: 70px;
  }
}

#service-page .circle:hover {
  background: #95c829;
}

@media only screen and (min-width: 64.0625em) {
  #service-page .circle {
    width: 100px;
    height: 100px;
    padding: 1rem;
  }
}

#service-page .services-menu {
  text-align: center;
}

#service-page .services-menu .title {
  font-family: 'montserratbold';
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #777777;
  font-size: .6rem;
  line-height: .8rem;
  margin: 1rem 0;
}

#service-page .services-menu .title:hover {
  color: #95c829;
}

@media only screen and (min-width: 64.0625em) {
  #service-page .services-menu .title {
    font-size: .85rem;
    line-height: 1rem;
  }
}

/*********************
SOLUTIONS > DIGITAL MARKETING
*********************/

#digital-marketing {
  position: relative;
  padding: 4rem 0 0 0;
}

#digital-marketing .ipad {
  position: relative;
  text-align: center;
}

#digital-marketing .ipad .title {
  color: #888888;
  font-size: .975rem;
  font-family: 'montserratregular';
  text-transform: uppercase;
  margin-top: .5rem;
}

#digital-marketing .ipad .ipad-img {
  display: block;
  padding: 0 3rem;
  margin-left: 26px;
  max-width: none;
  left: 50%;
  position: relative;
  height: 35.4375rem;
  width: 45.625rem;
  margin-left: -22.125rem;
}

#digital-marketing .ipad .text {
  display: block;
  position: absolute;
  font-family: 'montserratbold';
  text-transform: uppercase;
  color: #FFFFFF;
  margin-left: -122.5px;
  left: 50%;
  width: 15.3125rem;
  top: 15.8125rem;
  font-size: 1.3rem;
  letter-spacing: 1px;
}

#digital-marketing .ipad .quick-links {
  display: inline-block;
  text-align: center;
}

#digital-marketing .ipad .quick-links .each-servicon {
  width: 16.66667%;
  display: inline-block;
}

#digital-marketing .ipad .quick-links a {
  display: inline-block;
  padding: 0 1rem 1rem;
  width: 12.5rem;
  vertical-align: top;
}

#digital-marketing .ipad .quick-links #servicon-1,
#digital-marketing .ipad .quick-links #servicon-2,
#digital-marketing .ipad .quick-links #servicon-3,
#digital-marketing .ipad .quick-links #servicon-4,
#digital-marketing .ipad .quick-links #servicon-5,
#digital-marketing .ipad .quick-links #servicon-6,
#digital-marketing .ipad .quick-links #servicon-7,
#digital-marketing .ipad .quick-links #servicon-8 {
  position: static;
}

@media only screen and (min-width: 64.0625em) {
  #digital-marketing .ipad .quick-links #servicon-1,
  #digital-marketing .ipad .quick-links #servicon-2,
  #digital-marketing .ipad .quick-links #servicon-3,
  #digital-marketing .ipad .quick-links #servicon-4,
  #digital-marketing .ipad .quick-links #servicon-5,
  #digital-marketing .ipad .quick-links #servicon-6,
  #digital-marketing .ipad .quick-links #servicon-7,
  #digital-marketing .ipad .quick-links #servicon-8 {
    position: absolute;
  }
}

#digital-marketing .ipad .quick-links #servicon-1 {
  left: 64%;
  top: 0;
}

#digital-marketing .ipad .quick-links #servicon-2 {
  left: 75%;
  top: 21%;
}

#digital-marketing .ipad .quick-links #servicon-3 {
  left: 84%;
  top: 58%;
}

#digital-marketing .ipad .quick-links #servicon-4 {
  left: 73%;
  top: 85%;
}

#digital-marketing .ipad .quick-links #servicon-5 {
  left: 20%;
  top: 85%;
}

#digital-marketing .ipad .quick-links #servicon-6 {
  left: 5%;
  top: 58%;
}

#digital-marketing .ipad .quick-links #servicon-7 {
  top: 21%;
  left: 9%;
}

#digital-marketing .ipad .quick-links #servicon-8 {
  top: 0;
  left: 25%;
}

#digital-marketing .ipad .circle {
  background: #464648;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 1rem;
  margin: 0px auto;
}

#digital-marketing .ipad .circle img {
  height: 70px;
  width: 70px;
}

#digital-marketing .ipad .circle:hover {
  background: #95c829;
}

body.page-template-page-services-sub #int-billboard .int-billboard-text {
  display: none;
}

.digital-menu {
  position: relative;
  margin: 0px auto;
  left: 0;
  max-width: 95%;
  text-align: center;
  padding: 4% 0;
}

.digital-menu .f-dropdown .dm-ni-active {
  font-weight: bold;
}

.digital-menu .dm-icon-group {
  display: inline-block;
  width: 610px;
  margin: .5rem 0;
}

.digital-menu .dm-nav-item.dm-ni-active .icon {
  background: #95c829;
}

.digital-menu .item {
  list-style-type: none;
  float: left;
  margin: 0 1rem;
  font-family: 'montserratbold';
  text-transform: uppercase;
  width: 120px;
}

.digital-menu .item .icon {
  background: #464648;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 1rem;
  margin: 0px auto;
}

.digital-menu .item .icon img {
  max-width: 100%;
  height: auto;
}

.digital-menu .item .icon:hover {
  background: #95c829;
}

.digital-menu .item .title {
  margin: 1rem 0 0 0;
  font-size: .8rem;
  color: #FFFFFF;
  text-align: center;
}

.digital-menu:before {
  content: " ";
  display: table;
}

.digital-menu:after {
  clear: both;
  content: " ";
  display: table;
}

#digital-single {
  padding-top: 2rem;
}

#digital-single .grey-section,
#digital-single .white-section {
  padding: 3rem;
  z-index: 100;
}

#digital-single .grey-section h4,
#digital-single .white-section h4 {
  text-align: center;
  margin-top: 2rem;
  font-size: 2rem;
}

@media only screen and (max-width: 40em) {
  #digital-single .grey-section,
  #digital-single .white-section {
    padding: 1.4rem;
  }

  #digital-single .grey-section h4,
  #digital-single .white-section h4 {
    text-align: left;
    margin-top: 0;
    font-size: 1.4rem;
  }
}

#digital-single .intro {
  position: relative;
  padding: 3rem 3rem 1rem;
}

@media only screen and (min-width: 64.0625em) {
  #digital-single .intro {
    padding: 0;
  }
}

#digital-single .grey-section {
  background: #eaebee;
  position: relative;
  text-shadow: 0 1px 1px #FFFFFF;
  z-index: 50;
  overflow: hidden;
}

@media only screen and (min-width: 64.0625em) {
  #digital-single .grey-section {
    padding: 7rem 0 4rem;
  }
}

#digital-single .grey-section h4 {
  color: #43aacd;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'montserratbold';
}

#digital-single .grey-section h5 {
  border-bottom: 2px solid #43aacd;
  padding: 0 0 .5rem 0;
  margin: 0 0 1rem 0;
}

#digital-single .grey-section .sub-title {
  text-transform: uppercase;
  margin: .5rem 0;
  font-weight: 600;
}

#digital-single .white-section {
  position: relative;
  text-align: center;
}

#digital-single .white-section h4 {
  color: #43aacd;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'montserratbold';
}

@media only screen and (min-width: 64.0625em) {
  #digital-single .white-section {
    padding: 4rem 0;
  }

  #digital-single .white-section p {
    padding: 0 6rem;
  }
}

#digital-single .pattern-section {
  overflow: hidden;
  padding: 3rem;
  position: relative;
  text-shadow: 0 1px 1px #202020;
}

@media only screen and (min-width: 64.0625em) {
  #digital-single .pattern-section {
    padding: 8rem 0;
  }
}

#digital-single .pattern-section .left-col {
  color: #FFFFFF;
  text-align: center;
  margin: 0 0 1rem 0;
}

#digital-single .pattern-section .left-col span {
  display: block;
}

@media only screen and (min-width: 64.0625em) {
  #digital-single .pattern-section .left-col {
    margin: 0;
  }
}

#digital-single .pattern-section .middle-col {
  color: #FFFFFF;
  text-align: center;
  margin: 0 0 1rem 0;
}

@media only screen and (min-width: 64.0625em) {
  #digital-single .pattern-section .middle-col {
    margin: 0;
  }
}

#digital-single .pattern-section .right-col {
  text-align: center;
}

#digital-single .pattern-section .large {
  font-size: 1.5rem;
  line-height: 1.2rem;
  font-family: 'montserratbold';
  text-transform: uppercase;
}

#digital-single .pattern-section .small {
  line-height: 1rem;
  padding: .3rem 0 .5rem;
}

#digital-single .pattern-section .button {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

#digital-single .white-section-2 {
  padding: 3rem;
  position: relative;
}

@media only screen and (min-width: 64.0625em) {
  #digital-single .white-section-2 {
    padding: 1rem 0 4rem;
  }
}

#digital-single .white-section-2 h4 {
  color: #43aacd;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'montserratbold';
}

#digital-single .white-section-2 h5 {
  border-bottom: 2px solid #43aacd;
  padding: 0 0 .5rem 0;
  margin: 0 0 1rem 0;
}

#digital-single .white-section-2 img {
  margin: 0 0 1rem 0;
}

#digital-single .promo-section {
  padding: 3rem;
  position: relative;
  font-family: 'montserratbold', sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
}

#digital-single .promo-section h1,
#digital-single .promo-section h2,
#digital-single .promo-section h3,
#digital-single .promo-section h4,
#digital-single .promo-section h5,
#digital-single .promo-section h6,
#digital-single .promo-section p {
  color: #FFFFFF;
}

#digital-single .promo-section p {
  font-family: 'montserratregular', sans-serif;
}

@media only screen and (min-width: 64.0625em) {
  #digital-single .promo-section {
    padding: 8rem 0;
  }
}

#digital-single .promo-section .button {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

#digital-single .case-study {
  background-color: #eaebee;
  padding: 4rem 0;
  position: relative;
}

#digital-single .case-study .title {
  color: #43aacd;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'montserratbold';
  font-size: 2rem;
  opacity: 0;
}

#digital-single .case-study p {
  margin: 0 0 1rem 0;
}

/*********************
ABOUT STYLES
*********************/

body.page-template-page-about .tiny-title-info {
  pointer-events: none;
  background: black;
  color: white;
  padding: 2em 3em;
}

body.page-template-page-about .tiny-title-info h2 {
  color: white;
  font-family: 'montserratbold', sans-serif;
  margin-bottom: 1em;
}

body.page-template-page-about #int-billboard {
  display: none;
}

body.page-template-page-about h1.page-title {
  display: none;
}

body.page-template-page-about #about-drag {
  display: none;
  background-image: url(../images/before.jpg);
  padding: 10rem 0 6rem;
  min-height: 600px;
  position: relative;
}

body.page-template-page-about #about-drag * {
  pointer-events: none;
}

@media only screen and (max-width: 40em) {
  body.page-template-page-about #about-drag {
    min-height: 450px;
  }

  body.page-template-page-about #about-drag .title-info {
    position: relative;
    background: #464648;
    max-width: none;
  }
}

body.page-template-page-about #about-drag .title-info {
  color: #FFFFFF;
  max-width: 350px;
  width: 100%;
  position: absolute;
  top: 8rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}

body.page-template-page-about #about-drag .title-info h2 {
  text-transform: uppercase;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0 .5rem 0;
  margin: 0 0 .5rem 0;
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  body.page-template-page-about #about-drag .title-info {
    max-width: 250px;
    top: 4rem;
  }
}

body.page-template-page-about #about-drag .drag-phone {
  position: absolute;
  max-width: 293px;
  width: 100%;
  top: 3rem;
  left: 50%;
  margin-left: -146.5px;
  bottom: 0;
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  body.page-template-page-about #about-drag .drag-phone {
    top: 2rem;
    left: 40%;
    margin-left: auto;
  }
}

@media only screen and (max-width: 40em) {
  body.page-template-page-about #about-drag .drag-phone {
    top: 6rem;
  }
}

body.page-template-page-about #about-drag .drag-phone .phone {
  position: relative;
}

body.page-template-page-about #about-drag .drag-phone #bg {
  width: 165px;
  height: 290px;
  top: 53px;
  left: 17px;
  padding-top: 14px;
  position: absolute;
  background-image: url(../images/after.jpg);
  box-shadow: inset 0 0 80px rgba(255, 255, 255, 0.5);
  background-clip: content-box;
}

@media only screen and (min-width: 64.0625em) {
  body.page-template-page-about #about-drag .drag-phone #bg {
    width: 241px;
    height: 426px;
    top: 77px;
    left: 25px;
    padding-top: 22px;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  body.page-template-page-about #about-drag .drag-phone img {
    max-width: 200px;
  }
}

@media only screen and (max-width: 40em) {
  body.page-template-page-about #about-drag .drag-phone {
    left: 50%;
    margin-left: -100px;
  }

  body.page-template-page-about #about-drag .drag-phone img {
    max-width: 200px;
  }
}

body.page-template-page-about #about-drag .drag-text {
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  right: 0;
  top: 4rem;
}

@media only screen and (min-width: 64.0625em) {
  body.page-template-page-about #about-drag .drag-text {
    top: 50%;
    margin-top: -30px;
  }
}

@-webkit-keyframes thumb {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  12.5% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }

  25% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  62.5% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  75% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  87.25% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

body.page-template-page-about #about-drag .drag-text img {
  -webkit-animation-name: thumb;
  -webkit-animation-duration: 1500ms;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

body.page-template-page-about #about-drag .drag-text .text span {
  display: block;
  text-transform: uppercase;
  font-family: 'montserratregular';
}

@media only screen and (max-width: 40em) {
  body.page-template-page-about #about-drag .drag-text {
    top: 1em;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  body.page-template-page-about #about-drag {
    min-height: 500px;
    padding: 2rem 0;
  }
}

body.page-template-page-about .about-top {
  margin: 2rem 0 3rem;
  text-align: center;
}

body.page-template-page-about .about-top h3 {
  color: #43aacd;
  letter-spacing: 2px;
  text-transform: uppercase;
}

body.page-template-page-about #team-bar {
  background: #43aacd;
  text-align: center;
  padding: 4rem 0;
  position: relative;
}

body.page-template-page-about #team-bar .button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

@media only screen and (min-width: 64.0625em) {
  body.page-template-page-about #team-bar {
    padding: 4rem 0 6rem;
  }
}

.mob-1 {
  position: relative;
  max-width: 300px;
  width: 100%;
  direction: table;
  height: 500px;
  width: 900px;
  max-width: 100%;
}

.mob-1 figure {
  display: table-cell;
  vertical-align: bottom;
}

.mob-1 img {
  position: relative;
  bottom: 0;
}

.mob-2 {
  position: relative;
  max-width: 574px;
  width: 100%;
  direction: table;
  height: 500px;
  width: 900px;
  max-width: 100%;
}

.mob-2 figure {
  display: table-cell;
  vertical-align: bottom;
}

.mob-2 img {
  position: relative;
  bottom: 0;
}

.mob-3 {
  position: relative;
  max-width: 900px;
  width: 100%;
  direction: table;
  height: 500px;
  width: 900px;
  max-width: 100%;
}

.mob-3 figure {
  display: table-cell;
  vertical-align: bottom;
}

.mob-3 img {
  position: relative;
  bottom: 0;
}

/*********************
TEAM STYLES
*********************/

body.page-template-page-team {
  background: #000000;
}

body.page-template-page-team .page-title,
body.single-team .page-title {
  margin: 1.875rem 0;
}

body.page-template-page-team .title-section,
body.single-team .title-section {
  border-bottom: 1px solid #000000;
  margin: .5rem 0;
}

body.page-template-page-team .title-section .title,
body.single-team .title-section .title {
  color: #464648;
  font-style: italic;
  margin: .5rem 0;
}

body.page-template-page-team .secondary-image img {
  display: block;
  margin: 0 auto;
}

body.page-template-page-team .social-butts,
body.single-team .social-butts {
  font-size: 3rem;
}

body.page-template-page-team #int-billboard {
  display: none;
}

body.page-template-page-team #int-billboard:after {
  display: none;
}

body.page-template-page-team .awave-logo {
  position: relative;
  margin: 0px auto;
  text-align: center;
  margin-bottom: 20px;
}

body.page-template-page-team .awave-logo img {
  width: auto;
}

body.page-template-page-team .parallax {
  padding: 10rem 0;
}

body.page-template-page-team .team-header {
  z-index: 100;
  position: relative;
  background-image: url(../images/malt-feathered.jpg);
  background-position: 50% 175px;
  height: 600px;
  text-align: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 46%;
}

body.page-template-page-team .team-header .text {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 3rem;
  font-family: 'montserratbold';
}

body.page-template-page-team .team-shell {
  position: relative;
  padding-top: 370px;
  padding-bottom: 50px;
  z-index: 150;
}

body.page-template-page-team .team-members {
  margin-top: 1.25rem;
}

@media only screen and (min-width: 64.0625em) {
  body.page-template-page-team .team-member:nth-child(4n+1) {
    clear: left;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  body.page-template-page-team .team-member:nth-child(3n+1) {
    clear: left;
  }
}

@media only screen and (max-width: 40em) {
  body.page-template-page-team .team-member:nth-child(2n+1) {
    clear: left;
  }
}

body.page-template-page-team .team-member h3 a {
  display: block;
  text-transform: uppercase;
  color: #eaebee;
  font-size: 1.6rem;
  line-height: .8rem;
  text-align: center;
  margin: 1rem 0 .2rem;
  padding: 0;
  line-height: 1.44;
}

body.page-template-page-team .team-member .title,
body.single-team .team-member .title {
  color: #eaebee;
  font-size: 1rem;
  color: #43aacd;
  line-height: 1.44;
  text-align: center;
  margin-bottom: 30px;
}

body.page-template-page-team .team-member .plus-icon {
  display: none;
}

body.page-template-page-team .team-member .plus-icon:before {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 40px/0 'dashicons';
  vertical-align: middle;
  content: "\f132";
  color: #43aacd;
  position: absolute;
  top: 47%;
  left: 40%;
}

@media only screen and (max-width: 40em) {
  body.page-template-page-team .team-member figure.team-photo {
    padding-bottom: 110%;
    height: 0 !important;
  }

  body.page-template-page-team .team-member h3 {
    font-size: 1rem;
  }
}

body.page-template-page-team .team-member figure.team-photo {
  width: 100%;
  margin: 0;
  overflow: hidden;
  transition: 1000ms -webkit-filter ease-out, 1000ms filter ease-out;
}

body.page-template-page-team .team-member figure.team-photo:hover {
  -webkit-filter: saturate(1);
  filter: saturate(1);
}

body.page-template-page-team .team-member figure.team-photo:hover .plus-icon {
  display: block;
}

body.page-template-page-team .title-section .name {
  text-transform: uppercase;
  color: #43aacd;
  line-height: 1rem;
  padding-top: 1rem;
  margin: 0;
}

@media only screen and (min-width: 64.0625em) {
  body.page-template-page-team .title-section .name {
    padding: 0;
  }
}

body.page-template-page-team .page-title {
  color: white;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  font-size: 2.4rem;
  font-family: "montserratbold";
}

body.page-template-page-team .team-photo img {
  height: auto;
}

body.page-template-page-team #para-logo {
  width: 220px;
  position: relative;
}

body.page-template-page-team .team-photo {
  position: relative;
  overflow: hidden;
  height: 250px;
}

body.page-template-page-team #team-fold {
  position: absolute;
  background: black;
  padding-top: 30px;
  width: 100%;
  height: 800px;
  z-index: 50;
  bottom: -800px;
}

body.page-template-page-team .dec-obj {
  position: absolute;
  bottom: 0;
  -webkit-animation: move 5s linear infinite;
  animation: move 5s linear infinite;
}

body.page-template-page-team .dec-line {
  border-left: 2px solid silver;
  height: 200px;
}

body.page-template-page-team .dec-up-triangle {
  border: 15px solid transparent;
  border-bottom: 15px solid silver;
  width: 0;
  height: 0;
}

body.page-template-page-team .center {
  position: absolute;
  left: 50%;
}

/*********************
Single Case Study
*********************/

#case-studies .intro {
  padding: 6rem 2rem;
  text-align: center;
}

#case-studies .intro h2 {
  text-transform: uppercase;
  color: #43aacd;
}

#case-studies .intro .cat {
  text-transform: uppercase;
  display: block;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies .intro {
    padding: 4rem 2rem;
  }
}

@media only screen and (max-width: 800px) {
  #case-studies .intro {
    padding: 2rem;
  }
}

#case-studies .section-1 {
  background-repeat: no-repeat;
  background-image: url(../images/tierra-devices-banner.jpg);
  position: relative;
  padding-bottom: 50%;
  background-size: auto 100%;
  background-position: left top;
  overflow: hidden;
}

@media only screen and (min-width: 64.0625em) {
  #case-studies .section-1 {
    background-position: center top;
    background-size: cover;
    padding-bottom: 34.0625%;
  }
}

#case-studies .section-2 {
  background: url(../images/case-study-sec-2-bg.jpg);
  background-position: center top;
  padding: 6rem 0;
  color: #FFFFFF;
  position: relative;
}

@media only screen and (min-width: 40.0625em) {
  #case-studies .section-2 {
    text-align: right;
  }
}

#case-studies .section-2 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#case-studies .section-2 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies .section-2 {
    padding: 4rem 2rem;
  }
}

#case-studies .section-3 {
  padding: 6rem 0;
  position: relative;
}

@media only screen and (min-width: 40.0625em) {
  #case-studies .section-3 {
    background: url(../images/case-study-sec-3-bg.jpg);
    background-position: center top;
    text-align: right;
  }
}

#case-studies .section-3 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #43aacd;
}

#case-studies .section-3 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies .section-3 {
    background-size: cover;
  }
}

@media only screen and (max-width: 568px) {
  #case-studies .section-3 {
    background-position: right top;
    padding: 2rem 2rem 0;
  }
}

#case-studies .section-4 {
  background: #C2B29A;
  padding: 6rem 0;
}

@media only screen and (min-width: 40.0625em) {
  #case-studies .section-4 {
    background: url(../images/case-study-sec-4-bg.jpg);
    background-position: center top;
    background-size: cover;
  }
}

#case-studies .section-4 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#case-studies .section-4 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies .section-4 .columns {
    padding-right: 3rem;
  }
}

@media only screen and (max-width: 568px) {
  #case-studies .section-4 {
    background-position: left top;
    padding: 2rem 2rem 0;
  }

  #case-studies .section-4 .columns {
    padding: 0;
  }
}

#case-studies .section-5 {
  padding: 6rem 0 4rem 0;
  background: #222222;
  text-align: center;
}

#case-studies .section-5 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #43aacd;
}

#case-studies .section-5 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
  font-family: 'montserratregular';
  color: #777777;
}

@media only screen and (max-width: 768px) {
  #case-studies .section-5 {
    padding: 4rem 2rem 2rem;
  }
}

#case-studies-three .intro {
  padding: 6rem 2rem;
  text-align: center;
}

#case-studies-three .intro h2 {
  text-transform: uppercase;
  color: #43aacd;
}

#case-studies-three .intro .cat {
  text-transform: uppercase;
  display: block;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies-three .intro {
    padding: 4rem 2rem;
  }
}

@media only screen and (max-width: 800px) {
  #case-studies-three .intro {
    padding: 2rem;
  }
}

#case-studies-three .section-1 {
  background: url(../images/case-study-3-sec-1-bg.jpg);
  background-position: center top;
  background-size: 100%;
  padding: 38% 0 0;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1280px) {
  #case-studies-three .section-1 {
    padding: 13rem 0;
  }
}

@media only screen and (max-width: 1024px) {
  #case-studies-three .section-1 {
    padding: 10rem 0;
  }
}

@media only screen and (max-width: 800px) {
  #case-studies-three .section-1 {
    padding: 8rem 0;
  }
}

@media only screen and (max-width: 736px) {
  #case-studies-three .section-1 {
    padding: 7rem 0;
  }
}

@media only screen and (max-width: 568px) {
  #case-studies-three .section-1 {
    padding: 5rem 0;
  }
}

@media only screen and (max-width: 414px) {
  #case-studies-three .section-1 {
    padding: 4rem 0;
  }
}

#case-studies-three .section-2 {
  background: #FFFFFF;
  background-position: center top;
  padding: 6rem 0 0 0;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 40.0625em) {
  #case-studies-three .section-2 {
    text-align: right;
  }
}

#case-studies-three .section-2 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  color: #43aacd;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#case-studies-three .section-2 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

#case-studies-three .section-2 .col-right {
  position: relative;
  z-index: 999;
}

@media only screen and (max-width: 1024px) {
  #case-studies-three .section-2 {
    padding: 4rem 2rem;
  }
}

#case-studies-three .section-3 {
  background: #0C1222;
  padding: 6rem 0;
  position: relative;
  color: #777777;
  overflow: hidden;
}

@media only screen and (min-width: 40.0625em) {
  #case-studies-three .section-3 {
    background: url(../images/case-study-3-sec-3-bg.jpg);
    background-position: center top;
  }
}

#case-studies-three .section-3 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #43aacd;
}

#case-studies-three .section-3 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies-three .section-3 {
    background-size: cover;
  }
}

@media only screen and (max-width: 568px) {
  #case-studies-three .section-3 {
    background-position: right top;
    padding: 2rem 2rem 0;
  }
}

#case-studies-three .section-4 {
  background: #5EB5BD;
  padding: 6rem 0;
  color: #FFFFFF;
}

@media only screen and (min-width: 40.0625em) {
  #case-studies-three .section-4 {
    text-align: right;
    background: url(../images/case-study-3-sec-4-bg.jpg);
    background-position: center top;
    background-size: cover;
  }
}

#case-studies-three .section-4 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #FFFFFF;
  line-height: 1.5rem;
}

#case-studies-three .section-4 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies-three .section-4 .columns {
    padding-right: 3rem;
  }
}

@media only screen and (max-width: 568px) {
  #case-studies-three .section-4 {
    background-position: left top;
    padding: 2rem 2rem 0;
  }

  #case-studies-three .section-4 .columns {
    padding: 0;
  }
}

#case-studies-three .section-5 {
  padding: 6rem 0 4rem 0;
  background: #222222;
  text-align: center;
}

#case-studies-three .section-5 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #43aacd;
}

#case-studies-three .section-5 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
  font-family: 'montserratregular';
  color: #777777;
}

@media only screen and (max-width: 768px) {
  #case-studies-three .section-5 {
    padding: 4rem 2rem 2rem;
  }
}

#case-studies-two .intro {
  padding: 6rem 2rem;
  text-align: center;
}

#case-studies-two .intro h2 {
  text-transform: uppercase;
  color: #43aacd;
}

#case-studies-two .intro .cat {
  text-transform: uppercase;
  display: block;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies-two .intro {
    padding: 4rem 2rem;
  }
}

@media only screen and (max-width: 800px) {
  #case-studies-two .intro {
    padding: 2rem;
  }
}

#case-studies-two .section-1 {
  background: url(../images/case-study-2-sec-1-bg.jpg);
  background-position: center top;
  background-size: cover;
  padding: 16rem 0;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1280px) {
  #case-studies-two .section-1 {
    padding: 13rem 0;
  }
}

@media only screen and (max-width: 1024px) {
  #case-studies-two .section-1 {
    padding: 10rem 0;
  }
}

@media only screen and (max-width: 800px) {
  #case-studies-two .section-1 {
    padding: 8rem 0;
  }
}

@media only screen and (max-width: 736px) {
  #case-studies-two .section-1 {
    padding: 7rem 0;
  }
}

@media only screen and (max-width: 568px) {
  #case-studies-two .section-1 {
    padding: 5rem 0;
  }
}

@media only screen and (max-width: 414px) {
  #case-studies-two .section-1 {
    padding: 4rem 0;
  }
}

#case-studies-two .section-2 {
  background: url(../images/case-study-2-sec-2-bg.jpg);
  background-position: center top;
  padding: 6rem 0;
  position: relative;
}

@media only screen and (min-width: 40.0625em) {
  #case-studies-two .section-2 {
    text-align: right;
  }
}

#case-studies-two .section-2 img {
  display: block;
  margin: 0 auto;
}

#case-studies-two .section-2 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  color: #43aacd;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#case-studies-two .section-2 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies-two .section-2 {
    padding: 4rem 2rem;
  }
}

#case-studies-two .section-3 {
  background: url(../images/case-study-2-sec-3-bgalt.jpg);
  background-position: center top;
  padding: 6rem 0;
  position: relative;
  color: #FFFFFF;
}

@media only screen and (max-width: 40em) {
  #case-studies-two .section-3 {
    background: #211D1A;
  }
}

#case-studies-two .section-3 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #43aacd;
}

#case-studies-two .section-3 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies-two .section-3 {
    background-size: cover;
  }
}

@media only screen and (max-width: 568px) {
  #case-studies-two .section-3 {
    background-position: right top;
    padding: 2rem 2rem 0;
  }
}

#case-studies-two .section-4 {
  background: #43aacd;
  padding: 6rem 0;
  color: #FFFFFF;
}

@media only screen and (min-width: 40.0625em) {
  #case-studies-two .section-4 {
    text-align: right;
    background: url(../images/case-study-2-sec-4-bg-1-alt.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

#case-studies-two .section-4 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #FFFFFF;
  line-height: 1.5rem;
}

#case-studies-two .section-4 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
}

@media only screen and (max-width: 1024px) {
  #case-studies-two .section-4 .columns {
    padding-right: 3rem;
  }
}

@media only screen and (max-width: 568px) {
  #case-studies-two .section-4 {
    background-position: left top;
    padding: 2rem 2rem 0;
  }

  #case-studies-two .section-4 .columns {
    padding: 0;
  }
}

#case-studies-two .section-5 {
  padding: 6rem 0 4rem 0;
  background: #222222;
  text-align: center;
}

#case-studies-two .section-5 .title {
  font-family: 'montserratbold';
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #43aacd;
}

#case-studies-two .section-5 .sub-title {
  text-transform: uppercase;
  padding: 1rem 0;
  font-family: 'montserratregular';
  color: #777777;
}

@media only screen and (max-width: 768px) {
  #case-studies-two .section-5 {
    padding: 4rem 2rem 2rem;
  }
}

.section-1 {
  z-index: 150;
}

.section-2 {
  z-index: 200;
}

.section-3 {
  z-index: 250;
}

.section-4 {
  z-index: 300;
}

.section-5 {
  z-index: 350;
}

.section-6 {
  z-index: 400;
}

.section-7 {
  z-index: 450;
}

.section-8 {
  z-index: 500;
}

.section-9 {
  z-index: 550;
}

.section-10 {
  z-index: 600;
}

/*********************
Contact Us
*********************/

/*! poop */

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .page-template-page-contact #int-billboard {
    height: 0;
    padding-bottom: 22%;
  }

  .page-template-page-contact #int-billboard .int-billboard-text {
    padding: 7% 0;
  }
}

.page-template-page-contact .da-map .gm-style > div:first-child {
  pointer-events: none;
}

.page-template-page-contact #request-quote {
  clear: both;
  margin-bottom: 5rem;
}

.page-template-page-contact .request-a-quote.button {
  margin: 15px auto;
  display: table;
  text-transform: uppercase;
  font-size: 1em;
  padding: .5em 5em;
}

.page-template-page-contact .contact-form-container {
  background-color: transparent;
  transition: background-color 300ms ease-in-out;
}

.page-template-page-contact form#gform_48 .gform_fields {
  position: relative;
}

.page-template-page-contact form#gform_48 input[type=text],
.page-template-page-contact form#gform_48 textarea {
  background: #eaebee;
}

.page-template-page-contact form#gform_48 input[type=text]::-webkit-input-placeholder,
.page-template-page-contact form#gform_48 textarea::-webkit-input-placeholder {
  color: #464648;
  font-style: italic;
}

.page-template-page-contact form#gform_48 input[type=text]::-moz-placeholder,
.page-template-page-contact form#gform_48 textarea::-moz-placeholder {
  color: #464648;
  font-style: italic;
}

.page-template-page-contact form#gform_48 input[type=text]:-ms-input-placeholder,
.page-template-page-contact form#gform_48 textarea:-ms-input-placeholder {
  color: #464648;
  font-style: italic;
}

.page-template-page-contact form#gform_48 input[type=text]::placeholder,
.page-template-page-contact form#gform_48 textarea::placeholder {
  color: #464648;
  font-style: italic;
}

.page-template-page-contact form#gform_48 .gfield_label {
  font-family: "montserratregular", sans-serif;
  text-transform: uppercase;
}

.page-template-page-contact form#gform_48 #input_48_1_3_container label,
.page-template-page-contact form#gform_48 #input_48_1_6_container label {
  display: none;
}

@media only screen and (min-width: 40.0625em) {
  .page-template-page-contact form#gform_48 #input_48_6 {
    height: 408px;
  }

  .page-template-page-contact form#gform_48 .contact-us-left-section {
    clear: none;
    float: left;
    width: calc(51% - 15px);
    width: 51%;
    padding-right: 15px;
  }

  .page-template-page-contact form#gform_48 .contact-us-right-section {
    clear: none;
    width: 48%;
    padding: 0;
    position: absolute;
    right: 0;
  }

  .page-template-page-contact form#gform_48 .gform_footer {
    position: relative;
    clear: both;
  }

  .page-template-page-contact form#gform_48 .gform_footer input[type=submit] {
    display: block;
    width: 344px;
    margin: 0 auto 0;
    font-size: 1.2em;
    padding: .5em 5em;
    text-transform: uppercase;
  }
}

.contact-us-main {
  padding: 2.5em 0;
}

.contact-us-main .address,
.contact-us-main .phone-numbers,
.contact-us-main .email-addresses {
  text-align: center;
}

.contact-us-main .contact-section {
  position: relative;
  padding: 30px 0;
}

@media only screen and (min-width: 40.0625em) {
  .contact-us-main .contact-section {
    padding: 0 .9375rem;
  }

  .contact-us-main .contact-section:before,
  .contact-us-main .contact-section:after {
    display: none;
  }
}

.contact-us-main .contact-section.email-addresses {
  padding-bottom: 0;
}

.contact-us-main .contact-section:after,
.contact-us-main .contact-section:before {
  position: absolute;
  content: ' ';
  height: 1px;
  width: 50%;
  top: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.contact-us-main .contact-section:before {
  right: 50%;
  -webkit-transform: skewY(-4deg);
  transform: skewY(-4deg);
}

.contact-us-main .contact-section:after {
  left: 50%;
  -webkit-transform: skewY(4deg);
  transform: skewY(4deg);
}

/*********************
POSTS & CONTENT STYLES
*********************/

#content {
  background: white;
}

#content #inner-content {
  padding: 2rem 0rem 5rem;
}

.page-template-page-web-design #int-billboard .lead h1 {
  font-size: 1rem;
  margin: 1rem 0 0;
}

.page-template-page-web-design #int-billboard .lead h1:before {
  content: none;
  display: none;
}

.single #int-billboard .single-post-billboard {
  position: relative;
}

.single #int-billboard .single-post-billboard img {
  width: 100% !important;
  opacity: .8;
  transition: all 600ms ease-in-out;
}

.single #int-billboard .single-post-billboard:hover img {
  opacity: .6;
}

.page-title .vcard {
  border: 0px;
  padding: 0px;
}

.archive-title {
  text-transform: uppercase;
  font-family: 'montserratregular', sans-serif;
  font-size: 1.1rem;
  background: #43aacd;
  color: white;
  padding: 1em .5em;
}

.byline {
  color: #999;
}

.entry-content img {
  max-width: 100%;
  height: auto;
}

.entry-content .alignleft,
.entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}

.entry-content .alignright,
.entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}

.entry-content .aligncenter,
.entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}

.entry-content ol,
.entry-content ul {
  margin: .25em 0 0 2em;
}

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

.entry-content table {
  display: inline-block;
  width: auto;
  max-width: 100%;
  overflow-x: auto;
}

.entry-content pre,
.entry-content code {
  background: #f4fafc;
  border: 1px solid #eaebee;
}

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}

.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}

.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: .25em .5em .25em;
  text-align: center;
  color: #999;
}

.post-password-form input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #43aacd;
  border-color: #2e8cac;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
}

.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
  background-color: #2e8cac;
}

.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
  color: #FFFFFF;
}

/*********************
IMAGE GALLERY STYLES
*********************/

/*********************
PAGE NAVI STYLES
*********************/

.page-navigation {
  margin-top: 1rem;
}

/*********************
COMMENT STYLES
*********************/

#comments .commentlist {
  margin-left: 0px;
}

#respond ul {
  margin-left: 0px;
}

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
}

.commentlist li:last-child {
  margin-bottom: 0;
}

.commentlist li ul.children {
  margin: 0;
}

.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0;
  background: #95c829;
}

.commentlist li.depth-3 {
  background: #85b325;
}

.commentlist .vcard {
  margin-left: 50px;
}

.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}

.commentlist .vcard time {
  float: right;
}

.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}

.commentlist .vcard time a:hover {
  text-decoration: underline;
}

.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

.commentlist .comment-reply-link {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
  font-size: 0.8125rem;
  background-color: #43aacd;
  border-color: #2e8cac;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  float: right;
}

.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  background-color: #2e8cac;
}

.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  color: #FFFFFF;
}

/*********************
COMMENT FORM STYLES
*********************/

.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}

.respond-form form {
  margin: 0.75em 0;
}

.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}

.respond-form form li label,
.respond-form form li small {
  display: none;
}

.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
}

.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}

.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -ms-box-shadow: none;
  box-shadow: none;
}

.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}

.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

#comment-form-title {
  margin: 0 0 1.1em;
}

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

.nocomments {
  margin: 0 20px 1.1em;
}

#gform_browse_button_5_7 {

  background-color: #43aacd;
}

/*********************
SIDEBARS & ASIDES
*********************/

.sidebar {
  background: #464648;
  color: white;
}

@media only screen and (min-width: 40.0625em) {
  .sidebar {
    float: right !important;
  }
}

.sidebar .tabs .tab-title {
  width: 33.333%;
}

.sidebar .tabs .tab-title > a {
  outline: none;
  border-radius: 0rem 0rem 0 0;
  background: #222222;
  color: white;
  text-align: center;
  padding: 1rem 0 1rem;
  border: 0.1rem solid #2f2f2f;
  border-bottom: 0.25rem solid #222222;
}

.sidebar .tabs .tab-title.active > a {
  background: #666666;
}

.sidebar .widget {
  margin-bottom: 1rem;
}

.sidebar .widgettitle,
.sidebar .widget-title {
  padding: 0.625rem 0 1rem 0;
  font-weight: 100;
  font-family: "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  border-bottom: 2px solid #EFEFEF;
  margin: 0 0 1rem 0;
}

.sidebar .widgettitle,
.sidebar .widgettitle a,
.sidebar .widget-title,
.sidebar .widget-title a {
  color: white;
}

.sidebar .widget-entry .widget-link,
.sidebar .widget_categories .cat-item {
  color: white;
  font-size: 1rem;
  font-weight: 100;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sidebar .widget-entry .widget-link {
  line-height: 1rem;
}

.sidebar .widget_categories .cat-item {
  line-height: 1.5rem;
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 1rem;
}

.sidebar .widget_categories .cat-item a {
  color: white;
}

.sidebar .tab-content {
  border-bottom: 1px solid #858585;
  padding-bottom: 1rem;
}

.widget ul {
  margin: 0;
}

.widget ul li {
  list-style: none;
}

#sidebar-offcanvas .widgettitle {
  color: #fff;
}
/* Added styles */
.page-id-10607 #inner-content > .columns {
  width: 50%;
  margin: 0 auto;
  float: none;
}
.page-id-10607 #inner-content > .columns .gform_wrapper input.medium,
.page-id-10607 #inner-content > .columns .gform_wrapper select.medium,
.page-id-10607 #inner-content > .columns .gform_wrapper textarea.medium{
  max-width: 100%;
}
.page-id-10607 #inner-content .gform_body > ul > li {
  margin-bottom: 25px;
}
.page-id-10607 .gform_body > ul > li#field_57_3,
.page-id-10607 .gform_body > ul > li#field_57_6,
.page-id-10607 .gform_body > ul > li#field_57_11{
  margin-bottom: 60px;
}
.validation_error,
.validation_message{
  color: #ab3434;
}
/*********************
FOOTER STYLES
*********************/

.footer {
  position: relative;
  z-index: 1000;
  padding: 2rem;
  clear: both;
  background: #FFFFFF;
  font-size: 1rem;
  color: #666666;
}

.footer .email-stuff .subscribe {
  margin-top: 1rem;
}

.footer .email-stuff #gform_1 {
  position: relative;
  margin-bottom: 1rem;
}

.footer .email-stuff #gform_1 input {
  width: calc(100% - 80px);
}

.footer .email-stuff #gform_1 .validation_message {
  color: #95c829;
}

.footer .email-stuff #gform_1 .validation_error {
  display: none;
}

.footer .email-stuff #gform_1 .gfield_label {
  display: none;
}

.footer .email-stuff #gform_1 .button {
  position: absolute;
  top: 0;
  margin-top: 0;
  left: calc(100% - 80px);
  background: #666666;
  color: white;
  padding: 0;
  height: 37px;
  width: 37px;
  border-bottom: 4px solid #4d4d4d;
  border-right: 4px solid #454545;
}

.footer .email-stuff #gform_1 .button:hover {
  background: #757575;
  border-bottom: 4px solid dimgray;
  border-right: 4px solid #6b6b6b;
}
/*extra css*/
.review-us-wrp {
    width: 140px;
    display: inline-block;
    vertical-align: top;
}
#super-container .link, .modal-scrollable .link, #super-container .button, .modal-scrollable .button, #super-container button, .modal-scrollable button, #super-container input[type="submit"], .modal-scrollable input[type="submit"] {
    color: #269edb;
    background-color: #ffffff;
    border: 1px solid #259fdb;
    border-top: 1px solid #259fdb;
    border-bottom: 1px solid #259fdb;
    border-radius: 0px;
    font-size: 12px;
    font-weight: 300;
}

@media only screen and (min-width: 64.0625em) {
  .footer:before {
    content: ' ';
    border-bottom: 110px solid #FFF;
    border-left: 2500px solid rgba(255, 255, 255, 0.4);
    border-right: 3000px solid rgba(255, 255, 255, 0);
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -2800px;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}

.footer h4 {
  text-transform: uppercase;
  color: #95c829;
  margin: 0;
  line-height: 1rem;
  margin: 0 0 1rem 0;
}

.footer .columns {
  margin: 0 0 1rem 0;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid #EEEEEE;
}

@media only screen and (min-width: 40.0625em) {
  .footer .columns {
    margin: 0;
    padding: 0;
    border-bottom: 0px solid #EEEEEE;
  }
}

.footer a {
  color: #666666;
}

.footer a:hover {
  color: #43aacd;
}

.footer ul {
  margin: 0;
  padding: 0;
}

.footer li {
  list-style-type: none;
  font-size: 1rem;
}

@media only screen and (min-width: 40.0625em) {
  .footer #inner-footer {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 2rem;
  }
}

.footer #footer-logos {
  padding: 2rem 0 1rem 0;
  text-align: center;
}

.footer #footer-logos a {
  margin: 0 1rem;
  max-width: none;
  float: none;
  display: inline-block;
  margin: 1rem 1rem;
}

.footer #footer-logos a .has-tip:before,
.footer #footer-logos a .has-tip:after {
  content: '' !important;
  display: none !important;
}

.footer #footer-logos a img {
  max-height: 40px;
}

@media only screen and (min-width: 40.0625em) {
  .footer #footer-logos a {
    margin: 0 1rem;
    max-width: none;
  }

  .footer #footer-logos a img {
    max-height: 50px;
  }
}

@media only screen and (max-width: 40em) {
  .footer #footer-logos a.no-float {
    float: none;
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 1rem 0 0 0;
  }
}

.footer .social-icons a {
  display: inline-block;
  margin: 0 .5rem 0 0;
  font-size: 1.3rem;
}

#aw-footer {
  background: #FFFFFF url(../images/team-bg.jpg);
  position: relative;
  padding: 1.5rem 0;
  color: #eaebee;
}

#aw-footer .divider {
  color: rgba(234, 235, 238, 0.4);
}

#aw-footer .copysource {
  color: #7f8d92;
}

#aw-footer .at-links a {
  color: #4fa4c1;
}

@media only screen and (min-width: 40.0625em) {
  #aw-footer .at-links {
    text-align: right;
  }
}

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*********************
FOUNDATION STYLES
*********************/

.clearing-assembled.clearing-blackout a:hover {
  background: none;
}

/*********************
PLUGIN STYLES
*********************/

.gform_body ul {
  list-style: none outside none;
  margin: 0;
}

.outer-sp {
  position: relative;
  display: block;
}

.outer-sp .inner-sp {
  position: relative;
  overflow: hidden;
}

.outer-sp .inner-sp .subtle-movement {
  position: relative;
  transition: translate 100ms ease-in-out;
}

@media only screen and (max-width: 40em) {
  .cards-container {
    width: 94%;
    max-width: 283px;
    margin: 0 auto;
  }

  .cards-container.columns,
  .cards-container.columns:last-child {
    float: none;
  }
}

.cards-container .card-container {
  margin: 0 auto 1.5625rem;
  width: 100%;
  max-width: 283px;
  padding-bottom: 100%;
  height: 0;
}

.cards-container .card-container .card .front,
.cards-container .card-container .card .back {
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}

.gfield_required {
  color: rgba(180, 0, 0, 0.5);
  font-weight: normal;
  font-family: 'montserratregular', sans-serif;
  padding: 0 .2em;
}

@media only screen and (min-width: 40.0625em) {
  .gform_wrapper #input_4_5 .address_line_1,
  .gform_wrapper .ginput_card_expiration_container,
  .gform_wrapper#gform_wrapper_4 .name_first,
  .gform_wrapper #field_4_6,
  .gform_wrapper #input_4_5 .address_line_2,
  .gform_wrapper .ginput_cardinfo_right,
  .gform_wrapper#gform_wrapper_4 .name_last,
  .gform_wrapper #field_4_7 {
    width: 50%;
    display: block;
    margin: 0;
  }

  .gform_wrapper #input_4_5 .address_line_1,
  .gform_wrapper .ginput_card_expiration_container,
  .gform_wrapper#gform_wrapper_4 .name_first,
  .gform_wrapper #field_4_6 {
    padding-right: 1rem;
    float: left;
  }

  .gform_wrapper #input_4_5 .address_line_2,
  .gform_wrapper .ginput_cardinfo_right,
  .gform_wrapper#gform_wrapper_4 .name_last,
  .gform_wrapper #field_4_7 {
    padding-left: 1rem;
    float: right;
  }

  .gform_wrapper #input_4_5 .address_city,
  .gform_wrapper #input_4_5 .address_state,
  .gform_wrapper #input_4_5 .address_zip {
    width: 33%;
    display: block;
    margin: 0;
  }

  .gform_wrapper #input_4_5 .address_city {
    padding-right: 1.33333rem;
    float: left;
  }

  .gform_wrapper #input_4_5 .address_state {
    padding: 0 0.66667rem;
    float: left;
  }

  .gform_wrapper #input_4_5 .address_zip {
    padding-left: 1.33333rem;
    float: right;
  }
}

.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper input {
  background-color: #fcfcfc;
  border: 1px solid #EFEFEF;
  box-shadow: none;
  border-bottom: 4px solid #e0e0e0;
  border-right: 4px solid #e5e5e5;
  transition: background-color 400ms ease-in-out;
  margin-bottom: 0;
}

.gform_wrapper textarea:focus,
.gform_wrapper select:focus,
.gform_wrapper input:focus {
  border-bottom-color: 4px solid #fefefe;
  border-right-color: 4px solid #f9f9f9;
}

.gform_wrapper textarea.empty,
.gform_wrapper select.empty,
.gform_wrapper input.empty {
  background-color: #EFEFEF;
  border-bottom-color: 4px solid #fefefe;
  border-right-color: 4px solid #f9f9f9;
}

.gform_wrapper #input_4_14_5_container {
  display: block;
}

.gform_wrapper #input_4_14_1_container input,
.gform_wrapper .ginput_container_phone input {
  font-family: Courier, Courier New, American Typewriter, Consolas, monospace;
}

.gform_wrapper .gform_card_icon {
  display: inline-block;
  padding: .2em .8em;
  margin: 1em .8em;
  border: 2px solid #999999;
  border-radius: .5em;
  background: #EFEFEF;
}

.gform_wrapper .gform_card_icon:first-child {
  margin: 0;
}

.gform_wrapper .gform_card_icon_selected {
  color: #43aacd;
  font-weight: bold;
}

.gform_wrapper textarea#input_4_14_1,
.gform_wrapper textarea#input_4_14_5,
.gform_wrapper textarea.ginput_card_security_code,
.gform_wrapper textarea.medium,
.gform_wrapper select#input_4_14_1,
.gform_wrapper select#input_4_14_5,
.gform_wrapper select.ginput_card_security_code,
.gform_wrapper select.medium,
.gform_wrapper input#input_4_14_1,
.gform_wrapper input#input_4_14_5,
.gform_wrapper input.ginput_card_security_code,
.gform_wrapper input.medium {
  max-width: 400px;
}

.gform_wrapper textarea.large,
.gform_wrapper select.large,
.gform_wrapper input.large {
  max-width: none;
}

.gform_wrapper .ginput_card_expiration {
  max-width: 100px;
  margin-right: 1rem;
}

.gform_wrapper .gfield_html {
  padding-top: 2em;
  clear: both;
}

.gform_wrapper .gfield_label {
  margin: 10px 0 5px;
}

.gform_wrapper .gravity-form-submit {
  margin: 10px 0 5px;
}

.gform_wrapper .gfield_html,
.gform_wrapper .gfield_label {
  font-family: 'montserratbold', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.gform_wrapper .ginput_complex input {
  margin-bottom: 0;
}

.gform_wrapper .ginput_complex label {
  margin-bottom: 1em;
  font-style: italic;
}

.gform_wrapper #input_4_14_5_container {
  clear: both;
}

.gform_wrapper .name_first input,
.gform_wrapper .name_last input {
  margin-bottom: .5em;
}

.gform_wrapper .name_first label,
.gform_wrapper .name_last label {
  margin-bottom: 1em;
  font-style: italic;
}

.gform_wrapper .ginput_card_security_code_icon {
  display: none;
}

#field_3_13 {
  display: none;
}

.mashicon-subscribe {
  background: #95c829;
}

.mashicon-subscribe .icon,
.mashicon-subscribe .text {
  color: #FFFFFF;
}

.mashsb-toggle-container {
  border: 10px solid #95c829;
}

.mashsb-toggle-container .gform_title {
  font-family: 'montserratbold', sans-serif;
}

.has-swipe-hint .white-bar {
  -webkit-animation: goAway 3.75s ease;
  animation: goAway 3.75s ease;
}

.swiper-container {
  max-width: 100%;
}

.white-bar {
  opacity: 0;
}

.no-touch .white-bar {
  display: none;
}

.touch .white-bar {
  left: 0%;
  right: 0%;
  position: absolute;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 200;
}

.touch .swipe-hint {
  position: absolute;
  margin-left: -100px;
  margin-top: -15px;
  width: 200px;
  left: 50%;
  height: 50px;
  pointer-events: none;
}

.touch .sh-circle {
  border-radius: 1000px;
  width: 69px;
  background-color: #464648;
  background-image: url("../images/drag-me.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 69px;
  -webkit-animation: circles 1.25s ease-out 5, swipe 1.25s ease-out 5;
  animation: circles 1.25s ease-out 5, swipe 1.25s ease-out 5;
  opacity: 0;
}

@-webkit-keyframes swipe {
  0% {
    -webkit-transform: translateX(160px);
    transform: translateX(160px);
  }

  20% {
    -webkit-transform: translateX(160px);
    transform: translateX(160px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes swipe {
  0% {
    -webkit-transform: translateX(160px);
    transform: translateX(160px);
  }

  20% {
    -webkit-transform: translateX(160px);
    transform: translateX(160px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes circles {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes circles {
  0% {
    opacity: 0;
  }

  33% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes goAway {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes goAway {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.mask-angle {
  background-color: #EAEBEE;
  position: absolute;
  width: 100%;
  z-index: 300;
}

.mask-angle.logo-tl,
.mask-angle.logo-tr {
  height: 250px;
  top: -134px;
  left: 0;
  right: 0;
}

.mask-angle.logo-tr {
  -webkit-transform: skewY(57.5deg);
  transform: skewY(57.5deg);
}

.mask-angle.logo-tl {
  -webkit-transform: skewY(-57.5deg);
  transform: skewY(-57.5deg);
}

.mask-angle.logo-bl,
.mask-angle.logo-br {
  height: 18px;
  bottom: -13px;
}

.mask-angle.logo-br {
  -webkit-transform: skewY(-5deg);
  transform: skewY(-5deg);
  left: 0;
}

.mask-angle.logo-bl {
  -webkit-transform: skewY(5deg);
  transform: skewY(5deg);
  right: 0;
}

.mask-angle.logo-mr,
.mask-angle.logo-ml {
  background-color: transparent;
  height: 0;
  width: 0;
  top: 93px;
  border-bottom: 27px solid #EAEBEE;
  border-top: 27px solid transparent;
}

.mask-angle.logo-ml {
  -webkit-transform: skewY(9.5deg);
  transform: skewY(9.5deg);
  left: -1px;
  border-right: 19px solid transparent;
  border-left: 19px solid #EAEBEE;
}

.mask-angle.logo-mr {
  -webkit-transform: skewY(-9.5deg);
  transform: skewY(-9.5deg);
  right: -1px;
  border-left: 19px solid transparent;
  border-right: 19px solid #EAEBEE;
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }

  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

@page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}
/* Added style for the review page*/
.modal-link.button {
  color:#fff;
  text-transform: uppercase;
}
#gform_wrapper_65 .gform_heading {
  margin-bottom: 30px;
  text-align: center;
}
#gform_wrapper_65 .gform_heading h3{
color: #43aacd;
}
#gform_wrapper_65 .gform_body li {
  float: left;
  width: 33.33%;
  padding: 0 1%;
}
#gform_wrapper_65 .gform_body:before,
#gform_wrapper_65 .gform_body:after {
  content: " ";
  display: table;
}
#gform_wrapper_65 .gform_body:after{
  clear: both;
}
#gform_wrapper_65 .gform_footer.top_label {
  text-align: center;
  margin-top: 15px;
}
#gform_wrapper_65.gform_wrapper .gfield_label {
  text-transform: none;
  font-size: 16px;
}
div#gform_confirmation_message_65 {
  text-align: center;
}
#gform_wrapper_65.gform_wrapper #input_4_14_1_container input,
#gform_wrapper_65.gform_wrapper .ginput_container_phone input {
  font-family: 'Source Sans Pro', sans-serif;
}

.item-inactive ul.checklist li {
    opacity: .5;
}

ul.progress-meter-list.no-list li {
    font-size: 14px;
}
.email-status-green.email-status-active {
    background: #B5CD43 !important;
}
.email-status-yellow.email-status-active {
    background: #FFDE16 !important;
}
.email-status-red.email-status-active {
    background: #cd4343 !important;
}
.intro-additional-notes .description.partial-description {
  background: #404041;
}
.partial-title-holder {
  background: #29afcf;
}
/*extra css*/
.review-us-wrp {
  width: 140px;
  position: relative;
  height: 43px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 1rem;
}
.review-us-wrp .button{
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-property: color;
  transition-duration: 0.3s;
  background: #fff;
  border: 1px solid #43aacd;
  color: #43aacd;
  padding: .75rem 1.3rem;
  font-size: .7rem;
  font-family: 'montserratregular';
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  line-height: 1.7;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  pointer-events:none;
}
.review-us-wrp .button:before{
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #95c829;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.review-us-wrp .button:hover,
.review-us-wrp .button:focus{
  color: #fff;
  border-color: #95c829;
  background: #95c829;
}
.review-us-wrp .button:hover:before,
.review-us-wrp .button:focus:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#menu-wrapper .contain-to-grid.fixed .top-bar-section .button-section.row {
  display: none;
}
#menu-wrapper .contain-to-grid.fixed #menu-main-menu{
  float: right!important;
}

@media only screen and (max-width: 1050px) {
  #menu-wrapper .contain-to-grid.fixed #menu-main-menu{
    width: 96%;
  }
}

.footer #footer-logos a#bbblink.ruhzbam,
.footer #footer-logos a#bbblink.ruhzbum{
  height: 51px;
}
.footer #footer-logos a{
  vertical-align: middle;
}


div#input_88_1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

span#input_88_1_3_container, span#input_88_1_6_container {
    width: 49%;
}

#sexy-author-bio {
	display:none;
}
.gform_validation_container {
	display:none;
}

.page-id-35139 li#field_100_10,
.page-id-35139 li#field_100_25,
.page-id-35139 .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction,
.page-id-35139 .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    font-weight: normal;
    text-transform: none;
    font-family: "Source Sans Pro";
    font-size: 16px;
}

.page-id-35139 .gform_wrapper .gsection{
  border-bottom:  0px !important;
}

.page-id-35139 h2.gsection_title{
  font-size: 30px !important;
}

.page-id-35139 .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
 .page-id-35139 .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
 .page-id-35139 .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{
  margin-bottom:  6px;
 }

.page-id-35139 input#input_100_3 {
    padding: 4px 5px;
    vertical-align: middle;
    line-height: 17px;
  }

.page-id-35139 li#field_100_6{
    margin-top:  0px !important;
  }
  
.page-id-35139 li#field_100_6 .gfield_label {
    display: none;
  }


.page-id-35139 fieldset.gfieldset{
    float: left;
    border: none;
    padding-top: 0px;
    margin-top: 0px;
}

@media screen and (min-width: 641px){
    .page-id-35139 fieldset.gfieldset{
    width: 33.33%;
    }

    .page-id-35139 fieldset.gfieldset.gform_fieldset_begin.gform_fieldset.gf_left_third{
      padding-left: 0px;

    }

    .page-id-35139 fieldset.gfieldset.gform_fieldset_begin.gform_fieldset.gf_right_third{
        padding-right: 0px;
    }

    .page-id-35139 fieldset.gfieldset.gform_fieldset_begin.gform_fieldset.gf_middle_third{
        padding-left: 0px;
        padding-right: 0px;
    }
     .page-id-35139 .gform_wrapper .gsection {
      margin: 50px 16px 0px 0;
    }

    .page-id-35139 a.site-examples {
      font-size: 20px;
      font-weight: 800;
      text-transform: uppercase;
    }
}
@media screen and (max-width: 640px){
    .page-id-35139 fieldset.gfieldset{
        padding-left: 0px;
        padding-right: 0px;
    }

   
}


/* Updated styles */
#menu-wrapper #menu-main-menu > li.menu-item.has-dropdown.hover .sub-menu{
  opacity: 0!important;
}
#menu-wrapper #menu-main-menu > li.menu-item.has-dropdown:hover .sub-menu{
  opacity: 1!important;
  clip: auto;
}

.tab-bar .menu-icon span::after {
  margin: 0;
  top: auto;
}
.tab-bar .left-small a {
  height: 100%;
}