@import url('./animate.css');
@import url('./layout.css');
@import url('https://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css');
@import url('./publisher-pages.css');
@import url('./request-demo.css');
@import url('https://fonts.googleapis.com/css?family=Amiko|Open+Sans');
@import url('./mas-forms.css');
@import url('./service-pages.css');
@import url('//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css');

.mobile {
  display: none;
}

.standard {
  display: initial;
}

html {
  font-size: 16px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: 'Amiko', sans-serif;
}

@media only screen and (max-width: 549px) {
}

body {
  margin: 0;
}

.page {
  display: flex;
  flex-flow: column;
}

#headline {
  float: left;
  width: 100%;
  background-color: black;
}

#headlineContainer {
  width: 86%;
  margin: 1% 7%;
  float: left;
}

#mobileheadlineContainer {
  display: none;
}

#headlineContainer > p > a {
  text-decoration: none;
  color: white;
}

#headlineContainer b {
  font-weight: 900;
}

#headline img {
  width: 5%;
  float: left;
  margin: 0 1% 0 0%;
}

#headline p {
  float: left;
  color: white;
  margin: 1px 0 2px 0;
  width: 90%;
}

#headline button {
  float: left;
}

header {
  float: left;
  margin: 0.5% 0 0.5%;
  width: 100%;
}

#nav {
  width: 80%;
  margin: 0 10%;
  float: left;
}

#nav > ul > li > a {
  float: left;
  text-decoration: none;
  font-weight: 600;
  width: 15%;
}

#nav > a > img {
  float: left;
  margin: 0 2% 0 5%;
  width: 93%;
}

#nav > ul {
  padding: 0;
  list-style: none;
  float: left;
  width: 40%;
  margin-top: 2%;
  margin-left: 3%;
}

#nav > ul > li {
  float: left;
  margin: 0;
  /* width: 15%; */
  text-align: center;
  padding: 0 3%;
}

#nav > ul > li > a {
  margin: 0;
  color: #333;
  width: 100%;
}

#nav #callLink {
  float: right;
  margin: 1% 1% 0 0;
  width: 40%;
  color: #292929;
  text-align: right;
}

#container {
  width: 100%;
  margin-bottom: 0%;
  float: left;
}

#container iframe {
  width: 100%;
  min-height: 900px;
}

.hero img {
  width: 100%;
}

.container {
  width: 70%;
  margin: 0 15%;
  float: left;
}

#crmWebToEntityForm {
  margin: 5% 2%;
  float: right;
  width: 20%;
}

table {
  /*width: 100%;*/
  background-color: rgba(255, 255, 255, 0.4);
  color: black;
}

.formTitle td {
  text-align: left;
  color: black;
  width: 100%;
}

tr {
  width: 80%;
  margin: 2% 9.5%;
  padding: 1%;
  border-spacing: 0px;
  border-width: 0px;
  float: left;
}

td {
  width: 100%;
  float: left;
}

tr.labelTitle {
  text-align: left;
  width: 80%;
  margin: 0 10% 3%;
  padding: 0;
  float: left;
}

input {
  width: 100%;
  padding: 3%;
}

.raise {
  margin-top: -37%;
  z-index: 100;
  position: relative;
}
.raise h1 {
  float: left;
  color: white;
  /* margin-left: 5%; */
  font-weight: 600;
  width: 95%;
}

.raise h2 {
  float: left;
  margin-left: 2%;
  color: white;
  font-weight: 600;
  margin-top: 24%;
  width: 50%;
}

.raise p {
  float: left;
  margin-left: 2%;
  color: white;
  font-weight: 600;
  margin-top: 1%;
  width: 50%;
}

.raise button {
  float: left;
  clear: left;
  margin-left: 2%;
  margin-top: 2%;
}

.salesraise {
  margin-top: -27%;
  z-index: 100;
  position: relative;
  text-align: center;
  border: 5px solid white;
  border-radius: 9px;
  background-color: #9cd4d87a;
}
.salesraise h1 {
  /*float: left;
    color: white;
    font-weight: 600;
    width: 100%;
    font-size: 2rem;
    text-transform: uppercase;*/
  float: left;
  color: white;
  width: 100%;
  font-size: 1.6rem;
  text-transform: capitalize;
}

.salesraise h2 {
  float: left;
  margin-left: 2%;
  color: white;
  font-weight: 600;
  margin-top: 24%;
  width: 50%;
}

.salesraise p {
  float: left;
  color: white;
  font-weight: 600;
  margin-top: 1%;
  width: 100%;
  font-size: 1.4rem;
  text-transform: capitalize;
}

.salesraise button {
  float: left;
  clear: left;
  margin-left: 2%;
  margin-top: 2%;
}

#networkReach {
  margin-top: 2%;
}

#networkReach div {
  text-align: left;
  width: 40%;
  float: left;
}
#networkReach h3 {
  text-align: left;
  margin: 0% 7% 5% 0%;
}

#networkReach p {
  text-align: left;
  margin: 2% 5% 0% 0%;
  float: left;
  line-height: 1.5;
}

#networkReach p span {
  font-style: italic;
  font-weight: 600;
  color: #8ed4d8;
}
#networkReach button {
  font-weight: 600;
  margin: 2% 0% 2% 0%;
  float: left;
}

#networkReach img {
  width: 60%;
  /* margin: 0 20%; */
  float: right;
}

div.networkBenefits {
  margin-top: 2%;
  width: 70%;
  margin: 0;
  padding: 4% 15% 0;
}

div.networkBenefits:nth-child(2n) {
  background-color: #8ed4d8;
  color: white;
}

div.networkBenefits:nth-child(2n + 1) .highlight {
  font-weight: 600;
  color: darkblue;
  text-transform: capitalize;
}

div.networkBenefits div {
  text-align: left;
  width: 100%;
  float: left;
  margin: 2% 0;
}
div.networkBenefits h3 {
  text-align: left;
  margin: 0% 0% 1%;
}

div.networkBenefits .benefitsTitle {
  text-align: center;
  margin: 0% 0 5% 0%;
  font-size: xx-large;
}

div.networkBenefits p {
  text-align: left;
  float: left;
  line-height: 1.5;
}

div.networkBenefits p span,
div.networkBenefits .highlight {
  font-weight: 600;
  color: #ffffff;
  text-transform: capitalize;
}

div.networkBenefits button {
  font-weight: 600;
  margin: 10% 0% 2% 30%;
  float: left;
  position: relative;
  z-index: 1000;
  padding: 15px 70px;
  border-radius: 50px;
  width: 40%;
}

div.networkBenefits img {
  width: 40%;
  margin: 0 30%;
  float: right;
}

div.networkBenefits .networkProfile p {
  float: left;
  width: 50%;
  margin: 1% 0;
  color: #333;
}

div.networkProfile img {
  float: left;
  width: 40%;
  margin: 0 5%;
}

#mobileReach {
  margin-top: 2%;
}

#mobileReach h3 {
  text-align: center;
  margin-top: 10%;
  margin-bottom: 3%;
}

#mobileReach div {
  text-align: left;
  width: 40%;
  float: left;
  padding-top: 2%;
}

#mobileReach p {
  width: 100%;
  text-align: left;
  margin: 2% 0;
  float: left;
}

#mobileReach img {
  width: 60%;
  /* margin: 0 20%; */
  float: right;
}

#takeControl h3 {
  text-align: center;
  margin-top: 10%;
  margin-bottom: 3%;
}

#takeControl p {
  width: 35%;
  text-align: center;
  margin: 2% 0;
  float: right;
}

#takeControl img {
  width: 60%;
  /* margin: 0 20%; */
  float: left;
}

.raise2 {
  margin-top: -38.4%;
  z-index: 100;
  position: relative;
}

.raise3 {
  margin-top: -35.1%;
  z-index: 100;
  position: relative;
}

.raise3 div {
  width: 50%;
  float: left;
  margin-top: 3%;
}

.raise3 h1 {
  float: left;
  color: #359eff;
  /* margin-left: 5%; */
  font-weight: 600;
  margin: 3% 0 2%;
}

.raise3 h2 {
  float: left;
  margin-left: 3%;
  color: #666;
  font-weight: 600;
  margin-top: 2%;
  width: 100%;
  clear: left;
}

.raise3 h3 {
  float: left;
  margin-left: 5%;
  color: grey;
  font-weight: 600;
  margin-top: 1%;
  clear: left;
}

.raise3 p {
  float: left;
  margin-left: 5%;
  color: black;
  font-weight: 600;
  margin-top: 20%;
  clear: left;
}

.presenceraise3 {
  margin-top: -35.1%;
  z-index: 100;
  position: relative;
}

.presenceraise3 div {
  width: 50%;
  float: left;
  margin-top: 3%;
}

.presenceraise3 h1 {
  float: left;
  color: #8ed4d8;
  /* margin-left: 5%; */
  font-weight: 600;
  margin: 3% 0 2%;
}

.presenceraise3 h2 {
  float: left;
  margin-left: 3%;
  color: #666;
  font-weight: 600;
  margin-top: 2%;
  width: 100%;
  clear: left;
}

.presenceraise3 h3 {
  float: left;
  margin-left: 5%;
  color: black;
  font-weight: 600;
  margin-top: 1%;
  clear: left;
}

.presenceraise3 p {
  float: left;
  margin-left: 5%;
  color: black;
  font-weight: 600;
  margin-top: 20%;
  clear: left;
}

.productraise3 {
  margin-top: -35.1%;
  z-index: 100;
  position: relative;
}

.productraise3 div {
  width: 50%;
  float: left;
  margin-top: 3%;
}

.productraise3 h1 {
  float: left;
  color: #359eff;
  /* margin-left: 5%; */
  font-weight: 600;
  margin: 3% 0 2%;
}

.productraise3 h2 {
  float: left;
  margin-left: 3%;
  color: lightslategray;
  margin-top: 2%;
  width: 40%;
  clear: left;
}

.productraise3 h3 {
  float: left;
  margin-left: 5%;
  color: black;
  margin-top: 1%;
  clear: left;
  width: 40%;
}

.seoraise {
  margin-top: -30.1%;
  z-index: 100;
  position: relative;
}

.seoraise div {
  float: left;
  color: white;
  font-weight: 600;
  margin: 3% 0 2%;
  font-size: xx-large;
}

.seoraise h1 {
  float: left;
  color: #359eff;
  /* margin-left: 5%; */
  font-weight: 600;
  margin: 3% 0 2%;
}

.seoraise h2 {
  float: left;
  margin-left: 3%;
  color: white;
  margin-top: 2%;
  width: 40%;
  clear: left;
}

.seoraise h3 {
  float: left;
  margin-left: 5%;
  color: white;
  margin-top: 1%;
  clear: left;
  width: 40%;
}

#productNav {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  float: left;
  padding: 1.4% 0 1.4% 0%;
  position: relative;
  z-index: 1000;
}

#productNav.mobile {
  display: none;
}

#productNav a {
  text-decoration: none;
  color: white;
  margin-right: 5%;
  font-weight: 500;
}

#productNav > a:nth-child(1) {
  margin-left: 28%;
}

#homepageProductRow {
  float: left;
  width: 80%;
  margin: 2% 10%;
}

.homepageProductBox {
  width: 32%;
  float: left;
  margin: 0 0.5%;
}

#homepageProductRow img {
  width: 80%;
  float: left;
  margin: 0 10% 0 0;
}

.homepageProductBox p {
  float: left;
}

#imgSpace {
  min-height: 175px;
  margin-top: 10%;
}

#productpageProductRow {
  float: left;
  width: 70%;
  margin: 2% 15% 0;
}

.productpageProductBox {
  width: 100%;
  float: left;
  margin: 2% 0 2%;
}

#details {
  float: left;
  width: 50%;
  margin-top: 4%;
}

#productpageProductRow img {
  width: 100%;
  float: right;
  margin: 0;
}

.productpageProductBox p {
}

#productpageProductRow #imgSpace {
  min-height: 0;
  margin-top: 0;
  width: 30%;
  margin-left: 10%;
  float: left;
}

#presence h3 {
  text-align: center;
  margin-top: 2%;
  margin-bottom: 3%;
}

#presence p {
  width: 35%;
  text-align: center;
  margin: 2% 0;
  float: left;
}

#presence img {
  width: 50%;
  /* margin: 0 20%; */
  float: right;
}

.listingraise3 {
  margin-top: -35.1%;
  z-index: 100;
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.listingraise3 div {
  width: 50%;
  float: left;
  margin-top: 3%;
}

.listingraise3 h1 {
  float: left;
  color: #8ed4d8;
  font-weight: 600;
  margin: 5% 0 0% 10%;
  width: 60%;
}

.listingraise3 h2 {
  float: left;
  margin-left: 10%;
  color: #666;
  font-weight: 600;
  margin-top: 5%;
  clear: left;
}

.listingraise3 h3 {
  float: left;
  margin-left: 25%;
  color: grey;
  font-weight: 600;
  margin-top: 20%;
  clear: left;
}

.listingraise3 h3.seo {
  float: left;
  margin-left: 25%;
  color: grey;
  font-weight: 600;
  margin-top: 0%;
  clear: left;
}

.listingraise3 p {
  float: left;
  margin-left: 30%;
  color: black;
  font-weight: 600;
  margin-top: 2%;
  clear: left;
}

img#listingBack {
  width: 50%;
  float: right;
  margin-top: 1.7%;
  margin-right: 0;
}

#listing {
  margin-top: 2%;
}

#listing div {
  text-align: left;
  width: 50%;
  float: left;
  padding-top: 2%;
}

#listing div h4 {
  text-align: center;
  margin-top: 7%;
  margin-bottom: 2%;
  float: left;
}

#listing h3 {
  text-align: center;
  margin-top: -4%;
  margin-bottom: 3%;
  color: #1c72a9;
  font-weight: 600;
}

#listing h3.seo {
  text-align: center;
  margin-top: -4%;
  margin-bottom: 3%;
  color: #1c72a9;
  font-weight: 500;
}

#scenario {
  font-weight: 600;
}

#listing h4 {
  text-align: center;
  margin-top: 2%;
  margin-bottom: 0;
  float: left;
  font-weight: 600;
  clear: left;
}

#listing p {
  width: 100%;
  text-align: left;
  margin: 2% 0;
  float: left;
  font-weight: 500;
}

#listing ul {
  width: 100%;
  text-align: left;
  margin: 2% 0;
  float: left;
}

#listing ul li {
  margin-left: 10%;
  margin-top: 2%;
}

#listing img {
  width: 40%;
  margin: 0 5%;
  float: right;
}

div#diagnostic-header {
  width: 100%;
}

.leftText {
  float: left;
  width: 40%;
  clear: left;
}

#container .leftText p {
  width: 100%;
}

#dashboardDetails {
  margin-top: 1%;
}

#dashboardDetails h3 {
  margin-top: 2%;
  margin-left: 0%;
}

#dashboardDetails ul {
  margin-top: 2%;
  margin-left: 4%;
}

.displayraise3 {
  margin-top: -35.1%;
  z-index: 100;
  position: relative;
}

.displayraise3 div {
  width: 50%;
  float: left;
  margin-top: 3%;
}

.displayraise3 h1 {
  float: left;
  color: #e2f1ff;
  /* margin-left: 5%; */
  font-weight: 600;
  margin: 3% 0 2%;
}

.displayraise3 h2 {
  float: left;
  margin-left: 0%;
  color: white;
  font-weight: 600;
  margin-top: 2%;
  width: 50%;
  clear: left;
}

.displayraise3 h3 {
  float: left;
  margin-left: 3%;
  color: white;
  font-weight: 600;
  margin-top: 1%;
  clear: left;
  width: 50%;
}

.displayraise3 p {
  float: left;
  margin-left: 5%;
  color: black;
  font-weight: 600;
  margin-top: 20%;
  clear: left;
}

#displayReach {
  margin-top: 2%;
}

#displayReach h2 {
  text-align: center;
  margin-bottom: 3%;
  float: left;
  width: 100%;
  clear: left;
  color: #8ed4d8;
}

#displayReach h3 {
  text-align: center;
  margin-top: 10%;
  margin-bottom: 3%;
  float: left;
  width: 40%;
  clear: left;
}

#displayReach div {
  text-align: left;
  width: 40%;
  float: left;
  padding-top: 2%;
}

#displayReach p {
  width: 100%;
  text-align: left;
  margin: 2% 0;
  float: left;
}

#displayReach img {
  width: 50%;
  /* margin: 0 20%; */
  float: right;
}

#displayReach table {
  float: left;
  width: 40%;
  clear: left;
}

#displayReach table {
  /*width: 100%;*/
  background-color: rgba(255, 255, 255, 0.4);
  color: black;
}

#displayReach .formTitle td {
  text-align: left;
  color: black;
  width: 100%;
}

#displayReach .formTitle td span {
}

#displayReach tr {
  width: 80%;
  margin: 2% 9.5%;
  padding: 1%;
  border-spacing: 0px;
  border-width: 0px;
  float: left;
}

#displayReach td {
  width: 100%;
  float: left;
}

#displayReach tr.labelTitle {
  text-align: left;
  width: 80%;
  margin: 0 10% 3%;
  padding: 0;
  float: left;
}

#displayReach input {
  width: 100%;
  padding: 3%;
}

#displayReach input[type='text'] {
}

#feedControl {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 440px;
  color: #9cadd0;
}

#eventHeadline {
  float: left;
  margin: 5% 5% 2%;
  width: 90%;
}

#eventHeadline img {
  width: 12.5%;
  float: left;
  margin: 0 0 0 5%;
}

#eventHeadline img#withGoogle {
  width: 12.5%;
  float: left;
  margin: 8% 0 0;
}

#eventHeadline h1 {
  text-align: center;
  margin: 0 0 2%;
}

#eventHeadline h2 {
  text-align: center;
  width: 80%;
  margin: 2% 10% 0;
  font-weight: 200;
}

#eventHeadline h2.invite {
  margin: 2% 0% 0 10%;
  width: 60%;
  float: left;
}

.eventInfo {
  float: left;
  width: 40%;
  margin: 2% 0 0 10%;
}

.eventInfo p {
  float: left;
  margin: 2% 0 0;
}

.eventInfo h4 {
  float: left;
  margin: 2% 0 0;
}

.eventInfo h4#eventLocation {
  width: 100%;
}

#eventForm {
  float: right;
  width: 40%;
}

#eventForm #crmWebToEntityForm {
  float: right;
  width: 40%;
}

#eventForm input[type='submit'],
#eventForm input[type='reset'] {
  width: 40%;
  padding: 2%;
  margin: 0% 0 2%;
}

#eventForm tr {
  width: 80%;
  margin: 2px 0;
  padding: 1%;
  border-spacing: 0px;
  border-width: 0px;
  float: left;
}

footer {
  background-color: #8ed4d8;
  float: left;
  width: 70%;
  padding: 2% 15% 1%;
}

footer section {
  float: left;
  width: 70%;
  margin-left: 0%;
}

footer #nav {
  float: left;
  width: 100%;
  margin-left: 5%;
  margin-right: 0;
}

footer > section > #nav > a {
  float: left;
  text-decoration: none;
  font-weight: 300;
  color: #676767;
  margin-bottom: 4%;
  width: 50%;
  font-size: large;
}

footer #copyright {
  float: left;
  width: 100%;
  margin: 2% 0 0;
}

footer #copyright h6 {
  font-weight: 200;
  font-size: small;
}

#problems > #container {
  width: 80%;
  margin: 3% 10% 0%;
  float: left;
}

#problems > #container iframe {
  width: 100%;
  min-height: 700px;
}

#problems > #container img {
  width: 40%;
  float: right;
  margin-top: 6%;
}

#problems > .container {
  width: 70%;
  margin: 0 15%;
  float: left;
}

.problemset {
  margin-top: 0%;
  z-index: 100;
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.problemset h1 {
  margin: 3% 0;
  text-align: left;
}

.problemset h2 {
  color: black;
  margin: 1% 0;
}

.problemset h2 > span {
  color: #fc9300;
}

h2.problemResponse {
  margin: 8% 0 0;
}

.problemset h3 {
  margin: 1% 0;
}

#solutions #goals {
  margin: 60px 0;
  width: 50%;
  float: right;
}

#actionIconContainer {
  float: left;
  width: 100%;
  margin: 1% 0 7%;
}

#actionIconScroller {
  width: 8%;
  float: left;
  margin: 7% 1% 0;
}

#actionIconContainer .actionIconScrollerLeft {
  float: right;
  width: 70%;
  cursor: pointer;
}

#actionIconContainer .actionIconScrollerRight {
  float: left;
  width: 70%;
  cursor: pointer;
}

#actionIconHolder {
  float: left;
  width: 80%;
  margin: 0;
}

#actionIconHolder #frame1 {
  opacity: 1;
}

#actionIconHolder #frame2 {
  opacity: 1;
}

.actionObject {
  width: 22.5%;
  float: left;
  margin: 0 5.41%;
}

.actionObject > div:nth-child(1) {
}

#actionIconContainer .actionIcon {
  float: left;
  width: 70%;
  margin: 0 15%;
}

#actionIconContainer .actionIconLabel {
  width: 100%;
  float: left;
  text-align: center;
}

.actionIconDescription {
  float: right;
  width: 70%;
  margin: 20px 2.5% 0;
}

#problems #details h3 {
  color: black;
  margin: 2% 0;
}

#problems #details h3 > span {
  color: #fc9300;
}

#problems #details p > span {
  color: #3bcdc3;
}

.problemset button {
  background-color: green;
  color: white;
  padding: 2% 2%;
  margin: 2% 0;
}

#details {
  float: left;
  width: 60%;
  margin-top: 1%;
}

#details ul {
  width: 80%;
  margin-left: 10%;
}

#problems > #container > iframe {
  height: 450px;
  width: 50%;
  border: none;
  background-color: transparent;
  margin: 5px 0px 5px 0;
  overflow: hidden;
}

.problemset button {
  background-color: #3bcdc3;
  color: white;
  padding: 2% 2%;
  margin: 2% 0;
  cursor: pointer;
}

#solutions > #container {
  width: 80%;
  margin: 3% 10% 0%;
  float: left;
}

#solutions > #container iframe {
  width: 100%;
  min-height: 700px;
}

#solutions > .container {
  width: 70%;
  margin: 0 15%;
  float: left;
}

#solutions .mauticform_wrapper {
  margin: 60px auto;
  color: #6f6f6f;
  font-weight: 400;
  font-family: 'Source Sans Pro', 'Helvetica Neue', 'Arial', 'sans-serif';
  font-size: 18px;
  float: left;
}

#solutions .mauticform-row {
  display: block;
  margin-bottom: 20px;
  width: 60%;
  float: left;
  margin-top: 5px;
}

#solutions #mauticform_optin_submit {
  width: 35%;
  margin-left: 5%;
  margin-top: 0px;
}

#solutions .mauticform-errormsg {
  display: block;
  color: #fc9300;
  margin-top: 2px;
}

#solutions .mauticform-label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #8ed4d8;
}

#solutions .mauticform-selectbox,
#solutions .mauticform-input,
#solutions .mauticform-textarea {
  width: 100%;
  padding: 0.5em 0.5em;
  border: 0;
  border-bottom: 1px solid #8ed4d8;
  background: #fff;
  box-sizing: border-box;
}

#solutions .mauticform-button-wrapper .mauticform-button.btn-default {
  color: #8ed4d8;
  background-color: #ffffff;
  border-color: #8ed4d8;
}

#solutions #details h3 span {
  color: #fc9300;
}
/*package pricing*/
#pricingProductRow {
  float: left;
  width: 100%;
  margin: 2% 0%;
}

.pricingProductBox {
  width: 25%;
  float: left;
  margin: 0 2.5% 0 5%;
}

.packageName {
}

.packagePrice {
  margin: 0 0 2%;
}

#pricingProductRow img {
  width: 80%;
  float: left;
  margin: 0 10% 0 0;
}

.featureTitle {
  color: black;
  margin: 1% 0 5%;
  cursor: pointer;
  float: left;
  width: 100%;
}

.featureTitle:hover {
  color: blue;
}

.signalSymbol {
  color: blue;
}

.featureDescription {
  color: darkgray;
  cursor: pointer;
  margin: 2% 0 2%;
}

.pricingProductBox p {
  float: left;
}

.pricingProductBox #imgSpace {
  min-height: 120px;
  margin-top: 10%;
}

.showFeatureDescription {
  display: initial;
}

.hideFeatureDescription {
  display: none;
}

/*Contact Page Style*/
#contactInfo {
}

.hide {
  display: none;
}

div.ui-widget-overlay {
  background-color: blue;
}

/* React base snippets */

.printContainer {
  display: inline-flex;
}
.printMenu {
  width: 20%;
  display: flex;
  flex-flow: column;
}
.selection-box {
  width: 70%;
  color: #333;
  display: flex;
  margin: 3% 0% 3% 10%;
}
.title {
  margin: 0;
  width: 100%;
  padding-top: 80px;
  line-height: 1.15;
  font-size: 48px;
}
.title,
.description {
  text-align: center;
}
.row {
  max-width: 880px;
  margin: 80px auto 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.product-options {
  display: flex;
  flex-direction: column;
}
.card {
  padding: 18px 18px 24px;
  width: 220px;
  text-align: left;
  text-decoration: none;
  color: #434343;
  border: 1px solid #9b9b9b;
}
.card:hover {
  border-color: #067df7;
}
.card h3 {
  margin: 0;
  color: #067df7;
  font-size: 18px;
}
.card p {
  margin: 0;
  padding: 12px 0 0;
  font-size: 13px;
  color: #333;
}

.col-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.left-2 {
  width: 30%;
  display: flex;
  flex-flow: column;
}

#credentials {
  display: flex;
  flex-flow: column;
  width: 70%;
  margin: 5%;
}

#upload {
  width: 20%;
  margin: 5%;
  border: 1px solid gray;
  height: 20px;
}
#__next
  > div
  > div.jsx-2085888330.selection-box
  > div
  > div.jsx-2085888330.col.left-2
  > div
  > select {
  width: 90%;
  margin: 5% 5% 2% 0%;
  height: 35px;
}
#__next
  > div
  > div.jsx-2085888330.selection-box
  > div
  > div.jsx-2085888330.col.left-2
  > div
  > input[type='text'] {
  width: 88.4%;
  padding: 0;
  margin: 4% 0;
  height: 30px;
  border-radius: 4px;
}
.right-2 {
  width: 61%;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  padding-top: 5%;
  padding-right: 5%;
}
div.col.left-2 > select {
  width: 100%;
}
.design_box {
  width: 350px;
  height: 200px;
  background: white;
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  border: 2px dashed lightslategray;
}
.design_box h2,
.design_box p {
  color: black;
}

.dialog-message {
  display: none;
}

body
  > div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
  width: 341px;
}

.categoryLink {
    cursor: pointer;
    margin: 5px 0px 5px 35%;
    font-size: 15px;
}

.categoryLink:hover {
  background-color: #f1ecec;
}

.ui-dialog {
  width: 75% !important;
  z-index: 1000 !important;
  top: 512.39px !important;
  left: revert !important;
  margin-left: 12.5%;
}

.mauticform-checkboxgrp input {
  width: 4% !important;
  margin-bottom: 30px;
}

.mauticform-checkboxgrp label {
  width: 93% !important;
  float: right;
}