/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* START OF REQUIRED STYLES FOR HOMEPAGE FROM  Bootstrap v3.3.7 (http://getbootstrap.com) */

#formcart_id{
display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}

body.noscrollbody{ /* for survey iframe demo */
overflow: hidden;
}

a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
b {
  font-weight: bold;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
button,
input,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button {
  -webkit-appearance: button;
  cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="#"]:after {
    content: "";
  }
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../../../fonts/glyphicons-halflings-regular.eot');
  src: url('../../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  font-display: swap;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
h1,
h2,
h3 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
p {
  margin: 0 0 10px;
}
ul {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul {
  margin-bottom: 0;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.collapse {
  display: none;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li > a > img {
  max-width: none;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .navbar-nav {
    float: none;
    display: inline-block;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

#claimwebsite{
cursor: pointer;
}

.navbar-default .navbar-collapse {
  border-color: #e7e7e7;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.row:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
  clear: both;
}
@-ms-viewport {
  width: device-width;
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

/* END OF STYLES FROM BOOTSTRAP */

.navbar-default .navbar-toggle {
border: none;
}

.accesscover {
height: 100vh;
width: 100vw;
background-color: rgba(0,0,0,.6);
position: fixed;
z-index: 100000;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}

.accesswelcome {
color: #5b5b5b;
margin-bottom: 30px;
font-weight: 700;
}

.accessbox {
width: 500px;
padding: 50px;
margin: 25vh auto 0 auto;
background-color: white;
border-radius: 25px;
text-align: center;
position: relative;
color: #a0a0a0;
z-index: 100001;
opacity: 0;
top: -10px;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}

.orderaddresspath {
display: none;
}

.accessboxcontent.fadeout {
opacity: 0 !important;
-webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
        transition-delay: .5s;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.accessboxcontent.fadein.fadeout {
opacity: 1 !important;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.demospinner {
margin-top: 30px;
}

.approvebutton {
margin: 20px auto;
border-radius: 5px;
background-color: #2baa34;
color: white;
font-weight: 700;
width: 180px;
padding: 7px;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.demoicons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
    justify-content: space-around;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.demoicon i {
font-size: 30px;
margin-bottom: 5px;
}

.demoicon {
margin: 20px auto 0 auto;
-webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
width: 100px;
}

.approvebutton:hover {
background-color: #188320;
}

.errortag {
list-style: none;
color: white;
}

.transitionall {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
 
.bold {
font-weight: 700;
}

.messages {
width: 100%;
padding: 8px;
font-weight: 700;
text-align: left;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
z-index: 1;
color: white;
background-color: #3c3c3c;
border: 2px solid #3c3c3c;
}

#stripeTemplate{
display: none; /*prevents form from showing before it is destroyed*/
}

.messages.demosite{
padding: 8px;
}

.messages.demosite:hover {
background-color: #616161;
border: 2px solid #616161;
}

.messages.subdomainmess.buildawebsite .start, .messages.subdomainmess.buildawebsite .buildsite {
display: inline-block;
}

.messages.subdomainmess.privatedemo{
background-color: black;
border: 2px solid black;  
display: -webkit-box; 
display: -ms-flexbox; 
display: flex;
padding: 7px 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
}


.messages.subdomainmess.privatedemo.featurepageheading{
background-color: rgba(0,0,0,.55);
border-color: rgba(0,0,0,.2);
border-top: none;
border-left: none;
border-right: none;
}

.approvalscreen .messages.subdomainmess.privatedemo{
display: none;
}

.privatedemo .buildsite {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
margin-left: -90px;   
}

.starttodaytoclaim{
height: 0;
width: 0;
overflow: hidden;
display: block;
}

.buildsite a.start,
.buildsite a.start:link,
.buildsite a.start:visitied,
.buildsite a.start:active{
color: white;
}

.start {
padding: 2px 10px;
border: 1px solid white;
border-radius: 15px;
margin-left: 5px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: white;
}

.start:link,
.start:active,
.start:visited{
color: white;
}

.start:hover {
background-color: white;
color: black;
}




.messages.subdomainmess {
text-align: center;
}

.demositestatus {
-webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
width: 180px;
margin-top: 4px;
}

.buildsitetext {
margin-top: 4px;
}


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

@media (max-width: 992px) {

    .accessbox {
    margin: 17vh auto 0 auto;
    }

}


@media (max-width: 767px) {

    .accessbox {
    margin: 19vh auto 0 auto;
    }

    .privatedemo .buildsite {
    margin-left: 0;   
    }

  .demositestatus {
  display: none !important;
  }
   
}

@media (max-width: 600px) {

    .accessbox {
    width: 95%;
    margin: 20vh 2.5% 0 2.5%;
    }

}

@media (max-width: 480px) {

    .accessbox {
    margin: 8vh 2.5% 0 2.5%;
    padding: 30px;
    }

    .messages.subdomainmess {
    font-size: 10px;
    }
    
}

@media (max-width: 340px) {

  .itsallyours{
  display: none;
  }

}


@-webkit-keyframes fadeIn { 
    from { color: white;}
    to {color: red;}
}

@keyframes fadeIn { 
    from { color: white;}
    to {color: red;}
}

.messages .glyphicon{
-webkit-animation: fadeIn .6s 1s infinite alternate;
        animation: fadeIn .6s 1s infinite alternate;
}

.inactive {
display: none;
}

.inactivemessage {
padding-top: 50vh;
display: inline-block;
text-align: center;
width: 100vw;
height: 100vh;
position: absolute;
background-color: white;
z-index: 1000000;
}

html {
height: calc(100%-100px);
}

body {
margin: 0;
padding: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

.hiddenbackground {
background-image: none !important;
}

.preventload{
display: none;
}

.noclick {
pointer-events: none;
}

.surveyprospectbox{ /* this only holds variables that we pass via ajax */
display: none;
}


/* styling related to clearable file widget */

.removetempimage {
margin-left: 5px;
color: white !important;
background-color: red;
padding: 5px 10px;
border-radius: 3px;
display: inline-block;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.clearimagetext {
display: inline-block;
width: 45px;
}

.removetempimage:hover {
background-color: #b30000;
}

.clearable-file-input.hidemenow,
.changeimagetext.hidemenow {
display: none;
}


/* styling for summernote boxes to ensure that floated images are 100% at lower resolutions */

@media (max-width: 767px) {
  
  .summernote img {
  width: 100% !important;
  float: none !important;
  padding: 10px 0 15px 0 !important;
  }

}




/* fancy animation on select of input/select boxes */

.inputline{
height: 37px;
position: relative;
background-color: white;
}

.selectline.inputline .inputplaceholder{
left: 10px;
opacity: 0;
}

.inputline .inputplaceholder{
position: absolute;
z-index: 5;
background-color: white;
padding: 7px 9px;
border: none;
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
display: inline-block;
color: rgb(177, 177, 177);
}

.inputline .inputformvalue{
position: absolute;
z-index: 6;
width: 100%;
border: none;
}

.inputline .inputformvalue select,
.inputline .inputformvalue input{
background: none;   
border: 1px solid #bbbbbb;
border-radius: 3px;
}

.onlysmallplaceholder{
opacity: 0;
}

.selectline.inputline .inputplaceholder.focused{
opacity: 1;
}

.onlyinputline .inputplaceholder.focused{
z-index: 7; 
}

.selectline .inputplaceholder.focusedselectline{
z-index: 7; 
}

.inputplaceholder.focused{
font-size: 10px;
-webkit-transform-origin: top left;
    -ms-transform-origin: top left;
        transform-origin: top left;
left: 10px;
top: -10px;
padding: 3px 3px 0 3px;
opacity: 1;
color: #747474;
}



/* Alerts Related to Stripe */

.mainalertdarkbg{
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,.2);
z-index: 100000000;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 0;
display: none;
text-align: center;
}

.mainalertdarkbg.showalert{
opacity: 1;
}

.mainalertbox{
padding: 20px;
background-color: #fafafa;
min-height: 100px;
width: 400px;
border-radius: 6px;
margin: 35vh auto 0 auto;
text-align: left;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.1);
        box-shadow: 4px 4px 4px rgba(0,0,0,.1);
position: relative;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
top: 10px;
left: 10px;
}

.mainalertdarkbg.showalert .mainalertbox{
top: 0;
left: 0;
}

.mainalertbuttoncontainer{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

.mainalertbutton{
background-color: #e6e6e6;
padding: 5px 10px;
border-radius: 6px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.mainalerttitle,
.mainalerttext{
margin: 0 auto 20px auto;
}

.mainalertbutton:hover{
background-color: #d6d6d6;
}

@media (max-width: 1400px){

  .mainalertbox{
  margin: 20vh auto 0 auto;
  }

}

@media (max-width: 992px){

  .mainalertbox{
  margin: 15vh auto 0 auto;
  }

}

@media (max-width: 600px){

  .mainalertbox{
  margin: 7vh auto 0 auto;
  width: 85%;
  }

}

@media (max-width: 480px){

  .mainalertbox{
  margin: 5vh auto 0 auto;
  width: 90%;
  }

}

/* End of Alerts Related to Stripe */



/*start of go live button */

.golivenow{
position: fixed;
top: 70vh;
left: -1px;
width: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 99;  /*1 less than mobile navigation*/
background-color: white;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
padding: 8px;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
-webkit-box-shadow: 4px 3px 4px rgba(0,0,0,.1);
        box-shadow: 4px 3px 4px rgba(0,0,0,.1);
border: 1px solid #cecece;
}

.golivenow .golivecontainer{
text-align: center;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
margin-right: 30px;
margin: auto 20px auto 20px;
}

.golivenow .goliveheader{
font-weight: 700;
margin-bottom: 10px;
}

.golivenow .loadinggolive{
opacity: 0;
position: relative;
top: -15px;
-webkit-transition: all .3s ease .3s;
-o-transition: all .3s ease .3s;
transition: all .3s ease .3s;
height: 0;
}

.golivenow.enabledgolive .loadinggolive{
opacity: 1;
top: 5px;
height: initial;
}

.golivenow .goliveheader{
height: 20px;
margin-top: -20px;
font-size: 18px;
}

.golivenow .golivetext{
height: 20px;
}

.golivenow .goliveheader,
.golivenow .golivetext{
opacity: 1;
-webkit-transition: opacity .3s ease, top .3s ease, height .3s ease .1s;
-o-transition: opacity .3s ease, top .3s ease, height .3s ease .1s;
transition: opacity .3s ease, top .3s ease, height .3s ease .1s;
position: relative;
top: 0;
}

.golivenow.enabledgolive .goliveheader,
.golivenow.enabledgolive .golivetext{
opacity: 0;
top: 10px;
height: 0;
}

.golivenow.enabledgolive .btn{
cursor: initial;
}

.golivenow .btn{
position: relative;
width: 7em;
height: 7em;
top: 1px;
border-radius: 50%;
outline: none;
background: -o-linear-gradient(305deg, #f1f1f1, #f8f8f8);
background: linear-gradient(145deg, #f1f1f1, #f8f8f8);
-webkit-box-shadow: inset 2px 2px 0px #fafafa, inset -2px -2px 0px #a4a4a4;
        box-shadow: inset 2px 2px 0px #fafafa, inset -2px -2px 0px #a4a4a4;
color: red;
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
-o-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}

#claimwebsite.button-clicked{
cursor: default;
}

.golivenow .btn i{
-webkit-animation: 1.9s linear 0s normal both;
        animation: 1.9s linear 0s normal both;
-webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
-webkit-animation-name: flashgolive;
        animation-name: flashgolive;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #ebecee; 
text-shadow: 0px 0px 5px rgba(227,25,87,.55);
}

.golivenow .btn:hover i{
-webkit-animation-name: none;
        animation-name: none;
color: rgba(227,25,87,1);
text-shadow: 0px 0px 5px rgba(227,25,87,.55);
}

@-webkit-keyframes flashgolive {
0% {
  color: #cacaca; 
  text-shadow: none;
}

30%{
text-shadow: 0px 0px 5px rgba(227,25,87,.35);
}

50% {
  color: rgba(227,25,87,1);
  text-shadow: 0px 0px 5px rgba(227,25,87,.55);
}

80%{
text-shadow: 0px 0px 5px rgba(227,25,87,.35);
}

100% {
  color: #cacaca;  
  text-shadow: none;
}
}

@keyframes flashgolive {
0% {
  color: #cacaca; 
  text-shadow: none;
}

30%{
text-shadow: 0px 0px 5px rgba(227,25,87,.35);
}

50% {
  color: rgba(227,25,87,1);
  text-shadow: 0px 0px 5px rgba(227,25,87,.55);
}

80%{
text-shadow: 0px 0px 5px rgba(227,25,87,.35);
}

100% {
  color: #cacaca;  
  text-shadow: none;
}
}

.golivenow .btn span{
font-size: 2.9em;
}

.golivenow .onetap{
display: none;
}

.golivenow .btn::before{  
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
border-radius: inherit; 
background: -o-linear-gradient(305deg, #f4f4f4, #fafafa); 
background: linear-gradient(145deg, #f4f4f4, #fafafa);
width: 7.25em;
height: 7.25em;
z-index: -1;
}

.golivenow .button-clicked{
background: -o-linear-gradient(300deg, #f5f5f5, #fafafa);
background: linear-gradient(-210deg, #f5f5f5, #fafafa);
-webkit-box-shadow: inset -2px -2px 0px #f3f3f3, inset 2px 2px 0px #a4a4a4;
        box-shadow: inset -2px -2px 0px #f3f3f3, inset 2px 2px 0px #a4a4a4;
}

.golivenow .btn span i{
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.golivenow .btn span.icon-clicked i:hover,
.golivenow .btn span.icon-clicked i,
.golivenow .btn i{
text-shadow: 0px 0px 15px rgba(85,231,40,.65);
color: #55e728;
}

.golivenow .icon-clicked.btn i,
.golivenow .icon-clicked i{
color: #55e728;
-webkit-transform: scale(.96);
    -ms-transform: scale(.96);
        transform: scale(.96);
-webkit-transform-origin: center center;
    -ms-transform-origin: center center;
        transform-origin: center center;
position: relative;
top: 2px;
left: 2px;
-webkit-animation-name: none;
        animation-name: none;

}


@media (max-width: 1400px){

  .golivenow{  
  top: 80vh;  
  -webkit-transform: scale(.7);  
      -ms-transform: scale(.7);  
          transform: scale(.7);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  }

.golivenow .onetap{
display: inline;
}

.golivenow .oneclick{
display: none;
}

}

@media (max-width: 600px){

  .golivenow{  
  top: initial;  
  bottom: 0px;
  -webkit-transform: scale(.65);
      -ms-transform: scale(.65);
          transform: scale(.65);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  }

  .golivecontainer{
  font-size: 14px;
  }

}

/*End of go live button */