* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Oxygen Mono', monospace;
	background-color: white;
	color: #2d2d2d;
	background-color: #f6f9fc;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Standards */

.roboto {
  font-family: 'roboto';
  font-size: 17px;
  letter-spacing: 0.5px;
}

h1 {
	font-size: 31px;
	font-weight: 600;
	font-family: 'roboto', sans-serif;
	margin: -10px 0 20px 0;
  text-align: center;
  line-height: 1.5;
  color: rgba(0,34,51,.8);
}

h1.background {
  color: rgba(0,0,0,1);
  text-align: left;
  margin: 185px 0 10px;
  font-size: 65px;
  line-height: 1.1;
  font-family: 'roboto', sans-serif;
  font-weight: 600;
}

h1.productIntro {
  font-size: 81px;
  text-align: right;
  width: 392px;
  line-height: 1.1;
  color: black;
  margin-top: 10px;
}

h2 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.7;
}

h2.quote {
  font-size: 55px;
  font-weight: 800;
  text-align: center;
  line-height: 1.3;
  margin: 0 0 65px;
}

h2.justName {
  font-size: 19px;
  font-weight: 800;
  text-align: center;
  line-height: 1.5;
  color: rgba(0,34,51,.8);
}

h2.intro {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.7;
  margin: 16px 0px 30px;
}

h3 {
	font-size: 43px;
	font-family: 'roboto';
	margin: 0;
  color: rgba(0,34,51,.8);
}

p {
  font-size: 18px;
  line-height: 1.8;
  color: rgba(0,34,51,.6);
}

p.intro {
	font-family: 'roboto';
    color: #BB6BD9;
    font-size: 22px;
    margin: 80px 2px 4px;
}

p.small {
    position: relative;
    font-size: 17px;
    line-height: 1.8;
    display: inline;
}

a. {
	color: #2d2d2d;
}

img {
	border-radius: 4px;
	max-width: 100%;
}

.boxShadow {
    box-shadow: 0px 0px 40px rgba(0,0,0,.07);
}

hr {
    height: 1px;
    font-size: 0;
    border: 0;
    background-color: #f2f2f2;
}

hr.unique {
    height: 1px;
    font-size: 0;
    border: 0;
    background-color: #f2f2f2;
}


small {
    font-size: 20px;
    position: relative;
    top: -21px;
    left: -7px;
    color: rgba(0,34,51,.6);
}

.blue {
	color: #30C2FF;
	display: inline!important;
}

.green {
      background-image: linear-gradient(to right, #4DCE83 0%, #4ee97b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    display: inline!important;
}


.purple {
  color: #BB6BD9;
}


span.blackish {
  color: #000;
  font-weight: 700;
}


/* Buttons */

a.btn {
	background-color: #30C2FF;
    padding: 16px 30px;
    color: #fff;
    border: 0;
    font-size: 19px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    font-family: 'roboto';
    box-shadow: 1px 1px 4px #ddd;
    transition: 0.2s all ease-in-out;
}

a.btn:hover {
	opacity: 0.8;
}

a.btnFormHeader {
    background-color: transparent;
    border: 2px solid #ccc;
    padding: 8px 15px;
    font-size: 16px;
    color: #ccc!important;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    display: inline;
    font-family: 'roboto';
    transition: all 0.2s ease-in-out;
    margin-left: 14px;
}

a.btnFormHeader:hover {ent;
    border: 2px solid #999;
    color: #999!important;
}

a.btnPurpleHeader:hover, .btnBlueHeader:hover, .btnGreenHeader:hover, {
  color: #fff;
  opacity: 0.9;
  box-shadow: 5px 5px 20px #aaa;
}

a.btnPink:hover, a.btnPurple:hover {
	opacity: 0.8;
}

a.btnOrange {
    background: linear-gradient(180deg,#ffa333 0,#ff8c00);
    padding: 16px 30px;
    color: #fff;
    border: 0;
    font-size: 19px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    font-family: 'roboto';
    box-shadow: 1px 1px 4px #ddd;
    transition: 0.2s all ease-in-out;
    letter-spacing: 1.5px;
}

a.btnTransparant {
    background-color: transparent;
    border: 2px solid #aaa!important;
    padding: 13px 26px;
    color: #6d6d6d;
    border: 0;
    font-size: 17px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    font-family: 'roboto';
    box-shadow: 1px 1px 4px #ddd;
    transition: 0.2s all ease-in-out;
    letter-spacing: 1px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

a.btnTransparant:hover {
    border: 2px solid #666!important;
    color: #444;
}

a.btnTransWhite {
  background-color: transparent;
  border: 2px solid rgba(255,255,255,0.4);
  color: #fff;
  padding: 12px 24px;
  font-size: 22px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block!important;
  font-family: 'roboto';
  transition: all 0.2s ease-in-out;
}

a.btnTransWhite:hover {
  border: 2px solid rgba(255,255,255,0.9);
}

a.btnTransDrk {
  background-color: transparent;
  border: 3px solid #fff;
  color: #fff;
  padding: 12px 24px;
  font-size: 20px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block!important;
  font-family: 'roboto';
  transition: all 0.2s ease-in-out;
}

a.btnTransDrk:hover {
  border: 3px solid #4DCE83;
}

a.btnTransDrk2 {
  background-color: #fff;
  /*color: #6B02FF;*/
  color: #222;
  padding: 12px 24px;
  font-size: 20px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block!important;
  font-family: 'roboto';
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.2);
}

a.btnTransDrk2:hover {
  opacity: 0.87;
}

a.btnSun {
  background-color: transparent;
  border: 2px solid #4DCE83;
  color: #4DCE83;
  padding: 12px 24px;
  font-size: 18px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block!important;
  font-family: 'roboto';
  transition: all 0.2s ease-in-out;
}

a.btnSun:hover {
  border: 2px solid #27AE60;
  color: #27AE60;
}

a.btnDarkGrey {
  background-color: transparent;
  border: 2px solid rgba(0,34,51,.9);
  color: rgba(0,34,51,.9);
  padding: 12px 24px;
  font-size: 18px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block!important;
  font-family: 'roboto';
  transition: all 0.2s ease-in-out;
}

a.btnDarkGrey:hover {
  border: 2px solid rgba(0,34,51,1);
  color: rgba(0,34,51, 1);
}


a.homeDark {
  background-color: #2F80ED;
  border: 2px solid #2F80ED;
  color: #fff;
  padding: 12px 20px;
  font-size: 18px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block!important;
  font-family: 'roboto';
  transition: all 0.2s ease-in-out;
  box-shadow: 4px 4px 15px #ccc;
}

a.homeDark:hover {
  border: 2px solid #15a0db;
}

a.homeDarkGreen {
  background-color: mediumseagreen;
  border: 2px solid mediumseagreen;
  color: #fff;
  padding: 12px 20px;
  font-size: 18px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block!important;
  font-family: 'roboto';
  transition: all 0.2s ease-in-out;
  box-shadow: 4px 4px 15px #ccc;
}

a.homeDarkGreen:hover {
  border: 2px solid darkseagreen;
}


a.homeBlue {
  background-color: transparent;
  border: 2px solid #30C2FF;
  color: #30C2FF;
  padding: 12px 20px;
  font-size: 18px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block!important;
  font-family: 'roboto';
  transition: all 0.2s ease-in-out;
}

a.homeBlue:hover {
  border: 2px solid #15a0db;
  color: #15a0db;
}


/* The header */

header {
	height: 76px;
	position: fixed;
	width: 100%;
	top: 0;
	display: flex;
	z-index: 9;
  border-bottom: 1px solid #444;
  transition: all 0.2s ease-in-out;
  background-color: rgba(255,255,255, 0.96);
  border-bottom: none;
  opacity: 0;
}

.headerForms {
  height: 68px;
  width: 100%;
  top: 0;
  display: flex;
  z-index: 9;
  border-bottom: 1px solid #444;
  transition: all 0.2s ease-in-out;
  background-color: rgba(255,255,255, 0.96);
  border-bottom: none;
}


.headerShadow {
  box-shadow: 1px 1px 4px #ddd;
}

.hiHeader {
  opacity: 1;
}

#headerWhite {
  height: 68px;
  position: fixed;
  width: 100%;
  top: 0;
  display: flex;
  z-index: 9;
  border-bottom: 1px solid #444;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border-bottom: none;
  padding: 40px 0 0;
}

#headerWhite a {
  color: #fff;
  /*color: rgba(0,34,51,.9);*/
}

#headerBlack {
  height: 138px;
  position: fixed;
  width: 100%;
  top: 0;
  display: flex;
  z-index: 9;
  border-bottom: 1px solid #444;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border-bottom: none;
  padding: 40px 0 0;
}

#headerBlack a {
  color: #000;
  transition: all 0.2s ease-in-out;
  /*color: rgba(0,34,51,.9);*/
}

#headerBlack a:hover {
  border-bottom: 5px solid #FED744;
}

#headerBlack a.active {
  border-bottom: 5px solid #FED744;
}

#headerBlack a.noUnderline {
  border-bottom: none;
}



/* REVIEWS */

#reviewHeader {
  height: 36px;
  position: fixed;
  width: 100%;
  top: 0;
  transition: all 0.2s ease-in-out;
  background-color: #FED744;
  border-bottom: none;
  z-index:10;
}


.reviewContainer {
    text-align: center;
    align-items: center;
    position: relative;
    padding-top: 8px;
}

.reviewContainer a {
  font-weight: 700;
  font-size: 15px;
}

a.reviews {
  text-decoration: none;
  color: black;
}

a.reviewsSmall {
  display: none;
}



/* END  */

/* Logos  */

.rowLogos {
    width: 100%;
}

.rowLogo {
    height: 150px;
}

.leftCol {
  float: left;
  width: 39%;
  position: relative;
  text-align: right;
  height: 100%;
  padding: 43px 30px 43px 0;
}


.rightCol{
  float: left;
  width: 59%;
  position: relative;
  height: 100%;
}


ul.logoRow {
    position: relative;
    padding-left: 0;
    list-style: none;
    display: inline-block;
    height: 100%;
    padding: 37px 0px;
}

ul.logoRow li {
  margin-right: 1em;
  display: inline-block;
}


.imageLogo {
      max-height: 2.8em;
}

ul.logoRow li:hover {
      opacity: 0.8;
      transition: .2s ease-in-out;
}

@media screen and (max-width: 700px) {

      .rowLogos {
         width: 100%;
         height: 23em;
      }

      .rowLogo {
          height: 0;
      }

      .leftCol {
        float: none;
        position: relative;
        text-align: center;
        height: 100%;
        width: 100%;
        margin-bottom: -35px;
        margin-top: 27px;
      }


      .rightCol{
        float: none;
        position: relative;
        height: 100%;
        width: 100%;
        text-align: center;
      }


      ul.logoRow {
          position: relative;
          padding-left: 0;
          list-style: none;
          display: inline-block;
          height: 100%;
          padding: 37px 0px;
      }

      ul.logoRow li {
        display: inline-block;
        margin-top:30px;
      }

}



/* END  */


.ptop125 {
  padding-top: 125px!important;
}


.logo {
    top: 14px;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    margin-left: 6%;
    margin-right: auto;
}

.hideIt {
  display: none!important;
}

.showIt {
  display: block!important;
}

.navContainer {
	justify-content: flex-end;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 6%;
}

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

nav .active {
	font-weight: 600;
}

nav li a {
	text-decoration: none;
	padding: 20px;
	color: #2d2d2d;
	font-family: 'Oxygen Mono', monospace;
  font-size: 18px;
	transition: color 0.2s ease-in-out;
  font-weight: 600;
}

nav li a:hover {
  color: #FED744;
}

ul.planSum {
  list-style: none;
  font-size: 18px;
  padding: 0 20px;
}

ul.planSum li {
  padding: 8px 4px;
}


img.logo {
  width: 285px;
  height: 38px;
}

img.chatImg {
  width: 81%;
}

img.wiggle {
  display: block;
  margin: 20px auto 0;
}

img.wu {
    border-radius: 50%;
    width: 70px;
    position: relative;
    top: 1px;
    left: 2px;
}

img.circleIntro {
    width: 30px;
    padding: 15px 0px;
    position: relative;
    top: 18px;
    right: 1px;
}

img.exIcon {
  width: 40px;
}

img.play {
    width: 11px;
    position: relative;
    top: 1px;
    opacity: 0.9;
    border-radius: 0px;
}

/* Content */

section {
	padding: 130px 0;
}

section.semi {
      padding: 130px 0 50px;
}

section.demi {
      padding: 100px 0 50px;
}

section.demiFull {
      padding: 75px 0 75px;
}

section.logoIcons {
      padding: 50px 0;
}

section.nameButton {
    padding: 50px 0;
    margin: 0 auto;
    width: 405px;

}
section.half{
	padding: 45px 0!important;
}

section.quarter{
  padding: 0px 0 30px!important;
}

section.logos{
  padding: 35px 0 75px!important;
}



section.full {
	padding: 130px 0;
	height: 100%;
}

section.white {
	background-color: white;
}

section.namingForm {
  padding: 60px 0 25px;
}

section.whiteSmall {
  padding: 55px 0;
}

section.smallGrey {
  background-color: #fdfdfd;
  padding: 130px 0 90px;
}

section.light {
	padding: 100px 0;
	background-color: #f7fafd;
}

section.address {
  background-color: #aaa;
  color: white;
  background: url(images/amsterdam.jpg);
  background-size: cover !important;
}

section.photo {
    transform: translate3d(0px, 0px, 0px);
    background: url(images/naming-board.jpg);
    opacity: 1;
    top: 0px;
    /*height: 100%;*/
    min-height: 100%;
    background-size: cover !important;
    background-position: 50% 50%;
}

section.photoTwo {
    transform: translate3d(0px, 0px, 0px);
    background: url(images/raw2.jpg);
    opacity: 1;
    top: 0px;
    /*height: 100%;*/
    min-height: calc(100vh - 60px - 2em);
    background-size: cover !important;
    background-position: 50% 50%;
}


section.gradient {
    transform: translate3d(0px, 0px, 0px);
    /*background: linear-gradient(45deg,#33b1f8 37%,#6e90f6 100%);*/
    background: linear-gradient(135deg, #6B02FF 0%, #985BEF 100%);
    /*background: linear-gradient(to right, #4DCE83 0%, #4ee97b 100%);*/
    opacity: 1;
    top: 0px;
    min-height: calc(100vh - 40px - 2em);
}

section.gin {
    transform: translate3d(0px, 0px, 0px);
    background-color: #EFE7F6;
    opacity: 1;
    top: 0px;
    min-height: calc(100vh - 40px - 2em);
}



section.whiteBg {
    transform: translate3d(0px, 0px, 0px);
    /*background: url(images/names.png);*/
    opacity: 1;
    top: 0px;
    min-height: calc(100vh - 110px - 2em);
    /*min-height: calc(100vh - 60px - 2em);*/
    background-size: cover !important;
    background-position: 50% 68%;
}

section.grey {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    top: 0px;
    min-height: calc(100vh - 110px - 2em);
    color: #f7f5f5;
}


section.how {
  padding: 130px 0;
  background: linear-gradient(180deg, #FFF, #f6f9fc);
}

.overlay {
    position: absolute;
    content: '';
    background: rgba(44, 62, 80, 0.66);
    /*background: rgba(247, 245, 245, 0.7);*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.pattern {
    background-image: url(images/pattern.png);
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
        top: 0;
    left: 0;
}

.overlayTwo {
    background: rgba(0,0,0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.overlayThree {
    position: absolute;
    content: '';
    background: rgba(30,30,30, 0.8);
    /*background: rgba(247, 245, 245, 0.7);*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.noOverlay {
    position: absolute;
    content: '';
    background: rgba(0,0,0, 0.0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.container {
  padding-right: 7%;
  padding-left: 7%;
  max-width: 100%;
  margin: 0 auto;
  min-width: 460px;
}

.containerFlex {
  padding-right: 15px;
  padding-left: 15px;
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  flex-direction: row;
  display: flex;
  justify-content: space-around;
  min-width: 460px;
}

.containerLogo {
  padding-right: 17%;
  padding-left: 17%;
  max-width: 100%;
  margin: 0 auto;
  min-width: 460px;
}

.twoTwo {
  flex-direction: row;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 40%;
}

.whiteSheet {
  padding-right: 15px;
  padding-left: 15px;
  width: 1050px!important;
  max-width: 100%;
  margin: 0 auto;
  flex-direction: row;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 8px;
  padding: 60px 0 60px 0;
  box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.1);
}

.pricesCont {
  width: 1350px;
  flex-direction: row;
  display: flex;
  justify-content: center;
}

.left {
	width: 40%;
	position: relative;
  min-width: 330px;
}

.right {
	width: 40%;
	position: relative;
  min-width: 330px;
}

.rightPort {
  width: 60%;
  position: relative;
  min-width: 330px;
}

.leftImg, .rightImg {
  width: 47%;
}

.fifty {
  margin-top: 55px;
  width: 35%!important;
}

.twenty {
  margin-top: 5px;
  width: 39%!important;
}

.center {
	text-align: center;
	max-width: 625px;
	margin: 0 auto;
}

.centerPhoto {
  text-align: left;
  max-width: 955px;
  margin: 0 auto;
}

.leftHome {
    width: 43%;
    position: relative;
    min-width: 330px;
}

.rightHome {
    width: 75%;
    position: relative;
    min-width: 330px;
    margin-top: 130px;
}

.centerBig {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}


@media screen and (max-width: 1100px) {
      .hideMobBig {
        display: none!important;
      }

  h1.productIntro {
        font-size: 51px;
        margin-right: 25px;
      }

  p {
    font-size: 19px;
  }
    .rightPort {
      width: 70%;
      position: relative;
      min-width: 475px;
    }
}

@media screen and (max-width: 700px) {
      section.white {
        padding: 70px 0;
      }
      section.grey {
        height: 100%;
}
section.whiteBg {
        min-height: calc(100vh - 110px - 2em);
}
      img.logo {
         width: 40px;
      }
      h1 {
        font-size: 29px;
        margin: 12px 23px 0px;
      }
      h1.background {
        font-size: 40px;
        margin: 135px 0 10px;
      }

      h1.productIntro {
        font-size: 41px;
        text-align: left;
        margin-bottom: 20px;
      }

      h2, h2.intro {
        font-size: 16px;
        margin: 16px 23px 30px;
      }
      h3 {
        font-size: 31px;
        padding: 0 30PX;
      }

      p {
        font-size: 17px;
      }
      p.background {
        padding: 20px 20px 0px;
        font-size: 16px;
      }

      .reviewContainer a {
        font-weight: 800;
        font-size: 14px;
      }

      a.reviews {
        text-decoration: none;
        color: black;
        display: none;
      }

      a.reviewsSmall {
        text-decoration: none;
        color: black;
        display: inline-block;
      }

      .center {
        width: 350px;
      }

      .centerBig {
        width: 350px;
      }

      .container {
        min-width: 350px;
      }

        .containerFlex {
        min-width: 360px;
        flex-wrap: wrap;
      }

      a.hideSeven {
        display: none;
      }

      .whiteSheet {
        padding-right: 0px;
        padding-left: 0px;
      }
      .fieldContainer {
        width: 100%!important;
        max-width: 350px;
      }

      img.hideSeven {
        display: none;
      }

      img.showSeven {
        display: block;
      }
      a.btn {
        margin: 10px;
      }
      a.btnDarkGrey {
        margin-top: 20px;
      }

      section.full {
        height: 1260px;
      }

      p.intro {
        margin: 20px 2px 4px;
     }

     h2  {
      font-size: 16px;
     }

     .leftImg {
        min-width: 260px;
        margin-bottom: 30px;
     }

    .rightImg {
        min-width: 260px;
        margin-top: 30px;
     }
     .testiBox {
      padding: 10px 0 30px!important;
    }
    .testimonials {
      margin-left: 25px!important;
    }
    .hideMob {
      display: none;
    }
    a.btnTransWhite {
      display: inline-block!important;
      margin-top: 20px;
    }
    a.homeDark {
      display: inline-block!important;
      margin-top: 20px;
    }
    img.wu {
      top: -5px;
      left: 17px;
    }
    .aThird {
  margin: 30px 0;
    }
}

@media screen and (min-width: 700px) {
      img.showSeven {
        display: none;
      }
}

@media screen and (max-width: 500px) {
      .hideMobSmall {
        display: none!important;
      }
    p {
        font-size: 16px;
      }
    .rightPort {
        min-width: 295px;
    }
    .containerFlex {
    min-width: 325px;
    }
    .center {
    width: 305px;
  }
}


footer {
    background-color: #fff;
    text-align: center;
    padding: 40px 0;
}

footer p {
	position: relative;
	top: 35%;
	font-size: 15px;
}

footer span {
  font-size: 17px;
  color: #000;
  font-weight: 600;
  position: relative;
  top: 8px;
}

/* Pricing */

.highlight {
	background-image: linear-gradient(115deg,#ff5689,#e687ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
	display: inline-block;
}

.highlightPurple {
  color: #BB6BD9;
  font-weight: 600;
  display: inline-block;
}

.highlightOrange {
  color: orange;
  font-weight: 600;
  display: inline-block;
}

.highlightBlue {
  color: #30C2FF;
  font-weight: 600;
  display: inline-block;
}


.highlightBg {
  background-color: antiquewhite;
  padding: 1px 5px;
  border-radius: 4px;
  font-weight: 600;
}

.upperSpacing {
  text-transform: uppercase;
}

.marginBottom {
	margin-bottom: 130px;
}

.marginBottomTwo {
  margin-bottom: 60px;
}


.marginTop {
	margin-top: 113px;
}

.marginTopTwo {
  margin-top: 80px;
}

.marginTopThree {
  margin-top: 50px;
}

.marginThree {
  margin: 30px auto;
}

.marginRight {
	margin-right: 15px;
}

span.lightUp {
	font-weight: bold;
  text-decoration: underline;
}

.ourWork {
	text-align: center;
}

.ourWork img {
    padding-right: 54px;
    padding-top: 17px;
    max-width: 202px;
    opacity: 1;
    max-height: 58px;
    vertical-align: middle;
    margin: -3px 1px;
}

.boringBrands img {
    max-width: 256px;
}

img.microsoft, img.philips {
    max-width: 168px;
    max-height: 36px;
}

img.wigwam {
    max-width: 176px;
    max-height: 44px;
}


 ul .list  {
    font-size: 16px;
    line-height: 1.7;
  }


 .list li {
    padding: 25px 0;
    list-style: none;
}

.list li:before { 
  /*content: "";
  background: #30C2FF;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%; */
  display: inline-block;
  color: white;
  text-align: center;
  margin-right: 1rem;
}

span.listHeader {
	font-family: 'roboto';
	font-size: 22px;
	font-weight: 600;	
	background-image: linear-gradient(115deg,#ff5689,#e687ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.lowAs {
  font-size: 18px;
  font-weight: 600;
}

span.oneTime {
  font-size: 16px;
}

/* Naming Forms */

.field {
    background-color: #f2f2f2;
    border-radius: 4px;
    border: 2px solid #f2f2f2;
    width: 325px;
    height: 65px;
    padding: 10px 15px;
    font-size: 16px;
    font-family: 'Catamaran', sans-serif;
    transition: all 0.2s ease-in-out;
}

.field:focus {
    border: 2px solid #30C2FF;
}

.fieldNaming {
    background-color: #f6f6f6;
    border-radius: 4px;
    border: 2px solid #fff;
    width: 100%;
    height: 65px;
    padding: 10px 15px;
    font-size: 16px;
    font-family: 'Oxygen Mono', monospace;
    transition: all 0.2s ease-in-out;
}


.fieldNaming:focus {
    border: 2px solid #FED744;
}

.fieldNamingArea {
    background-color: #f6f6f6;
    border-radius: 4px;
    border: 2px solid #fff;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    font-family: 'Oxygen Mono', monospace;
    transition: all 0.2s ease-in-out;
    line-height: 1.7;
}

.fieldNamingArea:focus {
    border: 2px solid #FED744;
}

.fieldContainer {
  padding: 10px 0;
  width: 550px;
}

form > div > label {
    font-weight: 600;
    padding: 8px;
    position: relative;
    display: inline-block;
    font-family: 'Oxygen Mono', monospace;
}

textarea:focus, input:focus{
    outline: none;
}

button.nameBusiness {
    /*background-color: #27AE60;*/
    background-color: #fed744;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    padding: 12px 22px;
    margin: 0 auto;
    width: 100%;
    border-radius: 5px;
    height: 57px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    letter-spacing: 1px;
    font-family: 'roboto';
}

button.nameBusiness:hover {
	background-color: seagreen;
}

.formDepth {
  font-family: 'Oxygen Mono', monospace;
  margin-bottom: 50px;
  margin-top: 30px;
  font-size: 18px;
}

p.safe {
	text-align: center;
	color: #27AE60;
	font-size: 14px;
	margin: 0 0 15px;
  font-family: 'Oxygen Mono', monospace;

}

p.lightGrey {
  color: #aaa;
  font-size: 16px;
}

span.name {
	font-size: 15px;
	font-weight: 600;
	font-family: 'roboto';
}

span.author {
	font-family: 'roboto';
}

/* Happy Clients */

.happy {
  margin: 0 auto;
  max-width: 600px;
}

.happyBox {
  color: #6d6d6d;
  margin: 60px 0;
  font-family: 'Catamaran', sans-serif;
  width: 100%;
  line-height: 1.6;
  text-align: left;
}

.testiBox {
  padding: 30px 0 30px;
}

.testimonials {
  display:  inline-block; 
  text-align: left;
  line-height: 1.5;
  margin-left: 9px;
}

.testIntro {
    font-size: 22px;
    color: #555;
    font-weight: 600;
    font-family: 'roboto';
    letter-spacing: 0.4px;
    line-height: 1.4;
}

.leftTesti {
  line-height: 1.9;
  margin: 0 auto;
}

.testTitle {
  font-size: 40px;
}

span.bio {
  color: #bbb;
  font-family: 'roboto';
}

.logoFooter {
  width: 250px;
  margin: 0 auto;
}


.txt-rotate {
  display: block;
  color: #FED744!important;
  font-size: 65px;
  margin-top: 10px;
  font-weight: 800;
}

.newName {
    font-family: "roboto";
    font-size: 17px;
    line-height: 1.7;
    color: rgba(0,34,51,.6);
    margin: 30px 0 -13px 0;
    text-align: center;
}

.howItWorks {
  margin-bottom: 70px;
}

/* HOW IT WORKS */

.howDiv {
    text-align: center;
    background-color: #FFF;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 25px;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 8px;
    box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.1);
    min-height: 300px;
    width: 28%;
    position: relative;
    min-width: 330px;
}

.howDiv img {
  width: 70%;
  height: 40%;
  margin-top: 5px;
}

.howDiv h4 {
  font-family: 'roboto';
  font-size: 19px;
  padding: 0;
  margin: 14px 0 7px 0;
}

.howDiv p {
  font-size: 18px;
  padding: 0 13px 17px;
  margin: 0;
}

.portfolio {
    flex-direction: row;
    justify-content: space-around;
    display: flex;
    align-items: center;
    margin: 17px 8px 0px;
}

.portfolio img {
  border-radius: 0px;
  transition: opacity 0.2s ease-in-out;
}

.portfolio img:hover {
  opacity: 0.9;
}

a.seeVideo {
  text-decoration: none;
  color: #000;
  font-family: 'roboto';
  font-size: 19px;
  transition: opacity 0.2s ease-in-out;
  margin-left: 0px;
}

a.seeVideo:hover {
  opacity: 1;
}

.blueSvg svg {
  fill: blue;
}

.aThird {
  width: 28%;
  position: relative;
  min-width: 300px;
}

span.roboto {
  font-family: 'roboto';
  letter-spacing: 0.5px;
  font-size: 16px;
}


/* Testimonials 3 */

.testDiv {
    text-align: center;
    background-color: #FFF;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 8px;
    min-height: 300px;
    width: 29%;
    position: relative;
    min-width: 330px;
}

.testDiv img {
  height: 57%;
  margin-top: 10px;
}

.testDiv h4 {
  font-family: 'roboto';
  font-size: 19px;
  padding: 0;
  margin: 14px 0 7px 0;
}

.testDiv p {
  font-size: 18px;
  padding: 0 2px 17px;
  margin: 0;
  line-height: 1.8;
}

.testDivTwo {
    text-align: center;
    background-color: #FFF;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 8px;
    min-height: 300px;
    width: 42%;
    position: relative;
    min-width: 330px;
}

.testDivTwo img {
  height: 57%;
  margin-top: 10px;
}

.testDivTwo h4 {
  font-family: 'roboto';
  font-size: 22px;
  padding: 0;
  margin: 14px 0 7px 0;
}

.testDivTwo p {
  font-size: 18px;
  padding: 0 2px 17px;
  margin: 0;
  line-height: 1.8;
}


  .yellow {
    color: #f2c94c;
    font-size: 20px;
    margin: 0 1px;
  }


.rotate {
      -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


svg .logo {
  fill: #4DCE83;
}

svg:hover .logo {
  fill: #4DCE83;
  transform: scale(.8);
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}

.headerContact {
  font-family: "roboto";
  font-size: 18px;
  letter-spacing: 0.6px;
  margin-bottom: -12px;
}

.payments {
  text-align: center;
}

.payments img {
    padding-right: 40px;
    padding-top: 10px;
    opacity: 1;
    vertical-align: middle;
}

img.amex {
    height: 80px;
    width: 81px;
}

img.visa {
    height: 100px;
    width: 101px;
}

img.mastercard {
    height: 121px;
    width: 105px;
}

img.paypal {
    height: 125px;
    width: 140px;
}

.marginLeft {
  margin-left: 18px;
}

.noDec {
  text-decoration: none;
}

.noDec:hover {
  opacity: 0.8;
}

p.trust {
  font-size: 15px;
  margin-top: -5px;
}

.lora {
  font-family: 'Lora', serif; 
    font-weight: 400;
}

.sevenYears {
  position: relative;
  top: 50px;
}

.exa {
  position: relative;
  top: -37px;
  color: #FED744;
}

.port {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  margin-top: -12px;
}

span.marked {
  border-bottom: 4px solid #4DCE83;
  font-weight: 600;
}

span.orange {
  color: #FED744;
}

span.black {
  color: #222;
}

span.semiBlack {
  color: #555;
}


span.different {
  font-weight: 800;
  font-family: catamaran;
}

.lessLine {
  line-height: 1.4em!important;
  font-size: 28px;
}

.red  {
  color: #EB5757;
  font-size: 20px;
  margin: 0 1px;
}

.greenStar {
  color: #4DCE83;
  font-size: 20px;
  margin: 0 1px;
}

h1.smaller {
  font-size: 27px;
}

a.moreLink {
  border-bottom: 3px solid #FED744;
  transition: all 0.3s ease-in-out;
  margin: 33px;
  color: rgba(0,34,51,.6);
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}

a.moreLink:hover {
  background-color: #FED744;
  color: white ;
}

a.scrollLink {
  border-bottom: 3px solid #FED744;
  transition: all 0.3s ease-in-out;
  color: rgba(0,34,51,.6);
  text-decoration: none;
  font-size: 19px;
  font-weight: 600;
}

a.scrollLink:hover {
  background-color: #FED744;
  color: white ;
}

/*

a.orderLink {
  background-color: #FED744;
  padding: 14px 24px;
  margin: 0 5px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  color: white;
  display: inline-block;
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.24);
  border-radius: 33px;
}

a.orderLink:hover {
  background-color: #000;
  transition: 0.2 ease-in-out;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.44);
  border-radius: 33px;
}

*/


a.orderLink {
  background-color: #0ECB2C;
  padding: 14px 24px;
  margin: 0 5px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  color: white;
  display: inline-block;
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.24);
  border-radius: 5px;
}

a.orderLink:hover {
  background-color: #000;
  transition: 0.2 ease-in-out;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.44);
}


p.thatsjust {
  font-size: 15px;
  color: #aaa;
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.logoRow {
    flex-direction: column;
}

.logoRow img {
    width: 142px;
    height: 66px;
}

img.check {
  width: 23px;
}

.whiteBox {
  padding: 48px 64px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(50,50,93,.1);
}

img.clientImg {
  border-radius: 50%;
  height: 70px;
  display: block;
}

.clientTalk {
    top: -60px;
    position: relative;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.6;
    float: left;
    margin-left: 88px;
}

.clientTalk2 {
    display: none;
  }

@media screen and (max-width: 700px) {

        .clientTalk {
          display: none;
          }


        .clientTalk2 {
            top: -60px;
            position: relative;
            font-size: 15px;
            font-weight: 800;
            line-height: 1.6;
            float: left;
            margin-left: 88px;
            display: inline-block;
          }
}

.flexBoxes {
  width: 31%;
  position: relative;
  min-width: 300px;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(50,50,93,.1);
}

.flexBoxes img {
  margin: 0 auto;
  display: block;
  border-radius: 10px 10px 0px 0px;
}

.absolute {
  position: relative;
  margin: 0 auto;
  width: 1120px;
}

.smallThree {
  font-size: 16px;
  padding: 0 28px 10px;
  text-align: left;
}

@media screen and (max-width: 700px) {

  span.price {
      display: block;
      margin-left: 6%;
      margin-bottom: 11px;
      font-size: 22px;
  }

  .flexBoxes {
    margin-top: 35px;
  }

  .hideMobile {
    display: none;
  }

}

ul > li:nth-child(4) > a.buttonGo {
  background-color: black;
  color: #FED744!important;
  border-radius: 50px;
  transition: 0.2s ease-in-out;
  font-size: 16px;
  border-bottom: none;
  margin-left: 14px;
}

ul > li:nth-child(4) > a.buttonGo:hover {
  opacity: 0.9;
}

.Roboto {
  font-family: roboto;
  font-size: 25px;
  font-weight: 800;
}

h1.special {
  font-size: 40px;
  color: black;
  font-weight: 800;
}

.top8 {
  margin-top: 8px!important;
}

.smaller {
  font-size: 16px;
  font-weight: 400;
}

.Underborder {
  border-bottom: 2px solid black;
}