@font-face {
    font-family: Oxygen;
    src: url('../fonts/Oxygen/Oxygen-Bold.ttf');
    font-weight: 700;
    /*funcion de fuente*/
    font-display: swap;
}


@font-face {
    font-family: Oxygen;
    src: url('../fonts/Oxygen/Oxygen-Regular.ttf');
    font-weight: 400;
    /*funcion de fuente*/
    font-display: swap;
}

@font-face {
    font-family: Oxygen;
    src: url('../fonts/Oxygen/Oxygen-Light.ttf');
    font-weight: 300;
    /*funcion de fuente*/
    font-display: swap;
}

@font-face {
    font-family: FontAwesome;
    src: url("../fonts/fontawesome-webfont.woff");
    /*funcion de fuente*/
    font-display: swap;
}

* {
    box-sizing: border-box;
}

body {
    background-color: #ffffff;
    font-family: Oxygen;
    color: #435363;
    cursor:auto;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

p {
    font-size:14px;
    margin-bottom: 10px;
}

/*TEXT*/

/*BUTTONS*/

.btn-blue-dark {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #00002c;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #00002c;
    margin-top: 25px;
    display: inline-block;

    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}

.btn-blue-dark:hover {
    background-color: #B1D34A;
    border-color: #B1D34A;
    color: #ffffff;
    transition: 0.3s;
}

/*COLORS*/

.text-white {
    color: #ffffff !important;
}

.text-grey-bold {
    color: #435363 !important;
}

.text-black-light {
    color: #1A1A1A !important;
}

.text-blue {
    color: #007CBA !important;
}

/*BACKGROUND COLORS*/

.bg-white {
    background-color: #ffffff;
}

/*GENERAL TEXT*/

.widht-180 {
    width: 180px;
}

.width-100 {
    width: 100%;
}

.height-80 {
    height: 80px;
}

.height-100 {
    height: 100%;
}

/*MARGINS*/

.mar-x-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mar-top-0 {
    margin-top: 0 !important;
}

.mar-top-10 {
    margin-top: 10px;
}

.mar-top-15 {
    margin-top: 15px !important;
}

.mar-top-20 {
    margin-top: 20px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-40 {
    margin-top: 40px;
}

.mar-top-50 {
    margin-top: 50px;
}

.mar-top-60 {
    margin-top: 60px;
}

.mar-top-70 {
    margin-top: 70px;
}

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

.mar-bottom-30 {
    margin-bottom: 30px;
}

.mar-bottom-40 {
    margin-bottom: 40px;
}

.mar-bottom-60 {
    margin-bottom: 60px;
}

/*GENERAL IMAGES*/

/*PADDINGS*/

.no-padding {
    padding: 0;
}

.pad-x-10 {
    padding: 0 10px;
}

.pad-x-20 {
    padding: 0 20px;
}

.pad-all-20 {
    padding: 20px;
}

.pad-all-30 {
    padding: 30px;
}

.pad-all-40 {
    padding: 40px;
}

.pad-horizontally-10 {
    padding: 0px 10px !important;
}

.pad-horizontally-20 {
    padding: 0px 20px !important;
}

.pad-horizontally-100 {
    padding: 0px 100px !important;
}

.pad-vertically-10 {
    padding: 10px 0px !important;
}

.pad-vertically-20 {
    padding: 20px 0px !important;
}

.pad-vertically-40 {
    padding: 40px 0px !important;
}


.pad-top-20 {
    padding-top: 20px !important;
}

.pad-top-30 {
    padding-top: 15px !important;
}

.pad-top-300 {
    padding-top: 30px !important;
}

.pad-top-40 {
    padding-top: 40px !important;
}

.pad-top-50 {
    padding-top: 50px !important;
}

.pad-top-60 {
    padding-top: 60px !important;
}

.pad-top-70 {
    padding-top: 70px !important;
}


.pad-bottom-20 {
    padding: 20px 30px;
    padding-bottom: 20px;
    text-align: justify;
}

.pad-bottom-30 {
    padding-bottom: 30px;
}

.pad-bottom-40 {
    padding-bottom: 40px;
}

.pad-bottom-50 {
    padding-bottom: 50px;
}

.pad-bottom-60 {
    padding-bottom: 60px;
}

.pad-bottom-100 {
    padding-bottom: 100px !important;
}


.pad-left-0
{
    padding-left: 0px;
}

.pad-right-0
{
    padding-right: 0px;
}

.pad-hor-left-30 {
    padding-left: 30px ;
}

.text-right-full
{
    text-align: -webkit-right;
}

.mar-right-0
{
    margin-right: 0px;
}

.mar-left-0
{
    margin-left:0px;
}

.pad-left-60
{
    padding-left:60px;
}

.mar-left-10 {
    margin-left:10px;
}

.mar-left-30 {
    margin-left:30px;
}

.content-center-all {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.content-center-nowrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-center-horizontally {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
}

.content-flex {
    display: flex;
}

.content-justify-end {
    justify-content: flex-end;
}

.content-wrap {
    flex-wrap: wrap;
}

.content-flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.content-inline-flex {
    display: inline-flex;
}

.content-flex-align-center {
    align-items: center;
}


.back-index {
    z-index: -1;
}
.black-title {
    color: #000;
    font-weight: 800;
    font-size: 16px;
}

.white-space-pre {
    white-space: pre;
}

/*UI ELEMENTS*/

/*TITLES*/

.title-regular {
    font-family: Oxygen;
    font-weight: 400;
    font-size: 24px;
    color: #435363;
}

.title-bold {
    font-family: Oxygen;
    font-weight: 700;
    font-size: 24px;
    color: #435363;
}

/*TEXT*/

.text-p1 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    /*se agrega text-left*/
    text-align: left;
}

.text-p3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    padding: 0 5px;
}

/*BUTTONS*/

.btn-carousel {
    color: #435363;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 5px 55px;
    background-color: #ECEDEF;
    border-radius: 25px;
    transition: 0.3s;
}

.btn-carousel:hover {
    color: #ffffff;
    background-color: #435363;
    transition: 0.3s;
}

/*GENERALES*/

.btn-img-question {
    margin-left: 5px;
    border: none;
    background-color: transparent;
}

.btn-img-question img {
    width: 17px;
    margin-top: -5px;
}

.searchButton {
    width: 40px;
    height: 36px;
    border: 1px solid #a9a7a7;
    background: #a9a7a7;
    text-align: center;
    color: #fff;
    border-radius: 0 25px 25px 0;
    cursor: pointer;
    font-size: 18px;
}
.search {
    display: flex;
}
.wrap {
    width: 30%;
    position: absolute;
}
.searchTerm {
    border: 1px solid #a9a7a7;
    border-right: none;
    padding: 0px 100% 0px 11px;
    height: 35px;
    border-radius: 25px 0 0 25px;
    outline: none;
    color: #5a5959;
}
.general-icon-aspel {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px solid;
    border-radius: 50%;
    padding: 10px;
    margin: 10px 20px;
}

.general-border-color-1 {
    border-color: #EB0029;
}

.general-border-color-2 {
    border-color: #FF8300;
}

.general-border-color-3 {
    border-color: #00ADD8;
}

.general-title-aspel {
    display: flex;
    align-items: center;
}

.general-title-aspel img {
    width: 80px;
}

.general-title-aspel span {
    font-weight: 700;
    font-size: 40px;
    margin-left: 5px;
    line-height: 0;
    padding-bottom: 10px;
}

.text-color-red {
    color: #EB0029 !important;
}

.text-color-blue {
    color: #00ADD8;
}

.text-color-orange {
    color: #FF8300;
}

.text-color-yellow {
    color: #FFD100;
}

.text-color-purple {
    color: #62269E;
}

/*NAVBAR*/

.top-navbar {
    background-color: #ffffff;
    height: 100px;
}

.content-top-navbar {
    display: flex;
    align-items: center;
    height: 100px;
    padding-right: 40px;
    padding-left: 40px;
}

.content-top-responsive {
    display: flex;
    height: 75px;
    width: 100%;
    justify-content: flex-end;
}

.content-top-menu-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 30px;
}

.top-menu-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.content-top-navbar ul {
    display: inline-flex;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
}

.content-top-navbar ul li {
    padding-right: 20px;
    position: relative;
}

.content-top-navbar ul li:after {
    background-color: #435363;
    position: absolute;
    right: 0;
    right: 10px;
    width: 1px;
    height: 100%;
    content: "";
}

.content-top-navbar ul li a {
    color: #435363;
    font-size: 14px;
    font-weight: 400;
}

.content-top-navbar ul li a:hover {
    border-bottom: 1px solid #435363;
}
.border-bottom-gen-soporte {
    border-bottom: 1px solid #b4b9bc !important;
    padding-bottom: 20px;
}
@media (min-width: 768px){
.pad-horizontally-40-resp {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
}


.content-top-navbar ul li:not(:first-child):after {
    position: absolute;
    left: 0;
    top: -3px;
    display: block;
    width: 1px;
    height: 25px;
    padding: 0;
    content: "";
    background-color: #ffffff;
}

.content-top-right {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.input-nav-search {
    position: relative;
    margin: 0;
    margin-top: 20px;
    width: 100%;
    display: flex;
}

.input-nav-search button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    margin-left: 5px;
    border: none;
}

.input-nav-search span {
    color: #435363;
    font-size: 21px;
}

.input-nav-search input {
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    width: 400px;
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    color: #435363;
}

.product-nav {
    padding: 5px 0;
}

.product-nav a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.product-nav a img {
    width: 22px;
}

.product-nav a span {
    font-size: 14px;
    color: #435363;
    margin-left: 5px;
}


.btn-login {
    padding: 5px 25px;
    border-radius: 25px;
    background-color: rgba(67, 83, 99, 0.2);
    color: #435363;
    font-size: 14px;
    font-weight: 400;
}

.burger-menu {
    width: 25px;
}

.burger-menu span {
    display: block;
    width: 27px;
    height: 4px;
    content: "";
    background-color: #435363;
    margin: 2.5px 0;
    border-radius: 15px;
}

.burger-menu p {
    font-size: 8px;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
    margin-top: 5px;
    font-weight: 700;
    text-align: center;
}

#menu-responsive-btn {
    display: none;
    color: #435363;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 30px;
    height: 30px;
    flex-direction: row;
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding: 0;
    align-content: center;
    justify-content: center;
}

#menu-responsive-btn span {
    width: 30px;
    content: "";
    color: #ffffff;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#menu-responsive-btn p {
    font-size: 18px;
    margin: 0;
    margin-left: 0px;
    padding: 0;
    line-height: normal;
    display: flex;
    align-items: center;
    margin-left: 5px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
}

.divider-nav {
    height: 10px;
    width: 100%;
    border: 0;
    margin: 0;
    background: rgba(0, 124, 186, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 124, 186, 1)), color-stop(35%, rgba(0, 124, 186, 1)), color-stop(100%, rgba(177, 211, 74, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: linear-gradient(80deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 60%, rgba(177, 211, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007cba', endColorstr='#b1d34a', GradientType=1);
    content: "";
    display: block;
    z-index:0;
    margin-top:-2px;
    
    

}



.navbar-theme {
    background-color: #fefefe;
    height: 60px;
    border: 0;
    margin: 0;
    border-radius: 0;
    background: rgba(0, 124, 186, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 124, 186, 1)), color-stop(35%, rgba(0, 124, 186, 1)), color-stop(100%, rgba(177, 211, 74, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: linear-gradient(80deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 60%, rgba(177, 211, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007cba', endColorstr='#b1d34a', GradientType=1);
    padding: 0 20px;
}

.navbar-theme .navbar-nav {
    height: 60px;
    display: inline-flex;
    align-items: center;
}

.navbar-theme .navbar-nav li:not(:last-child):after {
    display: block;
    position: absolute;
    background-color: #ffffff;
    height: 30px;
    width: 1px;
    content: "";
    right: 0;
    transform: translate(-50%, -80%);
}

.navbar-theme .navbar-nav > li {
    padding: 20px 30px;
}

.navbar-theme .navbar-nav > li a {
    color: #ffffff;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 0;
}

.navbar-theme .navbar-nav > li.active > a:after {
    display: block;
    position: absolute;
    background-color: #ffffff;
    height: 5px;
    width: 100%;
    content: "";
    bottom: -10px;
}

.navbar-theme .navbar-nav > li a:hover:after {
    display: block;
    position: absolute;
    background-color: #ffffff;
    height: 3px;
    width: 100%;
    content: "";
    /*bottom: -5px;*/
    right: 0;
}

.navbar-theme .navbar-nav > li:hover a {
    background-color: transparent;
}

.navbar-theme .navbar-nav .dropdown-menu {
    background-color: transparent;
    border: none;
    margin-left: -32px;
    margin-top: 7px;
    min-width:220px;
}

.navbar-theme .navbar-nav .dropdown-menu-2 ul {
    list-style: none;
    text-decoration: none;
    position: absolute;
    right: 0;
    transform: translate(100%, 0%);
    /* top: 0; */
    margin: -42px 0px 0px 0px;
    /* margin: 0; */
    padding: 0;
    float: left;
    min-width: 160px;
    display: none;
}

.navbar-theme .navbar-nav .dropdown-2:hover .dropdown-menu-2 ul {
    display: block;
}

.navbar-theme .navbar-nav .dropdown-menu-2 ul > li {
    background-color: rgba(46, 51, 58, 0.8);
    display: flex;
}

.navbar-theme .navbar-nav .dropdown-menu-2 ul > li:hover {
    background-color: rgba(22, 28, 34, 0.8);
}

/*Aqui cambiamos tamaño de texto menu, 23 de Marzo, antes font_size:16px*/

.navbar-theme .navbar-nav .dropdown-menu-2 ul > li > a {
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 10px 50px 10px 30px;
    width: 100%;
}

.navbar-theme .navbar-nav .dropdown-menu > li > a:hover > .dropdown-menu-2 ul {
    background-color: red !important;
}

.navbar-theme .navbar-nav .dropdown .dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-theme .navbar-nav .dropdown span {
    display: none;
}

.navbar-theme .navbar-nav .dropdown .dropdown-toggle span {
    font-size: 12px;
    margin-left: 5px;
}

.navbar-theme .navbar-nav > li.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-theme .navbar-nav > li.dropdown:hover .dropdown-menu a:after {
    display: none;
    overflow: hidden;
}

.dropdown .accordion-toggle[aria-expanded="true"]:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
    color: grey;
}

.dropdown .accordion-toggle[aria-expanded="false"]:after {
    font-family: 'FontAwesome';
    content: "\f054";
    float: right;
    color: grey;
}

.title-footer-menu.accordion-toggle[aria-expanded="true"]:after {
    font-family: 'FontAwesome';
    content: "\f078";
    color: rgba(26, 26, 26, 0.80);
    font-size: 8px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.title-footer-menu.accordion-toggle[aria-expanded="false"]:after {
    font-family: 'FontAwesome';
    content: "\f054";
    float: right;
    color: rgba(26, 26, 26, 0.80);
    font-size: 8px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.item-left-menu .accordion-toggle a[aria-expanded="true"]:after {
    font-family: 'FontAwesome';
    content: "\f078";
    color: rgba(26, 26, 26, 0.70);
    font-size: 9px;
    position: absolute;
    top: 55%;
    right: -15px;
    transform: translateY(-50%);
}

.item-left-menu .accordion-toggle a[aria-expanded="false"]:after {
    font-family: 'FontAwesome';
    content: "\f054";
    float: right;
    color: rgba(26, 26, 26, 0.80);
    font-size: 8px;
    position: absolute;
    top: 55%;
    right: -10px;
    transform: translateY(-50%);
}

.navbar-theme .navbar-nav .dropdown-menu > li {
    background-color: rgba(46, 51, 58, 0.8);
}

.navbar-theme .navbar-nav .dropdown-menu li:after {
    display: none;
}

.navbar-theme .navbar-nav .dropdown-menu > li:hover {
    background-color: rgba(22, 28, 34, 0.8);
}

.navbar-theme .navbar-nav .dropdown-menu > li > a {
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 50px 10px 30px;
    
    width: auto;
    display: inline-block;
}

.navbar-brand-content {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 50px;
}

.navbar-brand-content img {
    width: 160px;
    max-width: 160px;
}

.content-mobile-option {
    display: none;
}

.content-mobile-option a {
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #404041;
    margin: 0 5px;
}


.content-mobile-option a img {
    width: 20px;
}

.img-youtube-link {
    width: 100px;
}

.content-left-menu {
    position: relative;
}

.content-left-menu:after {
    background-color: #ECEDEF;
    content: "";
    position: absolute;
    height: 100%;
    width: 13px;
    top: 40px;
    display: block;
    left: 0px;
}

.item-left-menu {
    position: relative;
    padding-left: 46px;
}

.item-menu-divider {
    padding-left: 15px;
}

.item-menu-divider:after {
    content: "";
    position: relative;
    background-color: #cacdd2;
    height: 2px;
    width: 80%;
    top: 0;
    display: flex;
}

.item-left-menu ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.item-left-menu ul li {
    padding: 7px 0;
    position: relative;
}

.item-left-menu ul li a {
    font-size: 18px;
    font-weight: 400;
    color: #435363;
    padding: 0;
    position: relative;
}

.item-left-menu ul li.active a:before {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    content: "";
    bottom: -7px;
    background-color: #435363;
}

.item-left-menu ul li.accordion-toggle > a:before {
    display: none !important;
}

.item-left-menu ul li a:hover:before {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    content: "";
    bottom: -7px;
    background-color: #435363;
}

.item-left-menu .title-left-menu {
    font-size: 22px;
    font-weight: 700;
    color: #435363;
    margin-bottom: 30px;
    padding-top: 40px;
}

.item-left-submenu {
    position: relative;
    margin: 10px 0 !important;
    padding-left: 20px !important;
}

.menu-horizontal {
    display: inline-flex;
    list-style: none;
    text-decoration: none;
    padding: 0;
    margin: 10px 0;
}

.menu-horizontal li {
    padding: 0 20px;
    position: relative;
}

.menu-horizontal li:first-child {
    padding: 0;
    padding-right: 20px;
    position: relative;
}

.menu-horizontal li:not(:last-child):after {
    height: 100%;
    width: 1px;
    background-color: #435363;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.menu-horizontal li a:hover {
    color: #007CBA;
    text-decoration: underline;
}

.menu-horizontal li.active a {
    color: #007CBA;
    text-decoration: underline;
    font-weight: 700;
    font-size: 16px;
}

.menu-horizontal li a {
    font-size: 14px;
    color: #435363;
}

#menutop-responsive {
    display: none;

    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;

}

#menutop-responsive-overlay {
    background-color: rgba(0, 0, 0, 0.50);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

#menutop-responsive.active {
    display: block;
}

#menutop-responsive .dropdown .dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    border: none;
    width: 100%;
    position: relative;
    top: 0;
}

#menutop-responsive .dropdown .dropdown-menu ul {
    list-style: none;
    padding-left: 15px;
}

/*#menutop-responsive .dropdown:hover .dropdown-menu {
    display: block;
}*/

#menutop-responsive .dropdown-2 .dropdown-menu-2 {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    border: none;
}

/*#menutop-responsive .dropdown-2:hover .dropdown-menu-2 {
    display: block;
}*/

#menutop-responsive .dropdown-2 a {
    position: relative;
}

/*#menutop-responsive .dropdown .dropdown-menu:hover .dropdown-menu-2 {
    display: block;
}*/

#menutop-responsive > ul {
    display: block;
    z-index: 99999;
    background-color: #fff;
    height: 100vh;
    width: 250px;
    list-style: none;
    padding: 10px 20px;


    overflow-y: scroll;
}

#menutop-responsive ul li:after {
    display: none !important;
}

#menutop-responsive ul li {
    text-align: left;
    padding: 10px 0;
    position: relative;
    width: 100%;
    font-size:14px;
}

#menutop-responsive ul li a {
    text-transform: capitalize !important;
    color: #435363;
    letter-spacing: 1px;
    
    
}

#menutop-responsive ul li a span {
    font-size: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 0;
}

#menutop-responsive ul li a:hover {
    border: none;
}

.m-header__searchBar {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    -moz-box-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}

.m-header__searchBar input {

    font-size: 14px;
    background-clip: unset;
    border: none;
    height: 40px;

}

.m-header__searchBar .input-group-append {
    display: flex;
    width: 40px;
}

.m-header__searchBar .input-group-text {
    border: none;
    width: 100%;
}

.content-body {
    padding: 40px 0;
}

.content-body-title {
    font-size: 34px;
    font-weight: 400;
    color: #435363;
}

.content-body-strong {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.content-body-text {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #415364;
}

.content-body-text a {
    text-decoration: underline;
    color: #435363;
}

.content-body-link {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: underline;
}

.content-body-link:hover {
    text-decoration: underline;
}

.content-body-btn {
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
}

.content-body-btn a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #00002c;
    padding: 5px 30px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    margin: 5px;
}

.content-body-btn a:hover {
    background-color: #B1D34A;
    color: #ffffff;
    transition: 0.3s;
}

.content-body-title-2 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #435363;
    border-bottom: 1px solid #435363;
}

/*Btn Style One*/

.btn-slider {
    min-width: 180px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding: 5px 15px 5px 20px;
    font-weight: 400;
    border: 3px solid #007CBA;
    border-radius: 50px;
    transition: 0.3s;
}

.btn-slider:hover {
    background-color: #ffffff;
    color: #007CBA;
    transition: 0.3s;
}

.btn-slider .btn-title {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-slider .btn-title span {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-left: 30px;
}

.btn-slider:hover .btn-title span {
    color: #007CBA;
}

.btn-slider-2 {
    min-width: 180px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding: 5px 15px;
    font-weight: 700;
    border: 3px solid #007CBA;
    border-radius: 50px;
    background-color: #007CBA;
    margin-right: 15px;
    margin-top: 20px;
    transition: 0.3s;
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
}

.btn-slider-2 .btn-title {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-slider-2 .btn-title span {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-left: 30px;
}

.btn-slider-2:hover {
    background-color: #ffffff;
    color: #007CBA;
    border-color: #ffffff;
    transition: 0.3s;
}

.btn-slider-2:hover span {
    color: #007CBA;
}

/*** 

Boton en blanco

***/

.btn-slider-b3 {
    min-width: 180px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #007CBA;
    padding: 5px 15px;
    font-weight: 700;
    border: 3px solid #ffffff;
    border-radius: 50px;
    background-color: #ffffff;
    margin-right: 15px;
    margin-top: 20px;
    transition: 0.3s;
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
}

.btn-slider-b3 .btn-title {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-slider-2 .btn-title span {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-left: 30px;
}

.btn-slider-b3:hover {
    background-color: #007CBA;
    color: #ffffff;
    border-color: #007CBA;
    transition: 0.3s;
}

.btn-slider-2:hover span {
    color: #007CBA;
}

.btn-slider-b33 {
    min-width: 180px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding: 5px 15px 5px 20px;
    font-weight: 400;
    border: 3px solid #ffffff;
    border-radius: 50px;
    transition: 0.3s;
}

.btn-slider-b33:hover {
    background-color: #ffffff;
    color: #007CBA;
    border-color: #007CBA;
    transition: 0.3s;
}


/*** 

Boton Verde

***/

.btn-verde {
    min-width: 180px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding: 5px 15px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    background-color: #B1D34A;
    margin-right: 15px;
    margin-top: 20px;
    transition: 0.3s;
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
}

.btn-verde:hover {
    background-color: #ffffff;
    color: #B1D34A;
    border-color: #ffffff;
    transition: 0.3s;
}

/*** 
/*** 

Boton Verde 2

***/

.btn-verde2 a{
    margin-left:65px;
    max-height: 30px;
   min-width: 180px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding:2px 15px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    background-color: #B1D34A;
    margin-right: 15px;
    margin-top: 0px;
    padding-bottom:10px;
    transition: 0.3s;
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
}

.btn-verde2 a:hover {
    background-color: #ffffff;
    color: #B1D34A;
    border-color: #ffffff;
    transition: 0.3s;
}

/*** 



====================================================================
        Banner Section
====================================================================

***/

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.banner-section {
    position: relative;
    height: 400px;
}

.banner-section .banner-carousel {
    height: 400px;
}

.banner-section .banner-carousel .owl-stage-outer {
    position: absolute;
}
.banner-section .slide-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.banner-section .slide-item .content-box {
    position: relative;
    height: 400px;
    width: 100%;
    display: table;
    vertical-align: middle;
}

.banner-section .owl-stage-outer {
    width: 100%;
}

.banner-section .slide-item .content {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    z-index: 9;
    padding-bottom: 50px;
}

.banner-section .slide-item h2 {
    position: relative;
    display: block;
    font-size: 25px;
    line-height: 1em;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 20px;
    /*text-shadow: 0px 0px 15px rgba(255,255,255,0.50);*/
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.banner-section .slide-item h2 span {
    display: block;
    font-size: 75%;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 1%;
}

.banner-section .active h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;

    text-shadow: 3px 2px 7px rgba(0, 0, 0, 0.50);
}

.banner-section .slide-item .text {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 1.1;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 40px;
    letter-spacing: 0.06em;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;

    text-shadow: 3px 2px 7px rgba(0, 0, 0, 0.50);
    text-align:left;

}

.banner-section .active .text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.banner-section .slide-item .btn-box {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.banner-section .active .btn-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -ms-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms;
}

.banner-section .owl-nav div.owl-prev,
.banner-section .owl-nav div.owl-next {
    color: #fff;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    /*border: 1px solid #fff;
    width: 40px;
    height: 40px;*/
}

.banner-section .owl-nav div.owl-prev img,
.banner-section .owl-nav div.owl-next img {
    opacity: 0.5;
    transition: 0.5s;
}

.banner-section .owl-nav div.owl-prev:hover img,
.banner-section .owl-nav div.owl-next:hover img {
    opacity: 1;
    transition: 0.5s;
}

.banner-section .owl-nav div.owl-prev {
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.banner-section .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.banner-section .owl-nav div.owl-next {
    right: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

.banner-section .owl-nav div.owl-prev {
    left: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

/*.banner-section .owl-nav div.owl-next:hover,
.banner-section .owl-nav div.owl-prev:hover {
    color: #fff;
    background: #0C94B8;
    border: 1px solid #0C94B8;
}*/

/*.banner-section .owl-nav{
    position: absolute;
    max-width: 1170px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 15%;
    text-align: right;
    padding: 0 15px;
}

.banner-section .owl-prev,
.banner-section .owl-next{
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50px 0 0 50px;
    background-color: rgba(255,255,255,.50);
    font-size: 18px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.banner-section .owl-next{
    border-radius: 0 50px 50px 0;
}

.banner-section .owl-prev:hover,
.banner-section .owl-next:hover{
    background-color: rgba(0,0,0,.80);
}*/

/*.banner-section .owl-dots{
    display: none;
}*/

/*=== Banner Section Style Two ===*/

.banner-section.style-two .slide-item .content-box {
    text-align: right;
}

.banner-section.style-two .slide-item h2 {
    font-size: 50px;
}

.banner-section.style-two .slide-item .content-box:after {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.banner-section.style-two .slide-item .inner {
    padding-top: 140px;
}

.banner-section.style-two .owl-nav {
    text-align: left;
}

.banner-section.style-two .btn-box .theme-btn {
    margin-left: 20px;
    padding: 10px 30px;
}

/*=== Banner Section Style Three ===*/

.banner-section.style-three .slide-item .content-box {
    text-align: center;
}

.banner-section.style-three .slide-item .content-box:after {
    background: #000000;
    opacity: .70;
}

.banner-section.style-three .slide-item .inner {
    padding-top: 100px;
}

.banner-section.style-three .btn-box .theme-btn {
    padding: 10px 30px;
    margin: 0;
}

.banner-section.style-three .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    width: 100%;
}

.banner-section.style-three .owl-next {
    position: absolute;
    left: auto;
    right: -50px;
}

.banner-section.style-three .owl-prev {
    position: absolute;
    left: -50px;
    right: auto;
}

.banner-section .owl-dots {
    position: absolute;
    right: 50px;
    bottom: 0px;
    text-align: center;
    display: block;
}

.banner-section .owl-dot {
    position: relative;
    display: inline-block;
    opacity: 0.5;
    height: 5px;
    width: 35px;
    background-color: #c0c3c8;
    border-radius: 50px;
    border: 2px solid #c0c3c8;
    margin: 0 5px;
    transition: all 300ms ease;
}

.banner-section .owl-dot.active {
    opacity: 0.5;
    background-color: #999999;
    border: 2px solid #999999;
    opacity: 1;
}

.sesion-section {
    background: linear-gradient(80deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 60%, rgba(177, 211, 74, 1) 100%);
    height: auto;
    /*height: calc(100vh*1.5);*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-sesion {
    background-color: #ffffff;
    width: 70%;
    padding: 100px 50px;
    border-radius: 20px;
    margin: 100px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-panel-sesion {
    width: 500px;
    display: flex;
    flex-direction: column;
}

.btn-sesion a {
    position: relative;
    font-size: 24px;
    line-height: 20px;
    color: #ffffff;
    padding: 15px 40px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 25px;
    display: inline-block;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}

.btn-sesion a:hover {
    background-color: #00002c;
    border-color: #00002c;
    color: #ffffff;
    transition: 0.3s;
}

.title-sesion {
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
}

.item-form-sesion {
    position: relative;
    margin-top: 20px;
}

.item-form-sesion input {
    height: 50px;
    border-radius: 100px;
    width: 100%;
    border: 2px solid rgba(65, 83, 100, 0.50);
    padding-left: 90px;
    color: rgba(65, 83, 100, 0.70);
}

.item-form-sesion input::placeholder {
    font-size: 18px;
    font-weight: 700;
    padding-left: 30px;
    color: rgba(65, 83, 100, 0.70);
}

.link-forgot-pass {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.link-forgot-pass a {
    margin-top: 10px;
    display: inline-block;
    float: right;
}

.item-form-sesion .icon-input-sesion {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-form-sesion .icon-input-sesion img {
    width: 100%;
}

.footer-text-sesion {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin-top: 80px;
}

.header-text-sesion {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}

.header-section {
    position: relative;
    height: 220px;
}

.header-section .text-header {
    font-size: 30px;
    font-weight: 500;
    color: #435363;
}

.header-section .text-header .general-title-icon-aspel img {
    width: 150px;
}

.header-section .text-header .header-content-button {
    display: flex;
    flex-wrap: wrap;
}

.header-section .text-header .header-content-button .header-btn a {}

/*CUSTOM CHECKBOX*/

/* The container */
.content-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin: 12px 0;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #415364;
}

/* Hide the browser's default checkbox */
.content-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 50%;
    left: 10px;
    height: 20px;
    width: 20px;
    border: 1px solid #415364;
    transform: translate(-50%, -50%);
}

.checkmark img {
    display: none;
}

/* On mouse-over, add a grey background color */
/*.content-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}*/

/* When the checkbox is checked, add a blue background */
.content-checkbox input:checked ~ .checkmark img {
    display: block;
    position: absolute;
    right: -6px;
    width: 22px;
    top: -4px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.content-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.content-checkbox .checkmark:after {
    left: 10px;
    top: 7px;
    width: 6px;
    height: 10px;
    content: "";
    /*border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);*/
}

.content-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.bg-header {
    position: absolute;
    height: 100%;
    width: 100%;


    /* positioned top left of the content box */
    top: 0;
    z-index: -2;
}

.bg-header img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 100% 150%;
    /* default value: image is centered*/
    object-position: 70% 0;
}

.content-header {
    position: relative;
    height: 220px;
}

.content-header-2 {
    position: relative;
    height: 220px;
    margin-left:30px;
        position: relative;
    height: 220px;
    display:flex;
    
}

.text-header {
    font-size: 34px;
    font-weight: 700;
    color: #435363;
}


.text-header .img-text-aspel img {
    width: 120px;
}

.img-text-aspel img {
    width: 180px;
}

.img-complete-aspel {
    width: 100px;
}

.img-complete-aspel img {
    width: 100px;
}

.header-btn {
    height: 90px;
    display: flex;
    align-items: center;
}

.header-btn a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #00002c;
    padding: 7px 0;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    margin: 5px;
    background-color: #B1D34A;

    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);



    display: inline-flex;
    justify-content: center;
    min-width: 180px;
}

.header-btn a:hover {
    background-color: #00002c;
    border-color: #00002c;
    color: #ffffff;
    transition: 0.3s;
}

.header-btn-simple {
    /*height: 90px;*/
    display: flex;
    align-items: center;
}

.header-btn-simple a {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    margin: 5px;
    background-color: #B1D34A;

    -webkit-box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.5);

    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 180px;
    height: 30px;
}

.header-btn-simple a:hover {
    background-color: #00002c;
    border-color: #00002c;
    color: #ffffff;
    transition: 0.3s;
}

.header-btn-white a {
    border: 3px solid #ffffff;
    background-color: #ffffff;
    color: #435363;
}

.header-btn-simple a:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #B1D34A;
}

.header-btn-white a:hover {
    background-color: #435363;
    border-color: #435363;
    color: #fff;
    transition: 0.3s;
}

/*HEADER SUSCRIPTION*/

.header-suscription {
    padding: 25px 0;
}

.header-suscription .text-header {
    font-size: 24px;
    font-weight: 700;
    color: #435363;
}

.header-suscription .text-header span {
    font-weight: 700;
    font-size: 24px;
    margin-left: 5px;
    line-height: 0;
    padding-bottom: 10px;
}

.header-suscription .subtitle-header {
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 10px;
    color: #415364;
}

.header-suscription .content-shopping {
    margin-top: 35px;
}

.header-suscription .content-shopping .title-shopping {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
}

.header-suscription .content-shopping form {
    display: flex;
    flex-wrap: wrap;
    max-width: 720px;
}

.header-suscription .content-shopping .item-form-shopping {
    /*margin-right: 50px;*/
    padding: 10px 0;
}

.header-suscription .content-shopping .item-form-shopping label {
    font-weight: 400;
    font-size: 14px;
    /*white-space: nowrap;*/
}

.header-suscription .content-shopping .form-shopping-btn {
    display: flex;
    flex-direction: column-reverse;
}

.header-suscription .content-shopping .form-shopping-ammount {
    position: relative;
    line-height: 20px;

    background-color: #ECEDEF;
    color: #007CBA;
    border-radius: 25px;
    font-size: 19px;
    font-weight: 700;
    width: 220px;
    min-width: 220px;
    height: 40px;
    padding: 0 15px;
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-suscription .content-shopping .form-shopping-btn a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 30px;
    width: 220px;
    text-align: center;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;

    -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
}

.header-suscription .content-shopping .form-shopping-btn a:hover {
    background-color: #00002c;
    border-color: #00002c;
    color: #ffffff;
    transition: 0.3s;
}

.content-shipping-habitually .subscription-option-btn {
    font-size: 14px;
    color: #1A1A1A;
    padding: 10px 15px;
    background-color: #ffffff;
    -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
}

.content-shipping-habitually .subscription-option-btn:hover {
    color: #ffffff;
    background-color: #435363;
}

.content-subscription {
    position: relative;
    display: inline-flex;
    width: 100%;
    padding: 50px 0;
    flex-wrap: wrap;
}

.content-subscription .subscription-btn a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 25px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}

.content-subscription .subscription-btn a:hover {
    background-color: #00002c;
    border-color: #00002c;
    color: #ffffff;
    transition: 0.3s;
}

.content-shipping-habitually {
    width: 55%;
    padding: 50px;
    background-color: #ECEDEF;
}

/* Css cuadro gris agregado el 29 de Julio*/
.content-shipping-habitually_w100 {
    width: 55%;
    padding: 50px;
    background-color: #ECEDEF;
    min-width: 100%;
}

.content-shipping-habitually .title-shipping-habitually {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    color: #1A1A1A;
}

.content-shipping-habitually .text-shipping-habitually {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 15px;
    color: #1A1A1A;
}

.content-item-habitually {
    display: flex;
    flex-wrap: wrap;
}

/*.content-item-habitually .item-aspel-2 {
    width: 33.33%;
}*/


.content-shipping-detail {
    width: 45%;
    padding: 50px 70px;
}

.content-shipping-detail .title-detail {
    font-size: 24px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 15px;
}

.content-shipping-detail .text-detail {
    font-size: 18px;
    font-weight: 400;
    color: #1A1A1A;
}

.content-shipping-detail .item-table-detail {
    margin-bottom: 10px;
}

.content-shipping-detail .double-text-detail {
    display: flex;
    flex-direction: row;
}

.content-shipping-detail .double-text-detail .text-detail {
    width: 50%;
}

.content-shipping-detail .double-text-detail .text-detail:last-child {
    text-align: right;
}

.content-shipping-detail .strong-blue-text .text-detail {
    color: #008CCC;
    font-size: 24px;
    font-weight: 700;
}

.content-shipping-detail .line-divider {
    width: 100%;
    height: 1px;
    display: block;
    content: "";
    background-color: #1A1A1A;
    margin: 15px 0;
}

.content-steps {
    display: flex;
    margin-top: 20px;
    justify-content: space-around;
}

.content-steps .item-steps {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-steps .item-steps .img-steps {
    position: relative;
}

.content-steps .item-steps .img-steps svg {
    width: 45px;
    height: 45px;
}

.content-steps .item-steps .img-steps svg path {
    fill: #435363;
}

.content-steps .item-steps.active .img-steps svg path {
    fill: #007CBA;
}

    .content-steps .item-steps.active .text-steps,
    .product-nav a span.active, #prodItem.active {
        color: #007CBA;
        font-weight: 700;
    }


.content-steps .item-steps .img-steps2 svg {
    width: 45px;
    height: 45px;
    color:red;
}



.content-steps .item-steps .content-point-steps {

    position: relative;
}

.content-steps .item-steps:not(:last-child) .img-steps:before {
    background-color: transparent;
    height: 0;
    width: 290px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(50px, -50%);

    border: none;
    border-top: 5px dotted rgba(67, 83, 99, 0.50);
}

.content-steps .item-steps .content-point-steps span {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    background-color: #435363;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content-steps .item-steps.active .content-point-steps span {
    width: 40px;
    height: 40px;
    background-color: #002856;
}

/* 29 de Abril font-size:14px*/
.content-steps .item-steps .text-steps {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #435363;
    max-width: 140px;
    text-align: center;
    line-height: 1.3;
    margin-top: 10px;
}

.header-purchase {
    padding: 40px 0;
}

.header-purchase img {
    width: 190px;
}

/* 29 de Abril padding: 40px*/
.content-purchase {
    padding: 30px 0;
}

.content-purchase .title-purchase {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 18px;
    color: #435363;
    line-height: 1;
}

.bar-action-purchase {
    display: inline-flex;
    list-style: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
    width: 100%;
}

.bar-action-purchase li {
    list-style: none;
    text-decoration: none;
    padding: 0 10px;
}

.bar-action-purchase a img {
    width: 35px;
}

.content-tab-purchase {
    background-color: rgba(67, 83, 99, 0.10);
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-tab-purchase .text-tab-purchase {
    font-size: 24px;
    font-weight: 700;
    color: #1A1A1A;
    /*text-align: right*/
}

.item-purchase {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding: 20px 0;
    flex-wrap: wrap;
    justify-content: center;
}

.item-purchase:after {
    background-color: #9BA4AE;
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
}

.item-purchase .icon-aspel-purchase img {
    width: 100px;
}

.item-purchase .icon-aspel-purchase-double {
    display: flex;
}

.item-purchase .icon-aspel-purchase-double img {
    width: 60px;
}

.item-purchase .item-aspel-2 {
    height: auto;
}

.item-purchase .item-aspel-2 .icon-aspel {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 8px;
    padding: 5px;
}

.item-purchase .item-aspel-2 .title-aspel {
    margin-bottom: 30px;
}

.item-purchase .item-detail-purchase {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.item-purchase .item-detail-purchase .title-detail {
    font-weight: 400;
    font-size: 18px;
    text-align: left;
}

.item-purchase .item-detail-purchase .title-tiny-detail {
    font-weight: 400;
    font-size: 12px;
    text-align: left;
}

.item-purchase .item-detail-purchase .content-option-purchase {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 370px;
}

.item-purchase .item-option-purchase {
    padding: 0 5px;
    width: 50%;
}

.item-purchase .item-detail-purchase .title-option-purchase {
    font-weight: 700;
    font-size: 16px;
    text-align: left;
}

.item-purchase .item-detail-purchase .text-option-purchase {
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
}

.item-purchase .item-detail-purchase .option-profile-select {
    width: 100%;
}

.item-purchase .item-detail-purchase .option-profile-select .item-profile-select {
    min-width: 100%;
}

.item-purchase .item-detail-purchase .input-number {
    width: 100%;
    min-width: 100%;
}

.item-purchase .item-detail-purchase .input-number input {
    width: 100%;
    min-width: 100%;
}

.item-purchase .item-amount-purchase {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.item-purchase .item-amount-purchase .before-amount {
    text-decoration: line-through;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    color: #1A1A1A;
}

.item-purchase .item-amount-purchase .after-amount {
    font-weight: 700;
    font-size: 18px;
    color: #EB0029;
}

.registry-payment-cards {
    margin: 25px 0;
}

.item-registry-payment-cards {
    margin: 10px 0;
}

.item-registry-content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.item-registry-content .input-registry-payment-cards {
    width: 30%;
}

.item-registry-content .image-card {
    width: 50px;
}

.item-registry-content .text-card {
    font-weight: 400;
    font-size: 12px;
    margin: 0;
    line-height: 0;
    text-align: left;
    color: #415364;
}

.item-registry-content .item-profile-select {
    position: relative;
    min-width: 45%;
}

.title-registry-payment-cards {
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    margin-bottom: 10px;
}

.registry-payment-cards p {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    padding: 20px 0;
    display: inline-block;
}

.input-registry-payment-cards {
    background-color: #ffffff;
    border: 1px solid #B1D34A;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #435363;
    padding: 3px 15px;
    width: 100%;
}

.content-control-paypment-cards {
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    border: 1px solid #9DA4AD;
    margin-bottom: 20px;
}

.content-control-paypment-cards .title-section {
    margin: 0 25px 20px;
    border-bottom: 1px solid rgba(65, 83, 100, 0.50);
}

.content-control-paypment-cards .title-control-paypment-cards {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 15px;
}

.content-control-paypment-cards .item-paypment-cards {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px 20px;
    margin: 15px 10px;
    background-color: rgba(65, 83, 100, 0.10);
}

.content-control-paypment-cards .item-paypment-cards p {
    margin: 10px 0;
    padding: 0;
    font-size: 18px;
}

.btn-paypment a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 25px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}

.btn-paypment a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 25px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}

.btn-paypment a:hover {
    background-color: #00002c;
    border-color: #00002c;
    color: #ffffff;
    transition: 0.3s;
}

.custom-accordion {
    margin-top: 50px;
}

.custom-accordion .panel-title {
    font-size: 18px;
}

.custom-accordion .panel {
    border: none;
}

.custom-accordion .panel:first-child .panel-heading {
    border-top: 1px solid rgba(65, 83, 100, 0.50);
}

.custom-accordion .panel-heading {
    background-color: transparent;
    padding: 10px 40px;
    border: none;
    border-bottom: 1px solid rgba(65, 83, 100, 0.50);
    position: relative;
}

.custom-accordion .panel-heading:after {
    position: absolute;
    content: "";
    top: 40%;
    right: 40px;
    width: 10;
    height: 0;
    border: 10px solid transparent;
    border-radius: 2px;
    border-color: #415364 transparent transparent transparent;
}

.custom-accordion .panel-body {
    border-bottom: 1px solid rgba(65, 83, 100, 0.50);
}

.custom-accordion .panel-body p {
    font-size: 16px;
    margin-top: 15px;
}

.custom-accordion .panel-heading a {
    width: 100%;
    display: block;
}

.custom-accordion .panel-body {
    background-color: rgba(65, 83, 100, 0.07);
    padding: 40px;
}

.custom-accordion .custom-client-accordion img {
    width: 150px;
    padding: 10px;
}


.content-payment-accordion {
    display: flex;
    flex-wrap: wrap;
}

.item-payment-accordion {
    margin: 10px 0;
    margin-right: 10px;
    width: 250px;
}

.title-payment-accordion {
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
}

.input-payment-accordion {
    background-color: #ffffff;
    border: 1px solid #B1D34A;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #435363;
    padding: 3px 15px;
    width: 100%;
}

.item-payment-accordion .option-profile-select {
    width: 175px;
    margin: 5px 0;
}

.item-payment-accordion .item-profile-select {
    position: relative;
    min-width: 175px;
    height: 30px !important;
}

.item-payment-accordion .item-profile-select .select-items div,
.item-payment-accordion .item-profile-select .select-selected {
    cursor: pointer;
    user-select: none;
    height: 30px !important;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.content-purchase .content-subtotal {
    height: 150px;
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #9DA4AD;
    border-top: none;
}

.content-purchase .title-subtotal {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    background-color: rgba(67, 83, 99, 0.10);
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    height: 50px;
    padding: 0 15px;
}

.content-purchase .content-subtotal .content-amount {
    font-size: 30px;
    font-weight: 700;
    color: #007CBA;
    /*margin: 15px 0;*/
    position: relative;
    text-align: center;
    padding: 15px 0;
}

.content-purchase .content-subtotal .content-action {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.content-purchase .btn-purchase-1 a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #ffffff;
    border-radius: 50px;
    transition: 0.3s;
    margin-top: 25px;
    display: inline-block;

    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}

.content-purchase .btn-purchase-1 a:hover {
    color: #00002c;
    background-color: #ffffff;
}

.content-purchase .btn-purchase-2 a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}

.content-purchase .btn-purchase-2 a:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #B1D34A;
    transition: 0.3s;
}

.content-purchase .btn-purchase-3 a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #00002c;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #00002c;
    margin-top: 25px;
    display: inline-block;

    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}

.content-purchase .btn-purchase-3 a:hover {
    background-color: #B1D34A;
    border-color: #B1D34A;
    color: #ffffff;
    transition: 0.3s;
}

.detail-text-purchase {
    display: flex;
    flex-wrap: wrap;
    float: right;
    padding: 30px 0;
    justify-content: flex-end;
}

.detail-text-purchase .detail-purchase {
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px;
}

.detail-text-purchase .detail-purchase:last-child {
    margin-right: 20px;
    width: 90px;
    text-align: right;
}

.detail-text-purchase .detail-purchase strong {
    font-size: 22px;
    font-weight: 700;
}

.detail-text-purchase.no-underline:after {
    display: none;
}

.purchase-btn {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0;
    width: 100%;
}

.content-related {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    border: 1px solid #9DA4AD;
}

.content-related .title-related {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 15px;
}

.content-related .item-related {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
}

.content-related .item-related .item-related-brand {
    display: flex;
    justify-content: center;
}

.content-related .item-related .item-related-brand img {
    height: 21px;
}

.content-related .title-related-line {
    background-color: #91999f;
    height: 1px;
    width: 95%;
    content: "";
    margin-left: 15px;
    bottom: 0;
    display: block;
    margin-bottom: 20px
}

.content-related .item-related .item-aspel-2 {
    height: auto;
}

.content-related .item-related .item-aspel-2 .icon-aspel {
    width: 80px;
    height: 80px;
    border-width: 5px;
}

.content-related .item-related .item-detail-related {
    margin-left: 15px;
}

.content-related .item-related .title-detail {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

.content-related .item-related .amount-detail {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

.content-related .item-related .amount-detail.amount-detail-discount span {
    text-decoration: line-through;
    padding-right: 10px;
    color: #161c2a;
}

.content-related .item-related .amount-detail.amount-detail-discount {
    color: #1796c7;
}

.content-related .item-related .detail-related-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(67, 83, 99, 0.10);
    margin-top: 10px;
}

.content-related .item-related .detail-related-btn a {
    color: #1a1a1a;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 8px 20px;
}

.content-section {
    padding: 40px 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.content-section .section-title {
    font-size: 24px;
    font-weight: 400;
    color: #435363;
    line-height: 1;
}

.content-section .section-title a {
    color: #435363;
}

.content-section .section-title a:hover {
    color: #017cba;
}

.container-section {
    padding: 40px 0px 0px;
    position: relative;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

/*BOX CAROUSEL*/

.box-carousel {
    border-radius: 25px;
    border: 5px solid #B1D34A;
    padding: 15px 25px;
    width: 260px;
}


.box-carousel .box-carousel-title {
    font-size: 24px;
    font-weight: 700;
    color: #B1D34A;
    line-height: 1.3;
    margin-bottom: 10px;
}

.box-carousel .box-carousel-text {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    color: #435363;
}

.box-carousel .box-carousel-btn {
    width: 100%;
    text-align: center;
    padding: 15px 0;
}

.box-carousel .box-carousel-btn a {
    color: #435363;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 5px 55px;
    background-color: #ECEDEF;
    border-radius: 25px;
    transition: 0.3s;
}

.box-carousel .box-carousel-btn a:hover {
    color: #ffffff;
    background-color: #435363;
    transition: 0.3s;
}

/*BOX CAROUSEL AZUL*/

.box-carousel-azul {
    border-radius: 25px;
    border: 5px solid #007cba;
    padding: 15px 25px;
    width: 260px;
}


.box-carousel-azul .box-carousel-title {
    font-size: 24px;
    font-weight: 700;
    color: #B1D34A;
    line-height: 1.3;
    margin-bottom: 10px;
}

.box-carousel-azul .box-carousel-text {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    color: #435363;
}

.box-carousel-azul .box-carousel-btn {
    width: 100%;
    text-align: center;
    padding: 15px 0;
}

.box-carousel-azul .box-carousel-btn a {
    color: #435363;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 5px 55px;
    background-color: #ECEDEF;
    border-radius: 25px;
    transition: 0.3s;
}

.box-carousel-azul .box-carousel-btn a:hover {
    color: #ffffff;
    background-color: #435363;
    transition: 0.3s;
}

/*BOX CAROUSEL AZUL*/

.first-product-carousel {
    margin-top: 50px;
}

.first-product-carousel .item {
    background-color: #ffffff;
    -webkit-box-shadow: 10px 10px 5px -7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 10px 5px -7px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 5px -7px rgba(0, 0, 0, 0.1);
    height: 260px;
    min-width:200px;
    transition: transform .2s;

    border-bottom: 10px solid #ECEDEF;
}

.first-product-carousel .item a:hover .item-aspel {
    transform: scale(1.1);
    cursor: pointer;
}

.first-product-carousel .item .item-aspel {
    transition: transform .2s;
}

.first-product-carousel .owl-item {
    height: 270px;
}

.first-product-carousel .item-aspel .title-aspel img {
    width: 100px;
}

.first-product-carousel .item-aspel .icon-title-aspel {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.first-product-carousel .item-aspel .icon-title-aspel img {
    width: 120px;
}

.item-aspel {
    position: relative;
    padding: 20px 0;
}

.item-aspel .title-aspel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-aspel .title-aspel img {
    width: 80px;
}

.item-aspel .title-aspel span {
    font-weight: 700;
    font-size: 25px;
    margin-left: 5px;
    line-height: 0;
    padding-bottom: 5px;
}

.item-aspel-2 {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    /*height: 340px;*/
    margin: 20px 0;
}

.item-aspel-2 img {
    max-width: 200px;
}


.item-aspel-2 .title-aspel {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
/*ANTES width: 80px;*/
.item-aspel-2 .title-aspel img {
    width: 170px;
}

.item-aspel-2 .title-aspel span {
    font-weight: 700;
    font-size: 40px;
    margin-left: 5px;
    line-height: 0;
    padding-bottom: 7px;
}

.item-aspel-2 .text-aspel {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 5px;
    /*padding: 0 5px;*/
    color: #435363;
    width: 100%;
}

.item-aspel-2 .btn-aspel {
    margin-top: 15px;
    font-weight: 400;
    font-size: 15px;
    width: 100%;
}

.item-aspel-2 .btn-aspel a {
    text-decoration: underline;
    color: #007CBA;
    transition: 0.3s;
}

.item-aspel-2 .btn-aspel a:hover {
    color: #9DA4AD;
    transition: 0.3s;
}

.item-aspel-2 .icon-aspel {
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px solid;
    border-radius: 50%;
    margin-bottom: 20px;
}


.item-aspel-2 .border-color-1 {
    border-color: #EB0029;
}

.item-aspel-2 .border-color-2 {
    border-color: #FF8300;
}

.item-aspel-2 .border-color-3 {
    border-color: #00ADD8;
}

.item-aspel-2 .border-color-4 {
    border-color: #FFD100;
}

.item-aspel-2 .icon-aspel img {
    padding: 15px;
    width: 70px;
}

/*CUSTOM INPUT*/

.content-shipping-input-check {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.shipping-input-check {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 15px;
    height: 15px;
}

/* Hide the browser's default checkbox */
.shipping-input-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.shipping-input-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 2px solid #7b838e;
    border-radius: 50%;
}

/* When the checkbox is checked, add a blue background */
.shipping-input-check input:checked ~ .checkmark {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Create the checkmark/indicator (hidden when not checked) */
.shipping-input-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.shipping-input-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.shipping-input-check .checkmark:after {
    width: 15px;
    height: 15px;
    background-color: #7b838e;
    border-radius: 50%;
}


.sold-subtitle {
    font-weight: 400;
    font-size: 14px;
    color: #435363;
    padding: 0;
    line-height: 1.3;
    text-align: center;
}

.sold-text {
    font-weight: 400;
    font-size: 16px;
    color: #435363;
    line-height: 1.2;
    text-align: center;
}

.sold-mintext {
    font-weight: 700;
    font-size: 14px;
    color: #007CBA;
    margin-top: 10px;
    text-align: center;
}

.sold-btn {
    margin-top: 15px;
}

.sold-btn a {
    font-weight: 400;
    font-size: 14px;
    color: #007CBA;
    text-decoration: underline;
    transition: 0.3s;
}

.sold-btn a:hover {
    color: #9DA4AD;
    transition: 0.3s;
}

.simpre-carousel .owl-dots {
    right: 50px;
    bottom: 30px;
    text-align: center;
    display: block;
}

.simpre-carousel .owl-dot {
    position: relative;
    display: inline-block;
    opacity: 0.5;
    height: 3px;
    width: 25px;
    background-color: #c0c3c8;
    border-radius: 50px;
    margin: 0 5px;
    transition: all 300ms ease;
}

.simpre-carousel .owl-dot.active {
    background-color: #6c7682;
    opacity: 1;
}


/*SECTION PROMO*/

.content-block-promotion {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.item-block {
    /*width: 25%;*/
    padding: 0 10px;
}

.item-block:first-child {
    /*padding-left: 0;*/
}

.item-block:last-child {
    /*padding-right: 0;*/
}

.block-promotion {
    padding: 30px;
    height: 400px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-promotion:first-child {
    padding-left: 0;
    margin-left: 0;
}

.block-promotion:last-child {
    padding-right: 0;
    margin-right: 0;
}

.block-color-1 {
    background-color: #002D5B;
}

.block-color-2 {
    background-color: #007CBA;
}

.block-color-3 {
    background-color: #75CEDE;
}

.block-color-4 {
    background-color: #B1D34A;
}

.block-color-5 {
    background-color: #E4002B;/*color sae*/
}

.block-color-6 {
    background-color: #00AFD7;/*color coi*/
}

.block-promotion .block-title {
    color: #ffffff;
    font-weight: 700;
    font-size: 45px;
    text-align: center;
    line-height: 1em;
    height: 100px;
    padding: 0 15px;
    margin-bottom: 15px;
}

.block-promotion .block-subtitle {
    color: #ffffff;
    font-weight: 700;
    font-size: 21px;
    text-align: center;
    line-height: 1em;
    padding: 0 30px;
    width: 260px;
}

.block-promotion .block-subtitle-color-1 {
    color: #75CEDE;
}

.block-promotion .block-subtitle-color-2 {
    color: #007CBA;
}

.block-promotion .block-text {
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.2em;
    padding: 15px 25px;
}

.block-promotion .option-icon {
    width: 100%;
    text-align: center;
    padding: 20px;
}

.block-promotion .option-icon a {
    padding: 5px;
}

.block-promotion .option-icon img {
    width: 30px;
}

.content-block-btn {
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
}

.content-block-btn a {
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    padding: 7px 30px;
    background-color: #007CBA;
    border-radius: 25px;
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}

.content-block-btn a:hover {
    color: #007CBA;
    background-color: #ffffff;
    transition: 0.3s;
}

/*SECTION VIDEO HOME*/
.content-video-global {
    width: 100%;
    height: 500px;
}

.content-video {
    width: 100%;
    height: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    background-image: url(../images/bg/Fondo_video.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

.content-video .overlay-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    background: -moz-linear-gradient(-45deg, rgba(0, 124, 186, 0.8) 0%, rgba(0, 124, 186, 0.8) 35%, #75CEDE 100%);
    background: linear-gradient(-45deg, rgba(0, 124, 186, 0.8) 0%, rgba(0, 124, 186, 0.8) 35%, #75CEDE 100%);
    height: 100%;
    width: 100%;
    z-index: 1;
}

.content-video .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.content-video .text-video {
    position: absolute;
    left: 30px;
    bottom: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    z-index: 2;
    max-width: 600px;
    line-height: 1.1;
}

.content-video .text-video-2 {
    position: absolute;
    left: 30px;
    bottom: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #435363;
    z-index: 2;
    max-width: 600px;
    line-height: 1.1;
}

/*SECTION VIDEO BODY*/

.overlay-video-youtube {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    transition: opacity 600ms ease-in;
    transition: opacity .6s;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99998;
}

.o1 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    transition: opacity 600ms ease-out;
    transition: opacity 0.6s;
}

.videoWrapperExt {
    position: relative;
    height: 100%;
    /*top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 982px;
  padding: 0 20px;*/
}

.videoWrapper {
    position: relative;
    height: 100%;
}

.videoWrapper iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.close {
    background-image: url(/assets/aspelcom/images/icon/close.png);
    position: absolute;
    top: -50px;
    right: 0px;
    cursor: pointer;
    z-index: 9999;
    height: 40px;
    width: 40px;
    background-size: 40px;
}

@media (max-width: 767px) and (orientation: landscape) {
    .close {
        display: none;
    }
    .btn-verde{
        margin-top: 100px;
    }
}


.content-body-video {
    width: 100%;
    height: 450px;
    margin-top: 40px;
    display: inline-flex;
    flex-wrap: wrap;
    background-image: url(../images/bg/bg-video-SAE.jpg);
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.content-body-video .overlay-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    background-color: rgba(0, 0, 0, 0.30);
    height: 100%;
    width: 100%;
    z-index: 1;
}

.content-body-video .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.content-body-video .play-video a img {
    width: 100px;
}

.content-body-video .content-logo-video {
    position: absolute;
    left: 30px;
    bottom: 35px;
    z-index: 9;
}

.content-body-video .text-video {
    /*position: absolute;
    left: 30px;
    bottom: 40px;*/
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    z-index: 2;
    line-height: 1.1;
    margin-top: 15px;
}

/*SECTION PRODUCT*/

.item-product {
    width: 100%;
    height: auto;/*height: 160px;*/
    position: relative;
    display: flex;
}

.item-product .overlay-product {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: 1;
}

.item-product .item-product-play {
    position: absolute;
    content: "";
    z-index: 2;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.item-product .item-product-label {
    position: absolute;
    content: "";
    z-index: 2;
    bottom: 10px;
    left: 20px;
    font-size: 11px;
    color: #ffffff;
    font-weight: 800;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.item-product .item-product-play img {
    width: 60px !important;
}

.item-product .item-product-img {
    padding: 0px; /*padding: 40px;*/
}

.item-product-red {
    background-color: rgba(235, 0, 41, 0.80);
}

.item-product-green {
    background-color: rgba(149, 214, 0, 0.8);
}

.item-product-orange {
    background-color: rgba(255, 131, 0, 0.8);
}

.item-product-purple {
    background-color: rgba(98, 38, 158, 0.8);
}

.item-product-blue {
    background-color: rgba(0, 173, 216, 0.8);
}

.item-product-blue-nube {
    background-color: rgba(117, 206, 222, 0.8);
}

/*PANEL BORDER SECTION*/

.panel-border-section {
    padding: 40px;
    margin: 40px 0;
}

.panel-border-section {
    padding: 40px;
    border: 10px solid;
}

.panel-border-section .panel-border-title {
    color: #007CBA;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.panel-border-section p {
    color: #415364;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.panel-border-section p a {
    color: #415364;
    text-decoration: underline;
}

.panel-border-section p a:hover {
    color: #007CBA;
}

.panel-border-blue {
    border-color: #75CEDE;
}

/*SECTION BLOG*/

.content-blog {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.item-blog {
    width: 25%;
    padding: 5px;
    margin-bottom: 20px;
}

.item-blog:first-child {
    /*padding-left: 0;*/
}

.item-blog:last-child {
    /*padding-right: 0;*/
}

.item-blog .blog-image img {
    width: 100%;
}

.item-blog .blog-title {
    color: #435363;
    font-weight: 400;
    font-size: 15px;
    padding: 25px 0;
}

.item-blog .blog-btn a {
    color: #007CBA;
    font-weight: 400;
    font-size: 15px;
    text-decoration: underline;
}

.item-blog .blog-btn a:hover {
    color: #9DA4AD;
}

/*CONTENT FEATURES*/

.content-featured {
    background-image: url(../images/bg/bg-features.jpg);
    height: 480px;
    margin-top: 70px;
    position: relative;
}

.box-featured {
    height: 350px;
    width: 100%;
    position: relative;
}

.product-carousel {}

.show-owl-nav .owl-nav {
    display: block !important;
}

.show-owl-nav .owl-nav div.owl-prev,
.show-owl-nav .owl-nav div.owl-next {
    color: #fff;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    /*border: 1px solid #fff;
    width: 40px;
    height: 40px;*/
}

.show-owl-nav .owl-nav div.owl-prev img,
.show-owl-nav .owl-nav div.owl-next img {
    opacity: 0.8;
    transition: 0.5s;
    width: 20px;
}

.show-owl-nav .owl-nav div.owl-prev:hover img,
.show-owl-nav .owl-nav div.owl-next:hover img {
    opacity: 1;
    transition: 0.5s;
}

.show-owl-nav .owl-nav div.owl-prev {
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.show-owl-nav .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.show-owl-nav .owl-nav div.owl-next {
    right: -4%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

.show-owl-nav .owl-nav div.owl-prev {
    left: -3%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}

/*.product-carousel .owl-item.active.center .item-featured {
    background-color: #ffffff;
    width: 350px;
    height: 320px;

    -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.3);
}

.product-carousel .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 380px;

    margin-left: 15px;
}*/

.featured-carousel .owl-item:first-child {
    margin-left: 0;
}

.featured-carousel .owl-item.active.center .item-featured .underline-featured {
    background-color: #B1D34A;
}

.featured-carousel .owl-item.active.center .item-featured .title-featured span {
    color: #B1D34A;
}

.featured-carousel .owl-item.active.center .item-featured .title-featured {
    font-size: 21px;
    width: 220px;
}

.item-featured {
    width: 330px;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.50);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.3);
}

.item-featured .underline-featured {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15px;
    content: "";
    background-color: #C3C8CD;
}

.icon-featured {
    height: 158px;
    width: 158px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
}

.icon-featured img {
    width: 158px;
}

.title-featured {
    color: #435363;
    font-weight: 400;
    font-size: 18px;
    margin-top: 20px;
    width: 150px;
    text-align: center;
    line-height: 1.2;
}

/*FORMS*/

.input-number {
    position: relative;
    width: 170px;
    min-width: 170px;
    height: 40px;
}

.input-number input {
    background-color: #ffffff;
    border: 1px solid #B1D34A;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #435363;
    width: 170px;
    min-width: 170px;
    height: 35px;
    padding: 0 15px;
    margin: 5px 0;
    text-align: center;
}

.input-number span {
    color: #B1D34A;
    font-size: 15px;
    position: absolute;
    top: 16px;
    cursor: pointer;
}

.input-number span.btn-minus {
    left: 12px;
}

.input-number span.btn-plus {
    right: 12px;
}

/*SELECT OPTION*/


.option-profile-select {
    width: 170px;
    margin: 5px 0;
}

.item-profile-select {
    position: relative;
    min-width: 170px;
    height: 40px;
}

.item-profile-select select {
    display: none;
    /*hide original SELECT element:*/
}


.item-profile-select .select-selected {
    background-color: #ffffff;
    border: 1px solid #B1D34A;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #435363;
}

/*style the arrow inside the select element:*/

.item-profile-select .select-selected:after {
    position: absolute;
    content: "";
    top: 37%;
    right: 10px;
    width: 10;
    height: 0;
    border: 7px solid transparent;
    border-radius: 2px;
    border-color: #B1D34A transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/

.item-profile-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #B1D34A transparent;
    top: 15%;
}

/*style the items (options), including the selected item:*/

.item-profile-select .select-items div,
.item-profile-select .select-selected {
    cursor: pointer;
    user-select: none;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.item-profile-select .select-items div:not(:last-child) {
    /*border-bottom: 2px solid #D1D1D1;*/
}

/*style items (options):*/

.item-profile-select .select-items {
    position: absolute;
    background-color: #fff;
    top: 90%;
    overflow-y: scroll;
    left: 0;
    right: 0;
    height: 100px;
    z-index: 99;
    font-size: 14px;
    font-weight: 400;
    color: #626262;
   
    border-radius: 2px;
    -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.3);
}




.item-profile-select .select-hide {
    display: none;
}

.item-profile-select .select-items div:hover,
.item-profile-select .same-as-selected {
    background-color: #007DBA;
    color: #ffffff;
}

.option-profile-input {
    margin: 10px 20px;
}

.option-profile-input-file {
    margin: 10px 0;
    margin-right: 15px;
}

.option-profile-input-file .inputfile {
    opacity: 0;
    position: relative;
    z-index: -1;
}

/*FLOATING CHAT*/

.floating-chat {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 99;
}

.floating-chat .text-chat {
    font-size: 21px;
    font-weight: 700;
    color: #007CBA;
    position: absolute;
    width: 100%;
    bottom: -5px;
}

.btn-chat {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px;
    width: 90px;
    height: 90px;
}

.btn-chat-text img {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
    height: 90px;

    -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75);
}

.footer {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
    flex-wrap: wrap;
    background-color: #F2F2F2;
    padding: 15px 20px;
}

.footer .footer-copyright .footer-social {
    margin-left: auto;
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
}

.footer .footer-copyright .footer-social ul {
    display: inline-flex;
    text-decoration: none;
    list-style: none;
    float: left;
}

.footer .footer-copyright .footer-social ul li {
    padding-right: 10px;
}

.footer .footer-copyright .footer-social ul li a {
    color: #1A1A1A;
    font-size: 18px;
    text-decoration: none;
}

.footer .footer-menu {
    display: flex;
    width: 100%;
    padding: 20px 0px 20px 45px;
    flex-wrap: wrap;
    line-height: 18px;
}


.footer .item-footer-menu {
    width: 20%;
}

.footer .item-footer-menu .title-footer-menu {
    font-size: 11px;
    font-weight: 700;
    color: #1a1a1a;
    position: relative;
    cursor: pointer;
}

.footer .item-footer-menu ul {
    text-decoration: none;
    list-style: none;
    margin-top: 15px;
    padding: 0;
}

.footer .item-footer-menu ul li {
    /*padding: 5px 0;*/
}

.footer .item-footer-menu ul li a {
    font-size: 11px;
    font-weight: 400;
    color: #1a1a1a;
}

.footer .item-footer-menu ul li a:hover {
    color: #727272;
}

.footer .footer-copyright {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    align-items: center;
}

.footer .footer-copyright ul {
    text-decoration: none;
    list-style: none;
    padding: 0;
    display: inline-flex;
}

.footer .footer-copyright ul li {
    padding-right: 10px;
}

.footer .footer-copyright ul li a {
    font-size: 9px;
    font-weight: 400;
    color: #1a1a1a;
    text-decoration: underline;
}

.footer .footer-copyright ul li a:hover {
    color: #727272;
}

.footer .footer-copyright .copy-left, .footer .footer-copyright .copy-center, .footer .footer-copyright .copy-right, {
    display: flex;
    flex-direction: row;
    width: 33%; /*antes width: 50%*/
    justify-content: flex-end;
    align-items: flex-end;
}

.footer .footer-copyright .copy-right span, .footer .footer-copyright .copy-center span {
    font-size: 9px;
    font-weight: 700;
}

.footer .footer-copyright .copy-right img, .footer .footer-copyright .copy-center img {
    width: 70px;
}

.footer .footer-copyright .copy-center{
    margin: 20px;
}

/*BUTTON TOP*/

/* go2top */

.go2top,
.go2top:focus {
    position: fixed;
    right: 0;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    align-items: center;
}

.btn-top,
.btn-top:focus {
    color: #333333;
    width: 50px;
    height: 50px;
    border: solid 0px #999;
    border-radius: 50% !important;
    text-align: center;
    z-index: 99999;
    font-size: 30px;
    line-height: 1;
    display: block;
    background: #F2F2F2;
    -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75);

    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-top:hover {
    border: solid 0px #e6400c !important;
    color: #858585 !important;
}

.btn-top i {
    font-size: 40px;
    line-height: 36px;
}



/*FIX*/
.item-left-menu .title-left-menu {
    font-size: 16px;
}

.item-left-menu ul li a {
    font-size: 14px;
}

.header-btn-blue a {
    /*background-color: #002D5B;
    color: #fff;
    border-color: #002D5B*/
    font-size: 14px;
    color: #002D5B
}

.header-btn-blue a:hover {
    background-color: #ffffff;
    color: #002D5B;
    border-color: #ffffff
}

.content-tab-purchase .text-tab-purchase,
.content-purchase .title-subtotal,
.content-related .title-related {
    font-size: 16px
}

.content-body-title,
.content-purchase .title-purchase {
    font-size: 24px;
    /*display: table-cell;*/
    vertical-align: top;
}

.content-body-text,
.content-shipping-habitually .text-shipping-habitually {
    font-size: 14px;
}

.content-shipping-habitually .title-shipping-habitually,
.content-shipping-detail .title-detail,
.detail-text-purchase .detail-purchase strong {
    font-size: 16px;
}

.input-number input,
.content-shipping-detail .text-detail,
.content-shipping-habitually .subscription-option-btn,
.item-purchase .item-detail-purchase .title-detail,
.content-related .item-related .title-detail,
.content-related .item-related .amount-detail,
.content-related .item-related .detail-related-btn a,
.content-purchase .btn-purchase-3 a,
.content-block-btn a {
    font-size: 14px;
}

.content-related .item-related .detail-related-btn:hover {
    background-color: #435363;
    color: #fff
}

.content-related .item-related .detail-related-btn a:hover {
    color: #fff
}

.header-suscription .content-shopping .form-shopping-btn a,
.content-subscription .subscription-btn a,
.content-purchase .btn-purchase-2 a {
    font-size: 15px;
}

.header-suscription .content-shopping .form-shopping-btn a:hover,
.content-subscription .subscription-btn a:hover {
    background-color: #ffffff;
    color: #B1D34A;
    border-color: #fff
}

.item-purchase .item-detail-purchase .title-option-purchase {
    font-size: 14px;
    font-weight: 400;
}

.content-purchase .content-subtotal .content-amount,
.content-shipping-detail .strong-blue-text .text-detail {
    font-size: 19px;
}

.content-purchase .btn-purchase-3 a {
    background-color: #ffffff;
    color: #435363;
    border-color: #435363
}

.content-purchase .btn-purchase-3 a:hover {
    background-color: #435363;
    color: #ffffff;
    border-color: #435363
}

/*fix */
.header-suscription .content-shopping .title-shopping,
.item-left-menu .title-left-menu {
    color: #1A1A1A
}

.item-form-shopping label,
.content-shipping-detail .text-detail,
.content-body-text,
.content-shipping-habitually .text-shipping-habitually {
    color: #435363
}

.content-tab-purchase {
    margin-top: 23px
}

.btn-green a {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 30px;
    width: 220px;
    text-align: center;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
}

.header-btn-simple a,
.content-purchase .btn-purchase-2 a {
    -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
}

.btn-green a:hover {
    background-color: #ffffff;
    color: #B1D34A;
    border-color: #fff
}

.txt-left {
    text-align: left;
    /*Se agregara padding*/
    padding-left:25px;
}

.txt-right {
    text-align: right;
    /*Se agregara padding*/
    padding-right:25px;
}

.space-20 {
    margin-left: 15px
}

/* fin fix*/


/* fix 2 */
.content-pop-question {
    max-width: 450px;
}

.text-question-p1 {
    font-weight: 400;
    font-size: 11px;
    line-height: 1.5;
    text-align: left;
}

.text-question-p1 a {
    font-weight: 400;
    font-size: 11px;
    line-height: 1.5;
    text-decoration: underline;
    color: #435363
}

.text-question-p1 a:hover {
    color: #9DA4AD;
}



@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?fxige1');
    src: url('../fonts/icomoon.eot?fxige1#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?fxige1') format('truetype'), url('../fonts/icomoon.woff?fxige1') format('woff'), url('../fonts/icomoon.svg?fxige1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    /*funcion de fuente
    font-display: block;*/
    font-display:swap;
}

[class^="iconmm-"], [class*=" iconmm-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconmm-icon-shop-car:before {
    content: "\e903";
}

.iconmm-icon-print:before {
    content: "\e900";
    color: #9ba4ad;
}

.iconmm-icon-share:before {
    content: "\e901";
    color: #9ba4ad;
}

.iconmm-icon-download:before {
    content: "\e902";
    color: #9ba4ad;
}

.iconmm-icon-print:hover::before,
.iconmm-icon-download:hover::before,
.iconmm-icon-share:hover::before {
    color: #007CBA;
}


.btn-blue-dark-white {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #435363;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #435363;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #fff;
    margin-top: 25px;
    display: inline-block;
    -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
}

    .btn-blue-dark-white:hover {
        background-color: #435363;
        color: #ffffff;
        transition: 0.3s;
    }
    
/*Boton regresar 27 Julio*/ 
.btn-blue-dark-white_j {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #435363;
    padding: 3px 40px;
    font-weight: 700;
    border: 3px solid #435363;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #fff;
    margin-top:5px;
    
    display: inline-block;
    -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
}

    .btn-blue-dark-white_j:hover {
        background-color: #435363;
        color: #ffffff;
        transition: 0.3s;
    }   
    
    
    
    
.menu-funciones {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.menu-funciones li {
  float: left;
}

.menu-funciones li:last-child a {
  border-style: none;
}

.menu-funciones li a {
  display: block;
  text-align: center;
  padding: 8px 18px;
  text-decoration: none;
  border-right: 1px #cacdd2 solid;
  color: #435363;
  margin-bottom: 14px;
}

.menu-funciones li a:hover, .menu-funciones li a.active{
  color: #007CBA;
  text-decoration: underline;
}

@media (max-width: 767px) {
    .title-funciones, .menu-funciones, .img-funciones, .img-compras-y-ventas {
      display: none;
    }
}

@media (max-width: 992px) {
    .compu{
        padding-top: 40px;
    }
    .icon-funciones, .icon-compras-y-ventas{
        padding-bottom: 15px;
    }
}



.header-productos {
    position: relative;
    height: 400px;
}

.header-productos .text-header {
    font-size: 30px;
    font-weight: 700;
    color: #435363;
    padding-top: 8.3rem!important;
    padding-left: 3rem!important;
}


.bancos-btn {
    padding: 5px 25px;
    background-color: rgba(67, 83, 99, 0.2);
    font-size: 14px;
    font-weight: 400;
}


/*Seccion login*/
.form-user .bg-login
{

    width: 100%;
    border: 0;
    margin: 0;
    background: rgba(0, 124, 186, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 124, 186, 1)), color-stop(35%, rgba(0, 124, 186, 1)), color-stop(100%, rgba(177, 211, 74, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 35%, rgba(177, 211, 74, 1) 100%);
    background: linear-gradient(80deg, rgba(0, 124, 186, 1) 0%, rgba(0, 124, 186, 1) 60%, rgba(177, 211, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007cba', endColorstr='#b1d34a', GradientType=1);
    content: "";
    display: block;
}

@media (min-width: 992px)
{
    .modal-lg 
    {
        width: 68%;
    }
}

.form-user .footer
{
    margin-top: 0px;
}

.container.bg-login
{   
        padding-right: 0px;
        padding-left: 0px;
}

.mar-bottom-250
{
    margin-bottom: 250px;
}

.mar-top-250
{
    margin-top: 150px;
}

.mar-bottom-150
{
    margin-bottom: 150px;
}

.mar-top-100
{
    margin-top: 100px;
}




.btn-form-login 
{
    position: relative;
    font-size: 15pt;
    line-height: 20px;
    padding: 14px 20%;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    font-family: 'Oxygen';
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    Color: #ffffff;
}

.btn-form-login a , .btn-form-registro a
{
    color:#FFF;

}

.login-btn
{
    font-family: 'Oxygen';
    text-decoration: underline;
    color: #007CBA;
    font-size: 10pt;;
    transition: 0.3s;
}

.check-input
{
    font-family: 'Oxygen';
    font-size: 14pt;
    color: #435363;
}

.new-user
{
    font-family: 'Oxygen';
    font-size: 11pt;
    color: #435363;
}


.new-account
{
    font-family: 'Oxygen';
    text-decoration: underline;
    color: #007CBA;
    font-size: 10pt;;
    transition: 0.3s;
}


.form-user .modal-content 
{
   border-radius: 24px;
}


.input-text
{
   
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 26px;
    display: flex;
    align-items: center;
    padding-left: 75px;
    height: 45px;
    /* Comentario     
    height: 55px;    
    */
    border: 2.5px solid #a9b1ba;
    border-radius: 100px;
    font-family: 'Oxygen';
     font-weight: bold;
    font-size: 11pt;
    /* Comentario 
     font-size: 14pt;
    */
    
}
.input-text::placeholder {
    font-family: 'Oxygen';
    color:'#435363';
  }

.input-text input 
{
    width: 100%;
    font-size: 0.9em;
    border: none;
}


 input:focus 
 {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.form-user .user
{
    background-image: url(../images/icon/icon-sesion-user.svg);
    /* Comentario este no tenia tamaño*/
    background-size: 20px;
}

.form-user .mail
{
    background-image: url(../images/icon/icon-sesion-arroba.svg);
    /* Comentario este no tenia tamaño*/
    background-size: 20px;
}

.form-user .telContacto
{
    background-image: url(../images/icon/icon-sesion-telefono.svg);
    /* Comentario este no tenia tamaño*/
    background-size: 20px;
}

.form-user .social
{
    background-image: url(../images/icon/icon-sesion-social.svg);
    /* Comentario este no tenia tamaño*/
    background-size: 20px;
  
}

.form-user .rfc
{
    background-image: url(../images/icon/icon-sesion-rfc.svg);
    /* Su tamaño real era de 22px
     background-size: 22px;
    */
    background-size: 18px;
   
}

.form-user .cp
{
    background-image: url(../images/icon/icon-sesion-postalcode.svg);
       /* Su tamaño real era de 22px
     background-size: 34px;
    */
    background-size: 34px;
    
    
}

.form-user .pass
{
    background-image: url(../images/icon/icon-sesion-pass.svg);
      /* Comentario este no tenia tamaño*/
    background-size: 20px;
}

.form-user .pais
{
    background-image: url(../images/icon/icon-sesion-country.svg);
      /* Comentario este no tenia tamaño*/
    background-size: 20px;
    
}

.form-user .small
{
    font-family: 'Oxygen';
    font-size: 11pt;
    color: #9BA4AD;
    text-align: left;
    padding-left: 27px;
}


.form-user .item-profile-select .select-selected 
{
    cursor: pointer;
    user-select: none;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.form-user .item-profile-select .select-selected 
{
    background-image: url(../images/icon/icon-sesion-country.svg);
    background-repeat: no-repeat;
    background-position: 25px center;
       /* Comentario 
  background-size: 26px;
    */
    background-size: 23px;
    display: flex;
    align-items: center;
    padding-left: 70px;
     /* Comentario 
     height: 50px;
    */
    
    height: 45px;
    border: 2.5px solid #a9b1ba;
    border-radius: 100px;
    font-family: 'Oxygen';
    font-size: 11pt;
     /* Comentario 
     font-size: 14pt;
    
    font-size: 14pt;
    */
    font-weight: bold;
    color: #9BA4AD;
}

.form-user .item-profile-select .select-selected:after
 {
    position: absolute;
    content: "";
            /* Comentario 
  background-size: 26px;   
    top: 33%;
     */
     top: 28%;
    right: 28px;
    border: 14px solid transparent;
    border-color: #a9b1ba transparent transparent transparent;
}

.pad-bottom-65 
{
    padding-bottom: 65px;
}

.p1
{
    font-family :'Oxygen';
    font-size: 14pt;
    color:#435363;
}

.p1-bold
{
    font-family :'Oxygen';
    font-size: 14pt;
    color:#435363;
    font-weight: bold;
}

.checkcTerm-css 
{
    
    border: 2px solid #000000;
    padding: 8px 12px;
    background: #ffffff;
    color: #E3E2E7;
    margin-right: 20px;
}

.radio label, .checkbox label 
{
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.btn-form-registro 
{
    position: relative;
    font-size: 15pt;
    line-height: 20px;
    padding: 12px 12%;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    font-family: 'Oxygen';
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}



  /*Metodo de pago*/
  .input-metodo 
  {
    -webkit-appearance: none;
    border: 1px solid #B1D34A;
    border-radius: 25px;
    font-size: 13pt;
    font-weight: 400;
    color: #435363;
    width: 100%;
    padding-left: 10px; 
    height: 34px;
  }
  
  /*Metodo de pago modificando*/
  .input-metodo-a 
  {
    -webkit-appearance: none;
    border: 1px solid #B1D34A;
    border-radius: 25px;
    font-size: 13pt;
    font-weight: 400;
    color: #435363;
    max-width: 150px;
    padding-left: 10px; 
    height: 34px;
    margin-left: -6.5em;
  }
  


  .metodo-pago .radio {
    margin: 0.5rem;
}

.metodo-pago .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.metodo-pago .radio input[type="radio"] + .radio-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 2px solid #b4b4b4;
    display: inline-block;
    width: 1.9em;
    height: 1.9em;
    position: relative;
    top: 0.3em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    transition: all 250ms ease;
    
}

.metodo-pago .radio input[type="radio"]:checked + .radio-label:before {
    background-color: #768390;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.metodo-pago .radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #768390;
}

.metodo-pago .radio input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #768390;
    background: #768390;
}

.metodo-pago .radio input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}

.metodo-pago .item-related
{
    background: #edecee;
    padding: 30px 0px 30px 0px;
    margin: 15px 30px 0px 15px;
}

.tipo-tarjeta {
    height: auto !important; 
}

  
.p1-bold-negro
{
   font-family: 'Oxygen';
   font-weight: 700;
   font-size: 11pt;
   color: #1A1A1A;
}



.s-subtitulos
{
   font-family:'Oxygen';
   font-size: 16pt !important;
   color: #1A1A1A;
}

@media (max-width: 1400px) 
{
    .form-metodo .option-profile-select 
    {
        width: 80%;
        padding-right: 0px;
    }
    
    .item-profile-select 
    {
        
        min-width: 106px;
    }
}

@media (max-width: 1024px) 
{
    .form-metodo .option-profile-select 
    {
        width: 100%;
        padding-right: 32px;
    }
    
}




.p-link
{
    font-family: 'Oxygen';
    text-decoration: underline;
    color: #007CBA;
    font-size: 10pt;
    transition: 0.3s;
}

.mar-left-50
{
    margin-left: 50px;
}

.btn-continuar
{
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: white;
    padding: 7px 40px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 25px;
    display: inline-block;
    -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
}


.input-seguridad 
{
    background-color: #ffffff;
    border: 1px solid #B1D34A;
    border-radius: 25px;
    font-size: 13pt;
    font-weight: 400;
    color: #435363;
    width: 50%;
    padding-left: 10px;
    height: 34px;
}

.no-seguridad  img
{
   width: 40px;
   margin-top: -13px;;
}

.no-seguridad
{
   width: 175px;
   display: inline-flex;
   margin-top: 18px;
}

.small-text
{
    font-size:10px;
    padding: 10px;
}
.img-seguridad
{
    width: 30px !important;
  
}

.input-seg.input-metodo 
{   
    width: auto;
}


@media (max-width: 1395px) 
{
    .input-seg.input-metodo 
    {   
        width: 170% ;
    }
    
    .tres-dig-dos
    {
        display:block !important;
    }
    
    .tres-dig-uno
    {
        display:none;
    }
    
}

@media (max-width: 991px) 
{
    .input-seg.input-metodo 
    {   
        width: 100% ;
    }
    
    .div-no-seg
    {
        padding: 0px 33px;
    }
}



/*Tabs*/


.heading-click
{
    background-color: #f3f1f4 !important;
    border-bottom: 0px !important;
}

.accordion-container 
{
cursor: pointer
}

.accordion-container .article-title 
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0.8em 0.8em 0.8em 1em;
    border: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid black;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title 
{
    background-color: #edecee;
    color: #435363;
}

.accordion-container .content-entry.open .article-title 
{
    border: none;
}



.accordion-container .content-entry i 
{
    position: relative;
    top: -13px;
    float: right;
    font-style: normal;
    font-size: 30px;
}

.accordion-container .content-entry i:before 
{
        content: "+ ";
        float: right;
        position: absolute;
        margin-left: -23px;
}

.accordion-container .content-entry.open i:before 
{
        content: "- ";
}

.accordion-content 
{
        display: none;
}

.accordion-content
{
    background: #edecee;
    border-bottom: 1px solid black;
}


/*Fin tabs*/
.img-banco-citi
{
    padding: 0px 11px;
    width: 155px;
    margin-top: -4px;
}

.img-banco-bbva
{
    width: 102px;
    padding: 0px 11px;
}

.img-banco-sant
{
    width: 150px;
    padding: 0px 11px;
}

.form-mas-opciones .option-profile-select
{
    width: 100%;
    margin: 5px 0;
}

.sae-img
{
    height: 100px !important;
}

.tus-productos-compra .before-amount
{
    text-decoration: line-through;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    color: #1A1A1A;
}

.tus-productos-compra .after-amount
{
    font-weight: 700;
    font-size: 18px;
    color: #EB0029;
}

.tus-productos-compra .before-amount-revComp
{
    text-decoration: line-through;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 10px;
    color: #999;
}

.tus-productos-compra .after-amount-revComp
{
    font-weight: 700;
    font-size: 14px;
    /*Se cambia color: #c50303;*/
    color: #007cba;
}

.tus-productos-compra .item-related 
{
    margin-bottom: 20px !important;
}

.l2-off
{
    font-family: 'Oxygen';
    font-size: 12pt;
    text-decoration: underline;
}

.item-related .col-md-11
{
    background: #edecee;
    padding: 22px;
}


.padding-2
{
    padding: 2rem!important;
}

@media (max-width: 991px) 
{
  .margin-2
  {
    margin: 2rem!important;
  }
}


/* Estilos para checkbox */
@-moz-keyframes dothabottomcheck {
    0% {
        height: 0;
    }

    100% {
        height: 50px;
    }
}

@-webkit-keyframes dothabottomcheck {
    0% {
        height: 0;
    }

    100% {
        height: 50px;
    }
}

@keyframes dothabottomcheck {
    0% {
        height: 0;
    }

    100% {
        height: 50px;
    }
}

@keyframes dothatopcheck {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: 120px;
    }
}

@-webkit-keyframes dothatopcheck {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: 120px;
    }
}

@-moz-keyframes dothatopcheck {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: 120px;
    }
}

input[type=checkbox] {
    display: none;
}

.check-box {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #435363;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
}

.check-box::before, .check-box::after {
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: 23px;
    background-color: #435363;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 13px;
    content: ' ';
    -webkit-transition: opacity ease .5;
    -moz-transition: opacity ease .5;
    transition: opacity ease .5;

}

.check-box::before {
    top: 16px;
    left: 11px;
    -moz-transform: rotate(-141deg) scale(0.24);
    -ms-transform: rotate(-141deg) scale(0.24);
    -o-transform: rotate(-141deg) scale(0.24);
    -webkit-transform: rotate(-141deg) scale(0.24);
    transform: rotate(-141deg) scale(0.24);
}

.check-box::after {
       top: 6px;
    left: 0px;
    -moz-transform: rotate(-45deg) scale(0.25);
    -ms-transform: rotate(-45deg) scale(0.25);
    -o-transform: rotate(-45deg) scale(0.25);
    -webkit-transform: rotate(-45deg) scale(0.25);
    transform: rotate(-45deg) scale(0.25);
}

input[type=checkbox]:checked + .check-box,
.check-box.checked {
    border-color: #435363;
}

input[type=checkbox]:checked + .check-box::after,
  .check-box.checked::after {
    height: 50px;
    -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
    animation: dothabottomcheck 0.2s ease 0s forwards;
}

input[type=checkbox]:checked + .check-box::before,
  .check-box.checked::before {
    height: 120px;
    -moz-animation: dothatopcheck 0.4s ease 0s forwards;
    -o-animation: dothatopcheck 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
    animation: dothatopcheck 0.4s ease 0s forwards;
}


/*Terminos condifciones*/
.term-cond
{
    margin-left: 10px;
    position: relative;
    top: -5px;
    font-size: 11pt;
    color: #435363;
}

.link_decoration
{
    text-decoration: underline;
    cursor: pointer;
}


.link_decoration_10
{
    text-decoration: underline;
    cursor: pointer;
    font-size:15px;
    color:#337ab7;
}

.link_decoration_13
{
    text-decoration: underline;
    cursor: pointer;
    font-size:13px;
}



/*Modal */
.popup 
{
    align-items: center;
    display: none;
    box-orient: vertical;
    box-direction: normal;
    -moz-flex-direction: column;
    flex-direction: column;
    box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid #eee;
       
}

.popup-modal 
{
    transition: 0.5s ease;
    background-color: #fff;
    margin: 3px;
    position: relative;
    width: 500px;
    top: -60px;
    z-index: 999;
    border: 1px solid black;
     box-shadow: 6px 6px 8px 0px #bab9bb;
}


.popup-modal .col-md-6
{
     display: flex;
}   

.popup-modal .closed
{
    color: gray;
    font-size: 28px;
    position: relative;
    top: 0px;
    margin-left: -10px;
    left: 100%;
}


@media (max-width: 700px) {
  .popup-modal 
    {
       width : 120%
    }
}



.res-compra .content-subtotal 
{
    height: 300px;
}


.res-compra .btn-purchase-2 a {
    position: relative;
    font-size: 24pt;
    line-height: 20px;
    color: #ffffff;
    padding: 17px 45px;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    margin-top: 40px;
    margin-bottom: 20px;
    display: inline-block;
    -webkit-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 11px 14px -4px rgba(0, 0, 0, 0.5);
}


@media (max-width: 1070px) 
{
    .res-compra .btn-purchase-2 a 
    {
      font-size: 13pt;
    }
}



@media (max-width: 400px) 
{
    .opc-flujo
    {
        display: inline-block !important;
    }
    
    .btn-continue 
    {
        justify-content: center !important;
    }
}
    
/*Sellado CFDI*/
#selladoCFDI .select-selected
{
    margin-top: -10px;
}   

#selladoCFDI .form-shopping-ammount
{
    margin: -31px 0px 0px 0px;
    color: #EB0029;
}

.price-promotion
{
    transform: translate(30px, -26px);
    text-decoration: line-through;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
    color: #1A1A1A;
    white-space: nowrap;
    width: 165px;
}

@media (min-width: 626px) 
{
    .pad-horizontally-lg-100 
    {
        padding: 0px 100px !important;
    }
}

@media (max-width: 625px) 
{
    #selladoCFDI .item-form-shopping
    {
        width: 100%;
    }   
    
    .price-promotion
    {
        margin-top: 32px;
        text-align: -webkit-center;
        width: 80%;
    }
}


.p-offer-red
{
    background: #EB0029;
    padding: 6px 18px;
    width: 200px;
    color: white;
    font-size: 14pt;
    font-weight: bold;
}

.img-aspel-sae-img
{
    width: 107px;
}

.productos-sae .item-profile-select 
{
    min-width: 251px;
    margin-left: -5px;
}

.text-comp
{
    font-size: smaller;
    white-space: nowrap;
}

.modal-backdrop 
{
    background-color: transparent;
}

#modal-carrito 
{
    top: 35%;
}

#modal-carrito  .modal-content
{   
    border-radius:0px;
    border: none;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    width: 120%;
}

#modal-carrito  .modal-body
{
    padding : 0px;
}

#modal-carrito thead
{
    background:#edecee;
}

.close-modal
{
    position: relative;
    top: -22px;
    font-size: 20px;
    cursor:pointer;
}

.btn-validar
{
    position: relative;
    float: right;
    border: 2px solid black;
    background: white;
    border-radius: 50px;
    padding: 0px 22px;
    margin-top: 8px;
    font-size: 10px;
}

.content-shipping-detail.poliza {
        /*width: 40%;*/
}

.cotizador {
    width: 40%;
}


.poliza-content .content-shipping-habitually 
{
    width: 100%;
  
}

.card-beneficios
{
    background: white;
    height: 400px;
    box-shadow: 5px 4px 7px 1px #c5c6c8;
    /* Agregamos el siguiente estilo */
    border:none;

}


.card-beneficios .card-title
{
    font-size: 18px;
    padding-bottom: 35px;
    border-bottom: 1px solid #d9dbde;
}

.card-beneficios-2 {
    background: white;
    height: 400px;
    box-shadow: 5px 4px 7px 1px #c5c6c8;
}

.card-beneficios-2 .card-title-2
{
    font-size: 18px;
    padding-bottom: 35px;
    border-bottom: 1px solid #d9dbde;
}



.input-cap .select-selected 
{
    border: 1px solid #bbb2b2;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #435363;
}

.input-cap  .select-selected:after 
{

    border-color: #bbb2b2 transparent transparent transparent;
}

#tableCCA .input-number 
{
    width: 100px;
    min-width: 0px;
    height: 40px;
}

#tableCCA .fa-plus:before 
{
    content: "\f067";
    transform: translateX(48px);
    position: inherit;
}

#tableCCA .item-form-shopping
{
    margin-left: 23px;
}

#tableCCA .btn-green a 
{
    padding: 7px 60px;
}

#modal-temario .title-modal
{
        font-weight: 400;
    font-size: 24px;
    padding-bottom: 10px;
    color: #415364;
}
#modal-temario .text-color-red
{
    color: #EB0029 !important;
    font-size: 19px;
    font-weight: bold;
}

#modal-temario ul
{
    list-style: none;
    margin-left: -35px;
}
#modal-temario .modal-dialog
{
    left: 15%;
}

.btn-gray
{
    font-size: 15px;
    font-weight: 500;
    padding: 4px 41px;
    border-radius: 0px;
    box-shadow: 2px 2px 5px 0px #a9a6a6;
}

.input-metodo.cca 
{
   width: 250px;
   border: 1px solid #666762;
}

.input-metodo.asis  , .input-soporte .item-profile-select .select-selected
{
  border: 1px solid #666762;
}

.input-soporte .item-profile-select .select-selected:after 
{
        border-color: #666762 transparent transparent transparent;
        top: 26%;
}

.input-soporte .item-profile-select .select-items 
{
    position: absolute;
    background-color: #fff;
    top: 54%;
}

@media (min-width: 500px) 
{
    .mar-left-50-resp
    {
        margin-left: 50px;
    }
    
}

@media (min-width: 1770px) 
{
    
    .mar-left-160-resp
    {
        margin-left:160px;
    }
}




.btn-validar-poliza {
    position: relative;
    float: left;
    border: 2px solid black;
    background: white;
    border-radius: 50px;
    padding: 3px 38px;
    margin-top: 8px;
    font-size: 10px;

}

.pad-top-200
{
    padding-top: 200px;
}

.text-blue-pay
{
    color: #008CCC;
    font-size: 19px;
    font-weight: 700;
}

.pad-top-10
{
    padding-top:10px;
}

.navbar-theme .navbar-nav .precios-dropdown ul 
{
   min-width: 211px;

}

.bkgd-precios
{
    background-image: url('../images/precios/prrecios_consulta los precios_banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 163px;
}

.title-white
{
    color:white;
    font-weight:800;
}

.subtitle-white
{
    color:white;
}

.txt-dec-line
{
    text-decoration-line: underline;
}

.pad-horizontally-20-70 {
    padding: 20px 70px !important;
}

.precios-submenu
{
    display:inline-flex;
    margin-left: -69px;
        font-weight: 600;
}

.precios-submenu li
{
    padding: 10px 30px;
    list-style: none;
    border-right: 1px solid #afaaaa;
    font-size: 18px;
    font-weight: 600;
}

.precios-submenu li.active
{
     color: #008CCC;
     text-decoration-line: underline;
}

.monto-blue
{
    color: #007cba;
    font-weight: bold;
}

.pad-horizontally-50 {
    padding: 0px 50px !important;
}

@media (min-width: 768px) {
    .border-right
    {
      height: 610px; 
      border-right: 1px solid #b4b9bc;
    }
}

@media (min-width: 768px) 
{
    /*.st-border .border-right {
        height: 1095px !important;
    }*/
        .pad-horizontally-70-resp 
    {
        padding: 50px 40px !important;
    }
    
}

@media (max-width: 1024px) and (min-width:768px) 
{
    .st-border .border-right {
        height: 1095px !important;
    }
}

@media (max-width: 1540px) and (min-width: 768px)
{
    .st-border .soporte-service 
    {
        width: 124px;
    }
}

#modal-ver-car  .icon-AMD
{
    width: 52px;
    float: left;
}
#modal-ver-car  .close-modal 
{
    top: -16px !important;
}   

#modal-ver-car  thead 
{
    background : #edecee;
}   

.sin-borde
{
    border-right-color: transparent !important;
}

.sin-borde-iz
{
    border-left-color: transparent !important;
}

.sin-borde-bot
{
    border-bottom-color: transparent !important;
}



.icon-check
{
    width: 10px;
}
 
#modal-ver-car .modal-body {
 
     padding: 0px; 
} 
#modal-ver-car  .modal-content 
{
    border-radius: 0px;
        width: 150%;
}

.precios
{
   float: right;
   font-weight:bold;
}

.precios span
{
    background: #edecee;
    border-radius: 50px;
    padding: 3px 10px;
    color: #008ccc;
}


.table-poliza  thead 
{
    background : #edecee;
}   


.bkgd-prueba
{
    background-image: url('../images/precios/prueba gratis_prueba gratis los sitemas_banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 163px;
}


/*Modal prueba sistemas*/
@media (min-width: 992px)
{
    .modal-prueba-sistemas.modal-lg 
    {
        width: 54%;
    }
}

.modal-prueba-sistemas .modal-content
{
    background: #e1dfe3;
    box-shadow: inherit;
    border-radius: 33px 33px 20px 20px;
    border:none;
}

.modal-prueba-sistemas .modal-header
{
     border-radius: 35px 35px 0px 0px;
    background: #006da6; /* Old browsers */
    background: -moz-linear-gradient(left,  #006da6 0%, #65b2c6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #006da6 0%,#65b2c6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #006da6 0%,#65b2c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006da6', endColorstr='#65b2c6',GradientType=1 ); /* IE6-9 */
}

.modal-prueba-sistemas .input-text
{
    height:45px;
    margin: 10px 0px;
    padding-left: 15px;
    font-size: 14px;
}

.modal-prueba-sistemas .item-profile-select .select-selected 
{
    background-color: #ffffff;
    border: 1px solid #666762;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    color: #435363;
}

.modal-prueba-sistemas .item-profile-select .select-selected:after {
   
    top: 44%;
    border-color: #a9b1ba transparent transparent transparent;
}

.modal-prueba-sistemas .item-profile-select .select-items {

    top: 69%;

}

.modal-prueba-sistemas .term-cond 
{
   
    font-size: 13px;
    margin-left: 6px;
}

.modal-prueba-sistemas .btn-slider-2 a
{
    color:white;
    font-weight: 600;
}


#modal-mensaje .modal-dialog
{
    top:33%;
}
#modal-mensaje .modal-content
{
    border-radius: 0px;
    border: none;
}


/*Soporte*/
.text-comp2
{
    font-size: 20px;
    white-space: nowrap;
}

.soporte-tecnico .bg-header 
{
   height: 130%;
}



.soporte-service
{
    width: 210px;
}
   
.pad-horizontally-70 {
    padding: 50px 70px !important;
}

.border-bottom-gen
{
    border-bottom: 1px solid #b4b9bc;
    padding-bottom: 20px;
}

@media (min-width: 768px)
{
    .intro .border-right 
    {
        height: 800px;
    }
    

}

@media (max-width: 767px)
{
    .soporte-tecnico  .text-header
    {
        font-size:28px;
    }
}
    

.precios-submenu li
{
    font-size: 15px;
}   

.border-right-menu
{
     border-right: 1px #cacdd2 solid;

}   

.precios-submenu .active {
    color: #008CCC;
    text-decoration-line: underline;
}
    
    
.w-80
{
    width : 80px;
}

.input-st
{
    border-radius: 50px;
    border: 1px solid #a9a7a7;
    padding: 5px 40% 0px 15px;
}

.form-st .item-profile-select .select-selected 
{
    border: 1px solid #a9a7a7;

}

.form-st .item-profile-select .select-selected:after 
{
    border-color: #a9a7a7 transparent transparent transparent;
}

.form-st .item-profile-select 
{
   margin-top: -7px;
}

@media (min-width : 1700px)
{
    .form-st .item-profile-select 
    {
        position: relative;
        min-width: 216px;
        height: 40px;
    }
}

.tut-banner.banner-section .banner-carousel 
{
    height: 200px;
}

.tut-banner.banner-section .auto-container
 {

    top: -240px;
    position: relative;
    padding: 0px 60px;
}

@media (max-width : 454 px)
{
    .tut-banner.banner-section .auto-container
    {
        top: -40px;
    }
}



.tut-banner .owl-dots
{
    display: none;
}

.tut-banner .owl-carousel .owl-nav.disabled
{
        display: block;
}

.border-box
{
    border:2px solid #9ba4ae;
}

.tut-banner.banner-section {

    height: 280px;
}

.sub-menu-soporte  a
{
    color: gray;
    font-weight: 700;
}

.sub-menu-soporte  a.active
{
    color: #419ac6;
    text-decoration: underline;
}



.nav-tabs.sub-menu-soporte>li.active>a, .nav-tabs.sub-menu-soporte>li.active>a:focus, .nav-tabs.sub-menu-soporte>li.active>a:hover {
    color: #419ac6;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd; 
    border-bottom-color: #dddddd;   
    text-decoration: underline;
}


.video-step1  .content-video
{
    background-image: url(../images/soporte/ST_PortadaVideo.jpg);
    width: 70%;
}

.video-step1  .content-video-global {
    width: 100%;
    height: 500px;
    text-align: center;
}

.video-step1 .content-video .overlay-video {
    background: -moz-linear-gradient(-45deg, rgba(243, 71, 98, 0.5) 0%, rgba(243, 71, 98, 0.3) 35%, #963a497a 100%);
    background: linear-gradient(-45deg, rgba(243, 71, 98, 0.5) 0%, rgba(243, 71, 98, 0.3) 35%, #963a497a 100%);

}

.video-step1 .content-video .text-video 
{
    width: 93%;
    max-width: 96%;
    text-align: left;
}

.progress 
{
    background-color: #f5f5f580;
    height: 12px;
}

.progress-bar {

    background-color: #ffffff;
}
.pad-bottom-10 {
    padding-bottom: 10px;
}

.pad-all-10 {
    padding: 10px;
}

/*Preguntas frecuentes*/
.table-pf
{
    background: white;
    
}

.table-pf.table-bordered>tbody>tr>td
 {
    border: 1px solid #000;  
}

.table-pf.table-bordered>thead>tr>th
{
    border: 1px solid #040404;
}

.border-none-right
{
    border-right-color: transparent !important;
}

.border-none-left
{
    border-left-color: transparent !important;
}

.border-none-bottom
{
    border-bottom-color: transparent !important;
}

.webinars.item-profile-select .select-selected {

    border: 1px solid #435363;

}


.webinars.item-profile-select .select-selected:after {

    border-color: #435363 transparent transparent transparent;
}

.webinars.item-profile-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #435363 transparent;
}

.txt-color-gray
{
    color:#555 !important;
}

.bck-gray
{
    background: #ECEDEF;
    padding: 10px;
    font-weight:bold;
    font-size: 16px;
}
    
.bck-white
{
    padding: 10px;
    font-size: 16px;
}

.card-webinars .btn-slider-2
{
    /*top: 27px;*/
}

@media (max-width: 991px) 
{
 .card-webinars .pad-top-60
 {
     padding-top: 0px !important;
 } 
}

.text-area-sug
{
    border-radius: 21px;
        float: right;
}

.inline-wrap
{
    white-space: nowrap;
}

@media (min-width: 992px)
{
    .pad-horizontally-50-resp 
    {
        padding: 0px 50px !important;
    }
    
}


/*Menu sistemas*/
.menu-sistemas li
{
    border-right: 1px solid black;
    color:gray;
    width: 150px;
    text-align: center;
}

.menu-sistemas.nav-tabs 
{
    border-bottom: 0px;
    margin-left: -36px;
}

.menu-sistemas.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
    border: 0px solid #ddd;
    color: #008CCC;
    text-decoration-line: underline;
}

.menu-sistemas.nav>li>a 
{
    color: #3c3a3a;
    font-weight: 800;
}


.preg-frec.accordion-container .article-title 
{

    padding: 0.8em 2.8em 0.8em 1em;
}

.preg-frec.accordion-container  .content-entry i:before 
{
    margin-left: 0px;
}

@media (max-width: 991px) 
{
    .txt-right-resp
    {
        text-align:left;
        float:left;
    }
}


.vmc-btn 
{
    font-family: 'Oxygen';
    text-decoration: underline;
    color: #008ccc;
    font-size: 9pt;
    padding: 20px 0px 40px 0px;
    transition: 0.3s;
    font-weight:bold;
}


.line-gray
{
    border-bottom: 2px solid #aeb5bd;
}

.pad-ul-list
{
        padding: 17px;
        text-align: justify;
}


 @media (min-width: 1025px)
 {
    .pad-horizontally-100-resp 
    {
        padding: 0px 100px !important;
    }
 }

@media (max-width: 744px)
{
    .st-preguntas h3
    {
        font-size: 15px;
    }
    

}


.pad-left-20
{
    padding-left:20px;
}

@media (min-width: 744px)
{
    .pad-all-80-resp 
    {
        padding: 80px 80px 0px 80px;
    }
}

@media (max-width: 767px){
.manuales
{
    width: 210px;
    padding: 20px 0px 20px 0px;
    /* margin: 0px 85px 0px; */
    left: 20px;
    position: relative;
}
}
.manuales
{
    width: 210px;
    padding: 20px 0px 20px 0px;
    margin: 0px 85px 0px;
    left: 20px;
    position: relative;
}
@media (max-width: 640px){
    .content-body-video {
    height: 250px;
    }
}

/* BOTON CHAT */
.contBtnChat{
    position: fixed;
    right: -20px;
    bottom: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    align-items: center;
    }
.contBtnWhatsApp {
    position: fixed;
    right: -20px;
    bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99999;
    align-items: center;
    
}
    
    /* boton cuadrado 26 Noviembre */
   .detail-related-btn-2 {
        display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(67, 83, 99, 0.10);
    margin-top: 10px; 
    max-width:245px;
    height:35px;
    color:#1a1a1a;
   }  
   
 .detail-related-btn-2:hover {
    background-color: #435363;
    color: #fff
       
   }
   
 /* Border Azul 2 */
 .box-blue {
     background-color: lightblue;
     margin: 0 0 0 0;
  
 }
/* Border Azul 2 */ 

/* banner_2 */ 
.banner_2 { 
    background: #ffffff; 
    /* height: 875px; */
    float: right;
    max-width: 220px;
    margin-right: -1em;
    margin-top: -6.3em;
}

/* Estilos cupón*/
.blue-cupon-20 {
background-color:#75CEDE;
height: 40px;
color:#ffffff;
text-align:center;
padding: 11px 0px 0px 0px;
position: absolute;
    min-width: 109.8%;
    font-size:20px;
}

.blue-cupon-58 {
   background-color: #002855;
    height: 58px;
    color: #ffffff;
    text-align: center;
    padding: 9px 0px 0px 0px;
    position: absolute;
    min-width: 100%;
    font-size: 15px;

}

.blue-cupon {
background-color:#75CEDE;
height: 40px;
color:#ffffff;
text-align:center;
padding: px 0px 0px 0px;
position: absolute;
    min-width: 109.8%;
    font-size:15px;
}

/* CUPONES SISTEMAS LEFT SAE:#E4002B BUENFIN:#ED1C24 */
.sae-cupon-left {
background-color:#E4002B;
height: 40px;
color:#ffffff;
text-align:left;
padding: 10px 0px 0px 45px;
position: absolute;
    min-width: 505px;
    margin-left:-45px;
    font-size:15px;
}

.sae-cupon-left h5 {

    font-size:16px;
}

.coi-cupon-left {
background-color:#00afd7;
height: 40px;
color:#ffffff;
text-align:left;
padding: 10px 0px 0px 45px;
position: absolute;
    min-width: 505px;
    margin-left:-45px;
    font-size:15px;
}

.coi-cupon-left h5 {

    font-size:16px;
}

.noi-cupon-left {
background-color:#ff8200;
height: 40px;
color:#ffffff;
text-align:left;
padding: 10px 0px 0px 45px;
position: absolute;
    min-width: 505px;
    margin-left:-45px;
    font-size:15px;
}

.noi-cupon-left h5 {

    font-size:16px;
}

.facture-cupon-left {
background-color:#a6192e;
height: 40px;
color:#ffffff;
text-align:left;
padding: 10px 0px 0px 45px;
position: absolute;
    min-width: 505px;
    margin-left:-45px;
    font-size:15px;
}

.facture-cupon-left h5 {

    font-size:16px;
}

.banco-cupon-left {
background-color:#97D700;
height: 40px;
color:#ffffff;
text-align:left;
padding: 10px 0px 0px 45px;
position: absolute;
    min-width: 505px;
    margin-left:-45px;
    font-size:15px;
}

.banco-cupon-left h5 {

    font-size:16px;
}

.caja-cupon-left {
background-color:#F1C400;
height: 40px;
color:#ffffff;
text-align:left;
padding: 10px 0px 0px 45px;
position: absolute;
    min-width: 505px;
    margin-left:-45px;
    font-size:15px;
}

.caja-cupon-left h5 {

    font-size:15px;
}

.prod-cupon-left {
background-color:#4C4084;
height: 40px;
color:#ffffff;
text-align:left;
padding: 10px 0px 0px 45px;
position: absolute;
    min-width: 505px;
    margin-left:-45px;
    font-size:15px;
}

.prod-cupon-left h5 {

    font-size:16px;
}

.adm-cupon-left {
    background-color:#00587C;
    height: 49px;
    color:#ffffff;
    text-align:left;
    padding: 15px 0px 0px 45px;
    position: absolute;
    min-width: 505px;
    margin-left:-45px;
    font-size:15px;
}

.adm-cupon-left h5 {

    font-size:15px;
}

/* CUPONES SISTEMAS*/
.cupon-sistema{
color:#ffffff;
text-align:center;
padding: 20px;
min-width: 100%;
margin: 2em 0;
}

@media (max-width: 664px) and (min-width: 383px){
.cupon-sistema {    
  padding-bottom:20px;
}
}
@media (max-width: 382px) and (min-width: 360px){
.cupon-sistema {    
  padding-bottom:20px;
}
}

/* Estilos cupón*/
.blue-cupon-footer {
    background-color: #75CEDE;
    height: 63px;
    color: #ffffff;
    text-align: center;
    padding: 6px 0px 0px 0px;
    position: absolute;
    min-width: 99.9%;
    font-size: 14px;
    margin-top: -16px;
    margin-left: -15px;
}

/* Cupón Diciembre*/
.blue-cupon-diciembre {
    background-color: #75CEDE;
    height: 40px;
    color: #ffffff;
    text-align: center;
    padding: 7px 0px 0px 0px;
    
    min-width: 113.7%;
    font-size: 20px;
    
    
}

@media (max-width: 991px) and (min-width: 639px){
  
.blue-cupon-diciembre {
    margin-bottom: -2px;
    margin-top:-19px!important;
    font-size:18px;
    padding-right:30px;
    height:40px;
    
}
}

@media (max-width: 638px) and (min-width: 360px){
  
.blue-cupon-diciembre {
    margin-bottom: -2px;
    margin-top:-19px!important;
    font-size:18px;
    padding-right:30px;
    height:54px;
    
}
}


/* Cupón Diciembre*/

.blue-cupon-left {
background-color:#75cede;
height: 40px;
color:#ffffff;
text-align:center;
padding: 11px 0px 0px 0px;
position: absolute;
    min-width: 420px;
    margin-left:-50px;
    font-size:15px;
}

/*CUPON BOX GENERAL*/
.cupon {
    background-color: #ffffff;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    font-size: 19px;
    margin-bottom: 20px;
}
/*ENDS CUPON BOX GENERAL*/

 /* boton Agregar Carrito Junio */
.boton_agregar_carrito { 
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 30px;
    width: 220px;
    text-align: center;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;
    -webkit-box-shadow: 5px 5px 10px -4px rgb(0 0 0 / 30%);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgb(0 0 0 / 30%);
    
}

 /* Iconos contrato */
 .iconoContrato .icon {
     max-width:50px;
     
 }

 /* Estilos modal 2021*/
 
    .modalCo {
        
    transition: 0.5s ease;
    background-color: #fff;
    margin: 3px;
    width: auto;
    z-index: 99999;
    border: 1px solid #A9B1BA;
    box-shadow: 6px 6px 8px 0px #bab9bb;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    
    }
    
    /*Enero 2022*/
.content-shipping-detail-enero {
    width: 95%;
    padding: 50px 70px;
}

.content-shipping-detail-enero .title-detail {
    font-size: 16px;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 15px;
}

.content-shipping-detail-enero .text-detail {
    font-size: 14px;
    font-weight: 400;
    color: #1A1A1A;
    text-align: right;
    margin-right: -440px;
}

.content-shipping-detail-enero .item-table-detail {
    margin-bottom: 10px;
}

.content-shipping-detail-enero .double-text-detail {
    display: flex;
    flex-direction: row;
    margin-left: 180px;
}

.content-shipping-detail-enero .double-text-detail .text-detail {
    width: 50%;
}

.content-shipping-detail-enero .double-text-detail .text-detail:last-child {
    text-align: right;
}

.content-shipping-detail-enero .strong-blue-text .text-detail {
    color: #008CCC;
    font-size: 24px;
    font-weight: 700;
}

.content-shipping-detail-enero .line-divider {
    width: 100%;
    height: 1px;
    display: block;
    content: "";
    background-color: #1A1A1A;
    margin: 15px 0;
}

.content-related  .background-enero {
    background: #ecedef; 
    margin-top: -20px; 
    padding: 25px 20px 25px 0px;
    margin-top: -20px !important;
    
}

.title-purchase-22 {

    font-size: 24px;
    font-weight: 400;
    margin-bottom: 18px;
    color: #435363;
    line-height: 1;
}

.item-purchase .total-blue {
color:#007cba;    
}

.content-related-22 {
    margin: 20px -13px;
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    border: 1px solid #9DA4AD;    

}
.content-related-22 .title-related {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 15px;


}

.content-related-22 .title-related-line {
    background-color: #91999f;
    height: 1px;
    width: 95%;
    content: "";
    margin-left: 15px;
    bottom: 0;
    display: block;
    margin-bottom: 20px;
}

.item-form-shopping .p-link-10 {
    font-family: 'Oxygen';
    text-decoration: underline;
    color: #007CBA;
    font-size: 10px;
    transition: 0.3s;
}



.content-shipping-detail-22 {
    width: 45%;
    padding: 50px 70px;
}

.content-related-pc {
    margin: 30px -70px 0px 20px;
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    border: 1px solid #9DA4AD;
}

.form-shopping-ammount-e {
    position: relative;
    line-height: 20px;
    background-color: #ECEDEF;
    color: #007CBA;
    border-radius: 25px;
    font-size: 19px;
    font-weight: 700;
    width: 220px;
    min-width: 220px;
    height: 40px;
    padding: 0 15px;
    margin: 5px -15px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.content-related-pc .subtitle-header-e {
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 10px;
    color: #415364;
    
}
.text-header-e {
    font-size: 34px;
    font-weight: 700;
    color: #435363;
    margin-top: -20px;
    
}

.content-shopping-e {
    margin-top: 10px;
}


/*HEADER SUSCRIPTION*/

.header-suscription-e {
    padding: 25px 0;
}

.header-suscription-e .text-header-e {
    font-size: 24px;
    font-weight: 700;
    color: #435363;
}

.header-suscription-e .text-header-r span {
    font-weight: 700;
    font-size: 24px;
    margin-left: 5px;
    line-height: 0;
    padding-bottom: 10px;
}

.header-suscription-e .subtitle-header-r {
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 10px;
    color: #415364;
}

.header-suscription-e .content-shopping-e {
    margin-top: 10px;
}

.header-suscription-e .content-shopping-e .title-shopping {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
}

.header-suscription-e .content-shopping-e form {
    display: flex;
    flex-wrap: wrap;
    max-width: 720px;
}

.header-suscription-e .content-shopping-e .item-form-shopping {
    /*margin-right: 50px;*/
    padding: 10px 0;
}

.header-suscription-e .content-shopping-e .item-form-shopping label {
    font-weight: 400;
    font-size: 14px;
    /*white-space: nowrap;*/
}

.header-suscription-e .content-shopping-e .form-shopping-btn {
    display: flex;
    flex-direction: column-reverse;
}

.header-suscription-e .content-shopping-e .form-shopping-ammount {
    position: relative;
    line-height: 20px;

    background-color: #ECEDEF;
    color: #007CBA;
    border-radius: 25px;
    font-size: 19px;
    font-weight: 700;
    width: 220px;
    min-width: 220px;
    height: 40px;
    padding: 0 15px;
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-suscription-e .content-shopping-e .form-shopping-btn a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 7px 30px;
    width: 220px;
    text-align: center;
    font-weight: 700;
    border: 3px solid #B1D34A;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #B1D34A;

    -webkit-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px -4px rgba(0, 0, 0, 0.3);
}

.header-suscription-e .content-shopping-e .form-shopping-btn a:hover {
    background-color: #00002c;
    border-color: #00002c;
    color: #ffffff;
    transition: 0.3s;
}

.content-option-purchase   .item-profile-select-f {
    width: 262px;
    margin: 5px 0;
}

    @media (max-width: 1400px) {
.item-profile-select-f {
    min-width: 206px;
}
}

.form-shopping-ammount-e22 {
    position: relative;
    line-height: 20px;
    background-color: #ECEDEF;
    color: #007CBA;
    border-radius: 25px;
    font-size: 19px;
    font-weight: 700;
    width: 160px;
    min-width: 160px;
    height: 40px;
    padding: 0 15px;
    margin: 5px -15px;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (max-width: 991px) and (min-width: 360px){
  
.content-related-pc {
    margin: 30px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    border: 1px solid #9DA4AD;
    
}
}

.btn-enviard {
    min-width: 130px;
    padding: 5px 10px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding: 4px 15px;
    font-weight: 700;
    border: 3px solid #007CBA;
    border-radius: 50px;
    background-color: #007CBA;
    margin-right: 15px;
    margin-top: -20px;
    transition: 0.3s;
    -webkit-box-shadow: 5px 5px 10px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 5px rgb(0 0 0 / 10%);
}

.margin-t35 {
    margin-top:-35px!important;
}

.text-detail-red {
    color:#E4002b;
    font-size: 14px;
    
}

.pad-left-40
{
    padding-left:40px;
}

.text-header-24 {
    font-size: 24px;
    font-weight: 700;
    color: #435363;
}

/*TABLA-color de celda alternada*/
 .tr-color tr:nth-child(even) {background-color: #ECEDEF;}
 
 /*COLORES SISTEMAS*/
  .color-buenfin{background-color: #ED1C24;}
  .color-sae{background-color: #e4002b;}
  .color-coi{background-color: #00AFD7;}
  .color-noi{background-color: #FF8200;}
  .color-caja{background-color: #F1C400;}
  .color-facture{background-color: #A6192E;}
  .color-banco{background-color: #97D700;}
  .color-prod{background-color: #4C4084;}
  .color-adm{background-color: #00587C;}
  
 /* COLORES BOTONES SISTEMAS PARA LANDING */
 .btn-sae-solido{background-color: #e4002b !important; padding: 1em; border:2px solid #E4002B !important; color: #ffffff !important;}
 .btn-sae-solido:hover{background-color: #ffffff !important; padding: 1em; border:2px solid #E4002B !important; color: #e4002b !important;}
 .btn-sae-linea{background-color: #ffffff !important; padding: 1em; border:2px solid #E4002B !important; color: #E4002B !important;}
 .btn-sae-linea:hover{background-color: #e4002b !important; padding: 1em; border:2px solid #E4002B !important; color: #ffffff !important;}
 .btn-coi-solido{background-color: #00AFD7 !important; padding: 1em; border:2px solid #00AFD7 !important; color: #ffffff !important;}
 .btn-coi-solido:hover{background-color: #ffffff !important; padding: 1em; border:2px solid #00AFD7 !important; color: #00AFD7 !important;}
 .btn-coi-linea{background-color: #ffffff !important; padding: 1em; border:2px solid #00AFD7 !important; color: #00AFD7 !important;}
 .btn-coi-linea:hover{background-color: #00AFD7 !important; padding: 1em; border:2px solid #00AFD7 !important; color: #ffffff !important;}
 .btn-noi-solido{background-color: #FF8200 !important; padding: 1em; border:2px solid #FF8200 !important; color: #ffffff !important;}
 .btn-noi-solido:hover{background-color: #ffffff !important; padding: 1em; border:2px solid #FF8200 !important; color: #FF8200 !important;}
 .btn-noi-linea{background-color: #ffffff !important; padding: 1em; border:2px solid #FF8200 !important; color: #FF8200 !important;}
 .btn-noi-linea:hover{background-color: #FF8200 !important; padding: 1em; border:2px solid #FF8200 !important; color: #ffffff !important;}
 .btn-caja-solido{background-color: #F1C400 !important; padding: 1em; border:2px solid #F1C400 !important; color: #ffffff !important;}
 .btn-caja-solido:hover{background-color: #ffffff !important; padding: 1em; border:2px solid #F1C400 !important; color: #F1C400 !important;}
 .btn-caja-linea{background-color: #ffffff !important; padding: 1em; border:2px solid #F1C400 !important; color: #F1C400 !important;}
 .btn-caja-linea:hover{background-color: #F1C400 !important; padding: 1em; border:2px solid #F1C400 !important; color: #ffffff !important;}
 .btn-facture-solido{background-color: #A6192E !important; padding: 1em; border:2px solid #A6192E !important; color: #ffffff !important;}
 .btn-facture-solido:hover{background-color: #ffffff !important; padding: 1em; border:2px solid #A6192E !important; color: #A6192E !important;}
 .btn-facture-linea{background-color: #ffffff !important; padding: 1em; border:2px solid #A6192E !important; color: #A6192E !important;}
 .btn-facture-linea:hover{background-color: #A6192E !important; padding: 1em; border:2px solid #A6192E !important; color: #ffffff !important;}
 .btn-banco-solido{background-color: #97D700 !important; padding: 1em; border:2px solid #97D700 !important; color: #ffffff !important;}
 .btn-banco-solido:hover{background-color: #ffffff !important; padding: 1em; border:2px solid #97D700 !important; color: #97D700 !important;}
 .btn-banco-linea{background-color: #ffffff !important; padding: 1em; border:2px solid #97D700 !important; color: #97D700 !important;}
 .btn-banco-linea:hover{background-color: #97D700 !important; padding: 1em; border:2px solid #97D700 !important; color: #ffffff !important;}
 .btn-prod-solido{background-color: #4C4084 !important; padding: 1em; border:2px solid #4C4084 !important; color: #ffffff !important;}
 .btn-prod-solido:hover{background-color: #ffffff !important; padding: 1em; border:2px solid #4C4084 !important; color: #4C4084 !important;}
 .btn-prod-linea{background-color: #ffffff !important; padding: 1em; border:2px solid #4C4084 !important; color: #4C4084 !important;}
 .btn-prod-linea:hover{background-color: #4C4084 !important; padding: 1em; border:2px solid #4C4084 !important; color: #ffffff !important;}
 .btn-adm-solido{background-color: #00587C !important; padding: 1em; border:2px solid #00587C !important; color: #ffffff !important;}
 .btn-adm-solido:hover{background-color: #ffffff !important; padding: 1em; border:2px solid #00587C !important; color: #00587C !important;}
 .btn-adm-linea{background-color: #ffffff !important; padding: 1em; border:2px solid #00587C !important; color: #00587C !important;}
 .btn-adm-linea:hover{background-color: #00587C !important; padding: 1em; border:2px solid #00587C !important; color: #ffffff !important;}
 
  /* FUENTE VERDANA PARA CARACTERES CONVENIO BANCOS */
  .verdana{font-family:Verdana;}
  
  /* ESCALA para IMG aspel-nube carrusel home tamanoDeImg634x489 */
  .img170{width: 170px !important;}
  .img140{width: 140px !important;}
  
  
  /*SECCION BLOG 18AGO2021 */

.blog-banner.banner-section .slide-item h2 
{
    color: #435363;
    font-size: 24px;
    text-shadow: none;
    letter-spacing: 0px;
    font-weight:500;

}

.blog-banner.banner-section .slide-item 
{
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 0px;
}

.blog-banner.banner-section .banner-carousel 
{
    height: 250px;
}

.blog-banner.banner-section .slide-item .content-box 
{
        height: 240px;
}

.blog-banner.banner-section 
{
    position: relative;
    height: 315px;
}

.blog-banner.banner-section .owl-dots 
{
    top: 220px;
}

.blog-cards .item-blog 
{
    width: 100%;
    padding:0;
    box-shadow: 5px 4px 7px 0px #b9b9b9;
}

.tpu
{
    font-size:11px;
}


.blog-derecho
{
    position: relative;
    
    padding-left: 80px;
}

.blog-cards .icon-img
{
    width: 18px;
    margin-top: -7px;
}

.width-190 
{
    width: 190px;
}
.width-25 {
    width: 25px;
}

.border-blog
{
    border-bottom: 1px solid black;
    padding-bottom: 10px;
    margin-left: 5px;
    padding-top: 10px;
}    

.bkgnd-blog
{
    height: 380px;
    background: #007cba;
    background: -moz-linear-gradient(45deg,  #007cba 0%, #73ccdd 100%);
    background: -webkit-linear-gradient(45deg,  #007cba 0%,#73ccdd 100%); 
    background: linear-gradient(45deg,  #007cba 0%,#73ccdd 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cba', endColorstr='#73ccdd',GradientType=1 ); 

}


.bkgnd-blog label
{                                                                                                                                                                                    
    font-weight: 100;
}

.bkgnd-blog input
{
    border: none;
    border-radius: 25px;
    width: 225px;
    padding: 10px;
    height: 30px;
}

.p3-azul
{
    color:#007CBA;
    font-size: 14px;
    font-weight: bold;
}


.btn-blog
{
    background: white;
    border: none;
    color: #007cba;
    border-radius: 25px;
    width: 160px;
    height: 35px;
    box-shadow: 3px 4px 8px 0px #075479;
}

  /*Estilos Input 06 Octubre */
  
  .input_o {
    
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 23px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    height: 34px;
    border: 1px solid #666762;
    border-radius: 100px;
    font-family: 'Oxygen';
    font-size: 11pt;
    font-weight: normal;
    color: #435363;
} 
      
  
/*Background Prueba Gratis*/

   .bg_prueba_gratis {
   background-image: url(https://cmsdes.aspel.com.mx/assets/aspelcom/images/bg/sistemas_aspel.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 170px;
}

/*prueba mediaquery borrar youtube*/
@media (min-width: 1127px) and (max-width: 1280px) {


  .img-youtube-link-m {
        display: none;
        
    }
}

/*prueba mediaquery borrar youtube*/
@media (min-width: 993px) and (max-width: 1280px) {
    
 .img-banner {
 margin-top: -60px;
 }
 }

/*prueba mediaquery borrar youtube*/
@media (min-width: 1127px) and (max-width: 1280px) {


    .img-ds {
        display: none;
    }
}

/*Boton para videos home*/

.boton-video a {
    color: #007CBA;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    padding: 7px 30px;
    background-color: #ffffff;
    border-radius: 25px;
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}

.boton-video a:hover {
    color: #ffffff;
    background-color: #007CBA;
    transition: 0.3s;
}

/*Cards Video*/
.block-color-video {
    background-color: #007CBA;
    padding-left: 0px;
}

 .lin-video {
     border:1px solid #ffffff; 
     width:220px;
 }

.block-promotion .texto-video {
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    line-height: 1.2em;
    padding: 15px 25px;
    margin-top:-25px;
}

/*Blog Derecho*/
.blog-derecho-2
{
    position: relative;
    padding-left: 20px;
    
    
}

/* Módulos de número*/
.num {
    display: flex;
    margin-top: 20px;
    justify-content: space-around;
    max-width: 44%;
}

.content-steps .item-steps:not(:last-child) .img-steps-no:before {
    background-color: transparent;
    height: 0;
    width: 35px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(50px, -50%);

    border: none;
    border-top: 5px dotted rgba(67, 83, 99, 0.50);
}

/* Módulos de número*/

.content-steps .item-steps:not(:last-child) .img-steps-antnom:before {
    background-color: transparent;
    height: 0;
    width: 40px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(50px, -50%);
    border: none;
    border-top: 5px dotted rgba(67, 83, 99, 0.50);
    
}

/* Estilos Mayo 22*/

.contenido-general {
font-size:14px;    
}

.card .contenido-mayo {
 font-size:14px;
 
}

.card-beneficios-m
{
    background: white;
    height: 400px;
    box-shadow: 5px 4px 7px 1px #c5c6c8;
    border:none;

}

.card  .card-title-md-m {
    font-size: 18px;
  
}

.modal-dialog, .modal-lg, .center-content-m {
   display: flex;
  align-items: center;
  justify-content: center;
 
    
}

.pad-top-18 {
    padding-top: 18px !important;
}

.modal-content-m {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 16px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    width:100%;
}

.titulo-descripcion-cotizador {
    font-size: 28px;
}
.oculta-div-pagos {
    visibility: hidden;
}
@media (max-width: 768px){
    .oculta-div-pagos {
        display: none;
    }
}
/* NUEVA CLASE NOTICIAS RELACIONADAS*/
@media(min-width: 768px){
    .noticias-class .item{
        width: 25%;
    }
}
.noticias-class{
    width: 100%;
    display: flex;
}
@media(max-width: 767px){
    .noticias-class .item{
        width: 100%;
    }
    .noticias-class{
        flex-direction: column;
    }
}

.modal-backdrop.modal-backdrop-siigo {
    background-color: rgba(50,95,140,.6);
}
.modal-backdrop.modal-backdrop-siigo.show {
    opacity: 1;
}