/* ---------------------------------------------------
INICIO RIS
---------------------------------------------------*/

header {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.6;
    z-index: 1;
}

.logo_cab {
    width: 30%;
}

.primary-ris {
    background-clip: url("../img/Video_Ramsomware.mp4");
    background-size: cover;
    background-repeat: no-repeat;
    height: 62em !important;
    z-index: 8;
    padding-top: 38rem;
    background-position: center;
    margin-top: 0px;
    text-align: center;
}

.primary-ris h2 {
    margin-top: 3em;
    color: #529e88 !important;
    font-size: 1.5em;
}

.primary-ris p {
    color: #fff;
    max-width: 45em;
    font-size: 1em;
    line-height: 1.3em;
    margin: auto;
    margin-top: 1rem;
}

.video {
    padding: 8em 0 8em 0;
}

.bio {
    text-align: center;
}

.download2 {
    width: 4%;
}

.ak-btn {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.boxes-akerbeltz {
    background-color: #254450;
    padding: 0em 0em 0.5em 0;
}

.supported {
    text-align: center;
    background-color: #f0efef;
}

.supported2 {
    text-align: center;
    background-color: #e4e4e4;
}

.supported3 {
    text-align: center;
    background-color: #f5eae8;
    margin-top: -5em;
}

.supported-back {
    background-color: #f7f7f7;
}

.bor {
    border-right: 2px solid red;
    outline: 2px solid blue;
}

.iec {
    width: 12%;
}

.supported2 h3 {
    font-size: 1.2em;
    margin-top: 1em;
}

.supported h3 {
    font-size: 1.2em;
    margin-top: 1em;
}

.supported h3 a {
    font-family: "SuisseIntl-Bold";
    line-height: 1.3em;
    font-size: 1.2em;
    color: #509d86;
    text-decoration: underline;
}

.supported h3 a:hover {
    color: #184551;
}

.supported h3 a i {
    margin-left: 0.5em;
}

.supported .row-robots h3 {
    margin-top: 2em;
    font-size: 1.4em;
    color: #509d86;
}

.supported .row-robots .wrapper-icons {
    border-top: #ccc 1px dashed;
    display: inline-block;
    padding-top: 20px;
    padding-left: 3px;
    padding-right: 3px;
}

.supported .row-robots img.ur10 {
    max-height: 55px;
    margin-right: 30px;
}

.supported .row-robots img.ur5 {
    max-height: 55px;
    margin-right: 30px;
}

.supported .row-robots img.ur3 {
    max-height: 55px;
}

.supported .row-robots img.ros {
    max-height: 55px;
    margin-right: 60px;
}

.supported .row-robots img.ros2 {
    max-height: 55px;
}

.how .col-texto {
    padding-top: 14em;
    padding-bottom: 14em;
}

.behind {
    background-color: #000;
    padding-top: 2em;
}

.behind h2 {
    color: #fff;
    text-align: center;
}

.behind .row-numeros {
    text-align: center;
    padding-top: 1em;
    padding-bottom: 3em;
}

.behind .row-numeros .wrapper-numbers {
    text-align: left;
    margin-left: 22.5%;
    padding-bottom: 3em;
}

.behind .row-numeros h3 {
    color: white;
    font-family: "SuisseIntl-Bold";
    font-weight: 700;
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 0.1em;
}

.behind .row-numeros h4,
.behind .row-numerosp {
    font-family: "SuisseIntl";
    color: white;
    font-size: 1em;
    line-height: 1em;
}

.behind .row-numeros .frame-style {
    width: 1.5em;
    height: 2px;
    background-color: #63bfab;
    margin-bottom: 0.8em;
    margin-top: 0.8em;
}

.behind .row-numeros p strong {
    font-family: 'Work Sans', sans-serif;
    color: #63bfab;
    font-size: 3.5em;
    line-height: 1em;
    font-weight: 100;
}

.behind .row-numeros .fa-angle-double-up {
    color: #009365;
    font-size: 1.6em;
    margin-left: 7em;
    position: absolute;
    margin-top: -3.5em;
}

.subtit {
    color: white;
    font-size: 0.8em;
}

.architecture {
    text-align: center;
}

.architecture img {
    width: 100px;
}

.architecture .col-separador img {
    width: 35px;
    padding-top: 80px;
}

.architecture h3 {
    text-align: center;
    color: #529d86;
    font-size: 1.3em;
}

.pay {
    background-image: url(../img/back-look.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3em 0 3em 0;
}

.pay h2 {
    color: #529d86;
    font-size: 5em;
}

.pay p {
    width: 50em;
}

.look {
    text-align: center;
}

.look img {
    max-height: 100px;
    margin: 2em 0em 1em 0em;
}

.look h3 {
    font-size: 1.4em;
}

.look h3 span {
    color: #529d86;
}

.look .btn-flecha .button-text {
    color: #184551;
}

.look .btn-flecha .circle {
    background: #184551;
}

.look .btn-flecha .circle .icon {
    background: #fff;
}

.look .btn-flecha:hover .circle .icon.arrow {
    background: #fff;
}

.look .btn-flecha:hover .button-text {
    color: #fff;
}

.download {
    width: 8%;
    margin-top: -5px;
}

.download-text {
    font-size: 1.2em;
    margin-bottom: 5em;
}

.download-text-2 {
    margin-top: -5em;
}

.robo-suport {
    font-size: 0.7em;
    color: grey;
    margin: 0em 5em 0em 5em;
    margin-top: 2em;
}

.img-robot {
    width: 70%;
    margin-top: 2em;
}

.img-comp {
    width: 40%;
    margin-top: 2em;
}

.ros {
    margin-top: 2.5em;
    width: 20%;
}

.col-faq .accordion2>.card,
.col-faq .accordion2>.card:not(:first-of-type):not(:last-of-type) {
    border-radius: 0;
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #42b19a;
    padding-bottom: 1em;
    background-color: transparent;
}

.col-faq .accordion2>.card:last-of-type {
    border: 0;
    background-color: transparent;
}

.col-faq .accordion2 button {
    width: 90%
}

.col-faq .accordion2 button:not(.collapsed):after {
    content: "\2212";
}

.col-faq .accordion2 button:after {
    content: '\002B';
    font-weight: 900;
    font-size: 1.4em;
    font-family: "SuisseIntl-Bold";
    position: absolute;
    top: 1.56em;
    text-align: center;
    margin-left: 0.4em;
    color: #63bfab;
}

.btn-peq {
    padding: .3em 1em;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    font-size: 0.7em;
    cursor: pointer;
    transition: 0.25s ease;
    color: white;
    background: #63bfab;
    border-color: #64bfab;
    margin-top: 0.5em;
}

.btn-peq:hover {
    background-color: transparent;
    color: #63bfab;
}

.modulos {
    font-size: 0.75em;
    color: #6d6d6d;
}

.text-more {
    color: #63bfab;
    margin-left: -1em;
}

.text-more:hover {
    color: #254450;
}

.abajo {
    margin-bottom: 8em;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    cursor: pointer;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #63bfab;
    border-radius: 50%;
    animation: pulse-border 2000ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #63bfab;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    transition: all ease 500ms;
}

.video-overlay.open {
    position: fixed;
    z-index: 1000;
    opacity: 1;
}

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

.video-overlay-close:hover {
    color: #fa183d;
}

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    /* width: 90%; */
    /* height: auto; */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

.tamaño {
    width: 800px;
    height: 565px;
}

.choose-ris {
    padding: 8em 0;
    background-color: #f7f7f7;
    /* -webkit-box-shadow: 0px 0px 70px -50px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 70px -50px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 70px -50px rgba(0, 0, 0, 1); */
}

.choose-ris .div-titulo p {
    padding: 2em 0 2em 0;
    max-width: 25em;
}

.choose-ris .card-title,
.choose-ris .card-body {
    padding: 2em 2em 2em 2em;
}

.choose-ris .card-title {
    margin-bottom: 0;
}

.choose-ris .card-body {
    background-color: #f9f4f9;
    text-align: center;
}

.choose-ris .card {
    -webkit-box-shadow: -8px -4px 28px -6px rgb(173, 173, 173);
    -moz-box-shadow: -8px -4px 28px -6px rgba(173, 173, 173, 1);
    box-shadow: -8px -4px 28px -6px rgb(173, 173, 173);
    border: 0px;
    border-radius: 20px;
}

.choose-ris .card h6 {
    font-size: 1em;
    text-align: left;
    margin-bottom: 1.6em;
    font-weight: 400;
    color: white;
}

.choose-ris .card h6 i {
    float: right;
    color: white;
}

.choose-ris .card h5 {
    background-color: #63bfab;
    color: white;
    padding: 0.7em 0.1em;
    border-radius: 6px;
    font-size: 0.7em;
    max-width: 5em;
    text-align: center;
}

.choose-ris .card h4 {
    color: #000;
    font-size: 4em;
    line-height: 1em;
}

.choose-ris .card.card-coming {
    margin-top: 2em;
    max-width: 21rem;
    float: right;
    width: 21rem;
    margin-right: 2em;
}

.choose-ris .card.card-coming h4 {
    color: black;
    font-size: 2.3em;
}

.choose-ris .card.card-coming p {
    color: #8e8f8f;
    font-size: 0.85em;
}

.choose-ris .card.card-coming h6 {
    color: #798488;
    font-size: 1em;
}

.choose-ris .card.card-coming h6 i {
    color: #798488;
}

.choose-ris .col-md-5 {
    padding-left: 4em;
}

.choose-ris .card .card-body {
    padding-top: 2em;
    background-color: #63bfab;
    border-radius: 20px;
}

.choose-ris .card.card-coming a {
    pointer-events: none;
    margin: auto;
    margin-top: 6em;
    font-size: 1.1em;
}

.choose-ris .container {
    max-width: 100%;
    margin: auto;
}

.logo-price {
    width: 40%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.icon-check {
    width: 5%;
    float: right;
}

.btn-buy {
    padding: .6em 1.3em;
    border-radius: 40px;
    border-width: 2px;
    border-style: solid;
    font-size: 1.1em;
    cursor: pointer;
    transition: 0.25s ease;
    color: #63bfab;
    border-color: #63bfab;
    margin-top: 5em;
}

.btn-buy:hover {
    background-color: #63bfab;
    color: white;
}

.btn-buy-2 {
    padding: .6em 1.3em;
    border-radius: 40px;
    border-width: 2px;
    border-style: solid;
    font-size: 1.1em;
    cursor: pointer;
    transition: 0.25s ease;
    color: #254450;
    border-color: #254450;
    margin-top: 5em;
}

.btn-buy-2:hover {
    background-color: #254450;
    color: white;
}

.btn-buy-3 {
    padding: .6em 1.3em;
    border-radius: 40px;
    border-width: 2px;
    border-style: solid;
    font-size: 1.1em;
    cursor: pointer;
    transition: 0.25s ease;
    color: #2798b7;
    border-color: #2798b7;
    margin-top: 5em;
}

.btn-buy-3:hover {
    background-color: #2798b7;
    color: white;
}


/* Media Queries - Responsive */


/* col-lg - Large devices Desktops (≥1200px) */

@media (min-width: 1200px) {
    .primary-ris {
        padding-top: 540px;
    }
    .bio h2,
    .supported p,
    .architecture .col-titulo p {
        padding-left: 6em;
        padding-right: 6em;
    }
    .download {
        width: 8%;
        margin-top: -5px;
    }
}


/* col-md - Medium devices Desktops (≥992px) */

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .primary-ris {
        padding-top: 540px;
    }
    .bio h2,
    .supported p,
    .architecture .col-titulo p {
        padding-left: 2em;
        padding-right: 2em;
    }
    .supported .row-robots img.ur10 {
        margin-right: 10px;
    }
    .supported .row-robots img.ur5 {
        margin-right: 10px;
    }
    .supported .row-robots img.ros {
        margin-right: 20px;
    }
    .how .col-texto {
        padding-top: 7em;
        padding-bottom: 7em;
    }
    .architecture .row-iconos p {
        width: 12em;
        display: inline-block;
    }
    .download {
        width: 2%;
        margin-top: -5px;
    }
}


/* col-sm - Small devices Tablets (≥768px) */

@media only screen and (min-width: 768px) and (max-width: 992px) {
    header {
        background: url('../img/ris-res.jpg') black no-repeat center center scroll;
    }
    header video {
        display: none;
    }
    .container {
        max-width: 100%;
    }
    .primary-ris {
        height: 45em !important;
        padding-top: 26em;
        margin-top: 70px;
    }
    .bio h2,
    .supported p,
    .architecture .col-titulo p {
        padding-left: 1em;
        padding-right: 1em;
    }
    .how {
        text-align: center;
        background: none;
    }
    .how .col-texto {
        padding-top: 4em;
        padding-bottom: 0em;
    }
    .how .col-texto p {
        padding-left: 3em;
        padding-right: 3em;
    }
    .video {
        text-align: center;
        background: none;
    }
    .video .col-texto {
        padding-top: 4em;
        padding-bottom: 0em;
    }
    .video .col-texto p {
        padding-left: 3em;
        padding-right: 3em;
    }
    .architecture .col-titulo p {
        padding-left: 3em;
        padding-right: 3em;
    }
    .architecture .row-iconos p {
        width: 12em;
        display: inline-block;
    }
    .pay {
        background-color: #f3f3f3;
        background-image: none;
        padding: 3em 0 3em 0;
        padding-left: 6em;
    }
    .pay h2 {
        font-size: 4em;
    }
    .pay p {
        width: 32em;
    }
    .download {
        width: 2%;
        margin-top: -5px;
    }
}


/*  col-xs - Extra small devices Phones (<768px) */

@media only screen and (max-width: 767px) {
    header {
        background: url('../img/ris-res.jpg') black no-repeat center center scroll;
    }
    header video {
        display: none;
    }
    .logo_cab {
        width: 60%;
    }
    .container {
        max-width: 100%;
    }
    .primary-ris {
        height: 35em !important;
        padding-top: 290px;
        margin-top: 60px;
    }
    .primary-ris a {
        border-radius: 7px;
        padding: 0.6em 2.3em;
    }
    .how {
        text-align: center;
        background: none;
    }
    .how .col-texto {
        padding-top: 2em;
        padding-bottom: 0em;
    }
    .how .col-texto p {
        padding-left: 1em;
        padding-right: 1em;
    }
    .video {
        text-align: center;
        background: none;
    }
    .video .col-texto {
        padding-top: 2em;
        padding-bottom: 0em;
    }
    .video .col-texto p {
        padding-left: 1em;
        padding-right: 1em;
    }
    .architecture .col-titulo p {
        padding-left: 1em;
        padding-right: 1em;
    }
    .architecture .row-iconos p {
        width: 12em;
        display: inline-block;
    }
    .pay {
        background-color: #f3f3f3;
        background-image: none;
        padding-right: 15px;
        padding-left: 15px;
    }
    .pay h2 {
        font-size: 3.2em;
    }
    .pay p {
        width: 90%;
    }
    .download {
        width: 4%;
        margin-top: -5px;
    }
    .img-robot {
        width: 40%;
        margin-top: 5em;
    }
}


/*  especial para pantallas ultrapequeña - en caso de ser necesario */

@media only screen and (max-width: 479px) {
    .container {
        max-width: 100%;
    }
    .primary-ris {
        height: 26em !important;
        padding-top: 6.5em;
        margin-top: 40px;
    }
    .primary-ris h2 {
        margin-top: 5em;
        color: #529e88 !important;
        font-size: 1.5em;
    }
    .supported .row-robots img.ur10 {
        margin-right: 0px;
        margin-bottom: 2em;
        float: left;
        padding: 0.5em;
    }
    .supported .row-robots img.ur5 {
        margin-right: 0px;
        margin-bottom: 2em;
        float: left;
        padding: 0.5em;
    }
    .supported .row-robots img.ur3 {
        margin-right: 0px;
        margin-bottom: 0em;
        padding: 0.5em;
    }
    .supported .row-robots img.ros {
        margin-right: 0px;
        margin-bottom: 0em;
        padding: 0.7em;
        float: left;
    }
    .supported .row-robots img.ros2 {
        margin-right: 0px;
        padding: 0.7em;
    }
    .supported .row-robots .wrapper-icons {
        padding-left: 2em;
        padding-right: 2em;
    }
    .architecture .row-iconos p {
        width: 14em;
        display: inline-block;
    }
    .getnow {
        margin-top: 10em;
    }
    .img-robot {
        width: 40%;
        margin-top: 2em;
    }
    .video-overlay {}
}


/* ---------------------------------------------------
FIN RIS
---------------------------------------------------*/