@charset "UTF-8";
.header {
  background-image: url(../images/background-images/paperbg2.jpg); }
  .header .overlay-layer {
    background: rgba(255, 255, 255, 0.3); }

a[class*='lightcase-icon-']:hover {
  text-decoration: none; }

.grey-bg {
  background: #fbf7f0;
  border: none; }

.intro-section {
  text-align: left; }
  .intro-section .intro {
    font-family: 'Roboto Slab', serif;
    font-size: 2.8em;
    line-height: 1.5em;
    margin-bottom: 35px; }
  .intro-section h5 {
    font-family: 'Caveat', cursive;
    font-size: 38px;
    line-height: 28px;
    color: #454545; }

.caveat {
  font-family: 'Caveat', cursive; }

.text-lg {
  font-size: 1.7em; }

.roboto {
  font-family: 'Roboto Slab', serif; }

.highlight {
  position: relative;
  display: inline-block;
  padding: 1% 2%;
  white-space: nowrap; }
  .highlight span {
    position: relative;
    z-index: 4; }
  .highlight:before, .highlight:after {
    content: ' ';
    background: #18ff00;
    display: block;
    height: 90%;
    width: 100%;
    margin-left: -3px;
    margin-right: -3px;
    position: absolute;
    z-index: 1; }
  .highlight:before {
    opacity: 0.6;
    transform: rotate(2deg);
    top: 2px;
    left: -1px; }
  .highlight:after {
    opacity: 0.4;
    top: 5px;
    right: -2px; }
  .highlight.orange:before, .highlight.orange:after {
    background: #ff7e00; }
  .highlight.pink:before, .highlight.pink:after {
    background: #fd30ff; }
  .highlight.yellow:before, .highlight.yellow:after {
    background: #f0ff00; }

.btn {
  position: relative; }
  .btn > [class^="icon-"] {
    font-size: 150%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    margin-right: 7px; }

.standard-button.btn-sm {
  font-size: 0.8em;
  padding: 3px 10px;
  box-shadow: 0px 2px 0px #005885; }

.standard-button.btn-md {
  padding: 10px 20px 8px 20px;
  box-shadow: 0px 3px 0px #005885; }

@media (min-width: 992px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

@media (max-width: 992px) {
  .text-sm-center {
    text-align: center; } }

.intro-section.blog-intro {
  margin-top: 90px; }

.call-to-action {
  background: url(../images/background-images/paperbg2.jpg); }
  .call-to-action .overlay-layer-2 {
    background: rgba(255, 255, 255, 0.1);
    padding: 50px 0px 50px; }
    .call-to-action .overlay-layer-2 .intro-section {
      margin-top: 0px; }
      .call-to-action .overlay-layer-2 .intro-section h1.intro {
        font-size: 2em; }
        @media (min-width: 992px) {
          .call-to-action .overlay-layer-2 .intro-section h1.intro {
            font-size: 2.1em;
            margin-top: 35px; } }
        @media (min-width: 1200px) {
          .call-to-action .overlay-layer-2 .intro-section h1.intro {
            font-size: 2.3em;
            margin-top: 50px; } }
  .call-to-action .c2alink {
    font-family: 'Caveat', cursive;
    text-decoration: underline;
    color: #5e5246;
    font-size: 2.2em;
    position: relative; }
    .call-to-action .c2alink:hover {
      color: #000; }
    @media (min-width: 1200px) {
      .call-to-action .c2alink {
        font-size: 2.4em; } }
    .call-to-action .c2alink .fillwrap {
      transform: rotate(-10deg);
      position: absolute;
      top: -35px;
      right: -30px; }
    .call-to-action .c2alink h3 {
      color: #d60000;
      font-family: 'Caveat', cursive;
      font-size: 0.8em;
      margin: 0px; }
      .call-to-action .c2alink h3:before {
        content: '\0041';
        position: relative;
        top: 10px;
        left: 0px;
        font-size: 1em;
        display: inline-block;
        font-family: 'arrow';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -moz-transform: scale(-1, 1) rotate(-60deg);
        -webkit-transform: scale(-1, 1) rotate(-60deg);
        -o-transform: scale(-1, 1) rotate(-60deg);
        -ms-transform: scale(-1, 1) rotate(-60deg);
        transform: scale(-1, 1) rotate(-60deg); }

.opposite-blocks {
  text-align: left;
  font-family: 'Roboto Slab', serif;
  font-weight: 300; }
  .opposite-blocks .bg-col {
    background: url(../images/background-images/concrete1.jpg) center center repeat;
    background-size: cover;
    position: relative;
    min-height: 300px; }
    .opposite-blocks .bg-col.bg-col2 {
      background: url(../images/background-images/lightbulbs.jpg) center center repeat;
      background-size: auto; }
    .opposite-blocks .bg-col .bg-block-1 {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: url(../images/block1.png) center bottom no-repeat;
      background-size: contain; }
    .opposite-blocks .bg-col .bg-block-2 {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 100%;
      height: 100%;
      background: url(../images/block2.png) center top no-repeat;
      background-size: contain; }
  .opposite-blocks strong {
    font-weight: 700; }
  .opposite-blocks p {
    font-size: 1.6em;
    line-height: 1.6em;
    margin: 0px;
    padding: 50px 50px 60px 50px; }

h2 {
  font-family: 'Roboto Slab', serif; }

section {
  overflow: hidden; }

.section-header {
  padding: 80px 15px 50px 15px;
  margin-top: 0px;
  margin-bottom: 0px; }
  .section-header hr {
    width: 50%;
    margin: 20px auto 0px auto; }
  .section-header h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 2.8em;
    line-height: normal;
    position: relative;
    display: inline-block; }
    @media (max-width: 992px) {
      .section-header h2 {
        font-size: 2.5em; } }
    .section-header h2 > span {
      z-index: 2;
      position: relative; }
    .section-header h2:before, .section-header h2:after {
      z-index: 1;
      display: inline-block;
      position: absolute;
      font-family: 'Caveat', cursive; }
      @media (max-width: 992px) {
        .section-header h2:before, .section-header h2:after {
          position: relative;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          font-size: 1.3em !important; } }
    .section-header h2.quote:before {
      content: '“';
      font-size: 4em;
      top: -50%;
      left: -70px;
      color: #ddd7ce;
      transform: rotate(-10deg); }
    .section-header h2.quote:after {
      content: '”';
      font-size: 4em;
      top: -50%;
      right: -10px;
      color: #ddd7ce;
      transform: rotate(-10deg); }
    .section-header h2.question:after {
      content: '?';
      font-size: 2.7em;
      top: -50%;
      right: -30px;
      color: #ddd7ce;
      transform: rotate(-10deg); }
    .section-header h2.exclamation:after {
      content: '!!';
      font-size: 2.7em;
      top: -50%;
      right: -10px;
      color: #ddd7ce;
      transform: rotate(-10deg); }
    .section-header h2.thumbsup:after {
      content: '\0042';
      font-family: 'arrow';
      font-style: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.6em;
      top: 0px;
      right: -50px;
      color: #ddd7ce;
      transform: rotate(-10deg); }
  .section-header h3 {
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.8em;
    z-index: 4;
    position: relative; }
    .section-header h3 .highlight {
      display: inline; }

#testies.owl-theme .owl-controls .owl-page span {
  background: #5dc8de; }

.feedback h5 {
  margin-bottom: 4px;
  font-family: 'Caveat', cursive;
  font-size: 28px; }

.how-steps {
  font-size: 2em;
  text-align: left;
  line-height: normal;
  margin: 20px 0px;
  font-family: 'Roboto Slab', serif; }
  .how-steps.reverse .highlight {
    float: right;
    margin-right: 0px;
    margin-left: 25px; }
  .how-steps .highlight {
    font-family: 'Caveat', cursive;
    float: left;
    font-size: 2em;
    margin-right: 25px; }

.phone-no {
  font-size: 3em;
  line-height: normal;
  color: #fff; }
  .phone-no:hover, .phone-no:active {
    color: #fff;
    text-decoration: none; }

footer .fb-link {
  font-size: 2.5em;
  color: inherit;
  opacity: 0.4; }
  footer .fb-link:hover {
    opacity: 0.8; }

footer a {
  color: inherit; }

#intercom-container {
  z-index: 1999 !important; }

.color-bg {
  background: #5dc8de; }

.form-wrapper {
  padding: 20px 30px 30px 30px;
  background: #fbf7f0;
  position: relative; }
  .form-wrapper .fillwrap {
    transform: rotate(10deg);
    position: absolute;
    top: -65px;
    right: 0px; }
  .form-wrapper h3 {
    color: #d60000;
    font-family: 'Caveat', cursive;
    font-size: 1.7em;
    margin: 0px; }
    .form-wrapper h3:after {
      content: '\0041';
      position: relative;
      top: 35px;
      left: -5px;
      font-size: 1.3em;
      display: inline-block;
      font-family: 'arrow';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .form-wrapper h4 {
    margin: 0px 0px 10px 0px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.8em; }
  .form-wrapper .input-box, .form-wrapper .textarea-box {
    margin-top: 0px; }

/*******************/
/*ajax error styles*/
/*******************/
.gotcha {
  display: none;
  width: 0px;
  height: 0px;
  overflow: hidden; }

form.standardajax {
  position: relative; }
  form.standardajax .errorbox {
    display: none;
    font-size: 1.5em;
    background: #e31000;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    position: absolute;
    color: #ffffff;
    padding: 20px;
    width: 240px;
    text-align: center;
    top: 40%;
    margin-top: -50px;
    margin-left: -120px;
    left: 50%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    line-height: 1.5em; }
  form.standardajax .sendbox {
    background: #33455a; }
  form.standardajax .sendingbox {
    width: 70px;
    margin-left: -35px; }
  form.standardajax .alert {
    /*bootstrap alert fallback */
    margin: 0px 0px 20px 0px; }
  form.standardajax input[disabled], form.standardajax textarea[disabled], form.standardajax select[disabled] {
    opacity: 0.4; }

/*spinner*/
.sky-spinner {
  height: 30px;
  width: 30px;
  margin: 0 auto;
  position: relative;
  -webkit-animation: rotation 0.7s infinite linear;
  -moz-animation: rotation 0.7s infinite linear;
  -o-animation: rotation 0.7s infinite linear;
  animation: rotation 0.7s infinite linear;
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-radius: 100% !important; }
  .sky-spinner:before {
    content: "";
    display: block;
    position: absolute;
    /*left:-6px;*/
    top: -3px;
    height: 100%;
    width: 100%;
    border-top: 3px solid rgba(255, 255, 255, 0.8);
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 100% !important; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }