.iconws {
  border: 1px solid green;
  margin-right: 50px;
  width: 99px;
  height: 63px;
  /*border: 1px solid purple;*/
}
body {
  overflow-x: hidden;
  font-family: "Open Sans", "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-family: "Open Sans","Roboto";*/
  font-size: 14px;
  line-height: 24px;
  color: #666;
  background-color: #fff;
  /*border: 1px solid purple;*/
}
h2 {
  font-size: 30px;
  margin-bottom: 20px;
  /*border: 1px solid purple;*/
}
section .text-center h2 {
  font-size: 40px;
}
section {
  padding: 55px 0;
}
.load {
  position: fixed;
  overflow-y: hidden;
  width: 100%;
  height: 100vh;
  background-color: #000;
  /*border: 3px solid yellow;*/
  justify-content: center;
  align-items: center;
  z-index: 100000;
}
.preload {
  /*background: black;*/
  left: calc(50% - 35px);
  top: calc(50% - 35px);
  position: absolute;
  display: inline-block;
  padding: 40px;
  border-radius: 50%;
  animation: rotate 0.7s linear infinite;
  -webkit-animation: rotate 0.7s linear infinite;
  -moz-animation: rotate 0.7s linear infinite;
  -o-animation: rotate 0.7s linear infinite;
  -ms-animation: rotate 0.7s linear infinite;
  background: linear-gradient(90deg, black 0%, red 53%);
  background: -webkit-linear-gradient(90deg, black 0%, red 53%);
  background: -moz-linear-gradient(90deg, black 0%, red 53%);
  background: -o-linear-gradient(90deg, black 0%, red 53%);
  background: -ms-linear-gradient(90deg, black 0%, red 53%);
  z-index: 100000;
  /*border: 3px solid white;*/
}
.preload::after {
  content: " ";
  background: black;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-radius: 50%;
  margin: 5px;
  z-index: 100000;
}
.load img {
  position: absolute;
  left: calc(50% - 95px);
  top: calc(70% - 28.28px);
  width: 200px;
  /*justify-content: center;*/
  /*align-items: center;*/
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.heading {
  font-size: 14px;
  padding-bottom: 45px;
}
.heading h2 {
  font-size: 26px;
}
.seperator {
  background-color: #e41919;
  width: 35%;
  height: 6px;
  margin: 0 auto;
}
.form-control:focus {
  border-color: #e95a44;
  box-shadow: inset 0 1px 1px rgb(233 90 68 / 8%), 0 0 8px rgb(14 229 237);
}
#map {
  width: 100%;
  height: 400px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.navbar-custom {
  background-color: #222222;
  border-color: transparent;
  padding-top: 5px;
  /*border: 1px solid purple;*/
}

.navbar-custom .navbar-brand {
  color: white;
  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  background-color: #e41919; /*#e41919*/
  border-radius: 4px; /*3px*/
  color: white;
  /*border: 1px solid purple;*/
}
.navbar-custom .navbar-brand:focus {
  color: white;
}
.navbar-custom .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.02);
}
.navbar-custom .navbar-toggle {
  /*background-color: #e41919;*/
  border-color: transparent;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*text-transform: uppercase;*/
  color: white;
  margin-top: 10px;
  font-size: 12px;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-custom .nav li a {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*text-transform: uppercase;*/
  font-weight: 400;
  letter-spacing: 1px;
  color: white;
  margin-top: 10px;
  /**/
  /*border-bottom: 4px solid #e41919;*/
}
.navbar-custom .nav li a:focus {
  color: white;
  outline: none;
  border-radius: 4px; /*3px*/
}
.navbar-custom .nav li a:hover {
  color: #e41919;
  border-radius: 4px; /*3px*/
}
.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;
  color: white;
  background-color: transparent;
  border-bottom: 4px solid #e41919;
}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #e41919;
  background-color: transparent;
}

@media (min-width: 768px) {
  /*aca android*/
  .navbar-custom {
    /*background-color: transparent;*/
    background-color: #222222c2;
    padding: 20px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
    /*border: 1px solid purple;*/
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom .navbar-nav > .active > a {
    border-radius: 4px; /*3px*/
  }
}

@media (min-width: 768px) {
  /*aca android*/
  .navbar-custom.affix {
    background-color: rgba(34, 34, 34, 0.99);
    background-color: #222222;
    padding: 10px 0;
    /*border: 1px solid purple;*/
  }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }
}

/*============================
HEADER SECTION STYLES
==============================*/
header .intro-text {
  padding-top: 150px;
  padding-bottom: 200px;
}
header .intro-text .intro-lead-in {
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 25px;
}
header .intro-text .intro-heading {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*text-transform: uppercase;*/
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  /*aca android*/
  header .intro-text {
    padding-top: 200px;
    padding-bottom: 170px;
  }
  header .intro-text .intro-lead-in {
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  header .intro-text .intro-heading {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
    font-weight: 700;
    font-size: 75px;
    line-height: 75px;
    margin-bottom: 50px;
  }
}

/*============================
 /.HEADER SECTION STYLES
==============================*/
/* ==============================
BUTTON STYLES
============================== */

.register-button {
  padding: 10px 30px;
  color: #666;
}
.register-button:hover {
  border-radius: 3px;
  color: white;
  background: #333;
}

.log-button {
  border-radius: 20px;
  border: 1px #e41919 solid;
  text-decoration: none;
  padding: 10px 30px;
  color: white;
  /*background: #555;*/
  background: #e41919;
  box-shadow: 0px 0px 8px #e41919;
  /*border: 1px solid purple;*/
}
.log-button:hover {
  text-decoration: none;
  border-radius: 20px;
  color: white;
  background: #e41919;
}
.btn-hot a:hover {
  text-decoration: none;
  box-shadow: 0px 0px 8px #e41919;
}
.btn-mod,
a.btn-mod {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 13px;
  color: #fff;
  background: rgba(34, 34, 34, 0.9);
  border: 2px solid transparent;
  font-size: 11px;
  font-weight: 400;
  /*text-transform: uppercase;*/
  text-decoration: none;
  letter-spacing: 2px;

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  outline: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-mod:active {
  cursor: pointer !important;
  outline: none !important;
}

.btn-mod.btn-large {
  height: auto;
  font-size: 15px;
  margin-left: 10px;
  margin-top: 5px;
}

.btn-mod.btn-border-w {
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.75);
  background: transparent;
}
.btn-mod.btn-border-w:hover,
.btn-mod.btn-border-w:focus {
  color: #111;
  border-color: transparent;
  background: #fff;
}

.btn-mod.btn-red {
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.75);
  background: #e41919;
}
.btn-mod.btn-red:hover,
.btn-mod.btn-red:focus {
  color: #fff;
  background: #e41919;
}

.btn-mod.btn-blue {
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.75);
  background: transparent;
}
.btn-mod.btn-blue:hover,
.btn-mod.btn-blue:focus {
  color: #fff;
  background: #2000ff;
}

.btn-mod.btn-circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.btn-mod.btn-round {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/* ==============================
 /.BUTTON STYLES
============================== */

/*============================
SERVICES SECTION STYLES
==============================*/
#services .seperator {
  margin-bottom: 15px;
}

.service-icon {
  background-color: #e95a44;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 36px;
  height: 90px;
  line-height: 90px;
  /*width: 90px;*/
  font-size: 20px; /*30px;*/
  height: 65px;
  line-height: 62px;
  width: 100%; /*65px; 100%*/
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  /*border: 1px solid purple;*/
}

.our-services .col-sm-4:hover .service-icon {
  background-color: #333;
}

.our-services .col-sm-4 {
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 50px;
}

.our-services .col-sm-4:nth-child(4),
.our-services .col-sm-4:nth-child(5),
.our-services .col-sm-4:nth-child(6) {
  border-bottom: 0;
  padding-top: 60px;
  padding-top: 0;
}

.our-services .col-sm-4:nth-child(3),
.our-services .col-sm-4:nth-child(6) {
  border-right: 0;
}

.service-info h3 {
  margin-top: 35px;
  font-size: 20px;
}
.our-services .col-sm-4 {
  margin-bottom: 32px;
  padding-bottom: 20px;
}

.our-services .col-sm-4:hover .service-icon:before {
  height: 90px;
  width: 90px;
}
/*============================
PORTFOLIO SECTION STYLES
==============================*/
.work {
  background: #efefef;
}
#portfolio .container {
  position: relative;
  margin: 0 auto;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  font-size: 12px;
  font-family: Helvetica, Arial, Verdana;
}
.work-inner .mix {
  display: none;
}

ul.work {
  padding: 0;
  list-style: none;
  margin-top: 30px;
  margin-left: 8px;
  margin: 1%;
}

ul.work li {
  margin: 0 8px;
  /*text-transform: uppercase;*/
  font-size: 16px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  float: left;
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  color: #666;
}

ul.work li:hover {
  color: #ff5252;
  border: none;
}

ul.work li.active {
  background: #e95a44;
  color: #fff;
  border: none;
}

.work .item {
  margin-top: 30px;
  position: relative;
  /*background: black;*/
}

.work .item img {
  width: 100%; /*100%*/
  /*border: 1px solid purple;*/
}

.portfolio-caption {
  color: #ff5252;
}

.portfolio-caption {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  height: 100%;
  width: 100%; /*100%*/
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  /*border: 1px solid purple;*/
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.portfolio-caption h4 {
  margin-top: 140px;
}

.work .item:hover .portfolio-caption {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

#portfolio h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 3px;
  /*text-transform: uppercase;*/
}

/*============================
 /.PORTFOLIO SECTION STYLES
==============================*/
/*============================
ABOUT SECTION STYLES
==============================*/
.about-btn {
  margin-top: 13px;
  background-color: #e41919;
  color: #fff;
}

.about-btn:hover {
  background-color: #b30b0b;
  color: #fff;
}

.about-btn::focus {
  background-color: #b30b0b;
  color: #fff;
}
/*============================
 /.ABOUT SECTION STYLES
==============================*/

/*============================
TESTIMONIAL SECTION STYLES
==============================*/
.testimonials {
  /*background-image: url(../img/testimonial/bg.html);*/
  background-attachment: fixed;
  padding: 50px 0;
  position: relative;
}
.testimonial-meta {
  text-align: center;
}
.star i {
  color: yellow;
}
.testimonials-text::after {
  content: "\201D";
  font-size: 40px;
  vertical-align: middle;
  margin-left: 10px;
}
.testimonials-text::before {
  content: "\201C";
  font-size: 40px;
  vertical-align: middle;
  margin-right: 10px;
}
.customer-meta {
  color: #ddd;
  margin: 0;
}
.testimonials-overlay {
  background: rgba(34, 34, 34, 0.71);
  width: 100%; /*100%*/
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid purple;
}
.testimonials-image {
  padding: 30px 0;
}
.testimonials-image img {
  margin: auto;
  display: block;
  border-radius: 50%;
  height: auto;
  width: 80px;
}
p.testimonials-text {
  text-align: center;
  color: #fff;
  padding: 0 5%;
  font-size: 18px;
  line-height: 30px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
  background: #ffffff;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px 4px;
  filter: Alpha(Opacity=50);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border: 1px solid white;
  border-radius: 20px;
  background: rgba(134, 151, 145, 0);
}
/*============================
 /.TESTIMONIAL SECTION STYLES
==============================*/

.iframe-video {
  display: flex;
  /*border: 1px solid red;*/
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
}
.iframe {
  position: relative;
}

/*============================
COUNTER SECTION STYLES
==============================*/
.number-icon i {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.counter-hover:hover i {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.number-icon i {
  color: #fff;
  font-size: 55px;
}
hr.number-line {
  border: 1px solid white;
  max-width: 50px;
}
.number-number {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  margin: 10px 0 -10px 0;
}
.number-desc {
  color: #fff;
  font-weight: 700;
  margin-top: -10px;
  margin-bottom: 0;
}
.number {
  text-align: center;
}
.counter {
  text-align: center;
}
.xcalibur {
  box-shadow: 0 0 15px rgb(0 0 0 / 57%);
  width: 85%;
  border-radius: 1.5rem;
}
.counter-box-1 {
  display: inline-flex;
  align-items: center;
  height: 300px;
  background-color: #ff7474;
  /*margin-bottom: 0px;*/
}
.counter-box-2 {
  display: inline-flex;
  align-items: center;
  height: 300px;
  background-color: #ef4848;
  /*margin-bottom: 0px;*/
}
.counter-box-3 {
  display: inline-flex;
  align-items: center;
  height: 300px;
  background-color: #b30b0b;
  /*margin-bottom: 0px;*/
}
.counter-box-4 {
  display: inline-flex;
  align-items: center;
  height: 300px;
  background-color: #8c0000;
  /*margin-bottom: 0px;*/
}
.counter-items {
  margin: auto;
}
/*redes*/
.tablet-0 {
  display: flex;
  width: 70%;
  padding-left: 25px;
  padding-right: 25px;
}
.xcalibur {
  width: 85%;
  /*border-radius: 1.5rem;*/
}
.xcaliburlogo {
  width: 50%;
  /*border-radius: 1.5rem;*/
  /*border: 1px solid blue;*/
}
.xcaliburlogoyou {
  width: 48%;
  /*border-radius: 1.5rem;*/
  /*border: 1px solid blue;*/
}
.xcaliburlogotk {
  width: 45%;
  padding-bottom: 15px;
  border-radius: 1.5rem;
  /*border: 1px solid blue;*/
}
.xcaliburlogoody {
  width: 60%; /*70 38*/
  /* padding-bottom: 15px; */
  border-radius: 1.4rem;
  padding: 0;
  margin: 0;
}
.roundedx {
  /*border: 1px solid red;*/
  padding-left: 20px; /* 80 70*/
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  width: 100%;
}
.counter-box-1 {
  display: inline-flex;
  align-items: center;
  height: 300px;
  background-color: #ff7474;
  /*margin-bottom: 0px;*/
}
.counter-box-2 {
  display: inline-flex;
  align-items: center;
  height: 300px;
  background-color: #ef4848;
  /*margin-bottom: 0px;*/
}
.counter-box-3 {
  display: inline-flex;
  align-items: center;
  height: 300px;
  background-color: #b30b0b;
  /*margin-bottom: 0px;*/
}
.counter-box-4 {
  display: inline-flex;
  align-items: center;
  height: 300px;
  background-color: #8c0000;
  /*margin-bottom: 0px;*/
}
@media screen and (max-width: 750px) {
  .walla-vod {
    flex-direction: column;
  }
  .walla-vod0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .xcalibur {
    width: 80%;
    margin: 10%;
  }
  .tablet-0 {
    display: flex;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
  .vod-slice {
    padding-bottom: 0px;
  }
  .walla-vod0 {
    margin-bottom: 0px;
  }
  .list-column {
    flex-direction: column;
  }
  /**/
  .navbar-custom .navbar-nav > .active > a {
    border-radius: 0;
    color: #e41919;
    background-color: transparent;
    border-bottom: 4px solid transparent;
  }
  .navbar-custom .navbar-nav > .active > a:hover,
  .navbar-custom .navbar-nav > .active > a:focus {
    color: #e41919;
    background-color: transparent;
  }
  .number {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 560px) {
  .roundedx {
    /*border: 1px solid red;*/
    padding-left: 0px;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    /*  */
    width: 100%;
  }
  .picturesxc {
    display: flex;
    justify-content: center;
  }
  .xcaliburlogo {
    width: 70%;
    /*border-radius: 1.5rem;*/
    /*border: 1px solid blue;*/
  }
  .xcaliburlogoyou {
    width: 65%;
    /*border-radius: 1.5rem;*/
    /*border: 1px solid blue;*/
  }
  .xcaliburlogotk {
    width: 65%;
    padding-bottom: 15px;
    border-radius: 1.5rem;
    /*border: 1px solid blue;*/
  }
  .vod-slice {
    padding-bottom: 0px;
  }
  .walla-vod0 {
    margin-bottom: 0px;
  }
  .colunmxz {
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    /*width: 90%;*/
    /*overflow: hidden;*/
  }
}

/*IE9 Hack*/
:root .counter-items {
  margin-top: 82px \;;
}
/*============================
 /.COUNTER SECTION STYLES
==============================*/
/*============================
PRICING SECTION STYLES
==============================*/
.pricing {
  /*display: -webkit-flex;
	display: flexbox;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;*/
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%; /*100%*/
  margin: 0 auto 3em;
}
.pricing-item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: center;
  -webkit-flex: 0 1 330px;
  flex: 0 1 330px;
}
.pricing-feature-list {
  text-align: left;
}
.pricing-action {
  color: inherit;
  border: none;
  background: none;
}
.pricing-action:focus {
  outline: none;
}
.pricing-umg .pricing-item {
  font-family: "Alegreya Sans", sans-serif;
  padding: 2em 3em;
  margin: 1em;
  color: #262b38;
  background: #fff;
  cursor: default;
  overflow: hidden;
  border-radius: 1.5rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.57);
  width: auto;
}
.pricing-umg .pricing-item:hover {
  color: #fff;
  background: #555; /*color de los planes #525 #e41919*/
}

@media screen and (min-width: 66.25em) {
  /*aca android*/
  .pricing-umg .pricing-item {
    margin: 1.5em 20px;
  }
  .pricing-umg .pricing-item--featured {
    z-index: 10;
    margin: 0;
    font-size: 1.15em;
  }
}

.container {
  width: 1370px;
}

.pricing-umg .pricing-title {
  font-size: 2em;
  margin: 0.5em 0 0;

  border-bottom: 3px solid;
  padding: 0 0 0.5em;
}

.pricing-umg .icon {
  display: inline-block;
  min-width: 2em;
  color: #8a9790;
  vertical-align: middle;
}

.pricing-umg .pricing-price {
  font-size: 5em;
  font-weight: 800;
  color: #e06060;
  position: relative;
  z-index: 100;
}

.pricing-umg .pricing-currency {
  font-size: 0.5em;
  vertical-align: super;
}

.pricing-umg .pricing-period {
  font-size: 0.25em;
  display: inline-block;
  padding: 0 0 0 0.5em;
  color: #ceded6;
}

.pricing-umg .pricing-sentence {
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: 1.5em 0 0.75em;
  color: #e06060;
}

.pricing-umg .pricing-feature-list {
  font-size: 0.95em;
  margin: 0;
  padding: 1.5em 0.5em 2.5em;
  list-style: none;
}

.pricing-umg .pricing-feature {
  padding: 0.15em 0;
}

.pricing-umg .pricing-action {
  font-weight: bold;
  margin-top: auto;
  padding: 1em 2em;
  color: #fff;
  border-radius: 5px;
  background: #e06060;
  padding: 0.75em 2em;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
}
.pricing-umg .pricing-item:hover .pricing-action {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pricing-umg .pricing-action:hover,
.pricing-umg .pricing-action:focus {
  background-color: #bd3c3c;
}
/*============================
 /.PRICING SECTION STYLES
==============================*/
/*============================
TEAM SECTION STYLES
==============================*/

.team-wrapper {
  overflow-x: hidden;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transform: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-bottom: 30px;
}
.team-wrapper:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.team-wrapper .team-inner {
  background-size: cover;
  background-position: center;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  padding: 150px 0 10px;
  /*background-image: url('../img/girl-big.jpg');*/
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;

  /*border-top: 1px solid rgb(228, 79, 79);
border-right: 1px solid rgb(228, 79, 79);
border-left: 1px solid rgb(228, 79, 79);*/
  border-radius: 10px 10px 0px 0px;
}

.team-wrapper > .team-inner > a {
  /*color: rgb(228, 79, 79);*/
  color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0 auto -50px;
  display: block;
  /*color: rgb(228, 79, 79);*/
  z-index: 999;
  font-size: 25px;
  padding: 28px 0px;
  text-align: center;
  /*background-color: #fff;*/
  background-color: rgb(228, 79, 79);
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.team-wrapper > .team-inner > a:hover {
  /*color: #fff;*/
  color: rgb(228, 79, 79);
  text-decoration: none;
  background-color: #fff;
  /*background-color: rgb(228, 79, 79);*/
}

.team-wrapper .description {
  padding: 30px 20px 20px;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;

  /*
border-top: 1px solid rgb(228, 79, 79);
border-right: 1px solid rgb(228, 79, 79);
border-left: 1px solid rgb(228, 79, 79);
border-bottom: 1px solid rgb(228, 79, 79);*/
}

.team-wrapper .description h5 {
  color: rgb(228, 79, 79);
}

#team .heading {
  padding-bottom: 45px;
}
/*============================
 /.TEAM SECTION STYLES
==============================*/

/*============================
CONTACT SECTION STYLES
==============================*/
#contact .fa {
  color: #e95a44;
}

#contact .btn-primary {
  color: #fff;
  background-color: #e95a44;
  border-color: #ef533c;
}

#contact .btn-primary:hover {
  color: #fff;
  background-color: #d2402a;
  border-color: #ef533c;
}
/*============================
 /.CONTACT SECTION STYLES
==============================*/

/*============================
MAP SECTION STYLES
==============================*/
#section-map {
  padding: 0px 0;
}
#map {
  margin-bottom: 0px;
}

/*============================
 /.MAP SECTION STYLES
==============================*/

/*============================
FOOTER SECTION STYLES
==============================*/
#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  background: #2e2e2e;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #d2402a;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0 -7.5px;
}
#footer ul > li {
  display: inline-block;
  margin: 0 7.5px;
}
@media only screen and (min-width: 768px) {
  /*aca android*/
  #footer .social-icons {
    float: right;
  }
}
.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
}
/*============================
 /.FOOTER SECTION STYLES
==============================*/

.dropdown-menu {
  background-color: #efefef;
}

/* .container {
  width: 100%;
} */

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #bec1c5;
}

.itemDropdown {
  width: 100%; /*100%*/
  border: none;
}

.left-icon-holder {
  position: relative;
}

.left-icon-holder .fa {
  position: absolute;
  line-height: 24px;
  top: 50%;
  margin-top: -12px; /* Half of line height to keep left middle postion of container */
  left: 10px;
}

.bold {
  font-weight: bold;
}

.elementoCajaTransparente {
  height: 300px;
  display: inline-flex;
  align-items: center;
}

.elementoCajaTransparenteLista {
  height: 450px;
  display: inline-flex;
  align-items: center;
}

.elementoCajaAmarillo {
  /*background-color: #ff7e00;*/
  /*background-image: linear-gradient(180deg, #00BFE3 0%, #297FF2 100%);*/
  /*background-image: linear-gradient(180deg, #FF1818 0%, #830606 100%);*/
  background-image: linear-gradient(180deg, #ff1818 0%, #320202 100%);
  height: 300px;
  border-radius: 20px 20px 20px 20px;
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
}

.elementoCajaAzul {
  /*background-color: #2b95ff;*/
  /*background-image: linear-gradient(180deg, #00BFE3 0%, #297FF2 100%);*/
  /*background-image: linear-gradient(180deg, #FF1818 0%, #830606 100%);*/ /*#830606  #320202*/
  background-image: linear-gradient(180deg, #ff1818 0%, #320202 100%);
  height: 300px;
  border-radius: 20px 20px 20px 20px;
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
}

.elementoCajaMorado {
  /*background-color: #a87dff;*/
  /*background-image: linear-gradient(180deg, #00BFE3 0%, #297FF2 100%);*/
  /*background-image: linear-gradient(180deg, #FF1818 0%, #830606 100%);*/
  background-image: linear-gradient(180deg, #ff1818 0%, #320202 100%);
  height: 300px;
  /*width: 360px;*/
  border-radius: 20px 20px 20px 20px;
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
}
.elementoCajaMorado:hover {
  box-shadow: 0px 0px 8px black;
}
.elementoCajaAzul:hover {
  box-shadow: 0px 0px 8px black;
}
.elementoCajaAmarillo:hover {
  box-shadow: 0px 0px 8px black;
}

.cajaImagen {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 5px;
}

.cajaBoton {
  font-size: 15px;
  font-weight: 600;
  border: 1px #333 solid;
  margin-top: 60px;
  border-radius: 15px;
  padding: 5px;
  text-decoration: none;
  /*background-color: blue;*/
  width: 50%;
  justify-content: center;
}
.cajaBoton:hover {
  cursor: pointer;
  background-color: #333;
}

.cajaDescripcion {
  color: white;
  font-size: 12px;
}

.cajaBoton a {
  border: 1px transparent solid;
  /*padding-right: 101px;*/
  /*padding-left: 101px;*/
  padding-bottom: 6px;
  padding-top: 6px;
  border-radius: 15px;
  color: black;
  text-decoration: none;
}
.cajaBoton a:hover {
  color: white;
  text-decoration: none;
}
.control {
  margin-left: 40px;
  justify-content: right;
  border: 1px solid #666;
  outline: none !important;
  /**/
  padding-left: 15px;
  width: 60%;
  height: 40px;
}
input:hover {
  /*margin-left: 40px;*/
  /*justify-content: right;*/
  box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  -webkit-box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  -moz-box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  border: 1px solid rgb(50, 213, 250);
}
.is-valid {
  /*box-shadow: 0px 0px 25px -5px #05ff00c2;
	-webkit-box-shadow: 0px 0px 25px -5px #05ff00c2;
	-moz-box-shadow: 0px 0px 25px -5px #05ff00c2;
	border: 1px solid #00ff43;*/
  box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  -webkit-box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  -moz-box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  border: 1px solid rgb(50, 213, 250);
}
.is-invalid {
  box-shadow: 0px 0px 25px -5px #ff0000c2;
  -webkit-box-shadow: 0px 0px 25px -5px #ff0000c2;
  -moz-box-shadow: 0px 0px 25px -5px #ff0000c2;
  border: 1px solid #f00;
}
.is-invalid:hover {
  box-shadow: 0px 0px 25px -5px #ff0000c2;
  -webkit-box-shadow: 0px 0px 25px -5px #ff0000c2;
  -moz-box-shadow: 0px 0px 25px -5px #ff0000c2;
  border: 1px solid #f00;
}
.control-btn {
  color: #fff;
  justify-content: center;
  background: #e41919;
  border-radius: 10px;
  padding: 13px 28px;
  border: 1px solid #313131;
  /*box-sizing: border-box;*/
  transition: all 1s ease;
}
.control-btn:hover {
  /*box-shadow:0px 0px 8px #666;*/
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  /*box-sizing: border-box;*/
}
.label-form {
  /*margin-left: 10px;*/
  color: #5e5e5e;
  width: 190px;
}
.title-registro {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 55px;
}
.namepais {
  margin-left: 40px;
  width: 60%;
  height: 40px;
  outline: none !important;
  padding-left: 15px;
  /**/
  /*width: 80%;*/
  /*border: 1px solid rgb(50,213,250);*/
}
.namepais:hover {
  /*margin-left: 40px;*/
  /*width: 176px;*/
  /*height: 30px;*/
  /*outline: none !important;*/
  box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  -webkit-box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  -moz-box-shadow: 0px 0px 25px -5px rgba(50, 213, 250, 0.75);
  border: 1px solid rgb(50, 213, 250);
}
@media screen and (max-width: 450px) {
  .namepais {
    margin-left: 0px;
    /**/
    width: 100%;
    height: 40px;
  }
  .control {
    margin-left: 0px;
    /**/
    width: 100%;
    height: 40px;
  }
  .container {
    width: 100%;
  }
}
.center {
  text-align: center;
  display: flex;
  /*height: 600px;*/
  /*border: 1px solid red;*/
  padding: 0px 25px;
  align-items: center;
  /*align-content: center;*/
  justify-content: center;
  /*justify-items: center;*/
  flex-direction: column;
}
.from {
  padding: 10px 20px;
}
.formclass {
  /*text-align: center;*/
  width: 80%;
  display: block;
  justify-content: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  /**/
  border: 1px solid red;
  padding: 30px;
  margin-top: 30px;
  border-radius: 30px;
  background: #fff;
}
@media screen and (max-width: 450px) {
  .formclass {
    width: 100%;
    padding: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
  }
  .center {
    padding: 0px 0px;
  }
  .container {
    width: 100%;
  }
}
.cajaDescFinal {
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
  margin-top: 15px;
}
/*.cajaDescFinal2{
	font-size: 12px;
    text-align: justify;
    line-height: 20px;
	margin-top: 15px;
}*/

.cajaIcono {
  color: red;
  font-size: 60px;
}

.elementoCajaTransparenteLista hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.elementoCajaTransparenteListaCanal hr {
  margin-top: 3px;
  margin-bottom: 3px;
  border-color: #e1e1e1;
}

.counter-box-transp {
  display: inline-flex;
  align-items: center;
  height: 200px;
  text-align: center;
}

.modresponsive {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media screen and (max-width: 750px) {
  .modresponsive {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .xcaliburlogoody {
    width: 70%; /*38*/
    /* padding-bottom: 15px; */
    border-radius: 1rem;
    padding: 0;
    margin: 0;
  }
}

.counter-box-transp .number-number {
  color: #eb0909;
  font-size: 60px;
}

.counter-box-transp .number-desc {
  margin-top: 30px;
  color: #fff;
  font-size: 20px;
}

#canales {
  /*background-image: url("../img/539290%20(1.html).jpg");*/
  /*background-image: url(../img/nouse/horizontal_img28.jpg);/*27*/
  /*background-image: url("assets/img/in2.webp");*/
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.canales {
  color: #777;
  margin-top: 40px;
}
.infoCanales {
  margin-top: 30px;
  color: #777;
  text-align: center;
  font-size: 11px;
  padding-bottom: 40px;
}
.elementoCajaTransparenteListaCanal {
  height: auto;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.elementoCajaTransparenteListaCanal p {
  font-size: 11px;
  margin: 0 0 5px;
}
.fa {
  color: red;
}

.deportes {
  text-align: center;
  background-image: url("../img/h.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.deportes-slide {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  justify-content: center;
  align-items: center;
}
.right-bot img {
  width: 130px;
  height: 50px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.clswiper {
  width: 90%;
  height: 500px;
  background-color: #000;
}
.right-deportes {
  display: grid;
  grid-template-rows: 1fr 1fr 0.5fr;
  /*justify-content: center;*/
  align-items: center;
}
.right-bot {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
}
.deporte-img9 {
  background-image: url("../img/fh15.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.deporte-img1 {
  background-image: url("../img/fh01.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.deporte-img2 {
  background-image: url("../img/fh02.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.deporte-img3 {
  background-image: url("../img/fh11.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.deporte-img4 {
  background-image: url("../img/fh04.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.deporte-img5 {
  background-image: url("../img/fh05.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.deporte-img6 {
  background-image: url("../img/fh06.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.deporte-img7 {
  background-image: url("../img/fh07.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.deporte-img8 {
  background-image: url("../img/fh16.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.clswrapper {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .deportes {
    text-align: center;
    background-image: url("../img/h.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deportes-slide {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
  }
  .clswiper {
    width: 100%;
    height: 750px;
  }
  .right-deportes {
    display: grid;
    grid-template-rows: 1fr 1fr 0.5fr;
    /*justify-content: center;*/
    align-items: center;
  }
  .right-bot {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*grid-template-columns: 1fr;*/
    justify-content: center;
    align-items: center;
  }
  .right-bot img {
    width: 100px;
    height: 50px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  }
  .deporte-img9 {
    background-image: url("../img/fv10.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deporte-img1 {
    background-image: url("../img/fv01.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deporte-img2 {
    background-image: url("../img/fv02.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deporte-img3 {
    background-image: url("../img/fv03.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deporte-img4 {
    background-image: url("../img/fv05.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deporte-img5 {
    background-image: url("../img/fv06.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deporte-img6 {
    background-image: url("../img/fv08.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deporte-img7 {
    background-image: url("../img/fv07.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .deporte-img8 {
    background-image: url("../img/fv06.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .clswrapper {
    width: 100%;
    height: 100%;
  }
}

/* .well-well{

} */
.well-02 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.well-03 {
  display: flex;
  justify-content: center;
  width: 100%;
}
.well-7 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-content: center;
  justify-items: center;
  /*flex-direction: column;*/
  width: 33%;
}
.Z4 {
  width: 160px;
  height: 90px;
}
@media screen and (max-width: 750px) {
  .well-03 {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-row-gap: 40px;
    justify-content: center;
    justify-items: center;
    width: 100%;
    margin-bottom: 25px;
  }
  .well-7 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-items: center;
    width: 80%;
  }
}
.message-w {
  position: absolute;
  right: 85px;
  bottom: 60px;
  width: 250px;
  background-color: rgba(34, 34, 34, 0.9);
  border-radius: 15px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
}
.message-w-show {
  opacity: 1;
  pointer-events: unset;
}

.modal-copyrt {
  position: fixed;
  display: flex;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 250;
  opacity: 0;
  pointer-events: none;
}
.modal-cont {
  width: 70%;
  /* height: 50%; */
  background-color: #fff;
  border-radius: 25px;
  display: grid;
  grid-template-rows: 0.5fr 10fr;
  justify-content: center;
  align-items: center;
  padding: 20px 15px;
}
.modal-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  background-color: #999;
  border-radius: 25px;
  cursor: pointer;
}
.modal-grid {
  display: grid;
  grid-template-rows: 1fr 4fr;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.modal-title {
  text-align: center;
}
.modal-descrp {
  text-align: justify;
  display: grid;
  grid-template-rows: 5fr 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
}
.modal-copyrt-show {
  opacity: 1;
  pointer-events: unset;
}
.credits:hover {
  color: #00ffff !important;
  text-decoration: none;
}
.credits2:hover {
  text-decoration: none;
  color: red !important;
}
@media screen and (max-width: 750px) {
  .modal-copyrt {
    position: fixed;
    display: flex;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 250;
    opacity: 0;
    pointer-events: none;
  }
  .modal-cont {
    width: 90%;
    height: 95%;
    background-color: #fff;
    border-radius: 25px;
    display: grid;
    grid-template-rows: 0.5fr 10fr;
    justify-content: center;
    align-items: center;
    padding: 20px 15px;
  }
  .modal-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #999;
    border-radius: 25px;
    cursor: pointer;
  }
  .modal-grid {
    display: grid;
    grid-template-rows: 0.5fr 4fr;
    justify-content: center;
    align-items: center;
    padding: 15px;
  }
  .modal-title {
    text-align: center;
  }
  .modal-descrp {
    text-align: justify;
    display: grid;
    grid-template-rows: 5fr 1fr;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }
  .modal-copyrt-show {
    opacity: 1;
    pointer-events: unset;
  }
}

.modal-sub {
  position: fixed;
  display: flex;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 250;
  opacity: 0;
  pointer-events: none;
}
.modal-sub-cont {
  width: 50%;
  /* height: 70%; */
  background-color: #fff;
  border-radius: 25px;
  display: grid;
  grid-template-rows: 0.5fr 10fr;
  justify-content: center;
  align-items: center;
  padding: 20px 15px;
}
.modal-close-sub {
  display: flex;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-color: #999;
  align-items: center;
  border-radius: 25px;
  cursor: pointer;
}
.modal-sub-descp {
  width: 100%;
  display: grid;
  grid-template-rows: 5fr 1fr;
  justify-content: center;
  align-items: center;
}
.modal-sub-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 15px;
}
.modal-sub-btn a {
  text-decoration: none;
  background-color: red;
  color: #fff;
  width: 150px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.modal-sub-btn a:hover {
  box-shadow: 0px 0px 8px #e41919;
}
.modal-sub-show {
  opacity: 1;
  pointer-events: unset;
}
@media screen and (max-width: 750px) {
  .modal-sub {
    position: fixed;
    display: flex;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 250;
    opacity: 0;
    pointer-events: none;
  }
  .modal-sub-cont {
    width: 90%;
    height: 90%;
    background-color: #fff;
    border-radius: 25px;
    display: grid;
    grid-template-rows: 0.5fr 10fr;
    justify-content: center;
    align-items: center;
    padding: 20px 15px;
  }
  .modal-close-sub {
    display: flex;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #999;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
  }
  .modal-sub-descp {
    width: 100%;
    display: grid;
    grid-template-rows: 5fr 1fr;
    justify-content: center;
    align-items: center;
  }
  .modal-sub-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 15px;
  }
  .modal-sub-btn a {
    text-decoration: none;
    background-color: red;
    color: #fff;
    width: 150px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
  }
  .modal-sub-show {
    opacity: 1;
    pointer-events: unset;
  }
}

.modal-gmail {
  position: fixed;
  display: flex;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 250;
  opacity: 0;
  pointer-events: none;
}
.modal-cont-gmail {
  width: 60%;
  height: 80%;
  background-color: #fff;
  border-radius: 25px;
  display: grid;
  grid-template-rows: 0.5fr 10fr;
  /*justify-content: center;*/
  align-items: center;
  padding: 30px;
}
.modal-g-close {
  display: flex;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #999;
  align-items: center;
  border-radius: 25px;
  cursor: pointer;
}
.modal-g-btn {
  text-decoration: none;
  background-color: #767676 !important;
  font-size: 15px;
  color: #fff;
  width: 120px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.modal-g-btn:hover {
  background-color: red !important;
}
.modal-gmail-show {
  opacity: 1;
  pointer-events: unset;
}

/*aca procesar*******************************************************************/
#contactx .modal-g-form #sendmessage {
  color: #03c4eb;
  border: 1px solid #03c4eb;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contactx .modal-g-form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contactx .modal-g-form #sendmessage.show,
#contactx .modal-g-form #errormessage.show,
#contactx .modal-g-form .show {
  display: block;
}

#contactx .modal-g-form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}
/*end****************************************************************************/

@media screen and (max-width: 750px) {
  .modal-gmail {
    position: fixed;
    display: flex;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 250;
    opacity: 0;
    pointer-events: none;
  }
  .modal-cont-gmail {
    width: 90%;
    height: 85%;
    background-color: #fff;
    border-radius: 25px;
    display: grid;
    grid-template-rows: 0.5fr 10fr;
    /*justify-content: center;*/
    align-items: center;
    padding: 30px;
  }
  .modal-g-close {
    display: flex;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #999;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
  }
  .modal-g-btn {
    text-decoration: none;
    background-color: #767676 !important;
    font-size: 15px;
    color: #fff;
    width: 120px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
  }
  .modal-g-btn:hover {
    background-color: red !important;
  }
  .modal-gmail-show {
    opacity: 1;
    pointer-events: unset;
  }
}

.cont-new-user {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pasos-frist-time {
  padding: 50px 30px;
  width: 80%;
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: 1px solid red;
}
@media screen and (max-width: 750px) {
  .cont-new-user {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .pasos-frist-time {
    padding: 50px 0px;
    width: 90%;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 1px solid red;
  }
}

.cont-user-renew {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pasos-renew {
  padding: 50px 30px;
  width: 80%;
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: 1px solid red;
}
@media screen and (max-width: 750px) {
  .cont-user-renew {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .pasos-renew {
    padding: 50px 0px;
    width: 90%;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 1px solid red;
  }
}

.modal-whatsapp {
  position: fixed;
  display: flex;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 250;
  opacity: 0;
  pointer-events: none;
}
.modal-whatsapp-cont {
  width: 40%;
  height: 20%;
  background-color: #fff;
  border-radius: 25px;
  display: grid;
  grid-template-rows: 0.5fr 10fr;
  /*justify-content: center;*/
  align-items: center;
  padding: 30px;
}
.modal-whatsapp-descrp {
  display: grid;
  grid-template-columns: 1fr 4fr;
  justify-content: space-evenly;
  align-items: center;
  border-bottom: 1px solid #999;
}
.cont-modal-ws {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-whatsapp-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  background-color: #999;
}
.modal-whatsapp-show {
  opacity: 1;
  pointer-events: unset;
}
@media screen and (max-width: 750px) {
  .modal-whatsapp-cont {
    width: 90%;
    height: 20%;
    background-color: #fff;
    border-radius: 25px;
    display: grid;
    grid-template-rows: 0.5fr 10fr;
    /*justify-content: center;*/
    align-items: center;
    padding: 10px;
  }
  .modal-whatsapp-descrp {
    display: grid;
    grid-template-columns: 1fr 5fr;
    justify-content: space-evenly;
    align-items: center;
    border-bottom: 1px solid #999;
    font-size: 10px;
  }
  .modal-whatsapp-descrp h2 {
    letter-spacing: 0px;
    padding-left: 10px;
  }
}

.modal-pagos {
  position: fixed;
  display: flex;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 250;
  opacity: 0;
  pointer-events: none;
}
.modal-pagos-cont {
  width: 60%;
  height: 70%;
  background-color: #fff;
  border-radius: 25px;
  display: grid;
  grid-template-rows: 0.5fr 10fr;
  /*justify-content: center;*/
  align-items: center;
  padding: 30px;
}
.modal-pagos-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  cursor: pointer;
  background-color: #999;
}
.modal-pagos-descrp {
  display: grid;
  height: 100%;
  grid-template-rows: repeat(4, 1fr);
  align-items: center;
  /*border: 1px solid blue;*/
}
.modal-pagos-descrp-cl {
  display: grid;
  grid-template-columns: 2fr 6fr 2fr;
  justify-content: center;
  align-items: center;
  /*border: 1px solid red;*/
}
.img-pay-binance {
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-pay-zinli {
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-pay-pagomovil {
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-pay-paypal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-pagos-descrp-cl img {
  height: 55px;
  border-radius: 11px;
  cursor: pointer;
}
.pay-icon {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  align-items: center;
}
.pay-icon i {
  width: 15px;
  cursor: pointer;
  padding: 8px 20px;
  border-radius: 5px;
  border: 1px solid #999;
  display: flex;
  justify-content: center;
}
.pay-icon i:active {
  width: 15px;
  cursor: pointer;
  padding: 8px 20px;
  border-radius: 5px;
  border: 2px solid #444;
  display: flex;
  justify-content: center;
}
.reg-icon {
  width: 15px;
  cursor: pointer;
  padding: 8px 20px;
  border-radius: 5px;
  border: 1px solid #999;
  display: flex;
  justify-content: center;
}
.modal-pagos-show {
  opacity: 1;
  pointer-events: unset;
}
@media screen and (max-width: 750px) {
  .modal-pagos {
    position: fixed;
    display: flex;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 250;
    opacity: 0;
    pointer-events: none;
  }
  .modal-pagos-cont {
    width: 95%;
    height: 90%;
    background-color: #fff;
    border-radius: 25px;
    display: grid;
    grid-template-rows: 0.5fr 10fr;
    /*justify-content: center;*/
    align-items: center;
    padding: 15px;
  }
  .modal-pagos-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    cursor: pointer;
    background-color: #999;
  }
  .modal-pagos-descrp {
    display: grid;
    height: 100%;
    grid-template-rows: repeat(4, 1fr);
    align-items: center;
    /*border: 1px solid blue;*/
  }
  .modal-pagos-descrp-cl {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 2fr 1fr 2fr;
    justify-content: center;
    align-items: center;
    justify-items: center;
    /*border: 1px solid red;*/
  }
  .img-pay-binance {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img-pay-zinli {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img-pay-pagomovil {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img-pay-paypal {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modal-pagos-descrp-cl img {
    height: 55px;
    border-radius: 11px;
    cursor: pointer;
  }
  .pay-icon {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    column-gap: 75px;
  }
  .pay-icon i {
    width: 15px;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 5px;
    border: 1px solid #999;
    display: flex;
    justify-content: center;
  }
  .pay-icon i:active {
    width: 15px;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 5px;
    border: 2px solid #444;
    display: flex;
    justify-content: center;
  }
  .reg-icon {
    width: 15px;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 5px;
    border: 1px solid #999;
    display: flex;
    justify-content: center;
  }
  .modal-pagos-show {
    opacity: 1;
    pointer-events: unset;
  }
}

.modal-qr {
  position: fixed;
  display: flex;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 250;
  opacity: 0;
  pointer-events: none;
}
.modal-qr-cont {
  width: 30%;
  height: 70%;
  background-color: #fff;
  border-radius: 25px;
  display: grid;
  grid-template-rows: 0.5fr 10fr;
  /*justify-content: center;*/
  align-items: center;
  padding: 15px;
  /**/
  background-image: url("../img/BinancePAY-qr.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.modal-qr-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  cursor: pointer;
  background-color: #999;
}
.modal-qr-show {
  opacity: 1;
  pointer-events: unset;
}
@media screen and (max-width: 750px) {
  .modal-qr {
    position: fixed;
    display: flex;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 250;
    opacity: 0;
    pointer-events: none;
  }
  .modal-qr-cont {
    width: 80%;
    height: 70%;
    background-color: #fff;
    border-radius: 25px;
    display: grid;
    grid-template-rows: 0.5fr 10fr;
    /*justify-content: center;*/
    align-items: center;
    padding: 15px;
    /**/
    background-image: url("../img/BinancePAY-qr.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .modal-qr-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    cursor: pointer;
    background-color: #999;
  }
  .modal-qr-show {
    opacity: 1;
    pointer-events: unset;
  }
}

.modal-copyrt3 {
  position: fixed;
  display: flex;
  bottom: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 250;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
.modal-cont3 {
  width: 70%;
  height: 80%;
  background-color: #fff;
  border-radius: 25px;
  display: grid;
  grid-template-rows: 0.5fr 10fr;
  justify-content: center;
  align-items: center;
  padding: 20px 15px;
  overflow-y: initial !important;
}
.modal-close3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  background-color: #999;
  border-radius: 25px;
  cursor: pointer;
}
.modal-grid3 {
  height: 80%;
  display: grid;
  grid-template-rows: 1fr 4fr;
  justify-content: center;
  align-items: center;
  padding: 15px;
  overflow-y: auto;
}
.modal-title3 {
  text-align: center;
}
.modal-descrp3 {
  text-align: justify;
  display: grid;
  /*grid-template-rows: 5fr 1fr;*/
  justify-content: center;
  align-items: center;
  justify-items: center;
}
.modal-copyrt-show3 {
  opacity: 1;
  pointer-events: unset;
}
.credits3:hover {
  color: #00ffff !important;
  text-decoration: none;
}
.credits3:hover {
  text-decoration: none;
  color: red !important;
}
@media screen and (max-width: 750px) {
  .modal-copyrt3 {
    position: fixed;
    display: flex;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 250;
    opacity: 0;
    pointer-events: none;
  }
  .modal-cont3 {
    width: 90%;
    height: 95%;
    background-color: #fff;
    border-radius: 25px;
    display: grid;
    grid-template-rows: 0.5fr 10fr;
    justify-content: center;
    align-items: center;
    padding: 20px 15px;
  }
  .modal-close3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #999;
    border-radius: 25px;
    cursor: pointer;
  }
  .modal-grid3 {
    display: grid;
    grid-template-rows: 0.5fr 4fr;
    justify-content: center;
    align-items: center;
    padding: 15px;
  }
  .modal-title3 {
    text-align: center;
  }
  .modal-descrp3 {
    text-align: justify;
    display: grid;
    /*grid-template-rows: 5fr 1fr;*/
    justify-content: center;
    align-items: center;
    justify-items: center;
  }
  .modal-copyrt-show3 {
    opacity: 1;
    pointer-events: unset;
  }
}

/*video banner*/
.videbanner {
  width: 100%;
}
@media screen and (max-width: 550px) {
  .videbanner {
    width: 100%;
  }
}
/*promo desktop*/
/*.Promo{
	width: 100%;
}
.promoc{
	position: relative;
	width: 100%;
}
.Promo2{
	width: 100%;
	display: none;
	visibility: hidden;
}
.promoc2{
	position: relative;
	width: 100%;
	display: none;
	visibility: hidden;
}*/
/*promo movil*/
/*@media screen and (max-width:  550px){
	.Promo2{
		width: 100%;
		display: flex;
		visibility: visible;
	}
	.promoc2{
		position: relative;
		width: 100%;
		visibility: visible;
		display: flex;
	}
	.Promo{
		display: none;
		visibility: hidden;
	}
	.promoc{
		display: none;
		visibility: hidden;
	}
}*/

.label-radius {
  width: 32%;
  cursor: pointer;
}
@media screen and (max-width: 550px) {
  .label-radius {
    width: 32%;
    cursor: pointer;
    margin-right: 15px;
    margin-left: 15px;
  }
}

/*promo modo*/
/*.modo-promo{
	padding:0px;
}
.promo-register{
	position: relative;
	background-image: url(../../assets/img/tri01.webp);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: calc(100vh / 2.5);
}
@media screen and (max-width:  550px){
	.modo-promo{
		padding:0px;
		height: 85%;
	}
	.promo-register{
		position: relative;
		background-image: url(../../assets/img/tri02.webp);
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
	}
}*/

/*.techo{
		padding: 51px 0px
	}
@media screen and (max-width:  550px){
	.techo{
		padding: 25px 0px
	}
}*/

/*promo modo descarga*/
/*.modo-promod{
	padding:0px;
}
.promo-registerd{
	position: relative;
	background-image: url(../../assets/img/tri01.webp);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: calc(100vh / 2.5);
}
@media screen and (max-width:  550px){
	.modo-promod{
		padding:0px;
		width: 100%;
		height: 100%;
	}
	.promo-registerd{
		position: relative;
		background-image: url(../../assets/img/tri02.webp);
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
	}
}*/

@media screen and (max-width: 550px) {
  .iframe-video2 {
    display: flex;
    width: 100vw;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
  }
}

.hide2 {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.showrelo {
  display: block;
  visibility: visible;
  opacity: 1;
}