/*neutral*/
@font-face {
  font-family: 'Arabella';
  src: url(/fonts/arabella.ttf);
}
@font-face {
  font-family: 'Norwester';
  src: url(/fonts/norwester.otf);
}
* {
  font-family: 'Lato', serif;
  overflow-x: hidden;
}
a {
  text-decoration: none !important;
}
@charset "";

_:-ms-lang(x), .selector { property:value; }

.header {
  background: linear-gradient(
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.7)
    ), url(/img/plant.jpg);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  color: white;
  font-family: 'Arabella', cursive;
  font-weight: bold;
  background-attachment: fixed;
}
.header2 {
  background: linear-gradient(
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0.8)
    ), url(/img/plant2.jpg);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  color: white;
  font-family: 'Arabella', cursive;
  font-weight: bold;
  background-attachment: fixed;
}
.header3 {
  background: linear-gradient(
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.3)
    );
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  color: white;
  font-family: 'Arabella', cursive;
  font-weight: bold;
  background-attachment: fixed;
}
.ordernow {
  /*float: right;*/
  padding-bottom: 2em;
  padding-top: 2em;
}
@media (max-width: 420px) {
  .header {
    padding-top: 5em !important;
  }
}
.resizer {
  padding: 0 1em;
}
.resizer-box {
  padding-top: 3em;
}
.ctas-button {
  color: #444;
}@import url('https://fonts.googleapis.com/css?family=Karla:400,700');
*,
*:before,
*:after {
  margin: 0;
  box-sizing: border-box;
}
body {
  -webkit-font-smoothing: antialiased;
  font-family: 'Lato', serif;
}
/*text*/
.heading {
  font-weight: 100;
  font-family: 'Lato', sans-serif;
  text-transform: none;
  font-size: 2.5em;
  color: black;
  line-height: 1.2em;
}
.heading-alt {
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  text-transform: none;
  font-size: 1em;
  color: black;
  line-height: 1.2em;
  text-align: center;
}
@media (max-width: 900px) {
.heading {
    font-size: 26px;
  }
.paragraph1 {
  font-size: 1em !important;
}
.services {
  font-size: 4em !important;
  height: 2em !important;
}
.margtop {
  margin-top: 2em !important;
}
.greentext, .bluetext {font-size: 0.5em !important;}

}
.subheading {
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
}
@media (max-width: 900px) {
  .subheading {
    font-size: 26px;
    line-height: 35px;
  }
}
.paragraph {
  color: black;
  padding: 0em 5em 2em;
  font-size: 1.5em;
  line-height: 32px;
  font-weight: 100;
  text-align: center;
}
.paragraph1 {
  color: black;
  padding: 0em 0em 0.5em;
  font-size: 1.5em;
  font-weight: 100;
  text-align: center;
  font-family: 'Lato';
}
.paragraph2 {
  color: black;
  padding: 1em 2em 2em;
  font-size: 1.2em;
  line-height: 24px;
  font-weight: 400;
}
.paragraph3 {
  font-family: 'Arabella', cursive;
  color: black;
  padding: 1em 2em 2em;
  font-size: 2em;
  line-height: 24px;
  font-weight: 400;

}
.heading + .paragraph {
  margin-top: 30px;
}
.subheading + .paragraph {
  margin-top: 10px;
}
p.paragraph {
  color: rgba(0,0,0,.5);
}
.logo {
  font-size: 1em;
  line-height: 30px;
  font-weight: 900;
  color: #D80D54;
  overflow-y: hidden; 
}
/*@media (max-width: 420px) {
  .logo {
    display: none;
  }
}*/
.nav-link2{
  text-decoration: none;
  font-size: 1em;
  line-height: 30px;
  color: inherit;
  padding: 1em 1em;
}
.nav-link {
  text-decoration: none;
  font-size: 0.7em;
  line-height: 30px;
  color: inherit;
  padding: 1em 3em;
}
.nav-link:not(:first-of-type) {
  margin-left: 20px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/*flexbox styles*/
.flex,
.spread,
.center,
.right,
.vertical,
.centervertical {
  display: flex;
}
.nav-bar {
  background-color: transparent;
  top: 0;
  padding: 1em;
  z-index: 1;
}

.spread {
  justify-content: space-between;
}
@media (max-width: 420px) {
  .spread {
    justify-content: center;
  }
}
.center {
  align-items: center;
  justify-content: center;
}
.centervertical {
  flex-direction: column;
  justify-content: center;
}
.right {
  justify-content: flex-end;
}
.vertical {
  flex-direction: column;
}
/*grid*/
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  padding: 0 20px;
}
.col-1 {width: 8.333333%;}
.col-2 {width: 16.666667%;}
.col-3 {width: 25%;}
.col-4 {width: 33.333333%;}
.col-5 {width: 41.666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.333333%;}
.col-8 {width: 66.666667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.333333%;}
.col-11 {width: 91.666667%;}
.col-12 {width: 100%;}
@media (max-width: 420px) {
  .col-4 {
    max-width: 100% !important;
    width: 100% !important;
  }
  .col-6 {
    width: 100%;
  }
  .flex {
    display: block !important;
  }
  .service {
    margin: 0em !important;
    padding: 5em 3em;
    margin-top: 1em !important;
  }
  
  .leftfloat {
    padding-left: 0em !important;
  }
}
/*containers*/
.container-lrg,
.container-sml {
  margin: auto;
  width: 100%;
}
/*.container-lrg {
  max-width: 1080px;
}*/
.container-sml {
  max-width: 700px;
}
.ctas {
  padding: 4em;
  text-align: center;
  background-color: white;
  color: white;
}
.centerdevices,
.sidedevices {
  position: relative;
}.header {
  padding: 20px 0 90px 0;
  overflow: hidden;
}

.header .centerdevices {
  margin: 60px 0 60px;
}
.ctas-input {
  outline: none;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: 260px;
  display: inline-block;
}
.ctas-button {
  display: inline-block;
  margin: 0 0 0 10px;
  height: 40px;
  line-height: 38px;
  padding: 0 30px;
  background: #fff;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .3px;
  border: 1px solid white;
  text-decoration: none;
}
@media (max-width: 440px) {
  .ctas-input,
  .ctas-button {
    display: block;
    width: 100%;
    text-align: center;
  }
  .ctas-button {
    margin: 10px 0 0 0;
  }
}.socialproof {
  padding: 3em 0;
  background-color: black;
  color: white;
  font-size: 1.5em;
}
@media (max-width: 680px) {
  .socialproof .flex {
    flex-wrap: wrap;
  }
  .socialproof .col-3 {
    width: 50%;
  }
  .socialproof .col-3:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}.ctas-button,
.ctas-button-2 {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 30px;
  background: #fff;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .3px;
  border: 1px solid white;
  text-decoration: none;
}
.ctas-button-2 {
  background: transparent;
  color: white;
  margin: 0 0 0 10px;
}
@media (max-width: 440px) {
  .ctas-button,
  .ctas-button-2 {
    display: block;
    width: 100%;
    text-align: center;
  }
  .ctas-button-2 {
    margin: 10px 0 0 0;
  }
  .logoresize {
  height: 100px !important;
  }
}
.footer {
  padding: 45px 0;
}

.footer .nav-link {
  display: inline-block;
  margin: 0 10px;
}.ctas-button {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 30px;
  background: #fff;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .3px;
  border: 1px solid white;
  text-decoration: none;
}.feature3 {
  padding: 90px 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.feature3 .emoji {
  font-size: 55px;
  color: black
}
@media (max-width: 750px) {
  .feature3 .emoji {
    font-size: 40px;
  }
  .feature3 .flex {
    flex-wrap: wrap;
  }
  .feature3 .col-4:nth-of-type(1) {
    width: 100%;
    margin-bottom: 30px;
  }
  .feature3 .col-4:not(:nth-of-type(1)) {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .feature3 .col-4:nth-of-type(1) {
    margin-bottom: 0;
  }
  .feature3 .col-4:not(:nth-of-type(1)) {
    width: 100%;
    margin-top: 30px;
  }
}.feature6 {
  padding: 50px 0;
  background-color: white;
  color: black;
  border-bottom: 1px solid rgba(0,0,0,.1)
}
.feature7 {
   background: linear-gradient(
      rgba(16, 34, 63, 0),
      rgba(16, 34, 63, 0)
    ), url(/img/lemony.jpg);
   background-size: cover;
    background-repeat:   no-repeat;
    background-position: center center;
    height: 100%;
}
.pad-top {
  padding-top: 1em;
  font-size: 6em !important;
  color: white;
}
.feature8 {
   background: linear-gradient(
      rgba(16, 34, 63, 0),
      rgba(16, 34, 63, 0)
    ), url(/img/giphy.gif);
   background-size: cover;
    background-repeat:   no-repeat;
    background-position: center center;
    background-attachment: fixed;
    height: 100%;
}
.feature9 {
  padding: 30px 0 40px 0;
  background-color: #98cc87;
  color: black;
  
}
.pad1 {
  padding: 0.25em 1em 0.5em 1em;
}
@media (max-width: 500px) {
  .feature2, .header, .header2 {
    background-attachment: inherit !important;
    background-repeat: inherit !important;
  }

  input[type="submit"]{
    -webkit-appearance:none;
  }
  .ctas {
    background-color: black;
  }
}
.pink {
  color: #D80D54;
  font-weight: bold;
}
.whatwedo {
  text-align: center;
  height: 100%;
  background: linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 1)
    );
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
}
.feature2 {
  text-align: center;
  background: url(/img/4containers.jpg);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  background-attachment: fixed;
}
.events {
  text-align: center;
  height: 75%;
  background: linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.3)
    ), url(/img/sf.jpg);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  background-attachment: fixed;
}
.feature2 {
  padding-bottom: 2em;
  color: white;

}
.paragraph-about{
  padding: 2em 2em 0em 2em;
}
.subheading-about {
  padding: 2em 2em 1em 2em;
}
.service1 {
  background: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)
    ), url(/img/insta1.JPG);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  height: 25em;
}
.service2 {
  background: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)
    ), url(/img/insta2.JPG);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  height: 25em;
}
.service3 {
  background: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)
    ), url(/img/insta3.JPG);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  height: 25em;
}
.service4 {
  background: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)
    ), url(/img/insta4.JPG);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  height: 25em;
}
.service5 {
  background: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)
    ), url(/img/insta5.JPG);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  height: 25em;
}
.service6 {
  background: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)
    ), url(/img/insta6.JPG);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  height: 25em;
}
.iconuse {
  width: 100%;
  font-size: 5em !important;
}
.icontop {
  font-size: 5.5em !important;
}
.iconbig {
  font-size: 4em !important;
}
.upcoming {
  font-size: 1.5em;
  padding: 2em;
}

.padding-bottom2 {
  padding-bottom: 4em;
}
.padding-top5 {
  padding-top: 5em;
}
.padding-top2 {
  padding-top: 2em;
}
.aboutus {
  text-align: center;
  padding: 0 2em;
  font-size: 1.75em;
  font-weight: 300;
}

.aboutustext{
  text-align: left;
  padding: 0 3.5em;
  line-height: 2em;
  padding-bottom: 1.5em;
  font-weight: 400;
  font-size: 1.2em;
}
.white {
  color: white !important;
}
.photocircle {
  width: 150px;
    min-height: 150px;
    border-radius: 50%;
    background: url(/img/jenny.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2em;
}
.leftfloat {
  padding-left: 3em;
}

ul {
  padding: 0 !important;
}

li {
  width: 15em;
  height: 15em;
  text-align: center;
  line-height: 2em;
  border: 3px solid white;
  border-radius: 50%;
  background: transparent;
  margin: 4em 3.75em;
  display: inline-block;
  color: white;
  position: relative;
}

li::before{
  content: '';
  position: absolute;
  top: 50%;
  left: -65%;
  width: 65%;
  height: 3px;
  background: white;
  z-index: 0;
}



li:first-child::before {
  display: none;
}

.active {
  background: white;
}

.active ~ li {
  background: white;
}

.active ~ li::before {
  background: white;
}

.circles-parent {
  text-align: center;
}
.circle {
  background: transparent;
  border: 1px solid white;
  border-radius: 50%;
  display: inline-block;
  margin: 0 15px;
}

.getintouch {
  background: #CC2525;
  text-decoration: none;
  border: 1px solid #CC2525;
  padding: 0.1em 2em;
  font-size: 1em;
  color: white;
  height: 50px;
}
.learnmore {
  background: transparent;
  text-decoration: none;
  border: 1px solid green;
  padding: 0.1em 2em;
  font-size: 1em;
  color: black;
  height: 50px;
}
.learnmore:hover {
  cursor: pointer;
}
.getintouch:hover {
  border: 1px solid white;
  cursor: pointer;
}

.iconcircle {
  padding-top: 2em;
}

.subscribe {
  padding-bottom: 2em;
}

.services {
  text-align: center;
  font-weight: 300;
  font-size: 8em;
  font-family: 'Arabella', cursive;
  line-height: 2em;
}
.services2 {
  text-align: center;
  font-weight: 300;
  font-size: 3em;
  font-family: 'Arabella', cursive;
  line-height: 2em;
}
.services-alt {
  font-size: 6em;
}
.service {
  color: black;
  padding: 1em 1em;
  text-align: center;
}
.socialproof {
  background: url(/img/truck.jpg);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.blog {
  color: black;
  background-color: rgba(255,255,255,0.8);
  margin: 2em;
  padding: 0em;
}
.blogimage1 {
  background: linear-gradient(
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.3)
    ), url(/img/workspace.jpg);
  background-size: cover;
  background-repeat:   no-repeat;
  background-position: center center;
  height: 100px;
  text-align: center;
  padding-top: 50px;
}
.blogtext {
  padding: 2em;
}
:-webkit-any-link{
text-decoration:none !important;
color: black !important;
}
:-moz-any-link{
text-decoration:none !important;
}
:any-link{
text-decoration:none !important;
}

.nav-space {
  display: flex;
}
.blue {
  color: #28AAE1;
}

.heromore {
  font-weight: 300;
  padding-top: 3em;
}
.dispnone {
  display: none !important;
}
.truckin {
  transition: all 3s ease-in-out;
  -webkit-transition: all 3s ease-in-out;
  -moz-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  -ms-transition: all 3s ease-in-out;

}
.truckin:hover {
  transform: translate(-3000em,0);
  -webkit-transform: translate(-3000em,0);
  -moz-transform: translate(-3000em,0);
  -o-transform: translate(-3000em,0);
  -ms-transform: translate(-3000em,0);
}
.trainingsec {
  padding-top: 4em;
  padding-bottom: 4em;
}
.trainingsec:hover {
  background-color: rgba(16,34,63,0.8);

}
.trainingsec:hover i {
  color: #28AAE1;
}
.trainingt {
  font-size: 2em;
  font-weight: 300;
}
.pwhere {
  font-weight: 700;
  font-size: 2em;
}
.pwhat {
  font-weight: 300;
}
.iconsmall {
  font-size: 4em !important;
  padding-bottom: 0.25em
  color: black;
}
.servtext {
  font-size: 1.5em;
  color: black;
  font-weight: 600;
  padding-top: 1em;
}
.contacth3 {
  font-size: 3em;
  font-weight: 300;
}
@media (max-width: 440px) {
  .contacth4 {
    padding-top: 1em;
  }
  .fixtext {
    padding: 0;
  }
  .fixtext2 {
    padding-bottom: 1em;
  }
  .aboutus {
    padding: 0 1em;
    padding-bottom: 1em;
  }
  .aboutustext {
    padding: 0 2em;
    padding-bottom: 1.5em;
  }
  .hidetext {
    display: none;
  }
  .showtext {
    display: block !important;
    margin-right: 0;
    margin-left: 0;
  }
 
  .nav-space .nav-link2 {display: none;}
  .spread .menuicon {
    position: absolute;
    font-size: 3em;
    display: block;
    top: 10%;
    left: 0.7em;
  }


  .spread.responsive .nav-space a {
    float: none;
    display: block;
    text-align: left;
  }
}
.contacth4 {
  font-size: 2em;
  font-weight: 300;
  padding-bottom: 1em;
}
.integrity {
  margin-top: 0;
  line-height: 2.5em;
  margin-right: 8em;
}
.phone{
  font-size: 1.5em;
  line-height: 2em;
}
.bluebold {
  font-weight: 900;
}
.footy{
  padding-top: 1em;
}
.iconmod {
  font-size: 3em !important;
}
.arrowfix {
  height: 14.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menuicon {
  display: none;
}
.aboutusimg {
  float: right;
}
.showtext {display: none}
.bluetext {
  font-weight: 700;
  font-size: 0.6em;
  position: relative;
  bottom: 0.5em;
  color: #2899D6;
  font-family: 'Amatic SC', cursive;
}
.greentext {
  font-weight: 700;
  font-size: 0.6em;
  position: relative;
  bottom: 0.5em;
  color: #2BDE73;
  font-family: 'Amatic SC', cursive;
}
.brackets {
  color:#5C0029;
  font-family: 'Amatic SC', cursive;
  font-size: 1.5em;
}

.shopify-buy__btn-wrapper {
  margin-top: 0em !important;
}

.margtop2 {
  position: relative;
  top: 1.2em;
}
.leftpad {
  padding-left: 2em;
}
.getintouch2 {
  background: #CC2525;
  text-decoration: none;
  border: 1px solid #CC2525;
  padding: 0;
  font-size: 1em;
  color: white;
  height: 50px;
  padding-top: 0.2em;
  width: 150px;
}
.pricetext {
  color: black;
  font-size: 0.7em;
  padding-top: 1em;
}

.padding-top-override {
  padding-top: 0;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}