/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////             Models                  ////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*
Styles from:
https://codepen.io/zavoloklom/full/IGkDz/
*/

@import "//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic";

.shadow-z-1 {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
/* -- Material Design Table style -------------- */
.table {
  width: 100%;
  max-width: 100%;
  min-width: 1000px;
  margin-bottom: 10px;
  background-color: #fff;
  table-layout: fixed;
}
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  text-align: center;
  padding: 0.9rem;
  vertical-align: top;
  border-top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table > thead > tr > th {
  font-weight: 400;
  color: #757575;
  vertical-align: bottom;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.table .table {
  background-color: #fff;
}
.table .no-border {
  border: 0;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0.8rem;
}
.table-bordered {
  border: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 768px) {
  .table {
    min-width: 300px;
  }
  .table-responsive-vertical > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive-vertical > .table > thead,
  .table-responsive-vertical > .table > tfoot {
    display: none;
  }
  .table-responsive-vertical > .table > tbody {
    display: block;
  }
  .table-responsive-vertical > .table > tbody > tr {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 1.6rem;
  }
  .table-responsive-vertical > .table > tbody > tr > td {
    background-color: #fff;
    display: block;
    vertical-align: middle;
    text-align: right;
  }
  .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    font-weight: 400;
    color: #757575;
  }
  .table-responsive-vertical.shadow-z-1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  }
  .table-responsive-vertical > .table-bordered {
    border: 0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
    border-bottom: 0;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td,
  .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
    background-color: #f5f5f5;
  }
  .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  .table-responsive-vertical > .table-hover > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
    background-color: rgba(0, 0, 0, 0.12);
  }
}
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e1f5fe;
}
.table-hover.table-mc-light-blue > tbody > tr:hover > td,
.table-hover.table-mc-light-blue > tbody > tr:hover > th {
  background-color: #f2f2f2;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e1f5fe;
  }
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
    background-color: #b3e5fc;
  }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////             Generic                 ////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#imvtable {
  margin: 20px auto;
  max-width: 1400px;
}
#imverse.content div {
  background-color: white;
}
.noshadow div a,
#imverse.content .noshadow div a,
.noshadow a img
#imverse.content .noshadow a img {
  box-shadow: none;
}

#imverse.content a {
  color: #3c93ff;
}

#imverse.content .errormessage,
.errormessage {
  color: #c00036;
}

.successmessage,
#imverse.content .successmessage {
  color: #2cac3b;
}

div .entry-content,
#imverse.content div .entry-content {
  width: 95%;
  max-width: 1920px !important;
  /*all: initial;
  * {
    all: unset;
  }*/
}

.page .full-width .entry-content,
#imverse.content .page .full-width .entry-content {
    width: 100%;
}

.imverse-content p>a,
#imverse.content .imverse-content p>a,
.imverse-content div>a,
#imverse.content .imverse-content div>a
{
  color: #000000;
  box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1)
}

.imverse-content p>a:hover,
#imverse.content .imverse-content p>a:hover,
.imverse-content div>a:hover,
#imverse.content .imverse-content div>a:hover {
  font-weight: 500;
}

.imverse-content div>p,
#imverse.content .imverse-content div>p {
  margin-bottom: 15px;
}

.centeredtext,
#imverse.content .centeredtext {
  text-align: center;
}

#imverse.content .imverse-title {
  text-transform: none;
}

.descriptionheight,
#imverse.content .descriptionheight {
  height: 40px;
}

.icontext,
#imverse.content .icontext {
  width: 60px;
  vertical-align: middle;
}

.iconmargin,
#imverse.content .iconmargin {
  margin-left: 50px;
}

.indexcol,
#imverse.content .indexcol {
  width: 400px;
  margin: auto;
}

.genericborder,
#imverse.content .genericborder {
  padding: 10px;
}

.genericborder:hover,
#imverse.content .genericborder:hover {
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.indexborder,
#imverse.content .indexborder {
  border: 3px solid #000000;
  border-radius: 20px;
}

.menuborder,
#imverse.content .menuborder {
  border: 3px solid transparent;
  border-image: linear-gradient(#1dbfff, #5b6eff) 20;
  padding: 10px;
  display:inline-block;
}

.menuitem,
#imverse.content .menuitem {
  display: block;
  margin-bottom: 30px;
}

/*TODO: Remove this*/
/*.menu_button {
  box-shadow: none !important;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none !important;
  text-decoration: none;
}*/

.flowimage,
#imverse.content .flowimage {
  max-width: 1300px;
  width: 90%;
  display: block;
  margin: 0 auto;
}

.quotetext,
#imverse.content .quotetext {
  text-align: center;
  font-size: 2em;
}

.discounts,
#imverse.content .discounts {
  text-align: center;
  font-size: 2em;
  border: 3px solid #b1243a;
  color: #b1243a;
  padding: 10px;
  border-radius: 20px;
}

.imvcontainer,
#imverse.content .imvcontainer {
  margin: 20px auto;
  width: 90%;
  max-width: 1400px;
}

.imvfooter,
#imverse.content .imvfooter {
  text-align: center;
  margin: 100px;
  font-size: 0.9em;
}

.imvblock,
#imverse.content .imvblock {
  margin: 70px;
}

.overview-column,
#imverse.content .overview-column {
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 50px;
}

.imvmenublock,
#imverse.content .imvmenublock {
  margin-bottom: 50px;
  border-left: 1px solid transparent;
  border-image: linear-gradient(#1dbfff, #5b6eff) 20;
  padding: 20px;
}

.myaccount-menu,
#imverse.content .myaccount-menu {
  font-weight: 800;
}

.overview-page-left,
#imverse.content .overview-page-left {
  text-align:left;
  width: 33.3%;
  display: inline-block;
}
.overview-page-right,
#imverse.content .overview-page-right {
  text-align:right;
  width: 33.3%;
  display: inline-block;
}
.overview-page-center,
#imverse.content .overview-page-center {
  text-align:center;
  width: 33.3%;
  display: inline-block;
}

div .overview-checkout a,
#imverse.content div .overview-checkout a {
	background-color: #3c93ff;
	border: 0;
	border-radius: 2px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 800;
	line-height: 1;
	padding: 0.7em 0.9em;
	font-size: 13px;
	text-shadow: none;
	transition: background 0.2s;
	text-decoration: none;
    text-transform: uppercase;
}

div .overview-checkout a:hover,
#imverse.content div .overview-checkout a:hover,
div .overview-checkout a:focus,
#imverse.content div .overview-checkout a:focus {
	background: #767676;
	color: #fff;
	outline-width: 0;
	box-shadow: none;
}

.profile-inline,
#imverse.content .profile-inline {
  display:inline-block;
  margin: 15px;
  vertical-align: top;
}


@media screen and (max-width: 767px) {
    .profile-inline,
    #imverse.content .profile-inline {
      display:block;
    }

    .overview-column,
    #imverse.content .overview-column {
      margin-top: 20px;
      margin-right: 0px;
      margin-bottom: 20px;
      margin-left: 0px;
    }
}

.software-inline,
#imverse.content .software-inline {
  display:inline-block;
  margin: 15px;
  vertical-align: top;
  width: 400px;
}

.software-inline-small,
#imverse.content .software-inline-small {
  display:inline-block;
  margin: 15px;
  vertical-align: top;
  width: 250px;
}

.software-box,
#imverse.content .software-box {
  width: 100%;
  border: solid 1px #e6e6e6;
  display: block;
}

.software-box-current,
#imverse.content .software-box-current {
  width: 100%;
  border: solid 1px #3c93ff;
  display: block;
}

.software-box-title,
#imverse.content .software-box-title {
  width: 100%;
  border: solid 1px #3c93ff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  background-color: #3c93ff;
}

.software-box-none,
#imverse.content .software-box-none {
  width: 100%;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

.software-box-title-white,
#imverse.content .software-box-title-white {
  width: 100%;
  border: solid 1px #e6e6e6;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

.software-box-title-current,
#imverse.content .software-box-title-current {
  width: 100%;
  border: solid 1px #3c93ff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

.software-box-title h2,
#imverse.content .software-box-title h2,
.software-box-title-white h2,
#imverse.content .software-box-title-white h2,
.software-box-title-current h2,
#imverse.content .software-box-title-current h2{
  padding: 0px;
}

.software-header,
#imverse.content .software-header {
  border: solid 1px #e6e6e6;
  width: 820px;
  margin: auto;
}
.software-header-text,
#imverse.content .software-header-text {
  width: 490px;
}

@media screen and (max-width: 1000px) {
  .software-header,
  #imverse.content .software-header {
    width: 100%;
    padding: 0px;
  }
}
@media screen and (max-width: 600px) {
  .software-header-text,
  #imverse.content .software-header-text {
    width: unset;
  }
}

.profile-box,
#imverse.content .profile-box {
  width: 400px;
  border: solid 1px #e6e6e6;
  display: block;
}

.profile-box-dual,
#imverse.content .profile-box-dual {
  margin-top: 5px;
}

.profile-box-title,
#imverse.content .profile-box-title {
  width: 400px;
  border: solid 1px #e6e6e6;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

.profile-small-box,
#imverse.content .profile-small-box {
  width: 250px;
  border: solid 1px #e6e6e6;
  display: block;
}

.profile-small-box-title,
#imverse.content .profile-small-box-title {
  width: 250px;
  border: solid 1px #e6e6e6;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

.profile-small-box-title h2,
#imverse.content .profile-small-box-title h2 {
  padding: 0px;
}

.profile-text,
#imverse.content .profile-text {
  width: 385px;
  height: 40px;
  border: solid 1px #e6e6e6;
  padding: 8px;
  margin: 5px;
  display: block;
}

.profile-text-small,
#imverse.content .profile-text-small {
  width: 185px;
  height: 40px;
  border: solid 1px #e6e6e6;
  padding: 8px;
  margin: 0px 5px;
  display: inline-block;
  vertical-align:top;
}

.profile-checkbox,
#imverse.content .profile-checkbox {
  margin: 5px;
  display: inline-block;
  vertical-align:middle;
}

.dashboard-box,
#imverse.content .dashboard-box {
  width: 483px;
  border: solid 1px #e6e6e6;
  display: block;
}

.dashboard-box-title,
#imverse.content .dashboard-box-title {
  width: 483px;
  border: solid 1px #e6e6e6;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

.dashboard-text,
#imverse.content .dashboard-text {
  width: 470px;
  height: 40px;
  border: solid 1px #e6e6e6;
  padding: 8px;
  margin: 5px;
  display: block;
}

.dashboard-box-wide,
#imverse.content .dashboard-box-wide {
  width: 1000px;
  border: solid 1px #e6e6e6;
  display: block;
}

.dashboard-box-wide table,
#imverse.content .dashboard-box-wide table {
  min-width: 300px;
}

.dashboard-box-wide-title,
#imverse.content .dashboard-box-wide-title {
  width: 1000px;
  border: solid 1px #e6e6e6;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

@media screen and (max-width: 1100px) {
  .dashboard-box-wide,
  #imverse.content .dashboard-box-wide {
    width: 100%;
  }
  .dashboard-box-wide-title,
  #imverse.content .dashboard-box-wide-title {
    width: 100%;
  }
}

.dashboard-text-big,
#imverse.content .dashboard-text-big {
  width: 470px;
  border: solid 1px #e6e6e6;
  padding: 8px;
  margin: 5px;
  display: block;
  font-size: 14px;
}

.dashboard-content,
#imverse.content .dashboard-content {
  width: 100%;
  padding: 8px;
  margin: 0px 5px;
  display: block;
  vertical-align:top;
}

.dashboard-content-padding,
#imverse.content .dashboard-content-padding {
  padding: 0px;
  margin: 8px;
  display: block;
  vertical-align:top;
}

.software-elements,
#imverse.content .software-elements {
  margin: 10px;
  display: inline-block;
}

.overview_message,
#imverse.content .overview_message {
  margin: 10px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////          Subscription               ////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div .subscription-cancel-button,
#imverse.content div .subscription-cancel-button {
  display: inline-block;
}

div .subscription-cancel-button a,
#imverse.content div .subscription-cancel-button a {
    margin-right: 11px;
 	background-color: #fff;
 	border: solid 1px #767676;
 	border-radius: 2px;
 	box-shadow: none;
 	color: #767676;
 	cursor: pointer;
 	display: inline-block;
 	font-weight: 800;
 	line-height: 1;
 	padding: 0.86em 2em;
 	text-shadow: none;
 	transition: background 0.2s;
 	text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
 }

div .subscription-cancel-button a:hover,
#imverse.content div .subscription-cancel-button a:hover,
div .subscription-cancel-button a:focus,
#imverse.content div .subscription-cancel-button a:focus {
	background: #343434;
 	background-color: #fff;
 	border: solid 1px #343434;
 	color: #343434;
 	font-weight: 800;
	outline-width: 0;
	box-shadow: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////             Login                   ////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.forgot_none,
#imverse.content .forgot_none {
  display:none;
}

.forgotmargin,
#imverse.content .forgotmargin {
  margin-left: 20px;
}

.accountcolumn,
#imverse.content .accountcolumn {
  margin: auto;
  width: 500px;
}

@media screen and (max-width: 600px) {
  .accountcolumn,
  #imverse.content .accountcolumn {
    margin: auto;
    width: 100%;
  }
}

.login-column,
#imverse.content .login-column {
  margin: auto;
  width: 304px;
}

@media screen and (max-width: 450px) {
  .login-column,
  #imverse.content .login-column {
    margin: auto;
    width: 100%;
  }
}

.login-box,
#imverse.content .login-box {
  height: 50px;
  margin-top: 10px;
}

.login-box input[type="submit"],
#imverse.content .login-box input[type="submit"],
.login-box input[type="text"],
#imverse.content .login-box input[type="text"],
.login-box input[type="password"],
#imverse.content .login-box input[type="password"] {
  height: 48px;
  display: unset;
  margin: auto;
  width: 100%;
}

.login-box input.login-field,
#imverse.content .login-box input.login-field,
.login-box input[type=text].login-field,
#imverse.content .login-box input[type=text].login-field,
.login-box input[type=password].login-field,
#imverse.content .login-box input[type=password].login-field {
    height: 48px!important;
    display: unset;
    margin: auto;
    width: 100%;
    color: rgb(68, 68, 68);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

.login-box input[type="submit"],
#imverse.content .login-box input[type="submit"] {
  background-color: #3c93ff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  padding: 4px;
  width: 100%;
  color: #ffffff;
  border: none;
}

.login-box input:focus,
#imverse.content .login-box input:focus {
  border-color: inherit;
}

.login-box input[type="submit"]:hover,
#imverse.content .login-box input[type="submit"]:hover {
  background-color: #767676;
  color: #ffffff;
}

.login-eye,
#imverse.content .login-eye {
  float: right;
  margin-right: 8px;
  margin-top: -38px;
  position: relative;
}

.login-eye img,
#imverse.content .login-eye img {
  width: 45px;
}


@media screen and (max-width: 450px) {
  .login-eye img,
  #imverse.content .login-eye img {
    width: 20px;
  }
}

.signup-column,
#imverse.content .signup-column {
  margin: auto;
  width: 608px;
  padding: 20px;
}

.signup-right > div,
#imverse.content .signup-right > div {
  margin: 10px 0px 7px auto;
}

.signup-box,
#imverse.content .signup-box {
  height: 50px;
  margin-top: 7px;
}

.signup-element,
#imverse.content .signup-element {
  margin-top: 7px;
}

.signup-box-half-left,
#imverse.content .signup-box-half-left {
  height: 50px;
  float: left;
  width: 49%;
}

.signup-box-half-right,
#imverse.content .signup-box-half-right {
  height: 50px;
  float: right;
  width: 49%;
}

.signup-box-email-left,
#imverse.content .signup-box-email-left {
  height: 50px;
  float: left;
  width: 80%;
}

.signup-box-email-right,
#imverse.content .signup-box-email-right {
  height: 40px;
  float: right;
  width: 20%;
}

.signup-box-email-right a,
#imverse.content .signup-box-email-right a {
  position: relative;
  left: 25%;
  top: 25%;
}

.plan-payment-box-email-left,
#imverse.content .plan-payment-box-email-left {
  height: 40px;
  display: inline-block;
  width: 80%;
}

.plan-payment-box-email-right,
#imverse.content .plan-payment-box-email-right {
  float: right;
  margin: 8px;
}

.signup-field,
#imverse.content .signup-field {
  height: 107px;
  margin-top: 7px;
}

.signup-field textarea,
#imverse.content .signup-field textarea {
  width: 100%;
}

.signup-checkbox,
#imverse.content .signup-checkbox {
  width: 304px;
  margin-top: 7px;
}

.signup-box input[type="submit"],
#imverse.content .signup-box input[type="submit"] {
  background-color: #3c93ff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  padding: 4px;
  width: 100%;
  color: #ffffff;
  border: none;
}

.signup-box input[type="submit"],
#imverse.content .signup-box input[type="submit"],
.signup-box input[type="text"],
#imverse.content .signup-box input[type="text"],
.signup-box input[type="password"],
#imverse.content .signup-box input[type="password"] {
  height: 48px;
  display: unset;
  margin: auto;
  width: 100%;
}

.signup-box input:focus,
#imverse.content .signup-box input:focus {
  border-color: inherit;
}

.signup-box input[type="submit"]:hover,
#imverse.content .signup-box input[type="submit"]:hover {
  background-color: #767676;
  color: #ffffff;
}


@media screen and (max-width: 767px) {
  .signup-column,
  #imverse.content .signup-column {
    width: 100%;
    padding: 0px;
  }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////             Sign up                 ////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.signuphalf,
#imverse.content .signuphalf {
  width: 50%;
}

.signuplabel,
#imverse.content .signuplabel {
  color: #e43b7c;
  margin: 0 auto;
}

.signuplabel-right,
#imverse.content .signuplabel-right {
  color: #e43b7c;
  margin: 0 auto;
  text-align: right;
}

.success,
#imverse.content .success {
  color: #00b04c;
}

.rightbar,
#imverse.content .rightbar {
  border-right: 3px solid #f2f2f2;
}

.leftbar,
#imverse.content .leftbar {
  border-left: solid 1px #979797;
  padding-left: 10px;
}

.leftbar p,
#imverse.content .leftbar p {
  font-size: 18px;
}

.imvformfield,
#imverse.content .imvformfield {
  margin-bottom: 20px;
}

.imvformfield textarea,
#imverse.content .imvformfield textarea,
.imvformfield input,
#imverse.content .imvformfield input {
    width: 100%;
}

.imvdoubleform,
#imverse.content .imvdoubleform {
  display: flex;
}

.imvhalfform,
#imverse.content .imvhalfform {
  max-width: 50%;
  width: 50%;
}

.form-style-2,
#imverse.content .form-style-2 {
	max-width: 620px;
	padding: 20px 12px 10px 20px;
}
.form-style-2 label,
#imverse.content .form-style-2 label {
	display: block;
	margin: 0px 0px 15px 0px;
}
.form-style-2 label > span,
#imverse.content .form-style-2 label > span{
	width: 180px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}
.form-style-2 label > div,
#imverse.content .form-style-2 label > div{
	font-weight: 400;
}
.form-style-2 input.input-field,
#imverse.content .form-style-2 input.input-field,
.form-style-2 input[type=text].input-field,
#imverse.content .form-style-2 input[type=text].input-field,
.form-style-2 input[type=password].input-field,
#imverse.content .form-style-2 input[type=password].input-field,
.form-style-2 .select-field,
#imverse.content .form-style-2 .select-field,
.form-style-2 input.profile-field,
#imverse.content .form-style-2 input.profile-field,
.form-style-2 input[type=text].profile-field,
#imverse.content .form-style-2 input[type=text].profile-field,
.form-style-2 input[type=password].profile-field,
#imverse.content .form-style-2 input[type=password].profile-field   {
	width: 408px;
    background-color: #f2f2f2;
    box-shadow: rgb(235, 235, 235) 1px 1px 4px;
    padding: 7px;
    outline: none;
    line-height: 40px;
    height: 40px;
    color: rgb(68, 68, 68);
}
.form-style-2 input.input-field,
#imverse.content .form-style-2 input.input-field,
.form-style-2 input[type=text].input-field,
#imverse.content .form-style-2 input[type=text].input-field,
.form-style-2 input[type=password].input-field,
#imverse.content .form-style-2 input[type=password].input-field,
.form-style-2 .select-field,
#imverse.content .form-style-2 .select-field,
.form-style-2 input.profile-field,
#imverse.content .form-style-2 input.profile-field,
.form-style-2 input[type=text].profile-field,
#imverse.content .form-style-2 input[type=text].profile-field,
 .form-style-2 input[type=password].profile-field,
 #imverse.content .form-style-2 input[type=password].profile-field {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}
.form-style-2 input.profile-field,
#imverse.content .form-style-2 input.profile-field,
.form-style-2 input[type=text].profile-field,
#imverse.content .form-style-2 input[type=text].profile-field,
.form-style-2 input[type=password].profile-field,
#imverse.content .form-style-2 input[type=password].profile-field {
	user-select: none;
	pointer-events: none;
}
.form-style-2 .input-field:focus,
#imverse.content .form-style-2 .input-field:focus,
.form-style-2 .tel-number-field:focus,
#imverse.content .form-style-2 .tel-number-field:focus,
.form-style-2 .textarea-field:focus,
#imverse.content .form-style-2 .textarea-field:focus,
.form-style-2 .select-field:focus,
#imverse.content .form-style-2 .select-field:focus{
	border: 1px solid #0C0;
}
.form-style-2 .textarea-field,
#imverse.content .form-style-2 .textarea-field {
	height:100px;
	width: 55%;
}
.form-style-2 input[type=submit],
#imverse.content .form-style-2 input[type=submit],
.form-style-2 input[type=button],
#imverse.content .form-style-2 input[type=button] {
	border: none;
	padding: 8px 15px 8px 15px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
#imverse.content .form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover,
#imverse.content .form-style-2 input[type=button]:hover {
	background: #EA7B00;
	color: #fff;
}

@media screen and (max-width: 695px) {
    .form-style-2 input.input-field,
    #imverse.content .form-style-2 input.input-field,
    .form-style-2 input[type=text].input-field,
    #imverse.content .form-style-2 input[type=text].input-field,
    .form-style-2 input[type=password].input-field,
    #imverse.content .form-style-2 input[type=password].input-field,
    .form-style-2 .select-field,
    #imverse.content .form-style-2 .select-field,
    .form-style-2 input.profile-field,
    #imverse.content .form-style-2 input.profile-field,
    .form-style-2 input[type=text].profile-field,
    #imverse.content .form-style-2 input[type=text].profile-field,
    .form-style-2 input[type=password].profile-field,
    #imverse.content .form-style-2 input[type=password].profile-field {
    	width: 100%;
    }
    .form-style-2 label > span,
    #imverse.content .form-style-2 label > span {
    	width: 100%;
    }
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////             Projects                ////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.report_none,
#imverse.content .report_none {
  display:none;
}

.col-container,
#imverse.content .col-container {
    display: table;
    width: 100%;
    padding: 20px;
}

.col,
#imverse.content .col {
    display: table-cell;
    vertical-align: top;
}

.col-half,
#imverse.content .col-half {
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.col-middle,
#imverse.content .col-middle {
    display: table-cell;
    vertical-align: middle;
}

.col-overview-menu,
#imverse.content .col-overview-menu {
    display: table-cell;
    width: 20%;
}

.col-overview-content,
#imverse.content .col-overview-content {
    display: table-cell;
    width: 80%;
}

@media screen and (max-width: 767px) {
    .col-container,
    #imverse.content .col-container {
        display: block;
    }
    .col,
    #imverse.content .col {
        display:inline-block;
    }
    .rightbar,
    #imverse.content .rightbar {
      border-right: none;
    }
    .imvblock,
    #imverse.content .imvblock {
      margin: 0px;
    }

    .col-overview-menu,
    #imverse.content .col-overview-menu {
        display: inline-block;
        width: 100%;
    }

    .col-overview-content,
    #imverse.content .col-overview-content {
        display: inline-block;
        width: 100%;
    }
}

.terms-button,
#imverse.content .terms-button {
  display: block;
  text-align: center;
}

.terms-button input[type="submit"][id="acceptTerms"],
#imverse.content .terms-button input[type="submit"][id="acceptTerms"] {
  background-color: #3c93ff;
  text-transform: uppercase;
  font-weight: bold;
  margin: auto;
  font-size: 12px;
  padding: 12px;
}

.terms-button input[type=submit]:disabled,
#imverse.content .terms-button input[type=submit]:disabled {
  opacity: 0.56;
  background-color: #8E8D8D;
  pointer-events: none;
}

.imverse-footer a,
#imverse.content .imverse-footer a {
  margin: 0 10px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////             Cart                    ////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.add-to-cart,
#imverse.content .add-to-cart {
  display: inline-block;
  width: auto;
  border: 2px solid #5b6eff;
  padding: 0.4em 0.6em;
  color: #3c93ff;
  text-decoration: none;
  font-weight: 800;
  font-size: 0.9em;
  text-transform: uppercase;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.add-to-cart:hover,
#imverse.content .add-to-cart:hover {
  background-color: #3c93ff;
  color: #ffffff;
}

.add-to-cart.bought,
#imverse.content .add-to-cart.bought {
  pointer-events: none;
  cursor: default;
  background-color: #454545;
  border: 2px solid #f2f2f2;
  color: #f2f2f2;
  opacity: 0.4;
}

.add-to-cart.added,
#imverse.content .add-to-cart.added {
  background-color: #3c93ff;
  color: #ffffff;
}

.add-to-cart.added:hover,
#imverse.content .add-to-cart.added:hover {
  background-color: #ffffff;
  color: #3c93ff;
}

.disabled-button,
#imverse.content .disabled-button {
    pointer-events: none;
    opacity: 0.4;
}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////             Models                  ////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//              https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/                  ////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.inputimage,
#imverse.content .inputimage {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputimage + label,
#imverse.content .inputimage + label {
    max-width: 100%;
    /* 20px */
    text-align: center;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    overflow: hidden;
    line-height: 1.75;
    /* 10px 20px */
}

.imvpaybycard,
#imverse.content .imvpaybycard {
    max-width: 100%;
    text-align: center;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    overflow: hidden;
    line-height: 1.75;
    /* 10px 20px */
}

.no-js .inputimage + label,
#imverse.content .no-js .inputimage + label {
    display: none;
}

.inputimage:focus + label,
#imverse.content .inputimage:focus + label,
.inputimage.has-focus + label,
#imverse.content .inputimage.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

/* style 1 */

.inputimage-1 + label,
#imverse.content .inputimage-1 + label {
    color: #ffffff;
    background-color: #1a1a1a;
}

.inputimage-1:focus + label,
#imverse.content .inputimage-1:focus + label,
.inputimage-1.has-focus + label,
#imverse.content .inputimage-1.has-focus + label,
.inputimage-1 + label:hover,
#imverse.content .inputimage-1 + label:hover {
    background-color: #007acc;
}

.imgContainer,
#imverse.content .imgContainer{
    float:left;
    font-size: 0.9em;
    padding: 5px 5px;
}

.fileName,
#imverse.content .fileName {
    font-size: 0.9em;
}

.tooltip,
#imverse.content .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext,
#imverse.content .tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -150px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after,
#imverse.content .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    line-height: 1;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext,
#imverse.content .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.helptag,
#imverse.content .helptag{
    float:left;
    padding: 0.2rem;
}

.imageform,
#imverse.content .imageform{
    line-height: 1;
}

img.thumbnail,
#imverse.content img.thumbnail {
    width:96px;
    height: auto;
}

.table_message,
#imverse.content .table_message {
    font-size: 0.9em;
}

.uploadpicture,
#imverse.content .uploadpicture {
  max-width: 600px;
  width: 90%;
}

.imvform,
#imverse.content .imvform {
  max-width: 600px;
  width: 90%;
}

.uploadnew,
#imverse.content .uploadnew {
  vertical-align: bottom;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////           Pre paid service          ////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.payment-content,
#imverse.content .payment-content {
  margin: auto;
  max-width: 1200px;
  display: block;
  padding: 1.5em;
  font-family: Montserrat;
  font-size: 14px;
}
.payment-content li,
#imverse.content .payment-content li {
  list-style-position: inside;
  list-style-type: square;
  margin: 10px;
}

.payment-content input[type="text"]:focus,
#imverse.content .payment-content input[type="text"]:focus,
.payment-content input[type="password"]:focus,
#imverse.content .payment-content input[type="password"]:focus,
.payment-content textarea:focus,
#imverse.content .payment-content textarea:focus {
    border-color: #333333;
}

.payment-content input[type="submit"],
#imverse.content .payment-content input[type="submit"] {
  border: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1;
}

.payment-content input[type="submit"]:hover,
#imverse.content .payment-content input[type="submit"]:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #767676;
    color: #ffffff;
}

.payment-column,
#imverse.content .payment-column {
  margin: auto;
  max-width: 550px;
}

#card-element {
  border: 1px solid #bbb;
  border-radius: 3px;
  display: block;
  padding: 0.7em;
  width: 100%;
}

.payment-element,
#imverse.content .payment-element {
  padding-top: 20px;
  padding-bottom: 20px;
}

.payment-element-small,
#imverse.content .payment-element-small {
  padding-top: 7px;
  padding-bottom: 7px;
}

.payment-element-small input,
#imverse.content .payment-element-small input {
  width: 100%;
}

.payment-center,
#imverse.content .payment-center {
  display: block;
  margin: auto;
  text-align: center;
}

.payment-button,
#imverse.content .payment-button {
  display: block;
  margin-top: 10px;
  text-align: right;
}

.payment-top-image,
#imverse.content .payment-top-image {
  padding-right: 25px;
}

.payment-button-green input[type="submit"],
#imverse.content .payment-button-green input[type="submit"] {
  display: block;
  background-color: #2cac3b;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.75em 2em;
}

.payment-button-green input[type=submit]:disabled,
#imverse.content .payment-button-green input[type=submit]:disabled {
  opacity: 0.56;
  background-color: #8E8D8D;
  pointer-events: none;
}

.payment-button-gray input[type="submit"],
#imverse.content .payment-button-gray input[type="submit"] {
  display: block;
  background-color: #8e8d8d;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 auto;
  margin-top: 10px;
}

.payment-button-gray input[type=submit]:disabled,
#imverse.content .payment-button-gray input[type=submit]:disabled {
  opacity: 0.56;
  background-color: #8E8D8D;
  pointer-events: none;
}

.payment-field-icon,
#imverse.content .payment-field-icon {
  float: right;
  margin-right: 8px;
  margin-top: -46px;
  position: relative;
  z-index: -1;
  font-size: 25px;
  width: 35px;
  height: 21px;
}

.payment-password-box input,
#imverse.content .payment-password-box input {
  height: 55px;
}

.payment-loading-animation,
#imverse.content .payment-loading-animation {
  height: 30px;
  width: 30px;
  background-color: #0f92ff;
  border-radius: 50%;
  position :relative;
  display: inline-block;
  -webkit-animation-name: loading-animation; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: loading-animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes loading-animation {
    0%   {left:-40px; top:7px;}
    50%  {left:0px; top:7px;}
    100% {left:-40px; top:7px;}
}

/* Standard syntax */
@keyframes loading-animation {
    0%   {left:-40px; top:7px;}
    50%  {left:0px; top:7px;}
    100% {left:-40px; top:7px;}
}

.payment-button input[type="submit"],
#imverse.content .payment-button input[type="submit"] {
  background-color: #3c93ff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.75em 2em;
}

.payment-button input[type="submit"]:disabled,
#imverse.content .payment-button input[type="submit"]:disabled {
  background-color: #e6e6e6;
  pointer-events: none;
}

img.payment-thumbnail,
#imverse.content img.payment-thumbnail {
  width: 200px;
  height: auto;
  margin-top: 20px;
}

img.payment-thumbnail-small,
#imverse.content img.payment-thumbnail-small {
  width: 100px;
  height: auto;
}

.payment-none,
#imverse.content .payment-none {
  display:none;
}

.image-upload,
#imverse.content .image-upload {
  cursor: pointer;
  position: relative;
}

.discount,
#imverse.content .discount {
  display: inline-block;
}

#discount-element {
  width: 300px;
  display: inline-block;
}

.payment-title,
#imverse.content .payment-title {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.payment-subtitle,
#imverse.content .payment-subtitle {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.payment-small-box,
#imverse.content .payment-small-box {
  width: 304px;
}

.payment-small-box input,
#imverse.content .payment-small-box input {
  width: 100%;
  height: 40px;
}

.payment-very-small-box,
#imverse.content .payment-very-small-box {
  width: 215px;
}

.payment-very-small-box input,
#imverse.content .payment-very-small-box input {
  width: 100%;
  height: 40px;
}

.payment-address-box,
#imverse.content .payment-address-box {
  width: 400px;
}

.payment-address-box input,
#imverse.content .payment-address-box input {
  height: 40px;
}

.payment-image-text,
#imverse.content .payment-image-text {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #000000;
}

.payment-link-right,
#imverse.content .payment-link-right {
  display: block;
  text-align: right;
}

.payment-inline,
#imverse.content .payment-inline {
  display: inline-block;
}

.payment-fill,
#imverse.content .payment-fill {
  height: 100%;
}

.payment-relative-content,
#imverse.content .payment-relative-content {
  position: relative;
}

.payment-right-top,
#imverse.content .payment-right-top {
  position: absolute;
  top: 20px;
  right: 20px;
}

.payment-right-bottom,
#imverse.content .payment-right-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 368px;
  height: 150px;
}

.col-60,
#imverse.content .col-60 {
    display: table-cell;
    vertical-align: top;
    width: 60%;
}

.col-40,
#imverse.content .col-40 {
    display: table-cell;
    vertical-align: top;
    width: 40%;
}

@media screen and (max-width: 1050px) {
    .col-60,
    #imverse.content .col-60 {
        width: 50%;
    }

    .col-40,
    #imverse.content .col-40 {
        width: 50%;
    }
    @media screen and (max-width: 880px) {
        .col-60,
        #imverse.content .col-60 {
            display: block;
            width: 100%;
        }

        .col-40,
        #imverse.content .col-40 {
            display: block;
            width: 100%;
        }

        .payment-link-right,
        #imverse.content .payment-link-right {
            display: block;
            text-align: left;
            margin-top: 20px;
        }

        .payment-right-bottom,
        #imverse.content .payment-right-bottom {
            position: static;
            margin-left: 0px;
            margin-right: auto;
        }

        .payment-column,
        #imverse.content .payment-column {
            margin-left: 0px;
            width: 400px;
        }

        .payment-buttons-block,
        #imverse.content .payment-buttons-block {
            text-align: left;
            width: 400px;
        }
    }
}

.payment-method-icon,
#imverse.content .payment-method-icon {
  margin-right: 11px;
}

.payment-money-back,
#imverse.content .payment-money-back {
  text-align: right;
  margin-top: 14px;
}

.payment-money-back-text,
#imverse.content .payment-money-back-text {
  font-family: Arial;
  font-size: 16px;
  letter-spacing: 1.1px;
  color: #979797;
  text-transform: uppercase;
}

#payment-total-box {
  width: 368px;
  height: 108px;
  border: solid 1px #979797;
  font-size: 14px;
  line-height: 1.5;
}

#payment-total-box p,
#imverse.content #payment-total-box p {
  margin: 10px;
}

.payment-total-box-left,
#imverse.content .payment-total-box-left {
  display: inline-block;
  width: 150px;
  margin-right: 40px;
}

.payment-total-box-right,
#imverse.content .payment-total-box-right {
  display: inline-block;
  width: 150px;
  text-align: right;
}

.payment-success-text,
#imverse.content .payment-success-text {
  font-size: 20px;
  margin: 0 0 0.5em;
}

.payment-success-title,
#imverse.content .payment-success-title {
  font-size: 20px;
  font-weight: bold;
}

.payment-success-label,
#imverse.content .payment-success-label {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

div .payment-success-button a,
#imverse.content div .payment-success-button a,
div .payment-success-button input[type="submit"],
#imverse.content div .payment-success-button input[type="submit"] {
	background-color: #3c93ff;
	border: 0;
	border-radius: 2px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 800;
	line-height: 1;
	padding: 0.75em 2em;
	text-shadow: none;
	transition: background 0.2s;
	text-decoration: none;
    text-transform: uppercase;
}

div .payment-cancel-button a,
#imverse.content div .payment-cancel-button a {
    margin-right: 11px;
 	background-color: #fff;
 	border: solid 1px #3c93ff;
 	border-radius: 2px;
 	box-shadow: none;
 	color: #3c93ff;
 	cursor: pointer;
 	display: inline-block;
 	font-weight: 800;
 	line-height: 1;
 	padding: 0.86em 2em;
 	text-shadow: none;
 	transition: background 0.2s;
 	text-decoration: none;
     text-transform: uppercase;
 }

div .payment-success-button a:hover,
#imverse.content div .payment-success-button a:hover,
div .payment-success-button a:focus,
#imverse.content div .payment-success-button a:focus {
	background: #767676;
	color: #fff;
	outline-width: 0;
	box-shadow: none;
}

div .payment-cancel-button a:hover,
#imverse.content div .payment-cancel-button a:hover,
div .payment-cancel-button a:focus,
#imverse.content div .payment-cancel-button a:focus {
	background: #767676;
 	background-color: #fff;
 	border: solid 1px #767676;
 	color: #767676;
	outline-width: 0;
	box-shadow: none;
}



/* The Modal (background) */
.payment-modal,
#imverse.content .payment-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 180px;
    font-family: Montserrat;
    font-size: 14px;
}

/* Modal Content/Box */
.payment-modal-content,
#imverse.content .payment-modal-content {
    background-color: #ffffff;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: solid 1px #3c93ff;
    max-width: 900px;
}

.payment-cancel-dialog,
#imverse.content .payment-cancel-dialog {
  width: 80%; /* Could be more or less, depending on screen size */
  max-width: 500px;
}

.payment-money-back-dialog,
#imverse.content .payment-money-back-dialog {
  max-width: 900px;
  width: 80%; /* Could be more or less, depending on screen size */
  height: 450px;
}

.payment-money-back-icon,
#imverse.content .payment-money-back-icon {
  margin-bottom: 33px;
  margin-top: 10px;
}

.payment-money-back-dialog-text,
#imverse.content .payment-money-back-dialog-text {
  margin-top: 24px;
}

#payment-close-cross {
  text-align: right;
  font-size: 30px;
  margin: 5px 15px 5px 5px;
}

#payment-close-cross a,
#imverse.content #payment-close-cross a {
  text-decoration: none;
  box-shadow: none;
}

#payment-close-cross a:link,
#imverse.content #payment-close-cross a:link {
  text-decoration: none;
  box-shadow: none;
}

#payment-close-cross a:visited,
#imverse.content #payment-close-cross a:visited {
  text-decoration: none;
  box-shadow: none;
}

#payment-close-cross a:hover,
#imverse.content #payment-close-cross a:hover {
  text-decoration: none;
  box-shadow: none;
}

#payment-close-cross a:active,
#imverse.content #payment-close-cross a:active {
  text-decoration: none;
  box-shadow: none;
}
.payment-modal-elements,
#imverse.content .payment-modal-elements {
  padding: 0px 30px 30px 30px;
}

.support-modal-content,
#imverse.content .support-modal-content {
    background-color: #ffffff;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: solid 1px #3c93ff;
    width: 80%; /* Could be more or less, depending on screen size */
    max-width: 800px;
}

.support-modal-content textarea,
#imverse.content .support-modal-content textarea {
  width: 100%;
}

.payment-dialog-buttons,
#imverse.content .payment-dialog-buttons {
  padding-top: 20px;
}

.payment-top-div,
#imverse.content .payment-top-div {
  width: 786px;
  margin: 0 auto;
}

.payment-top-block,
#imverse.content .payment-top-block {
  width: 110px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.8px;
}

.payment-top-dot,
#imverse.content .payment-top-dot {
  height: 30px;
  width: 30px;
  border: solid 1px #252525;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 11px;
}

.payment-top-dot-blue,
#imverse.content .payment-top-dot-blue {
  height: 30px;
  width: 30px;
  background-color: #0f92ff;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 11px;
}

.payment-top-text,
#imverse.content .payment-top-text {
  color: #000000;
}

.payment-top-text-blue,
#imverse.content .payment-top-text-blue {
  color: #3c93ff;
}

.payment-top-line,
#imverse.content .payment-top-line {
  width: 218px;
  height: 1px;
  margin-bottom: 41px;
  border-top: solid 1px #252525;
  display: inline-block;
}

.payment-top-line-blue,
#imverse.content .payment-top-line-blue {
  width: 218px;
  height: 1px;
  margin-bottom: 41px;
  border-top: solid 1px #0f92ff;
  display: inline-block;
}

@media screen and (max-width: 767px) {
    .payment-content,
    #imverse.content .payment-content {
      padding: 0px;
    }
}

@media screen and (max-width: 500px) {
  .happyforms-part--recaptcha > div > div {
    transform: scale(0.75);
    transform-origin: 0 0;
  }
}