.banner-principal{width:100%;height:100vh;overflow:hidden;position:relative;}
.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .7);z-index:2;}
body #videoBackground{z-index:1;height:calc(100% - 38px);width:177.77777778vh;min-width:100%;min-height:55.7vw;top:38px;position:absolute;left:50%;transform:translateX(-50%);right:initial;bottom:initial;}
.content-video{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%, -50%);width:100%;text-align:center;padding:0 30px;}
.content-video h1{font-size:34px;font-weight:700;color:#ffffff;margin:0;line-height:1.6;}
.content-video h3{font-size:24px;color:#ffffff;margin:0;line-height:4.6;}
.content-video h1 span{font-size:40px;}
.modal-banner-principal, .modal-banner-principal:hover, .modal-banner-principal:visited{color:#ffffff;display:inline-block;text-decoration:none;font-size:14px;margin:0;letter-spacing:2px;}
.btn-video-zm{margin:0 15px 0 0;display:inline-block;width:40px;height:40px;border-radius:100%;cursor:pointer;box-shadow:0 0 0 rgba(255, 81, 15, .95);animation:pulse-zm 2s infinite;position:relative;vertical-align:middle;}
.btn-try-now{margin:0 15px 0 0;display:inline-block;width:40px;height:40px;border-radius:100%;cursor:pointer;box-shadow:0 0 0 rgba(255, 255, 255, .95);animation:pulse-try 2s infinite;position:relative;vertical-align:middle;}
.btn-video-zm svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0 0 0 2px;z-index:2;}
.btn-try-now img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0;z-index:2;}
.btn-video-zm:after{content:'';position:absolute;width:40px;height:40px;background:#ff510f;border-radius:100%;transition:all .3s ease;top:50%;left:50%;transform:translate(-50%, -50%);}
.btn-try-now:after{content:'';position:absolute;width:40px;height:40px;background:transparent;border-radius:100%;transition:all .3s ease;top:50%;left:50%;transform:translate(-50%, -50%);border:1px solid #fff;}
.btn-video-zm:hover:after{width:46px;height:46px;}
.btn-try-now:hover:after{width:46px;height:46px;}
@-webkit-keyframes pulse-zm {
0%{-webkit-box-shadow:0 0 0 0 rgba(255, 81, 15, .95)}
70%{-webkit-box-shadow:0 0 0 15px rgba(255, 81, 15, 0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255, 81, 15, 0)}
}
@-webkit-keyframes pulse-try {
0%{-webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, .95)}
70%{-webkit-box-shadow:0 0 0 15px rgba(255, 255, 255, 0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}
}
@keyframes pulse-zm {
0%{-moz-box-shadow:0 0 0 0 rgba(255, 81, 15, .95);box-shadow:0 0 0 0 rgba(255, 81, 15, .95)}
70%{-moz-box-shadow:0 0 0 15px rgba(255, 81, 15, 0);box-shadow:0 0 0 10px rgba(255, 81, 15, 0)}
100%{-moz-box-shadow:0 0 0 0 rgba(255, 81, 15, 0);box-shadow:0 0 0 0 rgba(255, 81, 15, 0)}
}
@keyframes pulse-try {
0%{-moz-box-shadow:0 0 0 0 rgba(255, 255, 255, .95);box-shadow:0 0 0 0 rgba(255, 255, 255, .95)}
70%{-moz-box-shadow:0 0 0 15px rgba(255, 255, 255, 0);box-shadow:0 0 0 10px rgba(255, 255, 255, 0)}
100%{-moz-box-shadow:0 0 0 0 rgba(255, 255, 255, 0);box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}
}
.container-tb-banner-write-text{line-height:48px;font-size:40px;color:#ffffff;transition:all .3s ease;}
span.text-typewritter{border-right:.10em solid;animation:blink-caret 1s steps(1) infinite;}
@keyframes caret {
50%{border-color:#ff510f}
}
@keyframes blink-caret {
from, to{border-color:#ff510f}
50%{border-color:transparent}
}
.btn-ancla{font-size:14px;text-decoration:none;color:#fff;font-weight:700;letter-spacing:2px;padding:17px 30px;border:2px solid #ff510f;line-height:1;display:inline-block;background:#ff510f;border-radius:32px;transition:all .3s ease;}
.btn-ancla:hover, .btn-ancla:visited{background:transparent;border-color:#ff510f;color:#ffffff;}
.goto-nextsection{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:3;}
@media screen and (max-device-width: 689px) {
.content-video h1 span {
font-size: 38px;
line-height: 0 !important;
}
.container-tb-banner-write-text {
line-height: 48px;
font-size: 34px;
color: #ffffff;
transition: all .3s ease;
}
}#products{background-color:#132433;}
.padding-top-bottom-120{padding-top:120px;padding-bottom:120px;}
.padding-top-bottom-80{padding-top:80px;padding-bottom:80px;}
.padding-top-80{padding-top:80px;}
.align-items-center{align-items:center;}
.text-align-center{text-align:center;}
.text-align-right{text-align:right;}
.tb-container{width:100%;}
.tb-container .tb-col-5{width:45%;}
.tb-container .tb-col-2{width:10%;position:relative;}
.tb-desktop-img, .tb-mobile-img, .tb-vr-img{position:relative;width:100%;max-width:645px;max-height:525px;}
.tb-icon-desktop, .tb-icon-vr, .tb-icon-mobile{position:relative;width:100%;max-width:100px;z-index:1;}
.vertical-align-top{vertical-align:top;}
.tb-txt-standard>.tb-container>h3{font-size:32px;color:#ffffff;font-weight:700;line-height:48px;max-width:1000px;margin:auto;margin-bottom:60px;}
.tb-txt-standard>.tb-container>h4.empty-space{width:100%;display:block;color:#132433;height:195px;font-size:0;}
.tb-txt-standard>.tb-container>h4.title-product{color:#ff510f;font-weight:700;line-height:normal;font-size:12px;letter-spacing:2px;margin-bottom:20px;}
.tb-txt-standard h3{font-size:32px;color:#ffffff;line-height:40px;margin-bottom:20px;}
.tb-txt-standard h3.inline{position:relative;display:inline-block;white-space:nowrap;}
.tb-container .tb-col-5.tb-txt-standard{color:#ffffff;padding-left:3%;padding-top:2%;}
.tb-container .tb-col-5.tb-txt-standard p{opacity:0.75;}
.tb-item-list{margin:0px;list-style:none;}
.tb-item-list li{padding-bottom:25px;padding-left:45px;max-width:395px;}
.tb-item-list li.icon-people{background:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/icon-item-people.svg) no-repeat;}
.tb-item-list li.icon-hand{background:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/icon-item-pan.svg) no-repeat;}
.tb-item-list li.icon-gameplay{background:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/icon-item-gameplay.svg) no-repeat;}
.tb-item-list li.icon-scenarios{background:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/icon-item-scenarios.svg) no-repeat;}
.tb-content{display:flex;}
.tb-content .right{max-width:440px;}
.tb-content .left{max-width:450px;padding-left:5%;}
.tb-content .left h3.vr-title{min-width:450px;}
#products-section.products-es .tb-content .left{max-width:485px;}
#products-section.products-es .tb-content .left p{max-width:430px;}
#products-section.products-es .tb-item-list li{max-width:430px;}
.tb-item-list li.icon-trainig{background:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/icon-item-training.svg) no-repeat;}
.tb-item-list li.icon-risk{background:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/icon-item-risk.svg) no-repeat;}
.tb-item-list li.icon-crop{background:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/icon-item-crop.svg) no-repeat;}
.img-points-bg{background:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/points-background.svg) no-repeat, url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/points-background.svg) no-repeat, url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/products/images/points-background.svg) no-repeat;background-position:top left -12%, right -12% top 35%, left -12% bottom 25%;}
div.timeline::after{content:"";border-left:3px dotted #7697c3;font-weight:bold;display:block;position:absolute;top:0;width:3px !important;bottom:-20%;left:50%;margin-left:-1px;z-index:0;}
div.timeline-up::after{content:"";border-left:3px dotted #7697c3;font-weight:bold;display:block;position:absolute;top:-261%;width:3px !important;bottom:10px;left:50%;margin-left:-1px;z-index:0;}
.img-coming-soon{position:absolute;top:-20px;left:100%;width:127px;margin-left:5px;}
.mobile-on{display:none;}
.right p, .right ul li, .left p, .left ul li{font-size:18px;}
@media only screen and (max-width: 999px) {
div.timeline-up::after{content:"";border-left:3px dotted #7697c3;font-weight:bold;display:block;position:absolute;top:-136%;width:3px !important;bottom:10px;left:50%;margin-left:-1px;z-index:0;}
.tb-content .right{max-width:265px;}
.img-points-bg{background-position:top left -275%, right -245% top 51%, left -245% bottom 1%;}
}
@media screen and (min-width: 690px) and (max-width: 1024px) {
.tb-content .right{max-width:360px;}
.tb-content .left{max-width:360px;padding-left:5%;}
.img-coming-soon{left:calc(80% - 40px);margin:0;top:-30px;}
div.timeline-up::after{content:"";border-left:3px dotted #7697c3;font-weight:bold;display:block;position:absolute;top:-146%;width:3px !important;bottom:10px;left:50%;margin-left:-1px;z-index:0;}
.img-points-bg{background-position:top left -60%, right -55% top 52%, left -59% bottom 1%;}
.tb-content .right li br, .tb-content .right p br, .tb-content .left li br, .tb-content .left p br{display:none;}
}
@media screen and (max-width:689px){
.mobile-on{display:block;}
.mobile-off{display:none;}
.img-points-bg{background:none;}
.tb-tab-warpper{display:flex;flex-direction:column;align-items:center;}
.tab{cursor:pointer;padding:10px 10px;margin:0px 2px;background:#132433;display:inline-block;color:#fff;opacity:0.75;min-width:300;text-align:center;}
.panels{background:#132433;min-height:405px;width:100%;overflow:hidden;padding:25px 30px;color:#fff;}
.panels p{opacity:0.75;text-align:center;}
.panel{display:none;animation:fadein 0.8s;}
@keyframes fadein {
from{opacity:0;}
to{opacity:1;}
}
.radio{display:none;}
#desktop:checked~.panels #desktop-panel,
#vr:checked~.panels #vr-panel,
#mobile:checked~.panels #mobile-panel{display:block;}
#desktop:checked~.tabs #desktop-tab,
#vr:checked~.tabs #vr-tab,
#mobile:checked~.tabs #mobile-tab{background:#132433;color:#fff;border-bottom:3px solid #fd511e;font-weight:bold;opacity:1;}
.tb-desktop-img, .tb-mobile-img, .tb-vr-img{max-height:300px;}
.img-coming-soon{position:relative;top:0;left:50%;transform:translateX(-50%);padding-bottom:15px;}
.tb-vr-img.tb-mobile-right{right:-5%;}
.tb-mobile-img{left:-8.5%;}
}
@media(min-width:481px) and (max-width:767px){
.tb-desktop-img, .tb-mobile-img, .tb-vr-img {
width: 75%;
}
.panels {
max-width: 500px;
}
.tb-vr-img.tb-mobile-right {
right: calc(100% - 875px);
}
}.mobile-on{display:none;}
.mobile-off{display:block;}
.pricing{background-color:#132433;padding-top:160px;}
.pricing p{margin:0;font-family:"Open Sans", sans-serif;font-weight:400;line-height:20px;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.pricing h4, .pricing h3{color:#ffffff;text-align:center;}
h4.title-section{color:#ff510f;font-size:12px;font-weight:700;letter-spacing:2.5px;line-height:48px;}
h3.subtitle-section{font-size:32px;font-weight:700;line-height:32px;max-width:720px !important;margin:auto;}
.background-1{border-top-left-radius:8px !important;border-top-right-radius:8px !important;background:-moz-linear-gradient( top, rgba(68, 78, 100, 0.65) 0%, rgba(68, 78, 100, 0.64) 1%, rgba(0, 0, 0, 0) 100% );background:-webkit-linear-gradient( top, rgba(68, 78, 100, 0.65) 0%, rgba(68, 78, 100, 0.64) 1%, rgba(0, 0, 0, 0) 100% );background:linear-gradient( to bottom, rgba(68, 78, 100, 0.65) 0%, rgba(68, 78, 100, 0.64) 1%, rgba(0, 0, 0, 0) 100% );filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6444e64', endColorstr='#00000000', GradientType=0);}
.background-2{border-top-left-radius:8px !important;border-top-right-radius:8px !important;background:-moz-linear-gradient( top, rgba(250, 184, 6, 0.65) 0%, rgba(250, 184, 6, 0.64) 1%, rgba(0, 0, 0, 0) 100% );background:-webkit-linear-gradient( top, rgba(250, 184, 6, 0.65) 0%, rgba(250, 184, 6, 0.64) 1%, rgba(0, 0, 0, 0) 100% );background:linear-gradient( to bottom, rgba(250, 184, 6, 0.65) 0%, rgba(250, 184, 6, 0.64) 1%, rgba(0, 0, 0, 0) 100% );filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6fab806', endColorstr='#00000000', GradientType=0);}
.background-3{border-top-left-radius:8px !important;border-top-right-radius:8px !important;background:-moz-linear-gradient( top, rgba(92, 76, 181, 0.65) 0%, rgba(92, 76, 181, 0.64) 1%, rgba(0, 0, 0, 0) 100% );background:-webkit-linear-gradient( top, rgba(92, 76, 181, 0.65) 0%, rgba(92, 76, 181, 0.64) 1%, rgba(0, 0, 0, 0) 100% );background:linear-gradient( to bottom, rgba(92, 76, 181, 0.65) 0%, rgba(92, 76, 181, 0.64) 1%, rgba(0, 0, 0, 0) 100% );filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65c4cb5', endColorstr='#00000000', GradientType=0);}
.background-4{border-top-left-radius:8px !important;border-top-right-radius:8px !important;background:-moz-linear-gradient( top, rgba(253, 81, 30, 0.65) 0%, rgba(253, 81, 30, 0.64) 1%, rgba(0, 0, 0, 0) 100% );background:-webkit-linear-gradient( top, rgba(253, 81, 30, 0.65) 0%, rgba(253, 81, 30, 0.64) 1%, rgba(0, 0, 0, 0) 100% );background:linear-gradient( to bottom, rgba(253, 81, 30, 0.65) 0%, rgba(253, 81, 30, 0.64) 1%, rgba(0, 0, 0, 0) 100% );filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6fd511e', endColorstr='#00000000', GradientType=0);}
.background-best-seller{background-image:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/pricing/images/best-seller-img.svg);background-repeat:no-repeat;background-position:center top;height:50px;margin-top:-50px;}
.background-best-seller-es{background-image:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/pricing/images/best-seller-img-es.svg);background-repeat:no-repeat;background-position:center top;height:50px;margin-top:-50px;background-size:contain;}
.background-points{background-image:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/pricing/images/points-bg-princing.svg);background-repeat:no-repeat;background-position:left bottom;}
.padding-top-15{padding-top:15px;}
.padding-bottom-25{padding-bottom:25px;}
.padding-top-25{padding-top:25px;}
.padding-top-bottom-25{padding:25px 0;}
.padding-left-right-10{padding-left:10px;padding-right:10px;}
.padding-left-right-5{padding-left:5px;padding-right:5px;}
.card-container{display:inline-block;}
.card-container.first-row{position:relative;width:28%;margin-top:78px;}
html[lang="es-ES"] .card-container.first-row{width:32%;}
.card-container div{min-height:36px;}
.d-height-36{height:36px;}
.table-princing{color:#ffffff;width:100%;max-width:1125px;margin:auto;padding:40px 30px 0;font-size:0;}
.column-aling-center div{text-align:center;}
.d-th.column-width{margin:0;width:100% !important;}
.d-th{width:14.4%;margin:5px 0;vertical-align:top;}
html[lang="es-ES"] .d-th{width:13.6%;}
html[lang="es-ES"]
.table-princing
> div:nth-child(2)
> div
div:first-child
p.title-head{line-height:1.4;}
.d-th.border-cell-top{border-top:3px solid;border-left:3px solid;border-right:3px solid;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-top:5px;}
.border-cell-left-right .d-td:not(:last-child){border-left:3px solid;border-right:3px solid;}
.d-td.border-cell-bottom{border-bottom:3px solid;border-left:3px solid;border-right:3px solid;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;}
.title-cell-width div{width:100%;}
.d-td.bottom-row-btn p{border-radius:32px;padding:10px 0px;font-size:14px;background-color:#ff510f;color:#ffffff;font-weight:700;line-height:19px;text-transform:uppercase;}
.d-td.bottom-row-btn p.contact-us{background-color:transparent;color:#ffffff;border:1px solid #ffffff;}
.d-td.bottom-row-btn a{text-decoration:none;}
.height-first-row{height:65px;}
.padding-top-bottom-5{padding:8px 0;}
p.title-20{font-size:18px;font-weight:700;line-height:24px;}
p.title-head{font-size:18px;font-weight:700;line-height:48px;}
p.title-price{font-size:14px;font-weight:400;}
p.title-price span{font-size:24px;font-weight:700;}
.check-background{background-image:url(//www.trainbeyond.com/wp-content/themes/trainbeyond-child/template-parts/blocks/pricing/images/check-icon-pricing.svg);background-repeat:no-repeat;background-position:center;font-size:0 !important;}
.border-color-free.border-cell-left-right .d-td:not(:last-child),
.border-color-free .d-td.border-cell-bottom, .border-color-free .d-th.border-cell-top{border-color:#243c51;}
.border-color-silver.border-cell-left-right .d-td:not(:last-child),
.border-color-silver .d-td.border-cell-bottom, .border-color-silver .d-th.border-cell-top{border-color:rgba(95, 129, 172, 0.25);}
.border-color-gold.border-cell-left-right .d-td:not(:last-child),
.border-color-gold .d-td.border-cell-bottom, .border-color-gold .d-th.border-cell-top{border-color:rgba(180, 143, 30, 0.25);}
.border-color-platinum.border-cell-left-right .d-td:not(:last-child),
.border-color-platinum .d-td.border-cell-bottom, .border-color-platinum .d-th.border-cell-top{border-color:rgba(103, 115, 209, 0.25);}
.border-color-enterprise.border-cell-left-right .d-td:not(:last-child),
.border-color-enterprise .d-td.border-cell-bottom, .border-color-enterprise .d-th.border-cell-top{border-color:rgba(214, 74, 33, 0.25);}
@media screen and (max-width:689px){
.mobile-on {
display: block;
}
.mobile-off {
display: none;
}
.tb-txt-standard > .tb-container > h3 {
padding: 0 25px;
}
.card-container-mobile ul {
margin: 0;
padding-left: 20px;
color: #ffffff;
}
.card-container-mobile {
border: 3px solid;
max-width: 315px;
margin: auto;
padding: 20px;
border-radius: 8px;
margin-bottom: 15px;
}
.card-container-mobile.border-color-free {
border-color: #243c51;
}
.card-container-mobile.border-color-silver {
border-color: rgba(95, 129, 172, 0.25);
}
.card-container-mobile.border-color-gold {
border-color: rgba(180, 143, 30, 0.25);
}
.card-container-mobile.border-color-enterprise {
border-color: rgba(214, 74, 33, 0.25);
}
.card-container-mobile p.title-head {
text-align: center;
opacity: 0.5;
color: #ffffff;
}
.card-container-mobile p.title-head br {
display: none;
}
.card-container-mobile p.txt-green {
font-size: 15px;
font-weight: 700;
color: #1dc421;
padding-bottom: 10px;
}
.card-container-mobile p.txt-number {
font-size: 24px;
font-weight: 700;
color: #ffffff;
}
.card-container-mobile p.txt-number.price {
font-size: 14px;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
}
.card-container-mobile p.txt-number.price span {
font-size: 24px;
font-weight: 700;
color: #ffffff !important;
}
.card-container-mobile p.txt-number br {
display: none;
}
.card-container-mobile p.txt-number span {
font-size: 14px;
font-weight: 400;
color: #ffffff;
}
.bottom-row-btn.try-now {
max-width: 150px;
margin: auto;
text-align: center;
}
}