@charset "UTF-8";

.v-text-field__slot input {
  text-align: left;
}

#starshine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height:fit-content;*/
  z-index: 1;
  overflow: hidden;
}

.shine {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAMAAACJuGjuAAADAFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/LkhhAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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);
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 2;
  color: tansparent;
  -moz-opacity: 0.0;
  opacity: 0.0;
  animation: glitter 6s linear 0s infinite normal;
  -webkit-animation: glitter 6s linear 0s infinite normal;
  -moz-animation: glitter 8s linear 0s infinite normal;
  -ms-animation: glitter 8s linear 0s infinite normal;
  -o-animation: glitter 8s linear 0s infinite normal;
}

.shine.small {
  width: 20px;
  height: 20px;
}

.shine.medium {
  width: 30px;
  height: 30px;
}

.shine.large {
  width: 50px;
  height: 50px;
}

.ccsright {
  text-align: right;
}

.csscenter {
  text-align: center;
}

html {
  -webkit-text-size-adjust: none;
  /*touch-action: manipulation;*/
  -ms-touch-action: pan-x pan-y;
      touch-action: pan-x pan-y;
}

.v-snack__wrapper {
  width: 100% !important;
  max-width: none !important;
  min-width: none !important;
}

.copyright_new {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  color: #000;
  font-size: 13px;
}

.login_new {
  font-family: sans-serif !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#141e30), to(#243b55)) !important;
  background: linear-gradient(#141e30, #243b55) !important;
  background-repeat: repeat !important;
  background-size: cover !important;
}

.login-box {
  top: 50%;
  left: 50%;
  padding: 40px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6);
  border-radius: 10px;
}

.login-box h2 {
  margin: 0 0 30px;
  padding: 0;
  color: #fff;
  text-align: center;
}

.login-box .user-box {
  position: relative;
}

.login-box .user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
}

.login-box .user-box label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  pointer-events: none;
  -webkit-transition: .5s;
  transition: .5s;
}

.login-box .user-box input:focus ~ label,
.login-box .user-box input:valid ~ label {
  top: -20px;
  left: 0;
  color: #03e9f4;
  font-size: 12px;
}

.login-box form a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #03e9f4;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  margin-top: 40px;
  letter-spacing: 4px;
}

.login-box a:hover {
  background: #03e9f4;
  color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px #03e9f4,
 0 0 25px #03e9f4,
 0 0 50px #03e9f4,
 0 0 100px #03e9f4;
          box-shadow: 0 0 5px #03e9f4,
 0 0 25px #03e9f4,
 0 0 50px #03e9f4,
 0 0 100px #03e9f4;
}

.login-box a span {
  position: absolute;
  display: block;
}

.login-box a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#03e9f4));
  background: linear-gradient(90deg, transparent, #03e9f4);
  /*animation: btn-anim1 1s linear infinite;*/
}

@-webkit-keyframes btn-anim1 {
  0% {
    left: -100%;
  }

  50%, 100% {
    left: 100%;
  }
}

@keyframes btn-anim1 {
  0% {
    left: -100%;
  }

  50%, 100% {
    left: 100%;
  }
}

.login-box a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#03e9f4));
  background: linear-gradient(180deg, transparent, #03e9f4);
  /*animation: btn-anim2 1s linear infinite;
  animation-delay: .25s*/
}

@-webkit-keyframes btn-anim2 {
  0% {
    top: -100%;
  }

  50%, 100% {
    top: 100%;
  }
}

@keyframes btn-anim2 {
  0% {
    top: -100%;
  }

  50%, 100% {
    top: 100%;
  }
}

.login-box a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(#03e9f4));
  background: linear-gradient(270deg, transparent, #03e9f4);
  /* animation: btn-anim3 1s linear infinite;
  animation-delay: .5s*/
}

@-webkit-keyframes btn-anim3 {
  0% {
    right: -100%;
  }

  50%, 100% {
    right: 100%;
  }
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }

  50%, 100% {
    right: 100%;
  }
}

.login-box a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#03e9f4));
  background: linear-gradient(360deg, transparent, #03e9f4);
  /*  animation: btn-anim4 1s linear infinite;
  animation-delay: .75s*/
}

@-webkit-keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }

  50%, 100% {
    bottom: 100%;
  }
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }

  50%, 100% {
    bottom: 100%;
  }
}

.help_text {
  font-size: 10px;
  font-style: italic;
  color: red;
  padding-bottom: 5px;
}

.bailimg {
  margin: 10px;
}

@media only screen and (min-width: 360px) and (max-width: 768px) {
  .font3d1 {
    margin-top: 60px;
    width: 98%;
    height: auto;
    top: 50%;
    right: 50%;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4), 1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2), 1px 30px 60px rgba(16, 16, 16, 0.4);
  }

  .h-div {
    height: 300px !important;
  }

  .caja-texto {
    padding-top: 100px !important;
  }

  .stage,
  .stage1,
  .stagea,
  .stage1a {
    height: 200px !important;
  }

  .altura_conte {
    height: 315px;
  }

  input[type="radio"] + label > img {
    border: 1px dashed #444;
    width: 100px !important;
    height: 100px !important;
    -webkit-transition: 500ms all;
    transition: 500ms all;
  }

  .marg_note {
    margin-top: 15px;
  }

  #starshine {
    height: 250px;
  }

  .wrap {
    height: 60vh !important;
    min-height: 400px !important;
    max-height: 80vh !important;
    padding: 10px !important;
  }

  .mybox {
    height: 40px !important;
    padding-top: 8px !important;
    padding-left: 3px !important;
    margin-bottom: 15px !important;
    font-size: 12px !important;
  }

  .v-card {
    margin-bottom: 10px !important;
  }

  .v-card-text {
    padding: 8px !important;
  }

  .v-flex[id^="img"] {
    min-height: 60px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media only screen and (min-width: 800px) and (max-width: 1090px) {
  .font3d1 {
    width: 98%;
    margin-top: 60px;
    height: auto;
    top: 50%;
    right: 50%;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4), 1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2), 1px 30px 60px rgba(16, 16, 16, 0.4);
  }

  .contsize {
    height: 325px;
  }

  .stage,
  .stage1 {
    height: 300px !important;
  }

  #starshine {
    height: 350px;
  }

  .altura_conte {
    height: 600px;
  }

  .marg_note {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1601px) {
  .h-div {
    height: 600px !important;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1600px) {
  .font3d1 {
    width: 98%;
    margin-top: 80px;
    height: auto;
    top: 50%;
    right: 50%;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4), 1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2), 1px 30px 60px rgba(16, 16, 16, 0.4);
  }

  .h-div {
    height: 450px !important;
  }

  .container_good {
    margin-top: 10px;
    height: 580px;
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px, rgba(0, 0, 0, 0.3) 0px 18px 36px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px, rgba(0, 0, 0, 0.3) 0px 18px 36px;
  }

  .stage,
  .stage1 {
    height: 450px !important;
  }

  #starshine {
    height: 450px;
  }

  .altura_conte {
    height: 420px;
  }
}

@media only screen and (min-width: 1601px) {
  .altura_conte {
    height: 420px;
  }
}

.w100 {
  width: 100%;
}

.textfont3d {
  height: 400px;
}

.font_design_style {
  font-size: 12rem;
}

.container_good {
  margin-top: 10px;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px, rgba(0, 0, 0, 0.3) 0px 18px 36px;
          box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px, rgba(0, 0, 0, 0.3) 0px 18px 36px;
}

/*background app loyout*/

#csscontenedor_principal,
.loginbg {
  background: url("/img/backimgapp.jpg") no-repeat center center fixed;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
}

.logo-text {
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 68px;
  margin: 0 !important;
  font-weight: bold;
  text-decoration: none;
}

.logo-text:hover {
  text-decoration: none !important;
}

.btn-table a {
  font-size: 11px !important;
  font-weight: bold !important;
}

.td-table {
  width: 154px;
}

.btn-table .btn {
  padding: 3px 10px 4px !important;
}

.wraper-loading {
  position: relative;
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background-color: #fff;
  padding: 5px 10px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.loading p {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.loading img {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
}

.table-light thead tr th,
.table-light tbody tr td {
  color: #000 !important;
  border-bottom: 1px solid #000 !important;
}

.page-sidebar .page-sidebar-menu > li > a > .title {
  text-transform: uppercase;
}

/*.has-error{
    border-color: red !important;
}
.has-error:parent {
    border-color: red !important;
}
.bs-select:has(has-error) {
    border-color: red !important;
}*/

.user-login-5 .login-container > .login-content {
  margin-top: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.page-header.navbar .page-logo a {
  text-decoration: none;
}

.page-bar .page-breadcrumb > li > a {
  text-decoration: none;
}

.ul-errors {
  padding: 0 0 0 15px;
}

.login .content {
  background: rgba(17, 34, 80, 0.9);
}

.backstretch img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.inline-block {
  display: inline-block;
  margin-right: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-15 {
  margin-bottom: 15px;
}

.invoice-table p {
  margin: 0;
}

.table.invoice-table > tbody > tr > td {
  vertical-align: middle;
}

.table.invoice-table > tbody > tr > td.va-top {
  vertical-align: top;
}

.table {
  margin-bottom: 0;
}

.invoice-table tr td.inner-data {
  padding: 0 !important;
  border: none !important;
  vertical-align: top !important;
}

.wp-40 {
  width: 40%;
}

.wp-30 {
  width: 30%;
}

.invoice-table b {
  color: #602408 !important;
}

.bcollor {
  color: #000 !important;
  font-weight: bold;
}

span.underline {
  border-bottom: 2px solid #602408;
  font-weight: bold;
  color: #602408;
  padding: 0 5px;
  text-align: center;
  min-width: 30px;
  display: inline-block;
  vertical-align: bottom;
}

.pdftd {
  padding: 0 10px !important;
  border: 1px solid #000 !important;
  color: #000;
  font-family: 'Open Sans', Sans-serif;
  margin: 0;
}

.pcuston {
  padding: 10px !important;
}

.pdftd p {
  margin: 2.5px 0;
  font-size: 14px;
  line-height: 1;
  padding: 0;
}

.pdftd p.pmore {
  margin: 5px 0;
}

.pdftd p.pmore1 {
  margin: 3px 0;
}

span.underlineb {
  border-bottom: 1px solid #000;
  font-weight: bold;
  color: #000;
  padding: 0 10px;
  text-align: center;
  min-width: 30px;
  display: inline-block;
  vertical-align: bottom;
}

label span.error {
  color: red;
  font-weight: bold;
  margin: 0 0 0 5px;
}

.fancybox-overlay-fixed {
  z-index: 9999;
}

.fancybox-opened {
  z-index: 99999;
}

.dropzone .dz-preview {
  display: block;
  margin: 0;
}

.dropzone .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.dropzone .dz-preview .dz-image {
  width: auto;
  height: 250px;
  display: inline-block;
}

.dz-remove {
  width: 100%;
}

.image-header {
  margin: 20px 0 10px;
}

.table .btn {
  margin-right: 0;
}

.dz-preview a {
  cursor: pointer;
  display: block;
}

.search-ma {
  margin-bottom: 10px;
}

.search-ma p {
  margin: 0;
  line-height: 34px;
}

.dz-remove {
  margin: 0 auto 25px;
}

.siggy canvas {
  display: block;
  margin: 0 auto;
  border: 2px dotted black;
}

.datepicker.dropdown-menu {
  z-index: 9999;
}

.bootstrap-select .dropdown-menu {
  z-index: 9999 !important;
}

.inumbers p {
  margin: 0;
  text-align: right;
}

.table-bordered > tbody > tr > td,
.table-bordered thead > tr > th {
  line-height: 26px !important;
  min-height: 36px;
}

input[aria-invalid="true"],
textArea[aria-invalid="true"] {
  border: 1px solid #f66e84 !important;
}

.StripeElement,
.InputElement {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;
  -webkit-box-shadow: 0 1px 3px 0 #e6ebf1;
          box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  -webkit-transition: -webkit-box-shadow 150ms ease;
  transition: -webkit-box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease, -webkit-box-shadow 150ms ease;
}

.StripeElement--focus,
.InputElement--focus {
  -webkit-box-shadow: 0 1px 3px 0 #cfd7df;
          box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid,
.InputElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill,
.InputElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.mt-element-step .step-thin .mt-step-title {
  font-size: 18px;
}

.lineactions {
  border: 1px solid #eee;
  margin: 30px 0;
}

.form-control-custon {
  height: auto;
  min-height: 34px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
  margin-right: 0 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu::after,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu::before {
  margin-right: 0 !important;
}

@media only screen and (max-width: 1023px) {
  .user-login-5 .login-container > .login-content {
    margin-top: 60px;
    position: static;
    top: auto;
    -webkit-transform: none;
            transform: none;
  }

  .font_design_style {
    font-size: 13rem;
  }
}

.astyle {
  width: 74px;
}

@media only screen and (max-width: 768px) {
  .order-list {
    padding: 0 30px;
  }

  #btn-responsive {
    margin-top: 20px !important;
  }

  .btnstyle {
    margin-top: 5px;
  }

  .font_design_style {
    font-size: 10rem;
  }

  .contsize {
    height: 350px;
  }
}

.v-select {
  background-color: white;
}

.btn-print:hover {
  color: #fff;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}

.btn-print {
  color: #fff;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.btnp {
  border: 1px solid transparent !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.btn-email:hover {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #ac2925 !important;
}

.btn-email {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

@media (max-width: 765px) {
  .divservice {
    text-align: center;
  }

  .div-action {
    margin-bottom: 8px;
  }

  .positionfont {
    position: relative;
    left: 0em;
    top: 1em;
  }

  .contsize {
    height: 350px;
  }
}

.img-pdf {
  max-width: 100%;
  min-width: 100%;
}

.btnp {
  margin-right: 5px;
}

@media screen and (max-width: 442px) {
  .button-text {
    display: none;
  }

  #pvemail {
    margin: 0px 8px;
  }

  #owntbnfr {
    text-align: center !important;
    margin-top: 10px;
  }

  .positionfont {
    position: relative !important;
    left: 0em !important;
    top: 0.6em !important;
  }

  #contenedoradmin {
    background-image: url("/img/fondo1.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-size: cover;
  }

  .textfont3d {
    height: 200px !important;
  }

  .font_design_style {
    font-size: 4rem;
  }

  .mybox {
    padding-top: 5px !important;
    background-color: #112550;
  }

  .contsize {
    height: 250px;
  }

  .wrap {
    height: 50vh !important;
    min-height: 300px !important;
    max-height: 70vh !important;
    padding: 5px !important;
  }

  .mybox {
    height: 35px !important;
    padding-top: 6px !important;
    padding-left: 2px !important;
    margin-bottom: 10px !important;
    font-size: 11px !important;
  }

  .v-card-text {
    padding: 5px !important;
  }

  .v-flex[id^="img"] {
    min-height: 50px !important;
  }
}

#contenedoradmin {
  background-image: url("/img/fondo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: cover;
}

#contenedor_principal {
  max-height: 500px;
}

.headeradmin {
  background-color: #2196F3;
}

/*·3D*/

.pcolor {
  background: #bfbfbf;
}

.font3d {
  color: #FFF;
  font-size: 60px;
  line-height: 1em;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-shadow: 0 1px 0 #ababab, 0 2px 0 #a6a5a5, 0 3px 0 #a0a0a0, 0 4px 0 #9b9b9b, 0 5px 0 #969696, 0 6px 0 #919191, 0 7px 0 #8c8c8c, 0 8px 0 #878787, 0 0 5px rgba(183, 148, 148, 0.05), 0 -1px 3px rgba(183, 148, 148, 0.2), 0 9px 9px rgba(183, 148, 148, 0.3), 0 12px 12px rgba(183, 148, 148, 0.3), 0 15px 15px rgba(183, 148, 148, 0.3);
}

.ryan {
  background-color: #c4c4c4;
}

.font3d1 {
  width: 98%;
  height: auto;
  top: 50%;
  right: 50%;
  font-weight: 700;
  color: #f5f5f5;
  text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4), 1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2), 1px 30px 60px rgba(16, 16, 16, 0.4);
}

.pcolorok {
  background-color: #c4c4c4 !important;
}

.theme--light.v-stepper {
  background: transparent !important;
  border-radius: 20px !important;
}

/*html,
body
{
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

body
{
    background-color: #d0d0d0;
    color: #444;
    text-align: center;
    font-family: 'Open Sans';
    font-weight: 300;
    line-height: 1em;
}

h1
{
    font-size: 2.5em;
    margin: 2em 0 .5em;
    font-family: 'Kreon', serif;
    font-weight: 300;
}*/

em,
strong {
  font-weight: 700;
}

.main {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.svg-text {
  position: relative;
  -webkit-transform: rotateX(30deg);
          transform: rotateX(30deg);
  font-size: 35em;
  font-family: 'dragon_is_comingregular', serif;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #f0f0f0;
  /*  &:hover
    {
        cursor: pointer;
        .svg-text__shaded__stroke
        {
            animation: offsetAnim ($duration * 7) ease-in-out infinite;
        }
    }*/
}

.svg-text__shaded {
  text-shadow: 0 1px 1px rgba(33, 33, 33, 0.15), 0 3px 10px rgba(33, 33, 33, 0.15), 0 3px 20px rgba(33, 33, 33, 0.35);
}

.svg-text__shaded__sub {
  font-size: .05em;
  font-family: 'Open Sans', sans-serif;
}

.svg-text__shaded__stroke {
  stroke-dasharray: 3em .5em;
  stroke-dashoffset: 0;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.svg-text .bold {
  font-size: .5em;
  font-family: 'Kreon', sans-serif;
  font-weight: 700;
}

/*.hover
{
    display: inline-block;
    color: white;
    font-size: 8em;
    font-family: 'dragon_is_comingregular';
    text-align: left;
    text-shadow:    0 .005em 0 $volumeColor,
                    0 .010em 0 $volumeColor,
                    0 .015em 0 $volumeColor,
                    0 .020em 0 $volumeColor,
                    0 .025em 0 $volumeColor,
                    0 .025em .02em rgba($baseColor, .25),
                    0 .028em .2em rgba($baseColor, .45);
    transform-origin: 50% 50%;
    transform: translate(1.75em, .45em) rotate(30deg);
}*/